/* Panel Containers
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.main_page_container
{
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
	/* background-color: lime; */
	max-width: 1200px;
	margin: 0px auto;
}
.main_page_container .left_panel_container
{
	/* background-color: lightblue; */
	flex: 20%;
	box-sizing: border-box;
}
.main_page_container .right_panel_container
{
	/* background-color: lightyellow; */
	flex: 80%;
	box-sizing: border-box;
	max-width: 80%;
}
/* Up to 1050px */
@media only screen and (max-width: 850px) {
	.main_page_container .left_panel_container
	{
		display: none;
		flex: 100%;
	}
	.main_page_container .right_panel_container
	{
		flex: 100%;
		max-width: 100%;
	}
}


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section 
{
	padding: 40px 0px 40px 0px;
	text-align: left;
}
.section_heading
{
	text-align: left;
	color: #004998;
	font-size: 64px;
	line-height: 76px;
}
.section_description 
{
	text-align: left;
	margin: 10px 0px 10px 0px;
}
h1.section_heading 
{
	font-size: 38px;
	line-height: 46px;
	letter-spacing: 0.5px;
	color: #004998;
	text-align: left;
	margin: 0px 0px 20px 0px;
}
h2.section_heading 
{
	font-size: 26px;
	line-height: 40px;
	margin: 20px 0px 10px 0px;
}
h3.section_heading 
{
	font-size: 20px;
	line-height: 24px;
	margin: 20px 0px 10px 0px;
}
h4.section_heading 
{
	font-size: 38px;
	line-height: 44px;
	text-align: center;
	letter-spacing: normal;
}
h5.section_heading 
{
	font-size: 28px;
	line-height: 34px;
	margin-top: 50px;
}
h6.section_heading 
{
	font-size: 26px;
	line-height: 30px;
}

/* Up to 550px */
@media only screen and (max-width: 550px) {
	h1.section_heading 
	{
		text-align: center;
	}
}
@media only screen and (max-width: 400px) {
    h1.section_heading 
    {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: 0.5px;
        /* color: #ffffff; */
        text-align: center;
        margin-bottom: 10px;
    }
}

/* Product Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.product_buttons_container
{
	display: flex;
	flex-direction: column;
	margin: -10px 0px;
}
.product_button
{
	flex: 100%;
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 10px 0px;
	box-sizing: border-box;
}
.product_button a
{
	font-family: 'Roboto Condensed', sans-serif;
	display: inline-block;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	width: 140px;
	height: 60px;
	border: 3px solid #004998;
	border-radius: 6px;
	background-image: url("https://screedflo.co.uk/images/button_background.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	box-sizing: border-box;
	padding-top: 18px;
    -webkit-transition: background 400ms linear;
    -ms-transition: background 400ms linear;
    transition: background 400ms linear;
}
.product_button a.non_product
{
	font-weight: 400;
	font-size: 15px;
	padding-top: 17px;
	color: #000000;
	border: 3px solid #000000;
}
.product_button a:hover
{
	/* background-color: #f3f2f2; */
	background-color: #004998;
	background-image: none;
	text-decoration: none;
	color: #ffffff;
}


/* Mobile Product Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.mobile_product_buttons
{
	padding: 20px 0px 20px 0px;
	text-align: center;
	background-color: rgb(241, 241, 241);
}
.section.mobile_product_buttons .product_buttons_container
{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 5px -5px;
}
.section.mobile_product_buttons .product_button
{
	flex: 0;
	margin: 0px 6px 0px 6px;
	padding: 5px 5px 5px 5px;
}
.section.mobile_product_buttons .product_button a
{
	display: inline-block;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	width: 140px;
	/* height: 60px; */
	/* border: 3px solid #004998; */
	border-radius: 6px;
	background-image: none;
	box-sizing: border-box;
	/* padding-top: 19px; */

	font-size: 14px;
	background-color: #004998;
	color: #ffffff;
	border: none;
	height: 42px;
	padding-top: 11px;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
.section.mobile_product_buttons .product_button a.non_product
{
	font-weight: 400;
	font-size: 15px;
	padding-top: 10px;
}
/* Up to 850px */
@media only screen and (min-width: 850px) {
	.section.mobile_product_buttons 
	{
		display: none;
	}
}
/* Up to 360px */
@media only screen and (max-width: 360px) {
	.section.mobile_product_buttons .product_button
	{
		flex: 0;
		margin: 6px 6px 6px 6px;
		padding: 0px 0px 0px 0px;
	}
	.section.mobile_product_buttons .product_button a
	{
		display: inline-block;
		font-weight: 700;
		font-size: 18px;
		text-align: center;
		/* width: 140px; */
		/* height: 60px; */
		/* border: 3px solid #004998; */
		border-radius: 6px;
		background-image: none;
		box-sizing: border-box;
		/* padding-top: 19px; */
	
		width: 132px;
		font-size: 14px;
		background-color: #004998;
		color: #ffffff;
		border: none;
		height: 42px;
		padding-top: 11px;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}
}


/* Quick Quote Floating Panel
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.quick_quote_hover_container
{
	position: fixed;
	max-width: 140px;
	bottom: 40px;
	right: 30px;
	z-index: 999;
	text-align: center;
}
.quick_quote_hover_container a.quick_quote_hover 
{
	display: block;
	background-color: #004998;
	border-radius: 6px;
	box-shadow: 4px 4px 10px 1px #0e0e0e;
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
	color: #f1f1f1;
	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 26px;
	font-weight: 700;
    -webkit-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    transition: background 300ms linear;
}
.quick_quote_hover_container a.quick_quote_hover span
{
	color: #d3e1f7;
}
.quick_quote_hover_container a.quick_quote_hover:hover
{
	background-color: #000000;
	text-decoration: none;
	color: #ffffff;
}
@media only screen and (max-width: 1560px) {
	.quick_quote_hover_container
	{
		display: none;
	}
}


/* Section - Top Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.top_header 
{
	position: fixed;
	background-color: #060607;
	width: 100%;
	top: 0px;
	z-index: 100;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	height: 40px;
	box-sizing: border-box;
	/*transition: padding .4s ease, opacity .3s ease;*/
}
.section.top_header .container
{
	max-width: 1200px;

}
.section.top_header ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.section.top_header ul li
{
    display: inline;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    font-weight: 400;
	font-size: 19px;
    color: #ffffff;
    list-style: none;
}
.section.top_header ul li:first-of-type
{
    margin-left: 0px;
}
.section.top_header a
{
    font-weight: 400;
    text-decoration: none;
    color: #ffffff;
}
.section.top_header a:hover
{
    font-weight: 400;
    color: #d3e1f7;
}
.section.top_header ul li.mobile_hide
{
    display: inline;
}
@media only screen and (max-width: 434px) {
    .section.top_header ul li.mobile_hide
    {
        display: none;
    }
    .section.top_header ul
    {
        width: 100%;
     }
   .section.top_header ul li
    {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0px 0px 0px 0px;
    }
}
/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

@media (max-width: 1200px) 
{
	.section.top_header .container
	{
		padding: 0px 20px; 
	}

}
@media (min-width: 550px) 
{
	.section.top_header .container
	{
		width: 100%; 
	}

}


/* Section - Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.header 
{
	position: fixed;
	/*background-color: transparent;*/
	/*background-color: rgba(255,255,255,0.9);*/
	background-color: #ffffff;
	width: 100%;
	top: 40px;
	z-index: 100;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	/*height: 169px;*/
	box-sizing: border-box;
	/*transition: padding .4s ease, opacity .3s ease;*/
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
.section.header.scrolled
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.section.header .container
{
	max-width: 1200px;
}
.section.header .navbar_logo
{
	float: left;
	left: 0px;
	text-align: left;
	top: 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	width: 160px;
	/*z-index: 200;*/
	transition: height .4s ease, opacity .3s ease;
	transition: width .4s ease, opacity .3s ease;
}
.section.header .navbar_logo img
{
	max-width: 100%;
	display: block;
}

@media (max-width: 1200px) 
{
	.section.header .container
	{
		padding: 0px 20px; 
	}

}
@media (min-width: 550px) 
{
	.section.header .container
	{
		width: 100%; 
	}

}
/* Reduce logo size where too large for nav to fit */
@media only screen and (max-width: 1000px) {
}
/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}
/* Screens not wide enough for nav ----------------------------------- */
@media only screen and (min-width: 1001px) and (max-width: 1040px) {
	.section.header .navbar_logo
	{
		width: 120px;
	}
}
@media only screen and (max-width: 1000px) {
	.section.header .navbar_logo
	{
		width: 80px;
	}
}
/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
}
/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Section - Header Padding (to push down content below the floating nav bar)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.header_padding 
{
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	height: 116px;
	transition: height .4s ease, opacity .3s ease;
	background-color: #ffffff;
	
}
@media only screen and (min-width: 1001px) and (max-width: 1040px) {
	.section.header_padding 
	{
		height: 109px;
	}
}
@media only screen and (max-width: 1000px) {
	.section.header_padding 
	{
		height: 73px;
	}
}
/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
}
/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*transition: margin-top .4s ease, opacity .3s ease;*/
}
.menu ul
{
	/*transition: height .4s ease, opacity .3s ease;*/
	margin-bottom: 0px;
	
}
.menu ul li
{
	float: left;
	display: inline;
	list-style: none;
	/* margin: 54px 0px 0px 30px; */
	margin: 54px 0px 0px 4px;
    -webkit-transition: margin 0.3s ease-out;
    -moz-transition: margin 0.3s ease-out;
    -o-transition: margin 0.3s ease-out;
    transition: margin 0.3s ease-out;
	
	/* padding-left: 10px; */
}
.menu ul li a
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-size: 14px;
	line-height: 22px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #000000;
	/* padding-left: 10px; */
    /* -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; */
	text-decoration: none;
	text-transform: uppercase;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}
.menu ul li a:hover
{
	/* color: #004998; */
	text-decoration: none;
    /* -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out; */

	background-color: #004998;
	color: #ffffff;
}
.menu ul li a.active
{
	color: #004998;
	border-bottom: none;
	text-decoration: none;
}
.menu ul li a.active:has(+ ul)
{
	/* color: orange; */
}
.menu ul li:hover:has(+ a.active)
{
	/* color: orange; */
}
.menu ul li:hover:has(+ a:hover)
{
	/* color: cadetblue; */
}
.menu ul li:hover a.active:has(+ ul)
{
	color: #ffffff;
}

.menu ul li:hover
{
	color: cyan;
}
/* .menu ul li a.active:hover,
.menu ul li:hover
{
	color: fuchsia;
} */



.menu li:hover
{
	background-color: #004998;
}
.menu li:hover a
{
	color: #ffffff;
}

.menu li ul
{
	background: #004998;
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	/* width: 225px; */
	z-index: 200;
	/*top: 1em;
	/*left: 0;*/
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}
.menu li:hover ul
{
	display: block;
}
.menu li li 
{
	margin-top: 0px;
	margin-left: 0px;
	display: block;
	float: none;
}
.menu li:hover li a
{
	/* color: green; */
}

/* HERE A */
.menu ul li ul a
{
	display: block;
	/* height: 35px; */
	/* font-size: 12px; */
	font-style: normal;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-align: left;

	background-color: #004998;

}

.menu ul li:hover ul li a
{
	color: #ffffffc5;
	background-color: #004998;
}
.menu ul li:hover ul li a:hover
{
	color: #ffffffff;
	background-color: #004998;
}
.menu li ul a:hover, .menu li ul li:hover a
{
	border: 0px;
	color: #ffffff;
	text-decoration: none;
	background-color: #004998;

}
.menu p
{
	clear: left;
}	

		
/* Screens not wide enough for nav ----------------------------------- */
@media only screen and (min-width: 1000px) and (max-width: 1040px) {
	.menu ul li
	{
		/* margin-left: 20px; */
		margin-left: 4px;
        /* margin-top: 40px; */
        margin-top: 54px;
	}
}
/* Screens not wide enough for nav ----------------------------------- */
@media only screen and (min-width: 980px) and (max-width: 1164px) {
}

/* Responsive Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#responsive_menu_buttons
{
	position: absolute;
	right: 20px;
	top: 10px;
	display: none;
	/* z-index: 999; */
	width: 36px;
	height: 32px;
	border: 1px solid #eee;
	background: #f5f5f5;
	color: #060607;
	padding: 5px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
}
#responsive_menu_buttons a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #060607;
}
#responsive_menu_open_button
{
	display: block;
	visibility: visible;	
	/*z-index: 999;*/
	font-size: 30px;
	line-height: 30px;
}
#responsive_menu_close_button
{
	display: none;
	visibility: visible;	
	/*z-index: 999;*/
	font-size: 30px;
	line-height: 30px;
}

#responsive_menu 
{
	position: absolute;
	display: none;
	width: 100%;
	z-index: 50;
	background-color: #004998;
	padding-top: 160px;
	padding-bottom: 40px;
}
#responsive_menu select
{
	-moz-appearance: none;
}
#responsive_menu ul
{
	width: 80%;
	margin: 0px 0px 0px 0px;
	padding-left: 10%;
	padding-right: 10%;
	list-style: none;
}
#responsive_menu li
{
	display: inline;
	float: left;
	width: 100%;
	border-top: 2px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
#responsive_menu ul li:first-child
{
	border-top: 3px solid #ffffff;
}
#responsive_menu ul li:last-child
{
	border-bottom: 4px solid #ffffff;
}
#responsive_menu li.top
{
	border-top: 3px solid #ffffff;
}
#responsive_menu li span
{
	float: left;
	width: 40px;
}
#responsive_menu li a
{
	float: left;
	color: #f7f7f7;
	font-size: 22px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 120%;
}
#responsive_menu li a#active_page
{
	font-weight: 700;
}
#responsive_menu li a:hover
{
	color: #555555;
}
/* Menu - Responsive  ---------------------------------- */
@media only screen and (max-width: 1000px) {
	#responsive_menu_buttons
	{
		display: inline;
	}
	#responsive_menu 
	{
		display: none;
		visibility: visible;
	}
	.menu
	{
		visibility: hidden;
		height: 0;
		display: none;
	}
}
@media only screen and (max-width: 399px) {
    #responsive_menu_buttons
    {
        right: 10px;
    }
}

/* Section - Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.hero
{
	padding: 0px 0px 0px 0px;
	/*background-color: #ebebeb;*/
}
.section.hero img
{
    filter: brightness(70%);	
}
.sp-image {
	position: relative;
	display: block;
	border: none;
}
.section.hero h2.section_heading
{
	font-size: 50px;
	line-height: 60px;
	color: #ffffff;
}
.section.hero h3.section_heading
{
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.section.hero h2.section_heading
	{
		font-size: 40px;
		line-height: 46px;
	}
	.section.hero h3.section_heading
	{
		font-size: 30px;
		line-height: 36px;
	}
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.section.hero h2.section_heading
	{
		font-size: 30px;
		line-height: 36px;
	}
	.section.hero h3.section_heading
	{
		font-size: 20px;
		line-height: 26px;
	}
}


/* Section - Single Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.single_hero
{
	padding: 0px 0px 0px 0px;
	background-size: cover;
	background-position: center center;
	height: 200px;
	border-radius: 4px;
}
.section.single_hero.dummy
{
	background-image: url(https://www.dummyimage.co.uk/960x215/cbcbcb/959595/Dummy%20Image/40);
}
.section.single_hero.accessories
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/accessories.jpg);
}
.section.single_hero.aftercare
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/aftercare_v2.jpg);
}
.section.single_hero.home
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/home_page_1.jpg);
	height: 435px;
}
.section.single_hero.htc
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/htc_screed.jpg);
}
.section.single_hero.liquid_screed
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/liquid_screed.jpg);
}
.section.single_hero.liquid_screed_2
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/liquid_screed_2.jpg);
}
.section.single_hero.preparation
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/preparation.jpg);
}
.section.single_hero.process
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/screed_process.jpg);
}
.section.single_hero.screedtruck
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/screed_truck.jpg);
}
.section.single_hero.screedtruck_2
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/screedflo_truck.jpg);
}
.section.single_hero.screedtrucks
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/screedflo_trucks.jpg);
}
.section.single_hero.spray
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/screed_spray.jpg);
}
.section.single_hero.sustainability
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/sustainability.jpg);
}
.section.single_hero.timber
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/timber.jpg);
}
.section.single_hero.ts20
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/ts20.jpg);
}
.section.single_hero.underfloor
{
	background-image: url(https://screedflo.co.uk/images/single_heroes/underfloor_heating.jpg);
}
.section.single_hero .centre_vertically_container
{
	height: 500px;
}
/* Locations: */
.section.single_hero.bedfordshire
{
	background-image: url(https://screedflo.co.uk/images/locations/bedfordshire.jpg);
	height: 300px;
}
.section.single_hero.berkshire
{
	background-image: url(https://screedflo.co.uk/images/locations/berkshire.jpg);
	height: 300px;
}
.section.single_hero.buckinghamshire
{
	background-image: url(https://screedflo.co.uk/images/locations/buckinghamshire.jpg);
	height: 300px;
}
.section.single_hero.cambridgeshire
{
	background-image: url(https://screedflo.co.uk/images/locations/cambridgeshire.jpg);
	background-position: center top;
	height: 300px;
}
.section.single_hero.essex
{
	background-image: url(https://screedflo.co.uk/images/locations/essex.jpg);
	height: 300px;
}
.section.single_hero.greater_london
{
	background-image: url(https://screedflo.co.uk/images/locations/greater_london.jpg);
	height: 300px;
}
.section.single_hero.hertfordshire
{
	background-image: url(https://screedflo.co.uk/images/locations/hertfordshire.jpg);
	height: 300px;
}
.section.single_hero.kent
{
	background-image: url(https://screedflo.co.uk/images/locations/kent.jpg);
	height: 400px;
}
.section.single_hero.norfolk
{
	background-image: url(https://screedflo.co.uk/images/locations/norfolk.jpg);
	height: 300px;
}
.section.single_hero.south_norfolk
{
	background-image: url(https://screedflo.co.uk/images/locations/screedlorry.jpg);
	height: 300px;
}
.section.single_hero.suffolk
{
	background-image: url(https://screedflo.co.uk/images/locations/suffolk.jpg);
}
.section.single_hero.surrey
{
	height: 300px;
	background-image: url(https://screedflo.co.uk/images/locations/surrey.jpg);
}
.section.single_hero.east_sussex
{
	background-image: url(https://screedflo.co.uk/images/locations/east_sussex.jpg);
	height: 300px;
}
.section.single_hero.west_sussex
{
	background-image: url(https://screedflo.co.uk/images/locations/west_sussex.jpg);
	height: 400px;
}

@media only screen and (max-width: 1050px) {
}
@media only screen and (max-width: 800px) {
	.section.single_hero.home
	{
		height: 362px;
	}
}
@media only screen and (max-width: 500px) {
	.section.single_hero.home
	{
		height: 227px;
	}
	.section.single_hero h1.section_heading
	{
		font-size: 40px;
		line-height: 46px;
	}
}
@media only screen and (max-width: 400px) {
	.section.single_hero.home
	{
		height: 181px;
	}
}


/* Section - Strap Line
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.strap_line
{
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
	background-color: #004998;
	overflow-x: hidden;
	border-radius: 4px;
}
.section.strap_line_2
{
	margin-top: 150px;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
	background-color: #004998;
	overflow-x: unset;
	border-radius: 4px;
}
.section.strap_line h1
{
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
    color: #ffffff;
}
.section.strap_line h4.section_heading
{
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px; 
	line-height: 32px;
	font-weight: 700; 
	margin: 0px 0px 0px 0px;
	color: #d3e1f7;
	text-transform: none;
}
.section.strap_line a
{
	font-size: 24px; 
	line-height: 32px;
	font-weight: 700; 
	color: #ffffff;
}
.section.strap_line a:hover
{
	text-decoration: underline;
}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.section.strap_line h1
	{
		font-size: 40px;
		line-height: 50px;
	}
}


/* Section - Home Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.homepage #partners
{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.section.homepage #partners > div
{
    margin: 0px 40px 0px 40px;
}


/* Section - Home Page - Advantages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.advantages h2
{
    text-align: center;
}
.section.advantages ul
{
    list-style: square;
	list-style-position: outside;
	margin: 0px 0px 0px 20px;
    padding-left: 5%;
    padding-right: 5%;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
  }
.section.advantages ul li
{
	margin: 5px 25px 5px 25px;
	font-weight: 700;
}
.section.advantages ul li:nth-child(odd)
{
	color: #000000;
}
.section.advantages ul li:nth-child(even)
{
	color: #004998;
}

/* Section - Home Page - Video
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.video .videoWrapper 
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;
	overflow: hidden;
  }
.section.video .videoWrapper iframe 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Section - Home Page - Testimonials
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#testimonial_container
{
	/* float: left; */
	width: 100%;
	margin: 0px 0px 50px 0px;
	padding: 60px 20px 60px 20px;
	background-color: #f7f7f7;
	box-sizing: border-box;
}	

#testimonial_container .testimonial-with-quotes blockquote
{
	border-right: none;
}
#testimonial_container .testimonial-with-quotes blockquote,
#testimonial_container .testimonial-with-quotes blockquote p
{
	color: #1f1f1f;
	font-style: normal;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0px;
	padding: 0px 40px 0px 40px;
}

#testimonial_container .testimonial-with-quotes blockquote:before {
	color: #004998;
	display: block !important;
	left: 10px;
	top: 0;
	/*content: """;*/
	content: "\201c";
	font-family: 'Playfair Display', serif;
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

#testimonial_container .testimonial-with-quotes blockquote:after {
	color: #004998;
	display: block !important;
	right: 10px;
	font-family: 'Playfair Display', serif;
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
	bottom: -0.5em;
	content: "\201d";
}
#testimonial_container .testimonial-author
{
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	line-height: 26px;
	padding-top: 20px;
}
@media only screen and (max-width: 550px) {
	#testimonial_container
	{
		padding: 60px 0px 60px 0px;
	}	
	#testimonial_container .testimonial-with-quotes blockquote,
	#testimonial_container .testimonial-with-quotes blockquote p
	{
		font-size: 20px;
		line-height: 26px;
		text-align: center;
		margin: 30px 20px 0px 20px;
		padding: 0px 20px 0px 20px;
	}
		
}

/* Section - Location Landing Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.location
{
	padding-top: 0px;
}
.section.location #partners
{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.section.location #partners > div
{
    margin: 0px 40px 0px 40px;
}


/* Section - Location Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.location_page
{
	padding-top: 0px;
}
.section.location_page .location_header
{
	padding: 0px 0px 0px 0px;
	background-size: cover;
	background-position: center center;
	height: 200px;
	border-radius: 4px;

}
.section.location_page .location_header.witham
{
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://screedflo.co.uk/images/locations/witham.jpg');
	height: 300px;
}
.section.location_page h1.section_heading
{
	text-align: center;
	color: #ffffff;
}
.section.location_page h2.section_heading
{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.section.location_page .flex_container
{
   justify-content: center;
   gap: 40px;
}
.section.location_page p.section_description:first-of-type
{
	margin-top: 0px;
}

@media only screen and (max-width: 500px) {
	.section.location_page h1.section_heading
	{
		font-size: 40px;
		line-height: 46px;
	}
}
@media only screen and (max-width: 1000px) {
	.section.location_page .flex_container
	{
		flex-direction: column;
	}
}


/* Section - Product Information
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.product_info ul.data_links
{
	padding: 10px 10px 10px 10px;
	background-color: #d3e1f7;
	border: 1px dotted #004998;
	border-radius: 4px;
}
.section.product_info ul.data_links li
{
	display: inline;
	margin-right: 10px;
	color: #000000;
	font-weight: 400;
}
.section.product_info ul.data_links li a
{
	text-decoration: none;
	transition: all ease-in-out .25s;
}
.section.product_info ul.data_links li a:hover
{
	/* text-decoration: underline; */
	color: #000000;
	font-weight: 700;
}
.section.product_info ul.alternating_colours
{
	list-style: square;
	list-style-position: outside;
	margin-left: 30px;
	margin-top: 20px;
}
.section.product_info ul.alternating_colours li:nth-child(odd)
{
	color: #000000;
	font-weight: 700;
}
.section.product_info ul.alternating_colours li:nth-child(even)
{
	color: #004998;
	font-weight: 700;
}
.section.product_info .flex_container
{
	flex-wrap: wrap;
    justify-content: center;
}
.section.product_info .accessory_image
{
	flex-basis: 30%;
	flex-grow: 1;
	margin-bottom: 20px;
}
.section.product_info .accessory_image img
{
	max-width: 90%;
	width: 90%;
}
.section.product_info h2
{
	flex-basis: 100%;
}
.section.product_info .accessory_description
{
	flex-basis: 70%;
	flex-grow: 1;
	margin-bottom: 50px;
}
.section.product_info .accessory_description p.section_description:first-of-type
{
	margin-top: 0px;
}
.section.product_info p.section_description.faq_q
{
	margin-top: 24px;
	margin-bottom: 0px;
	font-weight: 700;
}
.section.product_info p.section_description.faq_a
{
	margin-top: 5px;
	color: #004998;
}
.section.product_info p.section_description.faq_a a
{
	color: red;
}

@media only screen and (max-width: 550px) {

	.section.product_info ul.data_links,
	.section.product_info ul.data_links li
	{
		text-align: center;
	}
	.section.product_info ul.data_links li:first-of-type
	{
		display: block;
	}
	.section.product_info .accessory_image
	{
		flex-basis: 100%;
		margin-bottom: 10px;
	}
	.section.product_info .accessory_image img
	{
		max-width: 100%;
		width: 100%;
	}
	.section.product_info .accessory_description
	{
		flex-basis: 100%;
	}
		
}

/* Section - Coverage Calculator
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.coverage_calculator .calculator
{
	float: left;
	width: 90%;
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}
.section.coverage_calculator .calculator table
{
	width: 100%;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	border-collapse: separate;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.coverage_calculator .calculator td
{
	background-color: #eff7ff;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #ffffff;
	vertical-align: middle;
	border-collapse: collapse;
}
.section.coverage_calculator .calculator input
{
	width: 100px;
	/* background-color: #ffffff; */
	border: 1px solid #a9a9a9;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}
.section.coverage_calculator .calculator .button
{
	background-color: #004998;
	border: none;
}


/* Section - Datasheets and Guides
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.datasheets
{
	padding-top: 0px;
	margin-top: 0px;
}
.section.datasheets h2.section_heading:first-of-type
{
	margin-top: 0px;
}

.section.datasheets .flex_container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: space-between;
	gap: 10px;
	margin-bottom: 40px;
}
.section.datasheets .flex_container .flex_item
{
	border: 1px solid #060607;
	padding: 10px 10px 10px 10px;
	flex: 1 1 250px;
}
.section.datasheets .flex_container.projects .flex_item 
{
	flex: 1 1 300px;
}
.section.datasheets .flex_container .flex_item.blank_item
{
	border: none;
}
.section.datasheets ul
{
	list-style: none;
	margin-left: 10px;
}
.section.datasheets ul li a
{
	text-decoration: none;
	transition: all ease-in-out .25s;
}
.section.datasheets ul li a:hover
{
	/* text-decoration: underline; */
	color: #000000;
	font-weight: 700;
}
.section.datasheets .cover
{
	padding: 0px 0px 0px 0px;
	background-size: cover;
	background-position: center center;
	height: 200px;
	border-radius: 4px;
}
.section.datasheets .cover.projects_stansted
{
	background-image: url(https://screedflo.co.uk/images/projects/stansted_thumb.jpg);
}
.section.datasheets .cover.projects_colchester
{
	background-image: url(https://screedflo.co.uk/images/projects/colchester_thumb.jpg);
}
.section.datasheets .cover.projects_bury_st_edmunds
{
	background-image: url(https://screedflo.co.uk/images/projects/bury_st_edmunds_thumb.jpg);
}
.section.datasheets .cover.projects_tunbridge_wells
{
	background-image: url(https://screedflo.co.uk/images/projects/tunbridge_wells_thumb.jpg);
}
.section.datasheets .cover.ds_analysis
{
	background-image: url(https://screedflo.co.uk/images/products/ds_analysis.jpg);
}
.section.datasheets .cover.ds_report
{
	background-image: url(https://screedflo.co.uk/images/products/ds_report.jpg);
}
.section.datasheets .cover.ds_htc
{
	background-image: url(https://screedflo.co.uk/images/products/ds_htc.jpg);
}
.section.datasheets .cover.ds_leveling
{
	background-image: url(https://screedflo.co.uk/images/products/ds_screed_level.jpg);
}
.section.datasheets .cover.ds_leveling_2
{
	background-image: url(https://screedflo.co.uk/images/products/ds_screed_level_2.jpg);
}
.section.datasheets .cover.ds_leveling_3
{
	background-image: url(https://screedflo.co.uk/images/products/ds_screed_level_3.jpg);
}
.section.datasheets .cover.ds_liquid_floor_screed
{
	background-image: url(https://screedflo.co.uk/images/products/ds_liquid_floor_screed.jpg);
}
.section.datasheets .cover.ds_screed_drying
{
	background-image: url(https://screedflo.co.uk/images/products/ds_screed_drying.jpg);
}
.section.datasheets .cover.ds_screed_pour
{
	background-image: url(https://screedflo.co.uk/images/products/ds_screed_pour.jpg);
}
.section.datasheets .cover.ds_screedflo
{
	background-image: url(https://screedflo.co.uk/images/products/ds_screedflo.jpg);
}
.section.datasheets .cover.ds_sustainability
{
	background-image: url(https://screedflo.co.uk/images/products/ds_sustainability.jpg);
}
.section.datasheets .cover.ds_ts20
{
	background-image: url(https://screedflo.co.uk/images/products/ds_ts20.jpg);
}
.section.datasheets .cover.ds_timber_edged
{
	background-image: url(https://screedflo.co.uk/images/products/ds_timber_edged.jpg);
}
.section.datasheets .videoWrapper 
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;
	overflow: hidden;
  }
.section.datasheets .videoWrapper iframe 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 1044px) {
	.section.datasheets .flex_container .flex_item.blank_item
	{
		display: none;
	}
}

/* Section - Projects pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.projects
{
	padding-top: 0px;
	margin-top: 0px;
}
.section.projects h2.section_heading:first-of-type
{
	margin-top: 0px;
}

.section.projects .flex_container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    align-content: space-between;
	gap: 30px;
	margin-bottom: 40px;
}
.section.projects .flex_container .flex_item
{
	padding: 10px 0px 10px 0px;
	/* flex-grow: 1; */
	/* flex-shrink: 1; */
	flex-basis: 250px;
}
.section.projects .flex_container .flex_item:nth-of-type(1) { flex-grow: 1; flex-shrink: 1;}
.section.projects .flex_container .flex_item:nth-of-type(2) { flex-grow: 3; flex-shrink: 2;}

.section.projects .flex_container .flex_item.blank_item
{
	border: none;
}

.section.projects .navlinks
{
    display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	gap: 40px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #bebebe;
}
.section.projects .navlinks a
{
	display: block;
	position: relative;
}
.section.projects .navlinks .left_nav a
{
	padding-left: 50px;
}
.section.projects .navlinks .right_nav a
{
	padding-right: 50px;
}
.section.projects .navlinks a:hover
{
	text-decoration: none;
}

.section.projects .navlinks a svg
{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.section.projects .navlinks .left_nav a svg
{
	left: 0px;
}
.section.projects .navlinks .right_nav a svg
{
	right: 0px;
}
.section.projects .navlinks a h2
{
	font-size: 24px;
}
/* .section.projects .navlinks a:hover h2
{
	color: #000000;
} */
.section.projects .navlinks .right_nav a h2,
.section.projects .navlinks .right_nav a h3
{
	text-align: right;
}
.section.projects .navlinks a h3
{
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	color: #bebebe;
	margin-bottom: 6px;
}


/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 849px) {
	.section.projects h2.section_heading:first-of-type
	{
		margin-top: 20px;
	}
}
@media only screen and (max-width: 660px) {
	.section.projects .navlinks a h2
	{
		font-size: 18px;
	}
	/* .section.projects .navlinks a:hover h2
	{
		color: unset;
	} */
}
@media only screen and (max-width: 480px) {
	.section.projects .navlinks
	{
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		gap: unset;
	}
}


/* Section - Policy
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.policy h1.section_heading,
.section.policy h4.section_heading
{
	text-align: left;
}
.section.policy p.section_description
{
	padding-top: 0px;
}
.section.policy img
{
	position: relative;
	top: 20px;
	width: 400px;
}
.section.policy ul
{
	list-style: none;
	text-align: left;
	margin-top: 60px;

}
.section.policy ul li
{
	display: inline;
	margin-right: 20px;
}
.section.policy ul.bulleted_list
{
	list-style: square;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
}
.section.policy ul.bulleted_list li
{
	display: list-item;
	margin: 6px 0px 6px 0px;
}
.section.policy p a
{
	color: #e13341; 
	text-decoration: none;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}
.section.policy p a:hover
{
	text-decoration: none;
	color: #ebebcd;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

/* Section - Contact
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.contact #contact_form
{
	float: left;
	width: 100%;
	background-color: #d3e1f7;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box;
}
.section.contact .half_width_container
{
	float: left;
	width: 100%;
	padding: 5px 10px 10px 10px;
	box-sizing: border-box;
}
.section.contact #contact_form form
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	box-sizing: border-box;
}
.section.contact #contact_form label 
{
	float: left;
	display: block;
	margin: 14px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
}
.section.contact #contact_form label.required:after
{
	color: red;
    content: " *";
}
.section.contact #contact_form input,
.section.contact #contact_form select, 
.section.contact #contact_form textarea
{
	float: left;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 5px;
	margin: 0px 0px 0px 0px;
	box-sizing: border-box;
}
.section.contact #contact_form input[type="submit"]
{
	background-color: #004998;
}
.section.contact #contact_form input[type="submit"]:hover
{
	background-color: #060607;
}
.section.contact #contact_form .recaptcha_container
{
	float: left;
	margin: 30px 0px 8px 0px;
	width: 232px;
	padding: 1px 0px 1px 0px;
	clear: both;
}
.section.contact #loader-icon
{
	float: left;
    display: none;
	background-color: #ffffff;
	height: 33px;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}
.section.contact #loader-icon img
{
    max-width: 100%;
	margin-right: 10px;
	vertical-align: middle;
}
.section.contact #mail-status
{
    float: left;
	display: none;
    margin-top: 15px;
	margin-bottom: 20px;
    box-sizing: border-box;
    padding: 4px 10px 4px 10px;
}
.section.contact #mail-status.error
{
    background-color: #ff0000;
    color: #ffffff;
}
.section.contact #mail-status.success
{
	animation: colorchange 6s;
	-webkit-animation: colorchange 6s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	border: 1px dashed #555555;
	background-color: #ffffc3;
}
@media only screen and (max-width: 748px) {
	.section.contact #contact_form .g-recaptcha
	{
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;		
	}
}
@media only screen and (min-width: 568px) {
	.section.contact .half_width_container
	{
		width: 50%;
		box-sizing: border-box;
		padding: 10px 20px 20px 20px;
	}
	.section.contact #contact_form label 
	{
		margin: 14px 0px 4px 0px;
	}
	.section.contact #contact_form input,
	.section.contact #contact_form select, 
	.section.contact #contact_form textarea
	{
		margin: 0px 0px 0px 0px;
		box-sizing: border-box;
	}
		
}


/* Section - Cookie Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.cookie_banner
{
    display: none;
    padding: 10px 0px 10px 0px;
    position: fixed;
    bottom: 0px;
    height: auto;
    width: 100%;
    background-color: rgba(0,73,152,0.9);
	color: #ffffff;
	overflow: hidden;
    z-index: 999999;
    animation-name: cba;
    animation-duration: 2s;
}
@keyframes cba {
    0%  { transform: translateY(100%); }
    100%  { transform: translateY(0%); }
}
.section.cookie_banner a
{
    text-decoration: underline;
	color: #ffffff;
}
.section.cookie_banner a:hover
{
    color: khaki;
}
.section.cookie_banner a.closebutton
{
    display: inline-block;
    background-color: crimson;
	color: #ffffff;
    border-radius: 2px;
    padding: 2px 10px 2px 10px;
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
.section.cookie_banner a.closebutton:hover
{
    color: khaki;

}


/* Section - Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section.footer
{
	background-color: #222222;
    color: #6d6d6d;
}
.section.footer .container
{
	padding: 0px 20px;
}

.section.footer .columns
{
    text-align: right;
}
.section.footer .columns:first-of-type
{
    text-align: left;
}
.section.footer ul
{
	list-style: none;
}
.section.footer ul li
{
	display: inline-block;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.footer a
{
    color: #6d6d6d;
}
.section.footer .flowing_screeds_association img
{
	width: 200px;
	height: auto;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	text-align: center;
	
}
.section.footer ul.social_media_links li 
{
	margin: 10px 0px 0px 15px;
}
.section.footer ul.social_media_links li a
{
	font-size: 25px;
}
.section.footer .rightalign
{
	text-align: right;
}
/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 549px) {
	.section.footer .columns,
	.section.footer .rightalign
	{
		text-align: left;
	}
}
@media only screen and (max-width: 479px) {
	.section.footer
	{
		padding: 30px 0px 30px 0px;
	}
}


/* #Misc
=================================================================================================================== */
.centered
{
	text-align: center;
}
a.highlight
{
	font-weight: 700;
}
table .scroll_table_horizontal
{
	display: block;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin: 0 auto;
	overflow-x: auto;
	white-space: nowrap;
}

/* #Media Queries
=================================================================================================================== */

/* Bigger than 1000 */
@media (min-width: 1000px) {

}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}