/* Layout
-------------------------------------------------------------------*/
body { font: 62.5%/1.5 Raleway, Helvetica, Arial, sans-serif; color: #444; }
.center { width: 1000px; margin: 0 auto; }

/* Text / Links
-------------------------------------------------------------------*/
p { font-size: 1.5em; }
.main-content p, .main-content dl { margin-bottom: 15px; }
.main-content ul { list-style-type: disc; margin-bottom: 15px; }
.main-content ul li { font-size: 1.5em; margin-bottom: 5px; }

h1, h2, h3 { font-family: 'Raleway', sans-serif; color: #444; }
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }

a { color: #29923B; text-decoration: none; }
a:hover { text-decoration: underline; }


/* Header
-------------------------------------------------------------------*/
header .logo { float: left; }
header .logo a { display: block; }


/* Nav
--------------------------------*/
header nav#main { float: right; }
header nav#main .content ul li { float: left; }

header nav#main .content ul li a {
	font-size: 1.5em;
	color: #ffffff;
	display: block;
	padding: 10px;
	text-transform: uppercase;
}

header nav#main .content ul li a:hover,
header nav#main .content ul li a.active { text-decoration: none; background: none;}

/* dropdown menu */
header nav#main .content ul ul {
	background-color: #333;
	width: 200px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
header nav#main .content ul ul li { float: none; }
header nav#main .content ul ul li.first a { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
header nav#main .content ul ul li.last a { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
header nav#main .content ul ul li a {
	display: block;
	padding: 5px;
	color: #fff;
	font-size: 1.4em;
}
header nav#main .content ul ul li a:hover {
	background-color: #555;
	color: #fff;
}
.tb-megamenu-nav li.products a {
	line-height: 1.2;
}
/*
.tb-megamenu-nav li.products.level-1 a:after {
	content: "Products";
	display: block;
}
*/

/* Home Page
-------------------------------------------------------------------*/


/* Template - styles used for every page
-------------------------------------------------------------------*/
.main-container { clear: both; /* padding: 30px 0; */ }
/* INTERIOR PAGE HEADER STYLING */
.page-node-22 .interior-page-h1-styling H1,
.page-node-159 .interior-page-h1-styling H1,
.page-node-38 .interior-page-h1-styling H1,
.page-node-37 .interior-page-h1-styling H1,
.page-node-24 .interior-page-h1-styling H1,
.page-node-184 .interior-page-h1-styling H1,
.page-node-190 .interior-page-h1-styling H1,
.page-node-25 .interior-page-h1-styling H1, 
span.page-pre-title {
	font-weight: 100;
	font-size: 20px;
/* 	color:#9b9b9b; */
	color: #444;
	display: block;
	margin-bottom: 0px;
	text-transform: uppercase;
	line-height: 1;
}
.interior-page-h1-styling h1,
.row.individual-location-landing-page .span-half.page-information p.page-sub-title,
.page-sub-title,
p.page-sub-title,
.main-content p.page-sub-title {
/*     color: #444; */
    color: #29923B;
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
blockquote {
	background: rgba(204, 204, 204, 0.27);
    padding: 30px;
    margin: 25px 0;
}
.main-content .node-blog ul {
	list-style-position: outside;
	margin-left: 18px;
	margin-bottom: 0px;
}

/* Banner Images
------------------------*/
.banner-408 .banner-callout-text .links {
	display: inline-block;
	margin: 0 5px;
}
.banner-408 .banner-callout-text img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.banner-callout-text a.photo-anchor {
	font-weight: normal;
    color: inherit;
    font-size: initial;
    border-radius: unset !important;
    background: none;
    padding: unset !important;
    display: inline;
    width: auto;
    text-align: unset;
    float: none;
    height: auto;
}

/* Product Pages
-------------------------------------------------------------------*/
#spec-detail-box {
	margin-left: 0px;
}
#spec-detail-box #block-views-product-specifications-block {
	border-top: 1px solid #dedede;
	margin-top: 15px;
/*
	padding: 0px 30px;
	background: #fafafa;
*/
}
#product-request-box {
	clear: right;
}
#product-request-box.request-for-quote-goes-here .block-webform {
	margin: 0px;
	height: initial;
	max-width: 100%;
	padding: 30px 40px 35px;
	
}
#product-request-box.request-for-quote-goes-here .webform-client-form .webform-component {
    width: 100%;
}
/* Photo Gallery
-------------------------------------------------------------------*/
.node-type-photo-gallery .field-name-field-gallery-photos .field-item img {
	width: initial;
	height: auto;
}
/* RFQ Admin View Page
-------------------------------------------------------------------*/
.page-rfq-submission-results .views-row {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cccccc;
}
.page-rfq-submission-results .views-row p {
	margin-bottom: 10px;
}
/* Footer
-------------------------------------------------------------------*/
footer { text-align: center; padding: 20px 0; }
footer p { font-size: 1.2em; }
footer a { color: inherit; }

/* Responsive Mobile Default Layout in (css/mobile.css)
-------------------------------------------------------------------*/
.mobile-only { display: none; }

.youtube-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youtube-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gmap-wrapper {
    position: relative;
    padding-bottom: 75%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
}
.gmap-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.anniversary-icon {
		height: auto;
		width: 100%;
	}


/* notice banner*/
.bold{
	font-weight: bold;
}

.notice{
	font-size: 20px;
	color: white;
	width: 100;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 2%;
	padding-right: 2%;
}

.number-notice{
	background-color: #191919;
}

.company-dir{
	text-decoration: underline;
}

/* Temporary Mobile Nav Fix with Notice Banner */
#mobile {
	position: relative;
}
nav#mobile .slicknav_btn,
nav#mobile a#search-icon-mobile {
	position: absolute !important;
	top: 36px !important;
}


/*slider banners new*/
.banner-callout-text .links {
	display: inline-block;
	margin: 0 5px;
}




.banner-412 .banner-callout-text img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}




.banner-411 .banner-callout-text img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}



.banner-410 .banner-callout-text img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}



/*
@media screen and (min-width: 1000px) {
	.banner-callout-text .links { margin-left: 30% !important; }

}
*/

/*
.banner-callout-text #contact a{
	background: none !important;
}

.banner-callout-text #contact {
	border: 1px solid white;
}
*/

/*
.banner-callout-text #placement-new {
	align-items: baseline;
	margin-left: 30% !important;
}
*/


/************* Mobile Responsive Media Queries ***********/

@media screen and (max-width: 1500px) { 
	.banner-408 .banner-callout-text img { width: 80%;}

}
/*--Media Size for 1024px--*/
@media screen and (max-width: 1200px) {
	body .center { width: 1024px;}
	.banner-412 .banner-callout-text img { width: 60%; }

}
@media screen and (max-width: 1070px) {
	.banner-408 .banner-callout-text img { width: 45%; }
}
/*--Media Size for 900px--*/
@media screen and (max-width: 998px) {
	body .center { width: 900px; }
	.mobile-only { display: block; }
	.desktop-only { display: none; }
	nav#main { display: none; }
	.banner-408 .banner-callout-text img { width: 50%; }
}
/*--Media Size for 800px--*/
@media screen and (max-width: 899px) {
	body .center { width: 800px; }
	.banner-412 .banner-callout-text { text-align: center; left: 0; width: 100%; }
	.banner-412 .banner-callout-text img { width: 34%; }
}

/*--Media Size for 480px--*/
@media screen and (max-width: 767px) {
	body .center { width: 460px; }
	.banner-412 .banner-callout-text { width: 88.388%; }
}
/*--Media Size for 414px--*/
@media screen and (max-width: 479px) {
	body .center { width: 394px; }
	.banner-412 .banner-callout-text { width: 84.734%; text-align: left; margin-left: 15% }
	.banner-412 .banner-callout-text img { width: 50%; margin-left: 1%;}
}
/*--Media Size for 375px--*/
@media screen and (max-width: 413px) {
	body .center { width: 355px; }
	.banner-412 .banner-callout-text { width: 83.53%; text-align: left; margin-left: 15% }
	.banner-412 .banner-callout-text a { font-size: 11px; width: 100px;}
	.banner-412 .banner-callout-text img { width: 50%; margin-left: 1%;}
}
/*--Media Size for 360px--*/
@media screen and (max-width: 374px) {
	body .center { width: 340px; }
	.banner-412 .banner-callout-text { width: 80% }
}
/*--Media Size for 320px--*/
@media screen and (max-width: 359px) {
	body .center { width: 300px; }
	.banner-412 .banner-callout-text { width: 70.59% }
	.banner-412 .banner-callout-text a { font-size: 10px; width: 88px;}
	.banner-412 .banner-callout-text img { width: 47%; }
	
}

/************* Mobile Responsive Media Queries ***********/

@media screen and (max-width: 1500px) { 
	.banner-408 .banner-callout-text img { width: 80%;}

}
/*--Media Size for 1024px--*/
@media screen and (max-width: 1200px) {
	body .center { width: 1024px;}
	.banner-410 .banner-callout-text img { width: 60%; }

}
@media screen and (max-width: 1070px) {
	.banner-408 .banner-callout-text img { width: 45%; }
}
/*--Media Size for 900px--*/
@media screen and (max-width: 998px) {
	body .center { width: 900px; }
	.mobile-only { display: block; }
	.desktop-only { display: none; }
	nav#main { display: none; }
	.banner-408 .banner-callout-text img { width: 50%; }
}
/*--Media Size for 800px--*/
@media screen and (max-width: 899px) {
	body .center { width: 800px; }
	.banner-410 .banner-callout-text { text-align: center; left: 0; width: 100%; }
	.banner-410 .banner-callout-text img { width: 34%; }
}

/*--Media Size for 480px--*/
@media screen and (max-width: 767px) {
	body .center { width: 460px; }
	.banner-410 .banner-callout-text { width: 88.388%; }
}
/*--Media Size for 414px--*/
@media screen and (max-width: 479px) {
	body .center { width: 394px; }
	.banner-410 .banner-callout-text { width: 84.734%; text-align: left; margin-left: 15% }
	.banner-410 .banner-callout-text img { width: 50%; margin-left: 1%;}
}
/*--Media Size for 375px--*/
@media screen and (max-width: 413px) {
	body .center { width: 355px; }
	.banner-410 .banner-callout-text { width: 83.53%; text-align: left; margin-left: 15% }
	.banner-410 .banner-callout-text a { font-size: 11px; width: 100px;}
	.banner-410 .banner-callout-text img { width: 50%; margin-left: 1%; }
}
/*--Media Size for 360px--*/
@media screen and (max-width: 374px) {
	body .center { width: 340px; }
	.banner-410 .banner-callout-text { width: 80% }
}
/*--Media Size for 320px--*/
@media screen and (max-width: 359px) {
	body .center { width: 300px; }
	.banner-410 .banner-callout-text { width: 70.59% }
	.banner-410 .banner-callout-text a { font-size: 10px; width: 88px;}
	.banner-410 .banner-callout-text img { width: 47%; }
	
}

/************* Mobile Responsive Media Queries ***********/

@media screen and (max-width: 1500px) { 
	.banner-408 .banner-callout-text img { width: 80%;}

}
/*--Media Size for 1024px--*/
@media screen and (max-width: 1200px) {
	body .center { width: 1024px;}
	.banner-411 .banner-callout-text img { width: 60%; }

}
@media screen and (max-width: 1070px) {
	.banner-408 .banner-callout-text img { width: 45%; }
}
/*--Media Size for 900px--*/
@media screen and (max-width: 998px) {
	body .center { width: 900px; }
	.mobile-only { display: block; }
	.desktop-only { display: none; }
	nav#main { display: none; }
	.banner-408 .banner-callout-text img { width: 50%; }
}
/*--Media Size for 800px--*/
@media screen and (max-width: 899px) {
	body .center { width: 800px; }
	.banner-411 .banner-callout-text { text-align: center; left: 0; width: 100%; }
	.banner-411 .banner-callout-text img { width: 34%; }
}

/*--Media Size for 480px--*/
@media screen and (max-width: 767px) {
	body .center { width: 460px; }
	.banner-411 .banner-callout-text { width: 88.388%; }
}
/*--Media Size for 414px--*/
@media screen and (max-width: 479px) {
	body .center { width: 394px; }
	.banner-411 .banner-callout-text { width: 84.734%; text-align: left; margin-left: 15% }
	.banner-411 .banner-callout-text img { width: 50%; margin-left: 1%;}
}
/*--Media Size for 375px--*/
@media screen and (max-width: 413px) {
	body .center { width: 355px; }
	.banner-411 .banner-callout-text { width: 83.53%; text-align: left; margin-left: 15% }
	.banner-411 .banner-callout-text a { font-size: 11px; width: 100px;}
	.banner-411 .banner-callout-text img { width: 50%; margin-left: 1%;  }
}
/*--Media Size for 360px--*/
@media screen and (max-width: 374px) {
	body .center { width: 340px; }
	.banner-411 .banner-callout-text { width: 80% }
}
/*--Media Size for 320px--*/
@media screen and (max-width: 359px) {
	body .center { width: 300px; }
	.banner-411 .banner-callout-text { width: 70.59% }
	.banner-411 .banner-callout-text a { font-size: 10px; width: 88px;}
	.banner-411 .banner-callout-text img { width: 47%; }
	
}