/*

Theme Name: treadwellcomposites2017

Theme URI: https://treadwellcomposites.com

Author: A2 Design Lab

Author URI: https://a2designlab.com

Description: Treadwell Composites Theme 2016 is a custom theme exclusively for Treadwell brand identity

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

Text Domain: treadwellcomposites2016



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

@import "small_responsive.css";

@import "css/medium_responsive.css";

/* GENERAL SETTINGS */

body{

	overflow-x: hidden;

	font-family: 'Signika','Calibri', sans-serif;

	font-weight:300 !important;

	margin:0px;

	width:100%;

	background-color:#EFF2F3 !important;

	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);

}

p{      

	font-size:15px;

	color:#6D6E70;

	padding:0px;

	margin-bottom:0px;

	text-align: justify;

	font-weight:100;

}

a{

	text-decoration: none;

	display:inline-block;

}

a:hover, a:visited, a:link{

	text-decoration: none;

}

ul{

	/*list-style-type:none;

	padding-left:0px !important;*/

	margin-bottom:0px;

}

li{

	/*display: list-item;*/

	font-weight:100;

	color:#6D6E70;

}

.no_padding_left{

	padding-left:0px !important;

}

.display_inline_block{

	display:inline-block !important;

}

.dropdown-width .dropdown-menu {

	width: 203px !important;

	position:absolute !important;

}

legend{

	margin-bottom: 10px !important;

}

p a:hover{

	color:black;

}

h1, h2, h3, h4, h5{

	font-weight: 300;

	

}

h2{

	font-size:28px;

	color:#6D6E70;

	text-align:left !important;

}

h3{

color:#6D6E70;

text-align:left !important;

}

h4{

	font-size:17px;

}

h5{

	font-size:16px;

}

h6{

	font-size:16px;

}

.font-color{

color:#6D6E70;

}

.font-color:hover{

color:#6D6E70;

}

button:focus {outline:0 

!important;}

#brand {

	padding-left: 15px;

}

.sidenav-top-margin{

  margin-top:20px;

}

.active_menu a{

	text-decoration: underline !important;

}

/** hamza **/

/*** Slider css*/

/*.carousel-inner>.item:first-child>.carousel_content{
    opacity:0 !important;
}
.carousel-inner>.item:nth-child(2)>.carousel_content{
       opacity:0 !important;
}*/

/*** hamza end ***/

/***************** SPECIAL CLASSES *************/

.dlbtn, .readmore{

	display: inline-block;

	width: 130px;

	text-align: left;

	border: none;

}

.autosize.dlbtn{

	width: auto !important;

}

.dlbtn, .viewbtn, .readmore{

    position: relative;

    background-color: #ED1C24;

    color: #ffffff;

    font-size: 12px;

    height: 40px;

	color: white;

	line-height: 16px;

	padding: 12px;

	border-radius: 0px !important;

}

.viewbtn{

	text-align: center;

}

.dlbtn{

 	margin-top: 15px;

}

.dlbtn .glyphicon, .readmore .glyphicon{

	position: absolute;

	border-left: 1px solid #FFFFFF;

	top: 0px; right: 0px;

	height: 100%;

	padding-left: 12px;

	padding-right: 12px;

	line-height: 42px;

	font-size: 10px;

}

.dlbtn:hover, .readmore:hover, .readmore:visited{

    background: #ED2224;

    color:#ffffff;

    text-decoration: none;

    /*font-weight:400;*/

}

.dlbtn:hover .glyphicon, .readmore:hover .glyphicon{

	background-color: #D41C22;

	transition: all 0.3s ease 0s;

}

.space-right{

	margin-right: 20px;

}

.portfolio_image{

    height: 180px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.single_newsroom_image{

background-repeat:no-repeat;

background-size:cover;

background-position:top;

width:100%; height:300px;

margin-bottom: 20px;

}

.button-margin-top{

	margin-top:10px;

}

.zeropadding{

padding-left:0px !important;

padding-right:0px !important;

}

.btn_per_content{

    width: 90px !important;

}

.collapse p{

/*color:black !important;*/

}

.access_rangepic{

    height: 400px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.ecoex_rangepic {

	height: 375px;

	background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.sidenav_textalign a{

text-align:left;

}

.news_description h4{

color:#6D6E70;

line-height: 1.25 !important;



}

.img_height_overflow{

height: 300px;

overflow:hidden;

}

.opacity_oursolutions{

    background-color: rgba(0, 0, 0, 0.3);

    width: 100%;

    height: 300px;

    position: absolute;

}

.os_padding{

padding: 40px 20px;

}

.os_padding p {

line-height: 1.2;

}

.hov_sidemenu a:hover{

text-decoration: underline !important;

}

.hov_sidemenu a:active{

color:red !important;

}

#wisiwig ul li a:hover{

 text-decoration: underline !important;

}

@keyframes pops {

    0%   {opacity:0; margin-left: -20px;}

    100% {opacity:1; margin-left: 0px;}

}

.pop{

-webkit-animation: dropdwn .40s ease; 

    animation:  pops .40s ease;

    animation-fill-mode: forwards;

display: inline-block !important;

}

.btn-lg {

    padding: 7px 13px !important;

}

.con-collapse {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10000;

    width: 128px; /*example + never use min-width with this solution */

    height: 100%;

}

.icons a i{

    color:white !important;

}



.surface_opt{

	background-color:#eff2f3;

	padding: 20px

}

#wisiwig p>img{

    width: 100% !important;

    height: auto !important;

}

.left_text a{

    text-align:left !important;

}

.no_pad_top h3{

margin-top: 0px !important;

}

.sticksafe-pad-right{

padding-right: 40px;

}

/* END SPECIAL CLASSES */

/* BOOTSTRAP RESET */

.nopadding{

	padding-left: 0px !important;

	padding-right: 0px !important;

}

/* END - BOOTSTRAP RESET */

/**------------- ADMIN NAV SETTINGS --------------*/

.access-bar{

	background-color: #231f20;

	color:rgba(240, 245, 250, .9);

	position: fixed;

	padding: 5px 20px;

	z-index: 99999;

	margin-top: -30px;

	width: 100%;

	font-size: 13px;

}

.access-bar .dashicons{

	font-size: 14px;

	line-height: 20px;

}

.access-bar .settings{

	float: right;

}

.access-bar .settings ul{

	list-style: none;

}

.access-bar .settings ul,

.access-bar .settings ul li,

.access-bar .settings < a{

	display: inline-block;

	float: left;	

}

body.granted{

	margin-top: 30px;

}

/*-------------- End Admin Nav Settings -------------*/

/* -------------- NAVIGATION SETTINGS -------------*/

.brandtopnav ul, .topnav_top ul, .bottom-nav ul, #sticky-social ul, .footer-menu-row ul, .side-menu, .side-corp-info ul{

	list-style-type:none;

	padding-left:0px !important;

}

.brandtopnav ul li, .topnav_top ul li, .bottom-nav ul li, #sticky-social ul li{

	display:inline-block;

}

.top-navigation{

    width: 100%;

}

.social-media-icon{

    margin-top: 10px !important;

    margin-left: 15px;

    display: inline-block;

    position: relative;

}

.social-media-icon i, .social-media-icon span{

	margin-right: 15px;

	color: #6D6E70;

}

.social-media-icon .fa-instagram{

	-webkit-text-stroke: .6px #6D6E70;

        font-size: 16px;

}



.mob-hov a:hover{

        color:#dd1616 !important;

}



.middle-nav{

	background-color:#fff;

	padding: 35px 15px; 

	height: 125px;

	/* left: 14px; */

	/* width: 100%; */

}

.middle-nav #tagline{

	text-align: right

}

.bottom-nav{

	background-color: #231f20;

	padding-left: 15px;

	padding-right: 15px;

}

.bottom-nav .navbar-nav>li>a{

	padding-top: 10px;

	padding-bottom: 10px;

	color: #fff;

	position: relative;

}

.navbar-nav>li>a{

        text-transform: none !important;

}

.nav>li>a:focus, .nav>li{

	margin-bottom: 0px;

}

.nav>li>a:focus, .nav>li>a:hover{

	background-color: #000;

}

.bottom-nav .navbar-nav>li.active{

	text-decoration: none !important;

}

.nav>li>a:focus:after, .nav>li>a:hover:after, 

.bottom-nav .navbar-nav>li.active a:after{

	content: " ";

	width: 100%;

	height: 4px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	background-color: #ED2224;

}

.topnav_top{

	width:100%;

	display:block;

	background-color:#EFF2F3;

	/* background-color:#ed2224; */

	opacity: .8;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	transition: translateY .4s ease-in-out;

}

.brandtopnav{

	width:100%;

	display:block;

	/* background-color:#EFF2F3; */

	background-color:#EFF2F3;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	transition: translateY .4s ease-in-out;	

}

.brandtopnav ul li a{

	color: #333;

	padding: 10px 14px 10px 14px;

	/*font-weight: 400;*/

	font-size:14px;

}

.brandtopnav ul li a:hover{

	/* background-color:#5D5D5D; */

	background-color:black;

	color:white;

	/*font-weight: 400;*/

	font-size:14px;

}

	.brandtopnav .dropdown-menu>li>a{

		background-color:white !important;

		color: #333 !important;

		cursor: pointer;
		word-wrap: break-word !important;
		white-space: normal !important;

					

	}



	.brandtopnav .dropdown-menu>li a:hover {

		background-color:#EFF2F3 !important;

		color: #333 !important;

	}



.topnav_top ul li a{

font-size:12px;

/* color:#757373; */

   color: white;

padding: 10px 14px 10px 14px;

font-weight: 400;

/*display:inline;

*/}

.connect{

	background-color:#5D5D5D !important;

	color:white !important;

}

.topnav_top ul li a:hover{

	/* background-color:#5D5D5D; */

	background-color:black;

	color:white;

	font-weight: 400;

}

.topnav_middle{

	width:100%;

	background-color:white;

}

.complete{

	padding:45px 40px 0px 0px;

}

.topnav_middle .col-md-9 h4 span{

	font-weight: 600;

}

.topnav_middle .col-md-9 p{

	color:#ED2224;

}

.topnav_middle .col-md-9 p span{

	font-weight: 400;

	color:#ED2224;

}

.topnav_bottom{

	width:100%;

	display:block;

	background-color: black;

    padding: 7px 0px 0px 25px;

    height: 36px;

}

.topnav_bottom ul li a{

	font-size:16px;

	color:white;

	padding: 0px 15px 0px 15px;

	font-weight: 300;

}

.topnav_bottom ul li a legend{

	border-bottom-color:#D8272D !important;

	border-bottom-width:3px;

	margin-bottom: 0px !important;

    margin-top: 5px;

}

 @keyframes brandslide {

    0%   {background-position:0px;}

    100% {background-position:-204px;}

}



#menu-new-primary-menu li a .caret, #menu-new-primary-menu-1 li a .caret, #menu-ep_single_page_menu li a .caret{

	/* display:none !important; */

}

#menu-new-primary-menu li a .caret, #menu-markets-mobile-sub-menu li a .caret{

	float: right;

    margin: 8px 10px 0px 0px;

}

.new-prime-menu-style>a:after{

	display:none !important;

}

.brand-sub-menu>a{

	white-space: pre-wrap !important;

}





.new-prime-menu-style a{

    /* opacity: 0 !important; */

    width: 100%;

    height: 100%;

    background-color: #686868 !important;

    color: white !important;

    /* padding-top: 18px !important; */

    border-bottom: 1px solid #8a8a8a;

    text-transform: none !important;

    padding: 16px 20px !important;



}







.sidenav_button li ul li{

	position: relative;

    width: 100%;

}



.access_systems{

	background-repeat:no-repeat;

	background-size:408px 52px;

	width: 203px;

	height: auto;

	background-color:white;

}

.access_systems:hover{

	background-repeat:no-repeat;

	width: 203px;

	-webkit-animation: brandslide .10s ease; /* Chrome, Safari, Opera */

    animation: brandslide .12s ease;

    animation-fill-mode: forwards;

}



.architex{

	background-repeat:no-repeat;

	background-size:408px 52px;

	width: 203px;

	height: 52px;

	background-color:white;

}

.architex:hover{

	background-repeat:no-repeat;

	width: 203px;

	background-color:white;

	height: 52px;

	-webkit-animation: brandslide .10s ease; /* Chrome, Safari, Opera */

    animation: brandslide .12s ease;

    animation-fill-mode: forwards;

}

.safe_series{

	background-repeat:no-repeat;

	background-size:408px 53px;

	width: 203px;

	height: 52px;

	background-color:white;

}

.safe_series:hover{

	background-repeat:no-repeat;

	width: 203px;

	background-color:white;

	height: 52px;

	-webkit-animation: brandslide .10s ease; /* Chrome, Safari, Opera */

    animation: brandslide .12s ease;

    animation-fill-mode: forwards;

}

.ecoex{

	background-repeat:no-repeat;

	background-size:408px 53px;

	width: 203px;

	height: 52px;

	background-color:white;

}

.ecoex:hover{

	background-repeat:no-repeat;

	width: 203px;

	background-color:white;

	height: 52px;

	-webkit-animation: brandslide .10s ease; /* Chrome, Safari, Opera */

    animation: brandslide .12s ease;

    animation-fill-mode: forwards;

}

.envirotread{

	background-repeat:no-repeat;

	background-size:408px 53px;

	width: 203px;

	height: 52px;

	background-color:white;

}

.envirotread:hover{

	background-repeat:no-repeat;

	width: 203px;

	background-color:white;

	height: 52px;

	-webkit-animation: brandslide .10s ease; /* Chrome, Safari, Opera */

    animation: brandslide .12s ease;

    animation-fill-mode: forwards;

}

.exduro{

	background-repeat: no-repeat;

        background-size: 410px 55px;

        width: 203px;

        height: 53px;

        background-color: white;

    	background-position-x: -1px;

}

.exduro:hover{

	background-repeat:no-repeat;

	width: 203px;

	background-color:white;

	height: 52px;

	-webkit-animation: brandslide .10s ease; /* Chrome, Safari, Opera */

    animation: brandslide .12s ease;

    animation-fill-mode: forwards;

}

@keyframes dropdwn {

    0%   {opacity:0; margin-top:0px;}

    100% {opacity:1; margin-top:4px;}

}

.remain{

-webkit-animation: dropdwn .40s ease; 

    animation: dropdwn .40s ease;

    animation-fill-mode: forwards;

    display:inline-block !important;

	z-index:9999;

}

.sub-menu{

display:none;

}

.sub-menu li{

	display:block !important;

}

.sub-menu li a :after{

	content:"";

	width:0px !important;	

}

.sub-menu li a{

	padding: 0px !important;

	margin-left: 0px;

    margin-top: 0px;

    margin-bottom: 0px;

    opacity:0;

}

.access_systems a, .architex a, .safe_series a, .ecoex a, .envirotread a, .exduro a, .sustainability_mobile a, .access_sub-menu ul li a{

    /* opacity: 0 !important; */

    width: 100%;

    height: 100%;

    background-color: black !important;

    color: white !important;

    padding-top: 18px !important;

    padding-bottom: 18px !important;

    /*border-bottom: 1px #3e3d3d solid;*/

    text-transform: none !important;

    white-space: pre-wrap !important;

}



.sustainability_mobile a{

	height:auto !important;

}





.access_systems a:hover, .architex a:hover, .safe_series a:hover, .ecoex a:hover, .envirotread a:hover, .exduro a:hover, .sustainability_mobile a:hover, .new-prime-menu-style a:hover{

	background-color:#ed2224 !important;

	color:white !important;

	/* opacity: .8; */

}





.brand-menu a {

    white-space: pre-wrap !important;

    padding: 16px 20px !important;

	



}



.brand-sub-menu ul li a{

      white-space: initial !important;

}



.brand-sub-menu a{

      white-space: initial !important;

}



.brand-sub-menu:hover ul{

	position: absolute;

    display: inline-block;

    left: 202px;

    top: -3px;

    z-index: 99999;

    width:auto;

}







.brand-sub-menu ul li a{

	background-color: #686868 !important;

	border-bottom:1px solid #8a8a8a;

	white-space: initial !important;

}

.brand-no-btm-brder a{

	border-bottom:0px solid white !important;

}







.dropdown-menu{

  padding:0px;

  margin-top: 0px !important;

  width: 203px !important;

}



#menu-item-3689 .dropdown-menu>li>a{

  word-wrap: break-word !important;

  white-space: initial !important;

}



#menu-brand-primary-menu li ul li ul li{

	display: block !important;

}



.country-mobile .bootstrap-select .dropdown-menu ul li a{

	background-color:transparent !important;

}

.country-mobile .bootstrap-select .dropdown-menu ul li a:hover{

	background-color:#EFF2F3 !important;

}





.country-mobile .btn-group .dropdown-menu ul{

	position:relative !important;

    border: 0px !important;

}

.country-mobile .btn-group .dropdown-menu{

	margin-left: 0px !important;

}



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{

background-color: black !important;

}



.block-gray-solution{

	display:block !important;

}

.dropdown-menu>.active>a{

	/*background-color:black !important;*/

	color: white !important;

}

/*START ACCESS NAV*/

	.access-bottom-nav{

		background-color: #00AFA3;

		padding-left: 15px;

		padding-right: 15px;

	}

	.access-bottom-nav .navbar-nav>li>a{

		padding-top: 10px;

		padding-bottom: 10px;

		color: #fff;

		position: relative;

	}

	.access-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

	.access-bottom-nav .nav>li>a:focus, 

	.access-bottom-nav .nav>li>a:hover{

		background-color: #00AFA3;

	}

	.access-bottom-nav .nav>li>a:focus:after, .access-bottom-nav .nav>li>a:hover:after,

	.access-bottom-nav .navbar-nav>li.active a:after{

		content: " ";

		width: 100%;

		height: 4px;

		position: absolute;

		bottom: 0px;

		left: 0px;

		background-color: #ffffff !important;

	}

	.access-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

/*END ACCESS NAV*/

/*START ARCHITEX NAV*/

	.architex-bottom-nav{

		background-color: #6F5F5E;

		padding-left: 15px;

		padding-right: 15px;

	}

	.architex-bottom-nav .navbar-nav>li>a{

		padding-top: 10px;

		padding-bottom: 10px;

		color: #fff;

		position: relative;

	}

	.architex-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

	.architex-bottom-nav .nav>li>a:focus, 

	.architex-bottom-nav .nav>li>a:hover{

		background-color: #6F5F5E;

	}

	.architex-bottom-nav .nav>li>a:focus:after, .architex-bottom-nav .nav>li>a:hover:after,

	.architex-bottom-nav .navbar-nav>li.active a:after{

		content: " ";

		width: 100%;

		height: 4px;

		position: absolute;

		bottom: 0px;

		left: 0px;

		background-color: #ffffff !important;

	}

	.architex-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

/*END ARCHITEX NAV*/

/*START ENVIROTREAD NAV*/

	.envirotread-bottom-nav{

		background-color: #6d983f;

		padding-left: 15px;

		padding-right: 15px;

	}

	.envirotread-bottom-nav .navbar-nav>li>a{

		padding-top: 10px;

		padding-bottom: 10px;

		color: #fff;

		position: relative;

	}

	.envirotread-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

	.envirotread-bottom-nav .nav>li>a:focus, 

	.envirotread-bottom-nav .nav>li>a:hover{

		background-color: #6d983f;

	}

	.envirotread-bottom-nav .nav>li>a:focus:after, .envirotread-bottom-nav .nav>li>a:hover:after,

	.envirotread-bottom-nav .navbar-nav>li.active a:after{

		content: " ";

		width: 100%;

		height: 4px;

		position: absolute;

		bottom: 0px;

		left: 0px;

		background-color: #ffffff !important;

	}

	.envirotread-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

/*END ENVIROTREAD NAV*/

/*START SAFE-SERIES NAV*/

	.safe_series-bottom-nav{

		background-color: #ee9e27;

		padding-left: 15px;

		padding-right: 15px;

	}

	.safe_series-bottom-nav .navbar-nav>li>a{

		padding-top: 10px;

		padding-bottom: 10px;

		color: #fff;

		position: relative;

	}

	.safe_series-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

	.safe_series-bottom-nav .nav>li>a:focus, 

	.safe_series-bottom-nav .nav>li>a:hover{

		background-color: #ee9e27;

	}

	.safe_series-bottom-nav .nav>li>a:focus:after, .safe_series-bottom-nav .nav>li>a:hover:after,

	.safe_series-bottom-nav .navbar-nav>li.active a:after{

		content: " ";

		width: 100%;

		height: 4px;

		position: absolute;

		bottom: 0px;

		left: 0px;

		background-color: #ffffff !important;

	}

	.safe_series-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

/*END SAFE-SERIES NAV*/

/*START EcoEX NAV*/

	.ecoex-bottom-nav{

		background-color: #989d38;

		padding-left: 15px;

		padding-right: 15px;

	}

	.ecoex-bottom-nav .navbar-nav>li>a{

		padding-top: 10px;

		padding-bottom: 10px;

		color: #fff;

		position: relative;

	}

	.ecoex-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

	.ecoex-bottom-nav .nav>li>a:focus, 

	.ecoex-bottom-nav .nav>li>a:hover{

		background-color: #989d38;

	}

	.ecoex-bottom-nav .nav>li>a:focus:after, .ecoex-bottom-nav .nav>li>a:hover:after,

	.ecoex-bottom-nav .navbar-nav>li.active a:after{

		content: " ";

		width: 100%;

		height: 4px;

		position: absolute;

		bottom: 0px;

		left: 0px;

		background-color: #ffffff !important;

	}

	.ecoex-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

/*END EcoEX NAV*/

/*START EXDURO NAV*/

	.exduro-bottom-nav{

		background-color: #154a7f;

		padding-left: 15px;

		padding-right: 15px;

	}

	.exduro-bottom-nav .navbar-nav>li>a{

		padding-top: 10px;

		padding-bottom: 10px;

		color: #fff;

		position: relative;

	}

	.exduro-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

	.exduro-bottom-nav .nav>li>a:focus, 

	.exduro-bottom-nav .nav>li>a:hover{

		background-color: #154a7f;

	}

	.exduro-bottom-nav .nav>li>a:focus:after, .exduro-bottom-nav .nav>li>a:hover:after,

	.exduro-bottom-nav .navbar-nav>li.active a:after{

		content: " ";

		width: 100%;

		height: 4px;

		position: absolute;

		bottom: 0px;

		left: 0px;

		background-color: #ffffff !important;

	}

	.exduro-bottom-nav .navbar-nav>li.active{

		text-decoration: none !important;

	}

/*END EXDURO NAV*/

/* --------------END - NAVIGATION SETTINGS  ----------- */

/* ------------- FOOTER SETTINGS ---------------- */

footer {

  width: 100%;

}

.top_footer{

	background-image:url(./images/top_footer2.png);

	background-size: cover;

	background-repeat: no-repeat;

    height: 225px;

    padding-top: 40px;

}

.top_footer h3, .signup_info p, .signup_widget h5{

	color: #ffffff;

}

.footer-menu-row ul.footer-menu{

	vertical-align: top;

}

ul.footer-menu{

	display: inline-block;

	width: 140px;

}

.footer-menu li{

	display: block;

}

.bottom_footer{

	background-color: #231F20;

	padding-top: 20px;

	padding-bottom: 20px;

	color: #ffffff;

}

.bottom_footer ul li a{

	color: #ffffff;

	font-weight: 300;

	font-size: 12px;

}

#footer-info h4{

	margin-top: 0px;

	margin-bottom: 5px;

}



#footer-info ul li a i{

	margin-right:15px;font-size: 15px;

}

#footer-info ul li a i:hover{

	color:#dd1616 !important;

}



#footer-info p{

	text-align: inherit;

	font-size: 12px;

	color: #ffffff;

}

#footer-info p.contact span{

	font-size:13px;

	font-weight: 500;

}

#copyright{

	margin-top: 20px;

	color:#ffffff;

}

/* ------------END - FOOTER SETTINGS ------------*/

/* ------------- CAROUSEL SETTINGS ------------- */

.carousel,

 .item, .fill{


 	width:100%; 

 	background-repeat: no-repeat; 

 	background-size: cover; 

 	background-position: center;

 }

button:focus {outline:0;}

.carousel-indicators{

	position:relative !important;

	display: inline !important;



    left: 0px !important; 

    width: 0px !important;

    margin-left: 0px !important;

}

.carousel-indicators li{

	display:inherit;

	border:none !important;

	background-color:transparent !important;

	float:left !important;

	text-indent: 0px !important;

	display:inline !important;

	margin-right: 20px !important;

}

.carousel-indicators li p{

	color:white;

	font-size:20px;

	font-weight:100;

	opacity:.8 !important;

}

.indicator{

	float:left;

	z-index:999;

	display:inline;

	position:relative;

	margin-top: -25px;

    margin-left: 65px;

}

.carousel_content{

    background-color: #ED2224;

    opacity: .8;

    padding: 20px 40px 40px 40px;

    width: 452px;

    position: relative;

    top: 50%;

}

.carousel_content h1{

color:white;

font-weight:100;

}

.carousel_content p{

color:white !important;

font-size:14px !important;

margin-top:10px;

}
.carousel-inner>.item{
	height:480px;
}

/* ----------- END - CAROUSEL SETTINGS -------------------- */

/* ----------- PAGE-HEADER IMAGE BLOCK -------------------- */

.header-image {

    width: 100% !important;

    height: 200px;

    background-repeat: no-repeat;

    background-position: center left;

    background-size: cover;

    position: relative;

}

.header-image h1{

	margin-top: 70px;

}

.readmore p i {

    position: relative;

    margin-top: -6px !important;

    margin-right: 3px !important;

    float: left;

}

/* ------------- END - PAGE-HEADER IMAGE BLOCK -------------*/

/*------------------- Aside ---------------------*/

#sticky-social {

	right: 0;

   	position: fixed;

  	top: 150px;

  	vertical-align: middle;

  	margin-top: 60px;

  	z-index: 970;

  	background-color: #231f20;

}

#link-aside {

	width: 200px;

	float: left;

}

#aside-icons {

	width: 50px;

	float: right;

}

#link-aside ul li {

	display: block !important;

	list-style: none;

	border-bottom: 1px solid #414042;

	padding-top: 10px;

	width: 100%;

    height: 40px;

}

#aside-icons ul li {

	display: block !important;

	list-style: none;

	border-bottom: 1px solid #414042;

	width: 100%;

	height: 40px;

}

#link-aside ul li a{

	text-decoration: none;

	white-space: nowrap;

	padding-left: 20px;

    color: #ffffff;

}



#aside-icons ul li a{

   list-style: none;

   padding-left: 15px;

   padding-top: 10px;

   display: block !important;

   background-color: #231f20;

   width: 100%;

   pointer-events: auto;

   clear: both;

}

#ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox, .innericon {

	height: 39px !important;

}

#menu-secondary{

	margin-right:16px;

}



div[id*='ajaxsearchlite'].wpdreams_asl_container {

	width: 240px !important;

	background-color: #231f20;

}

.proinput form{

	padding-left: 15px !important;

}

.proinput{

	margin-left: 0px !important;

}

.prosettings .innericon{

	display: none;

	background-image: none;

}

.proinput, .innericon, .prosettings {

	background-color: #231f20 !important;

}



#ajaxsearchlitesettings2{

	left:0px !important;

}







/* header search bar */

#headr_search #ajaxsearchlite1 .probox .promagnifier .innericon, #headr_search #ajaxsearchlite1 .probox .prosettings, #headr_search #ajaxsearchlite1 .probox .proinput {

	background-color:transparent !important;

	color:black !important;

	height: 20px !important;	

}

#headr_search #ajaxsearchlite1 .probox .proinput form{

	margin-top:-8px !important;

	padding-left: 0px !important;

}

#headr_search #ajaxsearchlite1 .probox .proinput form input{

	color:black !important;

}

#headr_search #ajaxsearchlite1 .probox .promagnifier .innericon svg{

	fill: #7f7f7f !important;

	width:16px !important;

}

#headr_search #ajaxsearchlite1 .probox .promagnifier{

	background-color: transparent !important;

    background-image: none !important;

}

#headr_search #ajaxsearchlite1 .probox .prosettings{

	display:none !important;

}



#headr_search #ajaxsearchlite1 .probox{

	height:20px !important;

	background-color: white !important;

    color: black !important;

    background-image: none !important;

    border: 1px solid #cecece;

    border-radius: 3px !important;

}

#headr_search #ajaxsearchlite1{

	float:right !important;

	background-image: none !important;

	background-color: transparent;

}

#headr_search div[id*="ajaxsearchlite"] .probox .proinput input::-webkit-input-placeholder {

color:#6D6E70 !important;

}

#headr_search div[id*="ajaxsearchlite"] .probox .proclose{

	width: 15px !important;

    height: 25px !important;

}

#headr_search div[id*=ajaxsearchlite] .probox .proclose svg{

	width: 15px !important;

    height: 15px !important;

}

.taglines{

	margin-top:-13px; font-size:14px; margin-bottom: 10px !important;

}

.inq{

	font-size:15px !important; color:black; text-align:right; margin-bottom:10px !important;

}

.inq a{

	color:black;

}

#tagline p strong{

	font-weight:500 !important;

}

/*End header search bar */







div[id*="ajaxsearchlite"] .probox div.prosettings {

	background-image: none !important;

	height: 39px !important;

}

div[id*='ajaxsearchlitesettings1'].searchsettings {

	background-color: #231f20;

	margin: 0px 0px 0px 0px !important;

	padding-bottom: 0px !important;

}

div[id*='ajaxsearchlitesettings'].searchsettings form{

	background-color: #EFF2F3;

}

div[id*="ajaxsearchlitesettings"].searchsettings .label {

	font-weight: 100 !important;

	color:  #231f20 !important;

}















/*------------------ END - ASIDE ----------------------*/

/* BREADCRUMB */

.breadcrumb{

	background-color: transparent;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align: right !important;

	margin-bottom: 0px !important;

	color: #808284;

}

.breadcrumb span > a{

	color: #A7A9AB;

}

.breadcrumb span > span{

	color: #ED2224;

}

.breadcrumb a, .breadcrumb span a, .breadcrumb span{

	font-size: 12px;

}

/* CONTENT */

.block{

	margin-bottom: 40px;

}

.content-block-white{

	background-color: #fff;

}

.content-block-seamless{

	background-color: transparent;

}

hr{

	border-top: 1px solid #dddede;

}

.content-block{

	padding-top: 40px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 40px;

}

/* -----------------------  HOME ------------------------ */

.home-content section{

	margin-top: 40px;

	margin-bottom: 40px;

}

.first_section, .second_section, .third_section{

	width:100%;

	margin-left:auto;

	margin-right:auto;

	display: inline-block;

}

.img_hover{

  width:100%;

}

.img_hover:hover{

background-color: white !important;

}

/* OUR SERVICES */

.service_header{

	background-color:#404041;

	width:100%;

}

.service_header h3{

	margin: inherit !important;

	color:white;

	padding:10px 30px;

}

.services_menu{

	display:inline-block;

	padding:0px;

/*	width: 230px; /*changed */

}

.legend_application{

	border-bottom: 1px solid black !important;

}

.applications_padding{

	width: 100%;

	padding: 18px 37px;

	border: 0px;

}

.bg_color_green{

	background-color:#00B0A4;

}

.bg_color_mintgreen{

	background-color:#6d983f;

}

.bg_color_brown{

	background-color:#6F5F5E;

}

.bg_color_yellow{

	background-color:#EE9E29;

}

.bg_color_yellowgreen{

	background-color:#989D38;

}

.bg_color_blue{

	background-color:#144A7F;

}

#featured_background{

	background-image:url(./images/boat.png);

	background-size: cover;

    height: 430px;

    display: inline;

    position: relative;

}

.infobox{

	width:340px;

	position: absolute;

	top: 10%;

	right: 5%;

}

.service_info{

	background-color: white;

  	padding: 22px 31px;

    line-height: 24px;

}

.service_info h4{

	padding-bottom:10px;

}

.service_info p{

	font-size: 12px;

    color: #404041;

    line-height: 1.5;

    text-align: justify;

}

/* THIRD SECTION - NEWS */

.third_section{

	width:100%;

	margin-bottom: 30px;

}

.news_header{

	width:100%;

	padding-left:15px;

	padding-right:15px;

	padding-bottom:15px;

}

.first_image{

	background-image: url('./images/blog-1.png');

}

.news_images{

height:200px;

background-size:cover;

background-repeat: no-repeat;

background-position: center;

}

.news_info_padding{

padding: 0px 15px 15px 15px;

height:170px;

}

/* END - THIRD SECTION - NEWS */

/*----------------------Connect With Us------------------------*/

.contact-map {

	width: 260px;

	height: 210px;

}

.contact-social {

	width: 45px;

	height: 45px;

	overflow: hidden;

	float: left;

}

.contact-social a img:hover{

	right: 43px;

}

.contact-form p{

	font-size: 16px;

    color: #404041;

    margin-left:20px;

}

.nf-form-title h3{

	display: none !important;

}

.nf-form-fields-required {

	padding-bottom:10px;

}

.nf-form-layout {

	padding-left: 20px;

}

input[type="text"],

input[type="email"],

input[type="tel"],

textarea {

	padding-left: 10px;

	opacity: .5;

}

.field-wrap input[type="submit"], .field-wrap input[type="button"], .field-wrap button {

	width: 100px !important;

    height: 35px;

    background-color: #ec2327;

    border-color: transparent;

    color: white;

}

/*#nf-field-116 {

    width: 45%;

    padding: 15px;

    height: auto;

}*/

/*------------------END - Connect With Us------------------------*/

/*----------------------Careers Start------------------------*/

.careers_padding{

	padding: 12px 40px 0px 40px;

}

/*----------------------Careers End------------------------*/

/* ------------------- TW EDGE ----------------------*/

#tw-interactive{

	width: 100%;

	height: 500px;

	background-color: #EFF2F3;

	background-image: url('./images/tw-background.png');

	margin-top: 30px;

}

#tw-interactive img{

	margin-left: auto;

	margin-right:auto;

	display: block;

}

#tw-interactive-buttons {

	width: 100%;

	height: 90px;

	background-color: #424142;

	margin-top: 0px;	

	padding-top: 15px;

}



#rot-proof-icon,

#lightweight-icon,

#coating-icon,

#welding-icon,

#benefits-icon,

#conductive-icon,

#maintenance-icon,

#alternatives-icon,

#envirosound-icon,

#flexibility-icon {

	width: 70%; 

	padding:0px; 

	margin-left: auto; 

	margin-right: auto; 

	display: block;

}





.tw-icons1,

.tw-icons2,

.tw-icons3,

.tw-icons4,

.tw-icons5,

.tw-icons6,

.tw-icons7,

.tw-icons8,

.tw-icons9,

.tw-icons10 {

	/*width: 85px;*/

	cursor: pointer;

}

.prodimage {

	cursor: pointer;

}

.frp-descrip {

}

#rot-proof, #lightweight, #no-coating, #no-welding, #cost-benefits, #non-conductive, #maintenance-free, #alternatives, #envirosound, #flexibility {

	/*border: 1px solid red;*/

	width: 300px;

	height: auto;

	position: absolute;

    background-color: rgba(255,255,255, 0.8);

}

.product-box {

	/*width: 470px;*/

	height: 250px;

	background-color: white;

	margin-top: 50px;

}

.product-box-left{

	padding-left: 0px;

	padding-right: 30px;

}

.product-box-right{

	padding-right: 0px; 

	padding-left: 30px;

}

.product-box p {

    padding-left: 15px;

    padding-right: 15px;

    margin-top:-20px !important;

}

.logo-prod-box {

	 padding: 0px 20px;

	width: 271px;

    overflow: hidden;

}

.logo-prod-box img {

	position: relative;

    right: 290px;

}



#frp-left, #frp-right {

	top: 10px !important;

}



/* ---------------------- END - TW EDGE -------------------*/







/*----------------------Resources Start------------------------*/

.checkbox-square span, .checkbox-square label{

	display: inline-block;

	vertical-align: top;

}

.checkbox-square label{

	cursor: pointer;

}

.checkbox-square input[type="checkbox"]{

	display: none;

}

.checkbox-square input[type="checkbox"] + label:before {

  border: 2px solid #ed2224;

  content: "\00a0";

  display: inline-block;

  font: 16px/1em sans-serif;

  height: 16px;

  margin: 10px .25em 25px 0;

  padding:0;

  vertical-align: top;

  width: 16px;

  float: left;

}

.checkbox-square input[type="checkbox"]:checked + label:before {

  background: #ed2224;

  color: #fff;

  content: "\2713";

  text-align: center;

}

.checkbox-square input[type="checkbox"]:checked + label:after {

  font-weight: bold;

}

.checkbox-square:hover .download-title{

	color: #000;

}



#product-guide-container h2{

	font-weight: 300!important;

}

#product-guide-container hr{

	margin-top: 10px;

}

#product-guide-container section{

	margin-bottom: 40px;

}

#product-guide-container section h4{

	font-weight: 300!important;

	margin-bottom: 20px;

}

.resources_nav_tabs > li > a{

	border-radius: 0px 0px 0 0;

	background-color: #DDDDDD;

	color: #b4b4b4;

	text-align: center;

}

.resources_nav_tabs > li{

	width: 20%;

}



.resources_nav_tabs > li.active > a{

	font-weight: 500;

	background-color: #ED2224;

	color: #FFF;

	text-align: center;

} 

.resources_nav_tabs > li.active > a:hover{

	background-color: #ED2224;

	color: #EEE;

}

.resources_tab_content{

	min-height: 300px;

	margin-bottom: 40px;

}

.resources_tab_content .tab-pane h4{

	margin-top: 20px;

	margin-bottom: 20px;

}

.thumbnail-container{

    list-style: none;

    padding-left: 0;

    margin-left: 0px;

    margin-right: 0px;

}

.thumbnail-container li.doc{

    /*height: 300px;  */

    /*margin-bottom: 20px;*/

    padding-left: 0px;

    padding-right: 0px;



    max-height: 490px;

    margin-bottom: 40px;

}

.thumbnail-container li.doc .thumbnail{

    width: 100%;

    height: auto;

    max-width: 250px;

    height: auto;

    border-radius: 0;

}

.thumbnail-container li.doc .download-title{

	width: 300px !important;

}

.thumbnail-container li.doc .download-title small{

	color: #BDBBBB;

}

.resources_img_overflow{

height:350px;

overflow: hidden;

}



/*---------------------------------*/

#ck-button {

    /* margin: 0px; */

    background-color: #ED1C24;

    border-radius: 0px;

    border: 1px solid #D0D0D0;

    overflow: hidden;

    float: left;

}



#ck-button:hover span{

   color:white;

}



#ck-button label {

    float: left;

    width: 115px;

    height: 33px;

}



#ck-button label span{

    text-align: center;

    padding: 10px 0px;

    display: block;

    color:white;

    font-weight:400 !important;

}





#ck-button label input {

    position:absolute;

    top:-20px;

}



#ck-button input:checked + span {

    background-color: #ED1C24;

    color:white;

}









/*--------------------- END - Resources ------------------------*/

/*----------------------File Access Start------------------------*/

#file-access h4{

	margin-top: 30px;

}

/*----------------------END - File Access ------------------------*/

/*-------------------- CORPORATE INFO ----------------------*/

.side-corp-info {

	margin-top: 20px;

}

.side-corp-info li {

	display: block;

}

.side-corp-info li a{

	display: block;

	text-decoration: none;

	color: #6D6E70;

}

.side-corp-info li a:hover{

 	text-decoration: underline;

 	text-decoration-color: #bcbec0;

}

.about_info p{

	padding-bottom: 30px;

}

.about_info_image img {

	float: left !important;

    margin-right: 20px !important;

}

.boss-images {

	margin-top: 0px !important;

	margin-bottom: 0px !important;

	padding: 0 !important;

	left: 40px;

}

.vmv_content {

	display: block;

	float: left;

	padding-bottom: 20px;

}

.current{

	font-size: 16px;

	font-weight: 400;

	text-decoration: underline; 

}

.owl-next .fa-chevron-right{

    position: absolute !important;

    right: -25px !important;

    top: 35px !important;

    color: red !important;

    font-size: 30px !important;

}

.owl-prev .fa-chevron-left{

	position: absolute !important;

    left: -25px !important;

    top: 35px !important;

    color: red !important;

    font-size: 30px !important;

}

.owl-item{

	padding-left: 40px !important;

	padding-right: 40px !important;

}



/*-------------------- END - CORPORATE INFO ----------------------*/

/*-------------------- Engineering Portal ----------------------*/

.table-header{

	background-color: #5d5d5d;

}

.table-header td{

	text-align: center;

	color: #ffffff;

}

.file-name{

	background-color: #eaeaea;

}

.file-col{

	background-color: #f2f2f2;

	text-align: center;

}

.file-col a{

	color: #ED2224;

	display: block;

}

.file-col:hover{

	background-color: #eaeaea;

}

/*-------------------- END - Engineering Portal ----------------------*/

/*-------------------- SUSTAINABILITY ----------------------*/

ul.side-menu{

	margin-top: 0px;

}

ul.side-menu li{

	display: block !important;

}

.side-menu li a{

	color: #6D6E70 !important;

}

.side-menu>li>a:hover, .side-menu>li>a:focus, .side-menu>li>a:active {

	/* color: #6D6E70 !important; */	

	text-decoration: underline !important;

}

#menu-markets-menu .current-markets-ancestor > a {

 	text-decoration: underline !important;

}

.content-editor ul{

	margin-top: 10px;

	margin-bottom: 10px;

	list-style: circle;

}



.content-editor p{

	margin-top:10px;

	margin-bottom: 15px;

}

.content-editor img{

	width: 100% !important;

	height: auto;

}



.imagecontent a:hover {

	text-decoration: underline;

	color: #6D6E70 !important;

}

.hvr_case_study:hover{

	background-color:#EFF2F3 !important;

}

/*-------------------- END Sustainability ----------------------*/

/*-------------------- WIDGET NEWSLETTER SIGN-UP FORM Generated by MailPoet ----------------------*/

.signup_widget{

	max-width: 379px;

}

.signup_widget hr{

	margin-top: 10px;

	margin-bottom: 10px;

}

.signup_widget h5{

	margin-bottom:8px;

}

.signup_info{

	clear: both;

}

.signup_widget .widget_wysija_cont form > p, .signup_widget .widget_wysija_cont form > input[type="submit"]{

	vertical-align: top;	

}

.signup_widget .widget_wysija_cont form:before, 

.signup_widget .widget_wysija_cont form:after{

	content: " "; /* 1 */

    	display: table; /* 2 */

}

.signup_widget .widget_wysija_cont form:after{

	clear: both;

}

/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.signup_widget .widget_wysija_cont form {

    *zoom: 1;

	border: 1px solid #ffffff;

}

/* width: 77.10043% !important; */

.signup_widget .widget_wysija_cont form .wysija-paragraph{

	width: auto;

	float: left;

}

.signup_widget .widget_wysija_cont form input[type="text"]{

	opacity: 1 !important;

	background-color:inherit !important;

	border: none !important;

    	color: #ffffff !important;

    	padding: 10px;

	width: 100%;

}

.signup_widget .widget_wysija_cont form input[type="text"]:focus{

	outline: none;

}

.signup_widget .widget_wysija_cont form input[type="submit"]{

	border:none !important;

	height: 41px;

	width: 79px;

	background-color: #ffffff;

	margin-top: 0px;

	margin-bottom: 0px;

	float: right;

}

/*-------------------- End WIDGET NEWSLETTER SIGN-UP FORM Generated by MailPoet ----------------------*/

.br-block {

	height: 100px;

	width: 100%;

	display: block;

	margin: 0px;

	padding: 0px;

}

/* PRODUCTS SUB PAGES single.php*/

#sub-side-nav li a{

	float: left;

    display: block;

    width: 200px;

    padding: 5px;

}

.visited-a a:visited {

    text-decoration: underline !important;

}

#sub-side-nav .side-menu>li>a:focus:after, 

#sub-side-nav .side-menu>li>a:hover:after, 

.bottom-nav .navbar-nav #sub-side-nav .side-menu>li.active a:after {

	background-color: transparent !important;

}

	#menu-ex-series-grating >li>a:focus:after, 

    #sub-side-nav .side-menu >li>a:hover:after,

    #sub-side-nav .side-menu ul>li>a:hover:after,

	#menu-ex-series-grating .navbar-nav>li.active a:after{

		content: " ";

		width: 30%;

		height: 1px;

		position: absolute;

		bottom: 0px;

		left: 5px;

		background-color: transparent !important;

	}

#sub-side-nav .nav .open>a, 

#sub-side-nav .nav .open>a:focus, 

#sub-side-nav .nav .open>a:hover {

	background-color: transparent !important;

}

#sub-side-nav .side-menu ul {

	margin-left: 25px;

}

.gratex_image{

	background-repeat: no-repeat;

	background-size:cover;

	background-position:center;

	width:250px;

	height:200px;

	margin-top:20px;

}

.gratex_readmore_button{

	margin-top:10px;

}

/*-------------------- Register Engineering Portal ----------------------*/

.register-form form label{

	font-weight: 300;

	color: #333;

}

.register-form form input[type="text"], .register-form form select{

	width: 300px;

	display: block;

	margin-bottom: 10px;

}

.register-form form select{

	margin-top: 2px;

	padding-top: 1px;

	padding-bottom: 1px;

}

.register-form form label[for="termsandcond"]{

	margin-left: 5px;

}

.register-form form input[type="submit"] {

	background-color: #ED2224;

	color: #FFF;

	padding: 10px 17px;

	border-radius: 0px;

	border: none;

	margin-top: 20px;

}

/*-------------------- END - Register Engineering Portal ----------------------*/

/*COOKIE NOTIFICATION*/

.cookie-bar-bar button#catapultCookie {

	border-radius: 0px !important;

}

/*MARKETS*/

.three_row_block {

	display: flex; 

	justify-content: space-between;	

}

.one_block_market {

	display: flex; 

	align-items: center; 

	justify-content: center; 

	overflow:hidden;

	background-repeat: no-repeat; 

	background-size: cover; 

	/*border: 1px solid red; */

	height: 280px;

        width: 330px;

	/* height: 200px; */

	/* width: 250px; */

	cursor: pointer;

}

.market_caption {

	font-size: 18px; 

	text-align: center; 

	padding: 10px;

	color: #fff;

	font-weight: 400;

	z-index:5; 

}

.market_opacity {

	background-color: rgba(0, 0, 0, 0.5); 

	width: 100%; 

	position: absolute; 

	height: 280px; 

	left: 0;

}

.market_opacity:hover {

	background-color: rgba(0, 0, 0, 0.3); 

}

/*NEW SOLUTION*/

.brand_block {

	height: 400px; 

	padding: 0px;

	margin-bottom:20px;

	cursor: pointer;

}

.access_brand_info,

.archi_brand_info,

.safe_brand_info,

.ecoex_brand_info,

.enviro_brand_info,

.exduro_brand_info {

	color: white; 

	padding: 50px; 

	position: relative; 

	top: 50px;

	font-size: 15px;

}

.left_brand_logo {

	width: 33%;

	position: relative;

	top: 50px;

	right: 25px;

}

.right_brand_logo {

	width: 33%;

	position: relative;

	top: 50px;

	left: 50px;

}

.access_logo {

	background-image: url("./images/icons/access.png");

}

.archi_logo {

	background-image: url("./images/icons/architex.png");

}

.safeseries_logo {

	background-image: url("./images/icons/safeseries.png");

}

.ecoex_logo {

	background-image: url("./images/icons/ecoex.png");

}

.enviro_logo {

	background-image: url("./images/icons/envirotread.png");

}

.exduro_logo{

	background-image: url("./images/icons/exduro.png");

}

.block_logo {

	width: 500px;

    position: relative;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    height: 70px;

    margin-left: auto;

    margin-right: auto;

    display: block;

    top: 150px;

}

.product_opacity {

	background-color: rgba(0, 0, 0, 0.5); 

	width: 100%; 

	position: absolute; 

	height: 100%; 

	left: 0;

}

.product_opacity:hover {

	background-color: rgba(0, 0, 0, 0.3); 

}

.info_block_left {

	animation: myblock 1s ease-in-out 0s 1;

	position: absolute;

	z-index: 5;

}



.info_block_right {

	animation: myblock 1s ease-in-out 0s 1 forwards;

	position: absolute;

	z-index: 5;

}



@keyframes myblock {

	from {

		width: 33.33%;

	}



	to {

		width: 100%; 

		}

}



#apply_careers .modal-body {

	padding-left: 25px;

    padding-right: 50px;

}





.owl-dots .active{

	background: none repeat scroll 0 0 red !important;

}



.owl-dots{

	position:absolute;

	right:30px;

	bottom:-10px;

}



.owl-theme .owl-controls .owl-page, .owl-dot {

    background: none repeat scroll 0 0 #d3c3b4 !important;

    border-radius: 20px !important;

    display: inline-block !important;

    height: 12px !important;

    margin: 5px 7px !important;

    opacity: 0.9 !important;

    width: 12px !important;

}



.no-margin{

margin: 0px !important;

}



.header-image h2 {

    margin-top: 70px; font-size:36px;

}

.section1_container.content-block h2 {font-size:36px; color:#333;}

.news_header h1 {color: #6d6e70;

    font-size: 28px;

    text-align: left;}

.content-block-white.content-block h1 {color: #6d6e70;

    font-size: 28px;

    text-align: left;}



/*---country selection tab custom style-----*/



.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: auto;

}

.bootstrap-select .dropdown-menu ul li{

	width:100% !important;

}

.bootstrap-select .btn{

	border-width: 0px !important;

    background-color: inherit !important;

}



.bootstrap-select .btn:focus{

outline: 0px -webkit-focus-ring-color!important;

}

/*---------------------------------Country Tab--------------------*/

.selectpicker{

	display:none !important;

}

.dropdown-menu.inner span.glyphicon{

	display:none;

}

.bootstrap-select .dropdown-menu{

	overflow:inherit !important;

}

/*---------------------------------END Country Tab--------------------*/

.bgstyle_country{

	background-size:cover; background-repeat:no-repeat; background-position:center; width:30px; height:20px;display: inline-block; margin-bottom: -5px; margin-right: 7px;

}





header .middle-nav { /* float:left; */}



.pull-right li ul li { position:relative;}

.pull-right li ul li ul {

    display: none; top:-3px; left:99%; position:absolute;

}

.pull-right li ul li:hover ul {

    display: block;

}

.pull-right li ul li.dropdown a::after {

    content: "▶";

    font-size: 8px;

    margin-top: 5px;

    position: absolute;

    right: 20px;

}

.pull-right li ul li.dropdown ul li a::after { display:none;}



/*Placeholder Colors*/

.ninja-forms-field{

color:#000000!important;

opacity: 1 !important;



}

.ninja-forms-field::-webkit-input-placeholder {

opacity: .5 !important;



}

.ninja-forms-field:-moz-placeholder { /* Firefox 18- */



opacity: .5 !important;

}

 

.ninja-forms-field::-moz-placeholder { /* Firefox 19+ */



opacity: .5 !important;

}

 

.ninja-forms-field:-ms-input-placeholder {

opacity: .5 !important;



}



#ajaxsearchlitesettings1{

	left:0px !important;

}



input[type="text"], input[type="email"], input[type="tel"], textarea {

opacity: 1 !important;	

}



.country-mobile{

	display:none;

}



.dropdown-toggle:active{

box-shadow: none !important

}



/* radio button css - download page*/



input[name=rads] {

    display:none;

    background-color:#dd1616 !important;

}



.label_rad {

	background-color:#dd1616 !important;

    padding: 10px 22px;

    color:white !important;

    cursor:pointer;

    font-weight:100 !important;

    

}

.label_rad:hover {

    background:#DDD;

}





.mod-btn{

	background-color: #ED1C24; color:white; border-radius:0px;

}





.lbl-style{

	margin-top: 10px; display: inline-block; /*width: 140px*/;

}

.href-style{

	margin-top: 10px; display: inline-block; /* width: 120px */;

}



.mod-txtbox{

	border-radius: 0px; margin-bottom: 15px;

}





 #sticky-social{

 	top:auto;

 	margin-top:0px;

 }



 /*-------------------------Archive Page----------------------*/

 .spn span{

 	padding-right:15px;

 }

 .spn a{

 	display:inline !important;

 	color: #6D6E70 !important;

 	font-size:12px !important;

 }

 .archve_contnr{

 padding-left:55px !important;

 }

 .archve_contnr h4{

 	margin-top:0px !important;

 }



 .archve_contnr li a{

 	color: #6D6E70 !important;

 	/* font-size:12px !important; */

 }

 .archve_contnr ul{

 	padding-left: 15px !important;

 	margin-bottom: 30px;

 }



 .spn_bullet{

 	display: inline;

    font-family: signika;

    color: #6D6E70;

    font-size: 20px;

 }



 .entry-title a{

 	color:#6D6E70 !important;

 }

 .entry-content{

 	margin-bottom:20px;

 }



 .pad-top{

 	padding-top:20px;

 }

 .menu-item-3915{

 	/*display:none !important;*/

 }



 /*Treadspec */



.tredspec-prod-bg{

height:350px;

/*display: flex;

justify-content: center;

align-items: center;*/



-webkit-transition: 1s 3s;

}



.treadspec_hover{

	background-color: rgba(111,95,94,.8);

    width: 100%;

    height: 350px;

    position: absolute;

    top: 0;

    z-index:99;

    -webkit-transition: .2s .2s;

    -moz-transition: .2s .2s;

    -ms-transition: .2s .2s;

    -o-transition: .2s .2s;

    transition: .2s .2s;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}



.tredspec-prod-bg img{

	top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    position:absolute;

}





.tredspec-prod-bg:hover .treadspec_hover{

	background-color: rgba(111,95,94, 0.4);

}



.tredspec-prod-bg .tredspec_prod_text p{

	opacity: 0;

	-webkit-transition: .2s .2s;

	-moz-transition: .2s .2s;

	-ms-transition: .2s .2s;

	-o-transition: .2s .2s;

	transition: .2s .2s;

}



.tredspec-prod-bg:hover .tredspec_prod_text p{

opacity: 1;

}





.tredspec_prod_text{

	position: absolute;

    z-index: 99;

    /* display: flex; */

    /* flex-direction: column; */

    /* justify-content: center; */

    /* align-items: center; */

    width: 200px;

    height: 100px;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}

.tredspec_prod_text h2, .tredspec_prod_text p{

	color:white !important;

	text-align: center !important;

}



.treadspec-brand{

	background-color:#f0f2f3;

	cursor:pointer;

	height:300px;

	display:flex;

	flex-direction: row;

	justify-content: center;

	align-items: center;



	-webkit-transition: .1s .1s;

	-moz-transition: .1s .1s;

	-ms-transition: .1s .1s;

	-o-transition: .1s .1s;

	transition: .1s .1s;



	

}

.treadspec-brand:hover{

	background-color:#6f5f5e;	

}



.treadspec-brand h2{

	color:#6f5f5e;

}



.treadspec-brand:hover h2{

	color:white;	

}



.treadspec-brand:hover .light{

	display:block !important;

}

.treadspec-brand:hover .dark{

	display:none;



	-webkit-transition: .1s .1s;

	-moz-transition: .1s .1s;

	-ms-transition: .1s .1s;

	-o-transition: .1s .1s;

	transition: .1s .1s;

	

}

.treadspec-nav{

	list-style-type: none;

	padding-left:10px !important;

}

.treadspec-nav li a{

	text-transform: none !important;

}

.treadspec-nav li a:hover{

	text-decoration:underline !important;

}

.editcenter{

	text-align:center !important;

}



.treadspecmenu a{

	background-color:#dd1616 !important;

	color:white !important

}



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



    .sidenav-top-margin {

        display:none !important;

    }

    .btnset{

    	flex-wrap:wrap;

    	justify-content:stretch !important;

    }



    .tredspec_prod_text p{

    	opacity: 1 !important;

    }

}



    

 /*End Treadspec */



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



.treadspecmenu a {

		background-color: inherit !important;

	}

}




/* LOYATY PROGRAM - COUNTDOWN */

main {
	display: flex;
    justify-content: center;
    background-color: 808284;
}
main p {
	font-size:18px;
	margin-bottom:15px;
}
.cd-container {
	flex-basis: 95%;
    display: flex;
    justify-content: center;
    background-color: #fff;
    height: auto;
    padding: 50px 0;
}
.cd-content {
	flex-basis:90%;
	display: flex;
	flex-direction:column;
}
#countdown {
	display: flex;
    justify-content: center;
    height: auto;
    padding-bottom:30px;
}
.loyalty-information {
	width: 55%;
    margin: 20px auto;
}

.loyalty-form {
	display: flex;
	justify-content:center;
	height:auto;	
}
.form-container {
	flex-basis: 70%;
    border: 1px solid #6D6E70;
    border-radius: 15px;
    flex-basis: 55%;
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 20px;
}
.form-container h3 {
	margin:0;
	padding-top: 10px;
	padding-bottom: 30px;
}

/* form style for input textbox */
.caldera-grid .form-group {
	margin:0;
}

div#fld_634108_1-wrap.form-group div {
    display: flex;
    justify-content: center;
}
 .caldera-grid input[type=submit] {
 	flex-basis: 50%;
 	margin: 0;
 	padding:12px 0;
    border-color:transparent;
    background: #d41c22;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Signika','Calibri', sans-serif;
}
.form-group {
    margin: 0;
    height: 45px;
}
.form-group div {
	margin:0;
    height: 100%;
}
.caldera-grid .form-control {
    width: 100% !important;
    height: 100% !important;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* class name for checkbox in form */
.terms { 
	font-size: 14px;
	height: 35px;
	color:#6D6E70;
}

/* class and style name for last name, contact number and address field in form */
div#fld_5532950_1-wrap.form-group.last-name {
	margin-left:20px;
}
div#fld_7525756_1-wrap.form-group.contact-num {
	margin-left:20px;
}
div#fld_5278902_1-wrap.form-group.address {
	margin-left:20px;
}
#injobs hr {
	margin-top:10px !important;
}
.nf-field-description {
	padding-bottom:10px !important;
}
#copyUrlTxt {
	position: absolute;
	left:-50%;
}
#video_modal .modal-body {
	overflow: hidden;
}

#menu-new-secondary-menu .menu-item-has-children:hover .sub-menu{
display: block;
position: absolute;
min-width: 126px;
}
.sub-menu li a {
display: block;
opacity: 1;
padding: 10px 15px !important;
background-color: #dddddd;
}

/*HUBSPOT FORM*/



.hbspt-form {

	padding-left: 20px;

}



.hbspt-form input {

	border-radius: 0px;

}





.legal-consent-container div.hs-richtext p{

    font-family: 'Signika','Calibri', sans-serif;

    margin-left: 0px;

	font-size: 16px;

}



.hs_submit .actions input {

	width: 100px !important;

   padding: 7px;

    background-color: #ec2327 !important;

    border-color: transparent !important;

    color: white !important;

    background-image: none !important;

    border-radius: 0px;    

    text-shadow: none !important;

    box-shadow: none !important;

}



/*.legal-consent-container div.hs-richtext:nth-child(1) p{

	font-size: 16px;

}

*/

.hs-form-booleancheckbox-display {

	font-style: italic;

}



.hs-form-field label {

	font-family: 'Signika','Calibri', sans-serif;

    margin-left: 0px;

    font-size: 14px !important;	
	
	color: #33475b;
}


.hs-form-required{
	color:red;
}

input.hs-input{
	transition: border 0.2s linear,box-shadow 0.2s linear;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
	display: inline-block;
    height: 18px;
    padding: 15px;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #666;
    border: 1px solid #ccc;
}

.hs-error-msgs{
    padding: 0;
	list-style-type:none;
}
.hs-error-msgs li label{
    font-weight:200 !important;
}

textarea.hs-input{
	transition: border 0.2s linear,box-shadow 0.2s linear;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
	z-index: auto;
    position: relative;
    line-height: 18px;
    font-size: 13px;
    transition: none 0s ease 0s;
    background: transparent !important;
	display: inline-block;
    padding: 15px;
    font-weight: normal;
    color: #666;
    border: 1px solid #ccc;
}

.form-columns-1{
	margin:15px 0px !important;
}

.form-columns-1 label , .form-columns-1 label{
	margin-bottom:0px;
}