@charset "utf-8";

/* CSS Document */



/* HTML5/CSS3 RESET

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


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {

    background-color:#ff9;

    color:#000;

    text-decoration:none;

}



/* change colours to suit your needs */

mark {

    background-color:#ff9;

    color:#000;

    font-style:italic;

    font-weight:bold;

}



del {

    text-decoration: line-through;

}



abbr[title], dfn[title] {

    border-bottom:1px dotted;

    cursor:help;

}



table {

    border-collapse:collapse;

    border-spacing:0;

}



/* change border colour to suit your needs */

hr {

    display:block;

    height:1px;

    border:0;

    border-top:1px solid #cccccc;

    margin:1em 0;

    padding:0;

}



input, select {

    vertical-align:top;

}



/* CLEAR FIXES

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

.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.cf:after {

    clear: both;

}



/* CUSTOM STYLES

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

html{font-size:16px; overflow-x:hidden; height:100%;}

body{font-size:100%; overflow-x:hidden; color:#727272; font-family:'Oswald', sans-serif; font-weight:300; min-height:100%;}

h1, h2, h3, h4, h5, h6, strong{}

h1, h2, h3{font-weight:400; font-family:'Roboto Slab', serif;}

.container{max-width:1250px; width:100%; margin:0 auto; box-sizing:border-box; -webkit-backface-visibility: hidden;} /* Backface Visibility Fixes 1-pixel shift on Chrone */

.spacer{height:0;}

p{line-height:normal;}

.orange{color:#ED7F28;}



html.blur{overflow:hidden;}

#page.blur{-webkit-filter:blur(10px); filter:blur(10px); -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; overflow:hidden;}

.overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; opacity:.3; background:#000;}




.overlay + .product-box{position:fixed; width:90%; max-width:980px; background:#FFF; -moz-box-shadow:0 0 8px #333; -webkit-box-shadow:0 0 8px #333; box-shadow:0 0 8px #333;  z-index:3; margin:0 auto; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:40px; box-sizing:border-box; min-height:200px;}

.overlay.overflow + .product-box{overflow-y:scroll; height:90%;}

.close{position:absolute; top:20px; right:20px; cursor:pointer; font-family:Arial, serif; font-size:2em; color:#d8d8d8}



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

	.container{padding:0 4%;}

	.product-box{padding:20px;}

}



.brand-post img.aligncenter{display:block; margin-left:auto; margin-right:auto; max-width:80%;}

.brand-post p, .entry-content-page p{margin-bottom:20px;}

.visit-site{margin-top:20px;}

.entry-content-page ul, .brand-post ul{margin:0 0 20px 40px;}

.content-loader{}
.content-iframe{width:100%; height:100%;}
/* HEADER

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

#header{background:#FFF; top:30px; -moz-transform:top 200ms ease-in-out; -webkit-transform:top 200ms ease-in-out; transform:top 200ms ease-in-out; position:static;}

.logo {width:50%; max-width:620px; margin:0 auto 1%; display:block;}


.top-content{}

.social{float:left; margin:7px 5px 0 0;}

.social a{display:inline-block; margin-right:4px;}

.social a img{width:36px; height: 36px; }

.social a:hover img{-moz-animation:pop 200ms ease-in-out; -webkit-animation:pop 200ms ease-in-out; animation:pop 200ms ease-in-out;}



.top-ctas{float:right;}

.top-ctas a{background:#EAEAEA; display:inline-block; text-decoration:none; line-height:50px; padding:0 10px; vertical-align:middle; font-family:'Oswald', sans-serif;}

.top-ctas .apply-for-credit, .top-ctas .customer-home, .top-ctas .schedule-btn {color:#2C3D74; margin-right:3px; font-weight:400;}

.top-ctas .customer-home { color: #727272; }

.top-ctas .customer-login{color:#ED7F28; font-weight:400;}

.top-ctas .apply-for-credit img, .top-ctas .customer-home img, .top-ctas .customer-login img{width:22px; vertical-align:middle; position:relative; top:-3px; margin-right:8px; height: 22px;}

.top-ctas .customer-login img { width:16px; height: 36px; }

.top-ctas .customer-home img { width: 28px; height: 28px; }

.top-ctas a:hover img{-moz-animation:pop 200ms ease-in-out; -webkit-animation:pop 200ms ease-in-out; animation:pop 200ms ease-in-out;}



/* Anchored Styles */

.desktop #header.anchor{position:fixed; top:0; left:0; width:100%; z-index:2; -moz-box-shadow:0 0 15px #333; -webkit-box-shadow:0 0 15px #333; box-shadow:0 0 15px #333; -moz-animation:anchor-start 200ms ease-in-out; -webkit-animation:anchor-start 200ms ease-in-out; animation:anchor-start 200ms ease-in-out; animation-fill-mode:forwards;}

.desktop .anchor .social{float:right;}

.desktop .anchor .logo{float:left; width:28%; max-width:none;}

.desktop .anchor .top-content.cf{float:right;}





@keyframes pop{

	0%{transform:scale(1);}

	50%{transform:scale(1.10);}

	100%{transform:scale(1);}

}

@-moz-keyframes pop{

	0%{-moz-transform:scale(1);}

	50%{-moz-transform:scale(1.10);}

	100%{-moz-transform:scale(1);}

}

@-webkit-keyframes pop{

	0%{-webkit-transform:scale(1);}

	50%{-webkit-transform:scale(1.10);}

	100%{-webkit-transform:scale(1);}

}



@keyframes anchor-start{

	0%{top:-40px;}

	100%{top:0;}

}



@-moz-keyframes anchor-start{

	0%{top:-40px;}

	100%{top:0;}

}



@-webkit-keyframes anchor-start{

	0%{top:-40px;}

	100%{top:0;}

}



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

	header .container{padding:0;}

}



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

	.top-ctas .apply-for-credit{display:none;}
	.top-ctas .schedule-btn{
		display:none;
	}

	.top-ctas .customer-login{font-size:.75em;}

	.social{float:right;}

	.logo{width:60%; margin:5% auto;}

	.logo img{margin:0;}

	.top-content{position:fixed; top:0; left:0; width:100%; z-index:2; background:#FFF; -moz-box-shadow:0 0 15px #333; -webkit-box-shadow:0 0 15px #333; box-shadow:0 0 6px #333;}

	.top-ctas .apply-for-credit img, .top-ctas .customer-login img{width:15px;}

	.social{margin-top:9px;}

	.social a img{width:32px;}

}



/* IPHONE 5 Support */

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

	.social a{margin-right:2px;}

	.social a img{width:30px;}

	.top-ctas a{line-height:45px;}

}



/* NAVIGATION

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

#nav{font-weight:400; position:relative; z-index:5; line-height:1;}

@media only screen and (min-width:737px){

	#header:not(.anchor) #nav::before{background:#2C3D74; position:absolute; top:0; left:-375px; width:2000px; height:100%; content:"";}

	#nav .menu > li:hover > a{background:#23315D;}

	#nav .menu > li:hover > .sub-menu{-moz-animation:nav-top 200ms ease-in-out; -webkit-animation:nav-top 200ms ease-in-out; animation:nav-top 200ms ease-in-out; display:block; animation-fill-mode:forwards;}

	#nav .menu .sub-menu li:hover .sub-menu{-moz-animation:nav-sub 200ms ease-in-out; -webkit-animation:nav-sub 200ms ease-in-out; animation:nav-sub 200ms ease-in-out; display:block;

animation-fill-mode:forwards;}
	.menuHideElement {
		display:none;	
	}

	#nav .menu .sub-menu{opacity:0; margin-top:-5px;}

	#nav .menu .sub-menu li:hover > a{background:#E6E6E6;}

}

#nav .menu li{position:relative; -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
/* Doug Changed This */
#nav .menu > li{float:left; text-align:center; width: 14.28%;}

#nav .menu li a{color:#FFF; text-decoration:none; padding:10px 20px; display:block; }

#nav .menu .sub-menu{position:absolute; background:#FFF; width:250px; border-bottom:10px solid #2C3D74; box-shadow:0 0 2px #333; display:none; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}

#nav .menu .sub-menu a{color:#2C3D74; padding:10px 30px;}


#nav .menu .sub-menu .sub-menu{ margin-top:0; border-bottom:0; top:0;}

#mobileNav{display:none;}



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

	#nav{position:fixed; top:0; left:0; z-index:3; display:none; overflow-y:scroll; }

	#nav .container{width:265px; background:#FFF; box-sizing:border-box; border-bottom:20px solid #2C3D74; border-left:1px solid #95989A; border-right:1px solid #95989A; border-top:1px solid #95989A; }

	#nav .menu{margin-top:50px;}

	#nav.open::before{background:#FFF; height:50px; width:263px; margin:0 1px 1px; content:""; position:fixed; top:0; left:0; z-index:3; border-top:1px solid #95989A}



	#nav.open, #nav .sub-menu.open{display:block; -moz-animation:fade-in 200ms ease-in-out; -webkit-animation:fade-in 200ms ease-in-out; animation:fade-in 200ms ease-in-out;}

	#nav .menu > li{float:none; width:auto;}

	#nav .menu a:not(.mobile-nav-expand):hover{background:#E6E6E6; color:#2C3D74;}

	#nav .menu a:not(.mobile-nav-expand):hover ~ a.mobile-nav-expand{color:#2C3D74;}



	#nav .menu li a, #nav .menu .sub-menu li a{color:#2C3D74; font-size:1.5em; padding:20px 15px;}

	#nav .menu .sub-menu{padding-left:10px; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background:#2C3D74;}

	#nav .menu .sub-menu li a{color:#FFF;}



	#nav .menu .sub-menu .sub-menu{padding-left:20px; background:#FFF;}

	#nav .menu .sub-menu .sub-menu li a{color:#2C3D74;}



	#nav li, #nav a{-moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}



	#nav > li.menu-item-has-children a:not(.mobile-nav-expand){width:190px;}

	#nav li.menu-item-has-children.expanded{background:#2C3D74}

	#nav li.menu-item-has-children.expanded > a{color:#FFF;}



	#nav .sub-menu li.menu-item-has-children.expanded{background:#FFF;}

	#nav .sub-menu li.menu-item-has-children.expanded > a{color:#2C3D74;}





	#mobileNav{display:block; color:#2C3D74; cursor:pointer; background:#FFF; margin:1px; text-decoration:none; font-size:2em; padding:6px 15px; position:fixed; top:0; left:0; z-index:4; line-height:1;}



	#nav .menu .sub-menu{position:static; padding-bottom:10px; margin-bottom:10px;}

	#nav .menu .sub-menu .sub-menu{margin-bottom:0;}

	#nav .menu .sub-menu, #nav .menu .sub-menu .sub-menu{width:auto;}



	#nav .menu-item-has-children{position:relative;}

	#nav .menu li a.mobile-nav-expand, #nav .menu .sub-menu li a.mobile-nav-expand{font-size:2.25em; position:absolute; right:0; top:1px; padding:13px 15px 8px; cursor:pointer;}

}



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

	#mobileNav{font-size:1.75em; padding:6px 10px 0 15px;}

	#nav .menu li a, #nav .menu .sub-menu li a{font-size:1.375em;}

}



/* Anchored Styles */

.desktop .anchor #nav{float:right; width:60%; background:none; margin-top:20px;}

.desktop .anchor #nav .container{width:auto; max-width:none;}

.desktop .anchor #nav .menu li a{color:#2C3D74;}

.desktop .anchor #nav .menu li:hover > a{background:#E6E6E6;}



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

	#mobileNav{font-size:1.75em; padding:6px 10px 0 15px;}

	#nav .menu li a, #nav .menu .sub-menu li a{font-size:1.375em;}

}







@keyframes nav-top{

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

	100%{margin-top:0; opacity:1;}

}

@-moz-keyframes nav-top{

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

	100%{margin-top:0; opacity:1;}

}



@-webkit-keyframes nav-top{

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

	100%{margin-top:0; opacity:1;}

}



@keyframes nav-sub{

	0%{left:calc(100% - 10px); opacity:0}

	100%{left:100%; opacity:1;}

}

@-moz-keyframes nav-sub{

	0%{left:calc(100% - 10px); opacity:0}

	100%{left:100%; opacity:1;}

}

@-webkit-keyframes nav-sub{

	0%{left:calc(100% - 10px); opacity:0}

	100%{left:100%; opacity:1;}

}

@keyframes fade-in{

	0%{opacity:0;}

	100%{opacity:1;}

}

@-moz-keyframes fade-in{

	0%{opacity:0;}

	100%{opacity:1;}

}

@-webkit-keyframes fade-in{

	0%{opacity:0;}

	100%{opacity:1;}

}





/* SLIDER OVERWRITE
----------------------------------------------------------------------------------------------*/
/* New Stuff */
.derrsliderlogo{
	width: 80%!important;
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 15px;
}
.metaslider .caption-wrap .caption img {
	width: 100%!important;
}
/* End New Stuff */

.metaslider .flexslider{margin:0 !important;}

.metaslider .caption-wrap{opacity:0 !important; background:transparent !important; bottom:auto !important; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); -moz-animation:appear 300ms ease-in-out; -webkit-animation:appear 300ms ease-in-out; animation:appear 300ms ease-in-out; animation-fill-mode:forwards; animation-delay:200ms;}

.metaslider .caption{padding:0 !important; width:100%; max-width:1000px; margin:0 auto;}

.metaslider h2{font-size:2em; line-height:normal;}

.ms-image img[class*="slider-"]{width:2000px !important;}



@keyframes appear{

	0%{opacity:0; top:55%;}

	100%{opacity:1; top:50%;}

}

@-moz-keyframes appear{

	0%{opacity:0; top:55%;}

	100%{opacity:1; top:50%;}

}

@-webkit-keyframes appear{

	0%{opacity:0; top:55%;}

	100%{opacity:1; top:50%;}

}



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

	.metaslider h2{font-size:1.25em;}

}



/* GLOBAL ARTICLE STYLING

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

article h2{font-size:1.75em; margin-bottom:15px;}

.cta{font-family:'Oswald', sans-serif; text-align:center; font-weight:300; color:#FFF; text-decoration:none; font-size:1.75em; box-sizing:border-box; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; line-height:1;}

.pop:hover{animation:pop 200ms ease-in-out; -moz-animation:pop 200ms ease-in-out; -webkit-animation:pop 200ms ease-in-out;}

.cta.orange-hover:hover{background:#C15601;}



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

	.cta{font-size:1.5em;}

	article h2{font-size:1.5em;}

	article h3{font-size:1.125em;}

}

/* MAIN ARTICLE

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

main.homepage{}

.opening{text-align:center; margin:0 auto; padding-top:3%; background:url(../images/gray-floorboard-bkgd.svg) repeat-x top center; background-size:40%;}

.opening h2{color:#727272;}

.opening p{color:#727272; margin:0 auto 20px; max-width:800px; font-family:'Oswald', sans-serif; font-weight:300; width:80%;}

.opening .article-cta{display:inline-block; background:#ED7F28; margin:0 auto; padding:10px;}

/*.v-center{position:absolute; left:0; width:100%; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}*/



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

	.opening h2{font-size:1.5em;}

	main{background-size:60%;}

	.opening p{width:auto;}

}



/* PRODUCT CATEGORY BOXES

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

.products{margin-top:2%; text-align:center;}

.products.five-box{padding:0 2%;}

.pc-box{width:290px; margin:10px; display:inline-block; text-decoration:none; position:relative; background:#272727; font-family:'Roboto Slab', serif; cursor:pointer;}
.pc-box p{margin:0;}

.prod-description{text-align:center; margin-top:3%; padding:0 2%;}

.prod-description p{width:80%; margin:0 auto;}

.prod-description hr, .products hr{border-top:2px solid #cccccc; margin:3% 0;}

.prod-description h3, .products h3{font-size:1.25em;}

.products h3{margin-bottom:3%;}

.pc-box span{display:block; width:100%; position:absolute; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; left:0; top:calc(20% - 10px); text-align:center; color:#FFF; padding:10px 0; background:#2C3D74; box-sizing:border-box; z-index:1;}

/*.pc-box img{vertical-align:middle;}*/

.pc-box.o-box span{background:#ED7F28;}



.pc-box:hover span{top:calc(80% - 10px); background:#ED7F28;}

.pc-box.o-box:hover span{background:#2C3D74; top:0;}



/*.pc-box .box-logo{width:80%; margin:0 10%; height:64px; padding:5px 0; background:#FFF; -moz-border-radius:32px; -webkit-border-radius:32px; border-radius:32px; position:absolute; top:60%; line-height:64px; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;} */


.pc-box .box-logo img{object-fit:scale-down; width:150px; height:64px;} /* Object fit requires a width and a height */







@media only screen and (min-width:1250px){

	.eight-box .pc-box:first-of-type, .eight-box .pc-box:nth-of-type(5){margin-left:0;}

	.eight-box .pc-box:last-of-type, .eight-box .pc-box:nth-of-type(4){margin-right:0;}

}



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

	.quality-services h2{font-size:1.5em;}

	.pc-box{width:48%; margin:0 0 2%;}

	.pc-box:nth-of-type(odd){margin-right:2%;}

	.pc-box span{font-size:.875em;}

	.pc-box .box-logo{height:30px; line-height:30px;}

	.pc-box .box-logo img{max-height:30px; max-width:90px;}

}





/* PRODUCT SPOTLIGHT

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

.product-spotlight{text-align:center; background-size:cover; background:url(../images/noyer-noueaux.jpg) no-repeat center center;}

.product-spotlight .container{margin-top:3%; padding:145px 0 100px;}

.product-spotlight h2{color:#FFF;}

.product-spotlight p{color:#FFF; max-width:800px; margin:0 auto 20px; font-family:'Oswald', sans-serif; font-weight:300;}

.product-spotlight .article-cta{display:inline-block; padding:10px; border:1px solid #FFF; margin:0 auto;}



.blue-shift:hover{background:#2C3D74; color:#FFF; border:1px solid #2C3D74}



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

	.product-spotlight{padding:0 4%;}

	.product-spotlight .container{padding:40px 0;}

}

/* LOGOS

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

.logos{margin-top:2%; text-align:center;}

.logos img{margin:1% 4%; vertical-align:middle;}



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

	.logos img[src*="primatech.jpg"], .logos img[src*="lagler.png"]{height:50px;}

	.logos img[src*="crain.png"]{height:45px;}

	.logos img[src*="as.jpg"]{height:105px;}

	.logos img[src*="bona.jpg"]{height:65px;}

	.logos img{margin:1% 2%}

}



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

	.logos img[src*="primatech.jpg"], .logos img[src*="lagler.png"]{height:30px;}

	.logos img[src*="crain.png"]{height:28px;}

	.logos img[src*="as.jpg"]{height:50px;}

	.logos img[src*="bona.jpg"]{height:35px;}

}



/* QUALITY SERVICES

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

.opening-2{background:url(../images/gray-floorboard-bkgd-flipped.svg) repeat-x bottom center; background-size:40%; }

.quality-services{margin-top:3%; text-align:center;}

.quality-services h2{color:#727272;}

.quality-services p{width:80%; max-width:800px; margin:0 auto 40px; font-family:'Oswald', sans-serif; font-weight:300; color:#727272;}

.qs-cta{display:flex; margin-bottom:20px;}

.qs-cta a{width:19%; background:#ED7F28; display:flex; justify-content:center; flex-direction:column; padding:20px 10px; margin:0 10px; position:relative;}

.qs-cta a:first-of-type{margin-left:0;}

.qs-cta a:last-of-type{margin-right:0;}

.qs-cta a:hover{background:#C15601;}



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

	.qs-cta{flex-flow:row wrap; justify-content:center;}

	.qs-cta a{width:30%; margin:5px 1%;}

}



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

	.qs-cta a{font-size:1em;}

}



/* OUR LOCATIONS

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

.our-locations{text-align:center; background-size:cover; background:url(../images/blanc-rustique.jpg) no-repeat center center;}

.our-locations .container{padding:90px 0 40px;}

.our-locations h2{color:#FFF;}

.our-locations p{color:#FFF; max-width:800px; margin:0 auto 20px; font-family:'Oswald', sans-serif; font-weight:300; width:80%;}

.our-locations .ol-cta{width:100%; max-width:800px; margin:0 auto;}

.our-locations .ol-cta a{display:block; width:31%; padding:10px; border:1px solid #FFF; float:left; margin:1% 0;}



.our-locations .ol-cta a:hover{border-color:transparent; background:#2C3D74;}



@media only screen and (min-width:737px){

	.our-locations .ol-cta a:nth-of-type(3n+2){margin-left:3.5%; margin-right:3.5%;}

}



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

	.our-locations{padding-left:4%; padding-right:4%;}

}



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

	.our-locations .ol-cta a{width:48%; margin:1%; font-size:1.25em;}

}



/* FOOTER

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

.bottom-nav{text-align:center; margin-top:3%;}

.bottom-nav a{font-family:'Oswald', sans-serif; font-weight:300; text-decoration:none; color:#2C3D74; font-size:.875em;}

.nav-gap{display:inline-block; width:230px; background:#FF0000; height:20px;}

.bottom-logo{text-align:center; background:#FFF; padding:10px 0;}

.bottom-logo img{margin:-60px auto 0; padding:0 10px; background:#FFF; max-width:210px;}

.copyright{text-align:center; margin:10px 0 2%; font-family:'Oswald', sans-serif; font-weight:300; color:#727272;}

.copyright a{color:#727272; text-decoration:none;}

#menu-sub-menu li{display:inline-block; padding:0 2%; text-align:center;}



.bottom-nav a:hover{text-shadow:0 0 1px #2C3D74;}

@media only screen and (min-width:1025px){

	.bottom-nav{margin-top:0;}

	#menu-sub-menu li:nth-of-type(4){padding-right:0;}

	#menu-sub-menu li:nth-of-type(4)::after{content:url(../images/df-quality.png); visibility:hidden; height:0;}

}

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

	.nav-gap{width:160px;}

	.bottom-logo img{width:140px;}

	.bottom-nav a{font-size:.75em;}

	#menu-sub-menu li{padding:1%;}





}



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

	.nav-gap{display:none;}

	.bottom-logo{margin-top:25px;}

	.bottom-logo img{width:50%;}

	.bottom-nav a{font-size:.875em;}

	.copyright{font-size:.875em;}

}



/* TITLES

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

h1.title{font-size:4em; color:#FFF; text-align:center; line-height:140px; background-size:contain; margin-bottom:3%;}

h1.title.default-title{background:url(../images/title-flooring-products.jpg) no-repeat center;}

h1.title.fp-title{background:url(../images/title-flooring-products.jpg) no-repeat center;}

h1.title.about{background:url(../images/title-default.jpg) no-repeat center;}

h1.title.pp{background:url(../images/title-default.jpg) no-repeat center;}

h1.title.services-title{background:url(../images/title-services.jpg) no-repeat center;}

h1.title.locations-title{background:url(../images/title-default.jpg) no-repeat center;}

h1.title.login-title{background:url(../images/title-login.jpg) no-repeat center;}

h1.title.customer-resources-title{background:url(../images/title-default.jpg) no-repeat center;}

h1.title.blog-title{background:url(../images/title-default.jpg) no-repeat center;}

h2.subtitle{max-width:850px; margin:0 auto; text-align:center; line-height:1.5;}

h3.subtitle{font-size:1em; color:#727272; width:80%; max-width:850px; margin:0 auto; text-align:center; line-height:1.5; padding:3% 0 0;}



.page-description{max-width:1000px; width:80%; color:#727272; margin:3% auto; text-align:center; font-size:1.25em; font-family:'Roboto Slab', serif;}
.spinner{margin:10px auto; font-size:1.5em; display:block; text-align:center; color:#AAA;}


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

	h1.title{line-height:125px; background-size:cover;}

}



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

	h1.title{line-height:normal; padding:1em;}

	.page-description{font-size:.875em;}

	h2.subtitle{font-size:1.25em;}

}



/* PRODUCT DESCRIPTIONS

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

.product-descriptions{margin-top:3%;}

.product-descriptions h2, .product-descriptions p{width:70%;}

.product-descriptions p{font-family:'Oswald'; font-weight:300;}

.product-descriptions h2{height:70px; line-height:70px; overflow:hidden; margin-bottom:0;}

.product-descriptions .pd-product{position:relative; margin-bottom:5%;}

.product-descriptions .pd-product .images{float:right;}

.product-descriptions .pd-product .images img{margin-left:25px; vertical-align:middle;}

.product-descriptions .view-selection{width:25%; display:block; position:absolute; right:0; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#ED7F28; padding:1%; box-sizing:border-box;}

.product-descriptions .view-selection:hover{background:#C15601;}



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

	.product-descriptions{padding:0 4%;}

	.product-descriptions h2{width:auto;}

	h1.title{font-size:3.5em;}

	.product-descriptions .images{}

	.product-descriptions .images img{max-width:150px; max-height:100px;}

	.product-descriptions .view-selection{-moz-transform:translateY(-15%); -webkit-transform:translateY(-15%); transform:translateY(-15%);}

}



@media only screen and (max-width:1024px) and (min-width:737px){

	.product-descriptions .view-selection{width:20%; padding:2%;}

}



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

	h1.title{font-size:2em;}

	.product-descriptions p{width:auto;}

	.product-descriptions h2{font-size:1.5em;}

	.product-descriptions h2 img{display:none;}

	.product-descriptions p{margin-bottom:10px;}

	.product-descriptions .view-selection{position:static; width:auto; -moz-transform:none; -webkit-transform:none; transform:none; padding:2%;}

	.product-descriptions h2 img{display:none;}

}



/* ABOUT

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

.about-box{border:2px solid #2c3d74; position:relative; margin-bottom:2%; opacity:0;  -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}

.about-box:nth-of-type(even){left:-50%;}

.about-box:nth-of-type(odd){left:50%;}

.about-box.trig{opacity:1; left:0;}

.about-box .content{width:54%; padding:2%; box-sizing:border-box; position:absolute; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.about-box img{max-width:46%; vertical-align:middle;}

.about-box .content h2{margin-bottom:0;}

.about-box:nth-of-type(even) img{float:left; border-right:2px solid #2c3d74; }

.about-box:nth-of-type(odd) img{float:right; border-left:2px solid #2c3d74;}



.about-box:nth-of-type(even) .content{right:0;}

.about-box:nth-of-type(odd) .content{left:0;}



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

	.about-box .content h2{font-size:1.25em;}

	.about-box .content p{font-size:.75em;}

}

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

	.about-box img{max-width:none; width:100%;}

	.about-box:nth-of-type(even) img{float:none; border-right:none; border-bottom:2px solid #2c3d74;}

	.about-box:nth-of-type(odd) img{float:none; border-left:none; border-bottom:2px solid #2c3d74;}

	.about-box .content{position:static; width:auto; -moz-transform:none; -webkit-transform:none; transform:none;}

	.about-box .content h2{font-size:1.375em;}



}



/* LOCATIONS

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

.locations{position:relative; height:500px;}

.loc-content{width:55%; padding:60px 0 100px;}

.loc-content h2{font-size:1.5em; width:80%;}

.loc-content p{font-size:.875em;}

.loc-content .loc-cta{margin-top:40px; position:relative; z-index:1;}

.loc-content .loc-cta .location-button{display:block; width:31%; padding:10px; border:1px solid #2c3d74; color:#2c3d74; float:left; margin:1% 0; font-size:1.25em;}

.loc-content .loc-cta .location-button.hover{background:#2c3d74; color:#FFF;}



.locations-map{position:absolute; top:-92px; right:0; z-index:0;}

.locations-map .map{background:url(../images/locations2.svg) no-repeat bottom center; background-size:100% 100%; width:650px; height:520px;}



.pin{position:absolute; width:20px; height:20px; display:block;}

.pin::before{content:url(../images/location-pin-white.svg); display:block; width:17px; display:block; position:absolute; top:-13px; left:1px; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}

.pin::after{content:url(../images/location-pin-orange.svg); opacity:0; width:17px; display:block; position:absolute; top:-13px; left:1px; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}

.pin.hover::before{opacity:0; width:32px; top:-34px; left:-6px;}

.pin.hover::after{opacity:1; width:32px; top:-34px; left:-6px;}



.pin.willows-grove{top:175px; right:170px;}

.pin.york{top:185px; left:380px;}

.pin.olyphant{top:100px; right:182px;}

.pin.edison{right:69px; top:193px;}

.pin.new-castle{right:127px; top:272px;}

.pin.herndon{left:389px; top:315px;}

.pin.ashland {
	left: 410px;
    top: 390px;
}

.locations-boxes{}

.loc-box{min-height: 410px; width:48%; margin-bottom:2%; padding:2%; border:2px solid #2c3d74; box-sizing:border-box; float:left; font-size:1.125em; overflow:hidden; -moz-box-shadow:0 0 0 #2c3d74; -webkit-box-shadow:0 0 0 #2c3d74; box-shadow:0 0 0 #2c3d74; -moz-transition:box-shadow 200ms ease-in-out; -webkit-transition:box-shadow 200ms ease-in-out; transition:box-shadow 200ms ease-in-out;}

.loc-box:nth-of-type(odd){margin-right:2%;}

.loc-box.willows-grove .loc-address { margin: 6px 0 12px; }

.loc-address a {
	color:#ed7f28;
}

.loc-box h5.tagline {
    clear: both;
    color: #2c3d74;
    display: block;
    float: left;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.4;
    margin: 6px 0 12px;
}

.loc-name{float:left; color:#2c3d74; width:45%; max-height: 85px; min-height: 42px;}

.directions{float:left; background:#ED7F28; padding:5px 20px; display:block;}

.loc-name h4{font-size:1.5em;}

.loc-name h5{font-size:1.5em; font-weight:300;}

.loc-address{float:left; clear:both; width:45%;}

.address, .pickup-hours{height:85px;}

.loc-hours{float:left; width:55%;}

.loc-hours h4{color:#2c3d74;}

.hours{margin-top:40px;}



.loc-box.selected{-moz-box-shadow:0 0 20px #2c3d74; -webkit-box-shadow:0 0 20px #2c3d74; box-shadow:0 0 20px #2c3d74;}



@media only screen and (min-width:1025px){

	.loc-cta .location-button:nth-of-type(3n+2){margin-left:3.5%; margin-right:3.5%;}

}



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

	.loc-content .loc-cta{width:80%; margin-top:20px;}

	.locations-map{-moz-transform:scale(.8); -webkit-transform:scale(.8); transform:scale(.8); transform-origin:right; right:-60px; top:-40px;}

	.loc-content h2{width:auto;}

	.loc-content .loc-cta .location-button{width:48%;}

	.loc-content .loc-cta .location-button:nth-of-type(odd){margin-right:2%;}

	.loc-box{float:none; margin:0 2% 2%; width:auto; padding:4%;}

}



@media only screen and (max-width:1024px) and (orientation:landscape){

	.locations-map{right:0;}

}



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

	.locations{height:auto; margin-bottom:2%;}

	.locations-map{display:none;}

	.loc-content, .loc-content .loc-cta{width:auto; padding:0;}

	.loc-box, .loc-box:nth-of-type(odd){font-size:1em; margin:0 0 2%;}

	.loc-name{width:60%; height:auto; margin-bottom:20px;}

	.address, .pickup-hours, .phone, .hours{height:auto; margin:0 0 20px 0;}

	.loc-address, .loc-hours{float:none; width:auto;}

}





/* LOGIN

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

.login-form{width:100%; margin:3% auto; display:block; text-align:center;}

.login-form input[type="text"], .login-form input[type="password"]{font-size:1.25em; width:200px; padding:5px;}

.login-form .form-group label { line-height: 2.5; }

.login-form p{font-weight:400;}

.login-form p:first-of-type{padding-bottom:10px}

.login-form input[type="submit"]{ background: #ed7f28 none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; font-size: 1em; font-weight: 300; margin: 12px auto 0; padding: 9px 20px; transition: all 200ms ease-in-out 0s; display: block;}

.login-form input[type="submit"]:hover{background:#C15601;}



/* LOGIN PAGES

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

.login-landing-page{background:url(/wp-content/themes/derrflooring/assets/images/chene-rouge-rustique.jpg) no-repeat center center; background-size: cover; display:block;}

.login-form a { color:#2c3d74; text-decoration:none; }

.customer-resources.container{width:1070px; padding-bottom:100px;}

.customer-resource{display:block; background:#ED7F28; margin-bottom:20px; box-sizing:border-box; font-weight:400; text-align:left;}

.customer-resources .customer-resource .icon{float:left; width:110px;}

.customer-resources .customer-resource .icon img{text-align:center; vertical-align:middle; max-width:100%; max-height:100%; width:auto;}

.customer-resources .customer-resource:nth-of-type(odd){float:left; clear:left;}

.customer-resources .customer-resource{max-width:450px; width:45%; line-height:100px; padding:0 2%;}

.customer-resources .customer-resource:nth-of-type(even){float:right; clear:right;}



.which-page.container{ margin:-3% auto 5%;}

.which-page .customer-resource{float:left; width:194px; margin:0 7px; line-height:40px; font-size:.9em; padding:0 1%;}

.which-page .customer-resource .icon{width:16%; float:left; margin-right:20px;}

.which-page .customer-resource .icon img{width:100%; vertical-align:middle;}

.which-page .customer-resource.on-page{background:#C15601;}



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

	.customer-resources .customer-resources.container{width:100%; padding:0 10% 50px;}

	.customer-resources .customer-resource{font-size:1.5em; line-height:65px; padding:0 2%;}

	.customer-resources .customer-resource .icon{width:13%; margin-right:15px;}

	.customer-resources .customer-resources img{max-width:100%; max-height:100%; position:relative; top:-5px;}

	.customer-resources.container{width:100%;}

	.which-page.container{width:100%; margin:0 auto 2%; max-width:700px;}

	.which-page .customer-resource{width:49%; font-size:1.25em; margin:0 0 2%; line-height:60px;}



	.which-page .customer-resource:nth-of-type(odd){margin-right:2%;}



}



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

	.customer-resources .customer-resource{width:auto; max-width:none; padding:0 5%;}

	.customer-resources .customer-resource:nth-of-type(odd), .customer-resources .customer-resource:nth-of-type(even){float:none;}

	.customer-resources .customer-resource .icon{margin-right:30px;}



	.which-page .customer-resource{padding:0 2%; font-size:.875em; line-height:50px;}



}





/* CUSTOMER RESOURCES

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

h2.blue-title{padding:10px; background:#2c3d74; color:#FFF; font-size:1.5em; font-family:'Oswald', sans-serif; font-weight:400; line-height:1;}

.equipment-rental-form form{width:70%; padding:2%;}

.equipment-rental-form input, .equipment-rental-form label{font-size:1.25em; margin-bottom:2%;}

.equipment-rental-form label{width:25%; display:inline-block; vertical-align:middle;}

.equipment-rental-form select{padding:7px;}

input{padding:2px; font-family:'Arial', 'Helvetica', sans-serif; line-height:1; box-sizing:border-box; line-height:1.25em;}

.side-by-side{width:75%;}

.full-span{width:100%;}

.city{width:65%; margin-right:2%}

.state{width:10%; margin-right:2%}

.zip{width:21%;}

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

	.equipment-rental-form form{width:auto;}

}

@media only screen and (max-width:736px){
	.equipment-rental-form input, .equipment-rental-form label{font-size:.875em;}
	.equipment-rental-form label{width:35%;}
	.side-by-side{width:65%;}
	.city{width:55%;}
	.equipment-rental-form select{width:20%; padding:3px;}
}

/* Blog Posts */
.blog-post {padding:2%; margin-bottom:1em; border:2px solid #2c3d74; }
.blog-post a { color: #727272; text-decoration:none; }
.blog-post .more-link{display:inline-block; padding:5px; background:#ED7F28; color:#FFF; text-decoration:none; text-transform:capitalize; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}
.go-back{display:inline-block; padding:5px; background:#ED7F28; color:#FFF; text-decoration:none; text-transform:capitalize; -moz-transition:all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}

.blog-controls{text-align:right; width:80%; margin:0 auto .75em;}
.blog-post .more-link:hover, .go-back:hover{background:#C15601;}

.et_divi_builder #et_builder_outer_content .et_pb_row{padding:0 !important;}

.pagination{float:right;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #ED7F28;
	cursor: pointer;
	padding: 12px;
	-moz-transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #C15601;
}

/* ----------------
    Doug's Edits
---------------- */
div.content ul{
	margin-left:15px;
	list-style:inside;
}
@media only screen and (max-width: 1024px) {
	div.content ul{
	font-size:.8em;
}
}
.pc-box img{
	vertical-align: middle;
    width: 100%;
    height: 200px;
}
.pc-box .box-logo{
	width: 80%;
    margin: 0 10%;
    height: 64px;
    padding: 5px 0;
    background: #FFF;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    position: absolute;
    top: 56%;
    line-height: 64px;
    -moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.container .cf .blog-spacing{
	margin-top:15px;
}
#new-castle{
	padding-bottom: 50px!important;
}
@media screen and (min-width:1024px){
	.which-page.container{
		display:flex;
		align-items:center;
		justify-content: center;
	}
}

/*------------------------------------
BANNER
------------------------------------*/
#notificationBanner {
	width: 100%;
	background: #ED7F28;
	z-index: 10000;
	margin: 0;
	padding: 10px 0px;
}
#notificationBanner .content {
	text-align:center;
	margin: 0 auto;
}
#notificationBanner .content p {
	color:#FFFFFF;
	margin: 6px 0;
	padding: 0 40px;
	line-height: 1.25;
	font-size: 18px;
}
#notificationBanner .content p a:hover {
	font-weight:normal;
}
#notificationBanner .content a {
	text-decoration:none;
}

@media all and (max-width:736px){
        #notificationBanner { margin-top: 50px; }
}