/* Autooptimize Styles */
.navFindUndergroundList,
#menu-top-navigation>.menu-item-has-children>.sub-menu, 
#menu-dealer-dropdown,
.mobileMenuClose{
  display:none;
}
.layoutHomeSlider{
	background-size: cover;
	text-align: center;
	position: relative;
	z-index: 2;
}
.layoutHomeSlider >div{
opacity:0;
transition:opacity 0.15s ease-in-out;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
  font:15px/1.35 'Open Sans', 'Helvetica', Arial, sans-serif;
}



/* Typography Defaults including heading CLASS names for reusable headlines. */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: 'Open Sans';
    margin-bottom:5px;
    margin-top:15px
}

h1, .h1 {
    font-size: 24px;
    font-weight:800;
}

h2, .h2 {
    font-size: 22px;
    color:#377FA9;
    font-weight: 400;
}
h1+h2 {
    margin-top: -10px;
    margin-bottom: 25px;
}

h3, .h3 {
    font-size: 18px;
}

h4, .h4 {
    font-size: 16px;
}

h5, .h5 {
    font-size: 16px;
}

h6, .h6 {
    font-size: 16px;
}

.h-lg{
  font-size:2.25em;
  margin-top:1em;
}

p{margin-top:0; margin-bottom:15px}

.entry h1 + h2, h1.entry-title, h1.entry-title h2{margin-top:0}

.type-post .entry-title,
.rspContentResultList .entry-title{
	margin-bottom:0
}
.type-post .entry-title + h2,
.rspContentResultList .entry-title + h2{
	border-bottom:4px solid #F6E500; 
	line-height: 1;
	padding-bottom:15px;
	margin-bottom:15px; 
	margin-top:0;
	font-style:italic;
	font-weight: 300;
	color:#000
}

.blog .entry-title,
.archive .entry-title{
	font-size:18px
}

.line{
	clear:both;
	margin: 0;
	padding:0;
}

.unit{
	float:left;
	margin:0; 
	padding:0
}


.size1of1{float:none; width:100%; } 
.size1of2{width:50%}
.size1of3{width:33.3333333%}
.size2of3{width:66.6666667%}
.size1of4{width:25%}
.size3of4{width:75%}
.size1of6{width:16.6666667%}
.size5of6{width:83.333335%}
.size1of8{width:12.5%}
.size3of8{width:37.5%}
.size5of8{width:62.5%}

/* Nested row */
.size4up{width:23.5%; margin-right:2%; padding:0}
.size4up:last-child{margin-right:0}



.line-padded .unit{
	padding:5px;
}
.nopad{padding:0}




/* Header */
.headerSpace{
	content:'';
	display:block;
	position:relative;
	z-index: 0;
	height:125px;
	width:100%;
}
#header{
	position:absolute;
	width:100%;
	left:0;
	right:0;
	top:0;
	 z-index: 400;
}
.layoutHeader {
	position:relative;
	z-index:3000;
	width:100%;
	left:0;
	right:0;
	top:0;
	background:#000;
	padding: 20px 0 0 0;
	border-bottom:1px solid #282828;
overflow:hidden 
}

.logo a{display: block}

.affixHeader{
	position:fixed;
	background:rgba(0,0,0,0.85)
}

/* Gold Band */
.layoutHeaderBand{ 
	position: relative;
	z-index: 4000;
	line-height: 14px;
	vertical-align: middle;
    padding: 3px 0;
	background: #F6E500;
	font-size:12px;
	color:#8C6A00;
	min-height: 34px;
}

.layoutHeaderBand p{margin:0}
.customerCare{font-size:11px; text-transform: uppercase;font-weight: 700; }
.customerCare a{ text-decoration: none; color:#8C6A00; display:block; padding:6px 0}
.customerCare b{color:#333; font-size:13px}
.navInternational{font-family: Arial, sans-serif}
.navInternationalLink{text-transform: uppercase; color:#8D6A00}
.navInternational a{color:#000; text-decoration: none; padding: 0 2px}
.navInternational a:hover{text-decoration: underline; color:#000}

.navInt{float:right; line-height:28px; font-size:11px; color:#CC9900}

/* Google Translate */
#google_translate_element{border:1px solid #E1BF00; padding:2px 3px; display:block; float:right; height:28px; width:150px}
a.goog-te-menu-value{ text-decoration:none}
a.goog-te-menu-value:hover{color:#000 !important}


#google_translate_element .goog-te-gadget-simple{background:none !important; border:0 !important}

.goog-te-gadget-simple a.goog-te-menu-value{background:none;font-family: arial, sans-serif;  font-size:11px;  color:#8C6A00; font-family:'Open Sans'; text-transform: uppercase; font-weight:600;
margin-left:0;
} 
a.goog-te-menu-value:hover{ background:none}
a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"]{display:none}
a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"]{color: #C48910 !important; font-size:10px; margin-left:-5px}
.goog-te-menu-frame{box-shadow:3px 3px 3px 0 #000000 !important}


#menu-top-navigation {float:right}
#menu-top-navigation a{
	display:block;
	font-weight:600;
	color: #9F9A91;
}

#menu-top-navigation li{
	list-style:none; 
	padding:0; 
	margin:0; 
	display:block; 
	float:left;
}

#menu-top-navigation > li > a{
	position: relative;
	z-index: 0;
	display:block;
	text-decoration: none;
	float:left;
	line-height:18px;
	font-size:16px;
	padding:15px 15px;
	margin-top:5px;
	border-bottom: 0
}

#menu-top-navigation > li > a:after{
	content:'';
	display:inline-block;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #4D4D4D;
	margin-left:10px;
}

#menu-top-navigation > .sfHover > a{
	background-color:#68665e; 
	color:#fff;
}

#menu-top-navigation > .sfHover > a:after{
	border-top: 8px solid #fff;
}

#menu-top-navigation > .current-menu-item> a,
#menu-top-navigation > .current-page-ancestor > a{color:#fff}

.navMainMenus{
  position: relative
}
.navMainMenus .menu-item-has-children{
	position:relative;
	z-index: 1000;
}
#menu-top-navigation>.menu-item-has-children > .sub-menu,
#menu-dealer-dropdown{
	display:none;
	position:absolute;
	left:-10px;
	top:50px;
	z-index:999;
	background:#68665e;
	padding:10px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2)
}

.navLine1{float:right}
.navLine1 li{display:block; float:left; padding-left:10px}
.navLine1 a{
	position: relative;
	display:block;
	font-size:12px;
	line-height:18px;
	color:#fff;
	font-weight:400;
	padding-left:22px;
	
	-webkit-font-smoothing:subpixel-antialiased
}


#navFindUnderground > li > a{
	position:relative;
	display:block;
	padding-left:22px;
	font-size:16px;
	line-height:18px;
	color:#fff;
	font-style:italic;
	font-weight:300;
}
#navFindUnderground > li > a strong{
	color: #F6E500;
	font-weight:700;
	font-style:normal;
	-webkit-font-smoothing: antialiased
}

/* breadcrumb */
.breadcrumbs{
	padding:14px 0 10px 0;
	background:#EBEBEB;
	line-height:1;
	font-size:11px;
	font-weight:700;
	color:#999
}
.breadcrumbs a{
	color:#999;
	text-decoration: none;
}
.breadcrumbs a:hover{color:#000}



/* Product Page */
.productHead h1,
.pageHead h1{
	font-size:34px;
	font-weight:800;
	margin-bottom:0;
	line-height:1.1;
	margin-top:30px;
}

.productHead h2,
.pageHead h2{
	margin-top:4px;
	font-size: 24px;
	font-weight:300;
	font-style: italic;
	color: #000;
	line-height: 1.1
}

.pageHead .media{margin-top:15px}
.pageHead .bd{margin-top:10px}
.pageHead .img{border-radius: 50%; overflow: hidden; margin-top:10px; border:4px solid #000}
.pageHead .media h2{font-size:20px}
.pageHead h1 > span{font-size:16px; color:#747169; text-transform: uppercase; display: block;line-height:1.1; margin-bottom:2px}	


.rspContent, .post .related-items li {
    position: relative;
    display: block;
    z-index: 0;
    top: -2px;
    border: 1px solid #ccc;
    border-top: 2px solid #7a776f;
    width: 100%;
    min-height: 400px;
    padding: 20px 30px;
    margin: 30px 0;
    background: #fff;
}

.productFeature{
	border:1px solid #B2B2B2;
	background:#CFCDC8
}

.bxsliderProd li{list-style:none;}

@media only screen and (min-width: 1320px) {
 		
	.layoutWrapper{width:1280px; margin:0 auto}
		
	/* alternate grid */
	.m0-size1of1{float:none; width:100%; overflow: auto} /* base 1000px */
	.m0-size1of2{width:50%; float:left}   /* base 490px */
	.m0-size1of3{width:33.3333333%; float:left}   /* base 320px */
	.m0-size2of3{width:66.6666667%; float:left}   
	.m0-size1of6{width:16.6666667%; float:left}   /* base 118px */
	.m0-size1of4{width:25%; float:left}   /* base 118px */  
	.m0-size3of4{width:75%; float:left}   /* base 118px */  
	.m0-nobreak{clear:none}
	.m0-lastunit{margin-right:0; float:none}
	
	/* helpers: alignment, visibility, etc */
	.m0-displayNone{display:none}
	.m0-display{display:block}
	.m0-displayNone{display:none}
	.m0-widthAuto{width:auto}
	.m0-alignCenter{text-align:center !important}
	.m0-alignRight{text-align:right !important}
	.m0-alignLeft{text-align:left !important}
	.m0-nopad{padding:0}
	
	.productFeatureLeft{
		width:845px;
		height: 385px;
		border-right:1px solid #b4b4b4;
		background:#fff;
		float:left;
	}
	.productFeatureRight{
		height: 385px;
		width: 432px;
		float:right;
		width: #CFCDC8
	}
 
}

/* MEDIA-1 : Desktop and wide tablets*/
@media only screen and (max-width:1319px) {
	
	body{font-size:13px}
	
	.layoutWrapper{width:1000px; margin:0 auto}
	
	/* alternate grid */
	.m1-size1of1{float:none; width:100%; overflow: auto} /* base 1000px */
	.m1-size1of2{width:50%; float:left}   /* base 490px */
	.m1-size1of3{width:33.3333333%; float:left}   /* base 320px */
	.m1-size2of3{width:66.6666667%; float:left}   
	.m1-size1of6{width:16.6666667%; float:left}   /* base 118px */
	.m1-size1of4{width:25%; float:left}   /* base 118px */  
	.m1-size3of4{width:75%; float:left} 
	.m1-nobreak{clear:none}
	.m1-lastunit{margin-right:0; float:none}
	
	/* helpers: alignment, visibility, etc */
	.m1-displayNone{display:none}
	.m1-display{display:block}
	.m1-displayNone{display:none}
	.m1-widthAuto{width:auto}
	.m1-alignCenter{text-align:center !important}
	.m1-alignRight{text-align:right !important}
	.m1-alignLeft{text-align:left !important}
	.m1-nopad{padding:0}
	
	/* product page */
	.productFeatureLeft{
		width:667px;
		height: 304px;
		float:left;
	}
	.productFeatureRight{
		width: 328px;
		height: 304px;
		float: right;
	}
}

/* MEDIA-2 : Desktop small and horizontal tablets */
@media only screen and (max-width:1020px) {

	.layoutWrapper{width:900px; max-width: 92%; margin:0 auto}
	
	/* alternate grid */
	.m2-size1of1{float:none; width:100%; overflow: auto} /* base 1000px */
	.m2-size1of2{width:50%; float:left}   /* base 490px */
	.m2-size1of3{width:33.3333333%; float:left}   /* base 320px */
	.m2-size2of3{width:66.6666667%; float:left}   
	.m2-size1of6{width:16.6666667%; float:left}   /* base 118px */
	.m2-size1of4{width:25%; float:left}   /* base 118px */  
	.m2-size3of4{width:75%; float:left} 
	.m2-nobreak{clear:none}
	.m2-lastunit{margin-right:0; float:none}
	
	/* helpers: alignment, visibility, etc */
	.m2-displayNone{display:none !important}
	.m2-display{display:block}
	.m2-displayNone{display:none}
	.m2-widthAuto{width:auto}
	.m2-alignCenter{text-align:center !important}
	.m2-alignRight{text-align:right !important}
	.m2-alignLeft{text-align:left !important}
	.m2-nopad{padding:0}
	
	.media .img{width:55px}
	
	.pageHead .media h1{font-size:22px; margin-top:20px}
	.pageHead .media h1 span{font-size:10px}
	.pageHead .media h2{font-size:14px; font-weight:400; max-width:300px}
	.pageHead .media .img{width:110px}
	
	.rspContent{padding:15px; margin:10px 0}
	.blog .rspContent .entry-content,
	.archive .rspContent .entry-content{display:none}
	.rspContentResultList .entry-title + .postDateTime,
	.type-post .entry-title + .postDateTime{margin-bottom:0}

	
	/* Product Features */
	.productFeatureLeft,
	.productFeatureRight{
		width:100%;
		height: auto;
		float:none;
	}
}


/* MEDIA-3 : Vertical tablets and Horizontal phones */
@media only screen and (max-width:759px) {
  
  body{font-size:16px;}
	
	.layoutWrapper{width: 92%; margin: 0 4%;}

	/* alternate grid */
	.m3-size1of1{float:none; width:auto; overflow: visible} /* base 1000px */
	.m3-size1of2{width:50%; float:left}   /* base 490px */
	.m3-size1of3{width:33.3333333%; float:left}   /* base 320px */
	.m3-size2of3{width:66.6666667%; float:left}   
	.m3-size1of6{width:16.6666667%; float:left}   /* base 118px */
	.m3-size1of4{width:25%; float:left}   /* base 118px */  
	.m3-size3of4{width:75%; float:left} 
	.m3-nobreak{clear:none}
	.m3-lastunit{margin-right:0; float:none}
	
	.line.line-flexform-cards{display:block; }
	
	/* helpers: alignment, visibility, etc */
	.m3-displayNone, .homeFindUnderground{display:none !important}
	.m3-display{display:block}
	.m3-displayNone{display:none}
	.m3-widthAuto{width:auto}
	.m3-alignCenter{text-align:center !important}
	.m3-alignRight{text-align:right !important}
	.m3-alignLeft{text-align:left !important}
	.m3-nopad{padding:0}
}



/****************** DEALER PORTAL STYLES ******************/



/*main content*/
#bodyWrapper, body{
  background:#000
}
#bodyContentHome {background:white; min-height:500px; height:auto !important; height:500px;}
#bodyContent {background:#fff; min-height:500px; height:auto !important; height:500px; padding-bottom:40px;}
#bodyContentSchonstedt{padding:0 15px 15px 15px; z-index:1;}
#bodyContentSchonstedt_twocolumn{padding:15px; z-index:1;}
#bodyContentSchonstedt_twocolumn_nopaper{padding:15px; z-index:1;background: none;}
#bodyContentSchonstedt_onecolumn{background:none; padding:15px; z-index:1;}


/* Custom Dealer Layout Wrapper */
.layoutWrapper{
  width: 900px;
}
#bodyContent img{
  max-width: 100%;
  height:auto;
}


/*home features*/
.home_feature > div > div{height:130px; padding:10px 5px 0 65px; display:block; border-left:1px dotted #ccc;}

.home_feature .mobile{background: url(../../../images/mobilephone.gif) 5px 0 no-repeat;}
.home_feature .lia{background: url(../../../images/layout/layout_home_lia.jpg) 5px 0 no-repeat; }
.home_feature .purchase{background: url(../../../images/layout/layout_home_newpurchase.jpg) 5px 0 no-repeat; }
.home_feature h4{margin:0;}
.home_feature h4 a{text-decoration:none;}
.home_feature p{}
.home_feature ul{padding:0; margin:10px 0;}
.home_feature li{list-style:none; margin:0; padding:0;}


/*forms*/
.input{height:42px; padding:5px; line-height:22px; font-size:15px; color:#666; border:1px solid #999; width:100%;}
textarea{width:100%;}


/*divider*/
hr, .rule{width: 100%; border:0; border-top:dotted 1px #CCCCCC; height:1px; margin-top: 25px; margin-bottom:25px; padding:0;}


/*tables*/
table td{font-size:12px; vertical-align:top;}
table th{font-size:11px; font-weight:bold; vertical-align:top;}
table td, table th{padding:5px;}



/*Header Bar*/
#dealer-header{display:block; clear:both; background: 0; background:#000}
#GoldBar{display:block; clear:both; height:40px; padding-top:5px; background:#FDE524; width:100%;  text-shadow: #FFFFCC 1px 1px 0 }
.dealerHead{
  color: #fff;
  text-align: right;
  padding: 26px 0;
}
.dealerHead a{
  color:#fff;
}


/* account link list */
.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.floatingBlock200{display:block; float:left; width:200px;}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

/* Featured Sections */
.featured-section-box{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
background: rgb(229,229,229); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
border:1px solid #e4e4e4;
padding:20px;
}

/* sticky nav */
#page {
  margin-top: 3.5em;
  min-height: 100px;
}

.sectionHeader{
	padding:60px 0 30px 0;
	font-size:2em;
}
.sectionHeader .sectionHeaderBar{
	display:block;
	padding:10px;
	color:#fff;
	background: #000;
	text-shadow: none;
}

.schondealers-nav-sticky {
  position: fixed;
  z-index: 1024;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.schondealers-nav-sticky ul {	
display:block;
  background: #FDE524;
  text-align: center;
  padding: 0;
  margin:0;
}
.schondealers-nav-sticky ul li {
  list-style: none;
  display: inline-block;
  padding:0;
}
#bodyContent .schondealers-nav-sticky ul li a {
	display:block;
  color: #000;
  text-decoration: none;
  padding: 0.75em 1.5em;
  box-sizing: border-box;
	text-transform: uppercase;
	font-weight:600
}

#bodyContent .schondealers-nav-sticky ul li a .note{
text-transform: none;
font-size:11px;
font-weight: 400;
font-style: italic	
}

#bodyContent .schondealers-nav-sticky ul li a:hover {
  background-color: #ffef76;
  color:#000;
  transition: all 0.2s;
}
#bodyContent .schondealers-nav-sticky ul li.active a {
  background-color: #232323;
  color:#fff;
  transition: all 0.2s;
}
#bodyContent .schondealers-nav-sticky ul li.active a:hover {
  background-color: #333;
  color: #fff;
  transition: all 0.2s;
}

.l-logo{
  padding-top: 16px;
}

@media only screen and (max-width: 759px){
  .layoutWrapper {
      width: 100%;
      max-width:100%;
      margin: 0;
      margin: 0;
  }
  .schondealers-nav-sticky {
    position: fixed;
    z-index: 1024;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    overflow: hidden;
  }
  .schondealers-nav-sticky ul {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: stretch;
    /* flex-basis: auto; */
    background: #FDE524;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .schondealers-nav-sticky ul li{
    display: flex;
  }
  #bodyContent .schondealers-nav-sticky ul li a {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 0.8em 0.6em;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
  }
  #bodyContent .schondealers-nav-sticky ul li a span{display:none}
  
    
  .l-logo {
      max-width: 200px;
      margin: auto;
  }  
  .l-logo img{
    max-width: 100%;
    height:auto;
  }
  .dealerHead {
    color: #fff;
    text-align: right;
    padding: 0 0 15px 0;
    font-size: 13px;
    text-align: center;
    margin-top: -15px;
    z-index: 7;
    position: relative;
  }
  
  textarea{max-width:100%; height:150px;}
  
  .sectionHeader {
    padding: 15px 0 30px 0;
  }
  .sectionHeader .sectionHeaderBar {
    margin: 0 -15px;
    font-size: 18px;
  }
}
