@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700|Roboto+Condensed:400,700);

/*font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;*/

/* ==========================================================================
   normalize.css v1.1.3 | MIT License | git.io/normalize
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;letter-spacing: 0px;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:0;}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ==========================================================================
   Basic HTML Elements
   ========================================================================== */
html, button, input, select, textarea { color: #666; font-family: 'Roboto', sans-serif;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing:optimizeLegibility; }
html { font-size: 1em; line-height: 1.6; }
::-moz-selection { background: #fbcc3f; color:#fff; text-shadow: none; }
::selection { background: #fbcc3f; color:#fff; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 2em 0 !important; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }

.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12 { margin: 0;width: 100%; }

p,pre,ul,ol,dl,table { margin:0 0 1.6em; }

/* Lists */
li ul, li ol { margin:1em 0; }
ul { list-style-type:disc; }
ul ul { list-style-type:circle; }
ul ul ul { list-style-type:square; }
ul ul ul ul { list-style-type:disc; }

ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: decimal; }

dl dt { font-weight:700; }
dl dd { margin:0 0 1em; font-style:italic; }

nav ul, nav ol { margin:0; padding:0; list-style:none; }

/* Headings */
h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif; margin:0; font-weight: 900; margin-bottom: 18px; color: #333; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing: auto; }


h1 { font-size: 38px; line-height:48px; }
h2 { font-size:0.9em; font-weight:300; margin-bottom:1em; text-transform:uppercase;line-height:2; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 18px; line-height: 21px; }
h5 { font-size: 16px; line-height: 21px; }
h6 { font-size: 14px; line-height: 18px; }


.featherlight .featherlight-content {
width: 65%;
}

.lightbox.featherlight-inner {
overflow: hidden;
max-height: 700px;
overflow-x: hidden;
overflow-y: auto;
}

.page-title-wrapper {
    display: block;
    margin-bottom: 0px;
    height: 200px;
    background-size: auto 100%;
    vertical-align: top;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
		background: #eee;
		text-align: center;
}


.center-copy {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.center-copy h1.page-title {
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
 }

.center-copy p { font-size: 21px; line-height: 24px; color: #333; margin-bottom: 0px; }

.container { background: #fff; }

.portfolio-grid { padding: 25px 0; overflow: hidden; background: #fff; max-width: 1280px; margin: 0 auto;  }

.grid-5 { width: 44% !important; }

#contact .grid-7 { width: 70%; padding-bottom: 50px; }
.clocation.grid-5 { width: 25% !important; }

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 100%;
border: 0px;
}


.product-list.categories.grid-5 {
margin: 3%;
min-height: 540px;
display: inline-block;
vertical-align: top;
text-align: left;
}

.table-wrap {
    overflow-x: auto;
    margin: 0 auto 1.6em;
    border: 1px solid #eee;
}

.product-details.grid-6 h2 { font-weight: bold; font-size: 21px; line-height: 24px; color: #fbcc3f; }

.nz-separator.solid {
  height: 5px;
  background-color: #f6bf0a;
  width: 90px;
  margin-top: 20px;
  margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#photos, .photos {
 	width: 38%;
  	display: inline-block;
	margin: 5%;
	vertical-align: top;
}

#photos img, .photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  opacity: .6;
}

.product-list.grid-12 img { opacity: 1 !important; margin-bottom: 25px; }

#photos h2, .photos h2 { font-weight: bold; font-size: 32px; }

.mask {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.mask h2 {
  margin: 24% auto 5px;
  position: relative;
  text-align: center;
  color: #000;
  font-weight: 500;
  font-size: 24px;
    width: 100%;
  text-align: center;
  color: #fff;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.box:hover h2 {
   margin: 20% auto 0;
   opacity: 1;
}


.mask p.slidephotos, .mask div.slidephotos p {
  position: relative;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
  line-height: 25px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity:0;
  width: 100%;
  text-align: center;
  color: #fff;
  margin: 0 auto 5px;
  width: 90%;
	font-weight: bold;
}

p a { color: #d8a814 !important; text-decoration: underline;  }

p a:hover { color: #fbcc3f !important; text-decoration: none;  }

.box {
  z-index: 9;
  cursor: default;
  overflow: hidden;
  text-align: center;
  position: relative;
  cursor: pointer;
  background: #000;
  border: 0px solid #fff;
	margin-bottom: 50px;
}

img.zoomed {
  display: block;
  left: 10px;
  margin-left: -10px;
  position: relative;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  cursor: pointer;
  opacity: 0.8;
}

.box:hover > img.zoomed {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=90);
  opacity: .3;
  cursor: pointer;
}

.box:hover p.slidephotos, .box:hover div.slidephotos p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  margin: 0 auto;
}

.product-category-page {
  border-bottom: 1px solid #eee;
  padding: 0 25px 50px;
  max-width: 1280px; margin: 40px auto 0px; overflow: hidden;}

img.category-image, img.align-right { width: 35%; height: auto; float: right; margin: 0 0 25px 5px;  }
img.align-right { margin: 0 0 10px 25px !important; }
img.align-left { width: 35%; height: auto; float: left; margin: 0 25px 10px 0 !important;  }
img.align-center { width: 100%; height: auto; float: center; margin-bottom: 25px; }

.product-list.categories.grid-5 img { margin-bottom: 40px; }

/* Links */
a { color:#000000; text-decoration:none;transition: all 0.2s linear 0s; }
a:hover { color:#003300; }
a, a span { transition: all 0.2s linear 0s;transition-property:color,background-color,opacity,border-color; }

/* Forms */
input,button,textarea { font-family: 'Roboto', sans-serif;line-height:normal; }
input,textarea { transition: all 0.1s ease-out; transition-property:color,background-color,opacity,border-color,box-shadow; }
input[type="text"],input[type="tel"],input[type="email"],input[type="search"],input[type="password"],textarea {  padding:0.4em !important; outline:0; box-shadow:1px 2px 3px rgba(0,0,0,0.075) inset; }
input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type="search"]:focus,input[type="password"]:focus,textarea:focus { border-color:#f1f1f1; background-color:#f1f1f1; box-shadow:none; }
input[type="search"] {
	padding:unset !important;
}
a.button,input[type="submit"],button:not(.owl-dot, .owl-next, .owl-prev) {
	background: #f7cd46;
	color:#000;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	display:inline-block;
	padding:0.5em 1.8em;
	font-weight:700;
	text-transform:uppercase;
	border:0;
	margin:0;
	transition: all 0.1s ease-out;
	transition-property:color,background-color,opacity,border-color;
	}
a.button:hover,input[type="submit"]:hover,button:not(.owl-dot, .owl-next, .owl-prev):hover { background:#666; }
a.button:active,input[type="submit"]:active,button:not(.owl-dot, .owl-next, .owl-prev):active { color:#595656; }


.owl-nav.disabled {
	display: none;
}
.owl-carousel .owl-dot,
#hero-ads .owl-theme .owl-nav .owl-next,
#hero-ads .owl-theme .owl-nav .owl-prev {
	background: transparent;
    border: none;
    padding: 0;
}
.owl-carousel .owl-dots .active span {
	background: #fbcc3f !important;
    border-color: #fbcc3f !important;
}

/* Code / pre */
pre, code { font-family: Monaco, Consolas, "Lucida Console", monospace; }
pre { white-space:pre; word-wrap:normal; overflow:auto; background:#f3f3f3; max-width:100%; padding:5%; }

/* Tables */
table { width:100%; }
table td, table th { line-height:1.3333; padding:0.75em 1.25em; text-align:left; }
table tbody { border-top:1px solid #d5d5d5; }
table tbody td, table tfoot td { border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
table tbody th, table tfoot th { border-bottom:1px solid #d5d5d5;  background:#eee;  }
table th,table td.attribute, .table-wrap th { background:#eee;font-weight: 700;text-transform:uppercase; border:1px solid #d5d5d5; }
table tbody td,
table tbody th { font-size:0.9em; padding:0.833em 1.3889em; transition:background-color 0.1s ease-out, color 0.1s ease-out, padding 0.1s ease-out; }
table tfoot td,
table tfoot th { font-size:0.9em; padding:0.833em 1.3889em; transition:background-color 0.1s ease-out, color 0.1s ease-out, padding 0.1s ease-out; }
table tbody tr:hover td { background:#fbcc3f; color:#fff; }
table tbody tr:hover td.attribute, .table-wrap tr:hover th { background:#333; color:#fff; }
table tbody tr:hover td a ,table tbody tr:hover td a {
	color: #fff;
}
table tbody tr>td:first-child { border-left:1px solid #d5d5d5; }

#models table {
	background: #fff;
}
#models table td.attribute, #models .table-wrap th {
	vertical-align: bottom;
}
#models table td, #models table th {
	font-size: 14px;
}

/* Images */
img { max-width:100%; height:auto; }


.body-blocks.service-copy {
background: #fff;

 }

#user-login-form {
max-width: 1040px;
margin: 0 auto;
padding: 50px 25px;
}

#user-login-form label {
font-weight: bold;
}

#edit-name--description, #edit-pass--description {
  font-size: 12px;
  line-height: 16px;
  display: block;
  margin-bottom: 40px; }

/* ==========================================================================
   Site Styles
   ========================================================================== */

body {
	background: #222222;
}
.section-header {
	padding:0.9em 0 1.8em; }
.section-header h2 {
	font-size:1.8em;
	font-weight:900;
	margin-bottom:0;
	letter-spacing:0.075em;
	line-height:1;
	word-spacing:0.125em;
	color:inherit;
	display:inline-block;
	padding:0 0.25em 0 0;
	background:#fff;
	white-space:nowrap;
}
.section-header:before {
	content:"";
	height:1px;
	width:100%;
	background:#ddd;
	display:block;
	overflow:hidden;
	margin-bottom:-0.9em;
}
.aligncenter {
	text-align:center;
}
.aligncenter .section-header h2 {
	padding:0 0.25em;
}
.logo {
	    padding-bottom: 3%;
}
.logo a img {
	width: 100% !important;
}
.searchbk {
	display: none;
}
.searchbk img {
	width:50%;
}

.video-container iframe {
    width: 100%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 0px solid #003eff;
background: transparent;
font-weight: normal;
color: #ffffff;
}


img.news-image { float: right; width: 35%; margin: 0 0 15px 25px; }


.ui-widget-header {
border: 0px solid
#ddd;
background: #e9e9e9;
color:
    #333333;
    font-weight: bold;
}

.searchbk form::before {
    content: '';
    background: url(/themes/custom/putzmeister/img/icons/search.png) left center no-repeat;
    height: 35px;
    width: 35px;
    position: absolute;
    background-size: 100%;
}
.searchbk form {
	display: inline-block;
	width: auto;
	text-align: right;
}
#nav {
	padding-top: 36px;
}
.nav-contact {
	border: 3px solid #fbcc3f;
  margin-left: 40px;
}

.nav-contact a {
	padding: 0.4em 1em !important;
	color: #fbcc3f !important;
	text-transform: uppercase !important;
}

.grid-6 h2 a {
  font-size: 21px !important;
  line-height: 24px !important;
  font-weight: bold !important;
  display: block !important;
  padding-top: 10px;
}

.grid-6 h2 a:hover { color: #fbcc3f; }

.social-ico {
	display: inline-block;
	width: auto;
}
.mobilelogo {
	display: none;
}
#breadcrumbs {
	display: none;
	background: #003300;
	padding: 1em 2em;
	color: #999;
}
#breadcrumbs a {
	color: #fbcc3f;
	padding: 0 0.5em;
}

#breadcrumbs a.active { font-weight: 900; }

#breadcrumbs a:hover {
	color: #fff;
}
.contact-parent span,.account-parent span {
	cursor: pointer;
}
.contact-parent span.contacton,.account-parent span.accounton {
	background: #666;
}
ul.contact-children,ul.account-children {
	box-shadow:0px 10px 20px rgba(0,0,0,0.5);
}
a.btn,input#edit-submit,input.contact-submit-btn {
	display: inline-block;
	background:#fbcc3f;
	padding: 0.4em 1em;
	font-size: 18px;
  line-height: 24px;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
	color: #333;
}
a.btn:hover,input#edit-submit:hover,input.contact-submit-btn:hover {
	background: #333;
	color: #fff;
}


input#edit-submit, input.contact-submit-btn {
	display: block;
	width: auto !important;
	background: #fbcc3f !important;
	border: 0 !important;
	padding: 0.4em 1em !important;
	margin: 1em auto 0 !important;
}
input#edit-submit:hover, input.contact-submit-btn:hover {
	background: #333 !important;
  color: #fff;
}
#hero .item,#banner .item {
	background-size: 110% auto;
}
#hero .slideback {
	height: 100%;
	display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
	padding: 0 14%;
	min-height: 420px;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0.33)), color-stop(75%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
#hero .item h2 {
	font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 44px !important;
    line-height: 1.2;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 0.5em;
	max-width: 400px;
}
#hero .item img {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 0 2em;
}
#hero .item p {
	font-size: 1.5em;
    line-height: 1.2;
	color: #fff;
	padding: 0;
}
#hero-ads {
	background: #565656;

}
#hero-ads .container {
	text-align: center;
	background: #565656;
}
#banner .slideback {
	padding: 4% 4% 0 6%;
	min-height: 320px;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0.33)), color-stop(75%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
#banner .item h2 {
	font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 38px !important;
    line-height: 1.2;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 0.5em;
}
#banner .item img {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 0 2em;
}
#banner .item p {
	font-size: 24px;
    line-height: 1.2;
	color: #fff;
	margin: 0 0 1em;
	padding: 0;
}
.slider-big-text {
	font-size: 10em;
	color: #ffcd00;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 0.5em;
	font-family: 'Libre Franklin', sans-serif;
}
.slider-mid-text {
	font-size: 58px;
	color: #ffcd00;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	font-family: 'Libre Franklin', sans-serif;
}
.slideback .btn {
	background-color: #ffcd00;
	font-size: 14px;
	color:#000;
	padding: 10px 30px;
	width: 150px;
	text-align: center;
}
.slideback p {
	color: #ffcd00 !important;
}
.slideback {
	text-transform: uppercase;
}
.slideback p span {
	font-weight:700 !important;
	color: #fff;
}
#visnav {
    width: auto;
	max-width: 1240px;
    background-color: #fff;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    margin: 0 auto;
}
#visnav .intro-cta {}
#visnav .product-btn {
	justify-content: center;
    display: flex;
}
#visnav .product-btn a {
	padding: 18px 30px;

    text-align: right;
    width: 100%;
    color: #000;
    background: #ffcd00 url('/themes/custom/putzmeister/img/shared/btn-products-cta.png') left no-repeat;
    text-transform: uppercase;
}
#visnav h2 {
	font-size:30px;
	margin-bottom: 0;
	line-height: 1.2;
}
#visnav p {
	font-size:18px;
	margin-bottom: 0 ;
}
.grid-12.visnav-container {
	display: flex;
    justify-content: space-between;
    padding: 40px 0;
    margin: 0;
    width: 100%;
}
.visnav-btn-bk {
	display: flex;
    width: 100%;
}
.visnav-button {
    background: #000;
    width: 22%;
    display: flex;
    justify-content: flex-start;
}
.visnav-button img{
	display: inline-block;


}
.visnav-button .btn-wrapper {
	    width: 74%;
    height: 100%;
}
.visnav-button span {
	width: 26%;
	display: inline-block;
}
.visnav-button a {
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 30px;
}
.visnav-button a:hover {
	background: #ffcd00;
}
.adblock {
	display: inline-block;
	text-align: center;

	margin: 2em;
	max-width: 480px;
	background-size: 100% auto;
	width: 100%;
}
.adblockbk {
	transition: all 0.2s linear 0s;
}
.adblockbk:hover {
	background-color: rgba(0,0,0,0.5);
}
.adblock h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 1.2;
	background-color: #f7cd46;
	text-transform: uppercase;
	padding: 1em;
	margin-bottom: 0;

}
@media screen and (min-width: 1024px) and (max-width: 1230px) {
	.adblock h3 {
		min-height: 165px;
	}
}

@media screen and (min-width: 1320px) {
	.adblock h3 {
		min-height: 135px;
	}
}
.owl-item.active {
	display: flex;
}
.item	{
	flex:1;

}
.adblock h3 a {
	color: #000;
}
#hero-ads .item {
	text-align: center;
}
.adblock img {

	display: block;
    width: 100%;
    margin: 0 auto;
}
.adblock p {
	color: #fff;
	font-size: 21px;
	line-height: 1.2;
}
.adblock a.btn {
	width: auto;
}
.finddealer {
	min-width: 480px;
	min-height: 200px;
}
.fd-dealer {
	padding: 2em 1em;
	background: #333;
  text-align: center;
	border-bottom: 0px solid #666;
}
.fd-dealer input {
	min-width: 200px;
}
.fd-dealer input.zip {
	background: #fff url('/themes/custom/putzmeister/img/icons/search-light.png') 10px center no-repeat;
	background-size: 20px 20px;
	padding-left: 35px !important;
	border: 0;
	line-height: 1.75;
}
.fd-dealer input.btn {
	min-width: 0;
	margin-left: -10px;
}
.fd-retailer {
	padding: 1em;
}
.fd-retailer h3 {
	line-height: 1.5;
}
.fd-retailer a {
	float: right;
}
#categories {
	background: #fff;
}
#categories .item {
	text-align: center;
}
#categories .item a {
	outline: 0;
}
#categories .owl-item img {
	margin: 0 auto;
}
#categories .item h3 {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}
#categories .item h3:hover {
	color: #fbcc3f;
}
#categories .item h4 {
	font-size: 1.25em;
	line-height: 1.2;
	color: #999;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
}
#categories .item:hover .panel {
	display: block;
}
.owl-theme .owl-controls .owl-dots .active span {
	background: #fbcc3f !important;
	border-color: #fbcc3f !important;
}
@media screen and (min-width: 600px) {
	#categories .owl-item img {
		max-height: 125px;
		height: 100%;
		width: auto;
		transform: none;
	}
}
@media screen and (min-width: 1600px) {
	#categories .owl-item img {
		max-height: 200px;
	}
}
a.secondary-btn,input.secondary-btn,button.secondary-btn {
	display: inline-block !important;
	margin: 0 auto !important;
	width: auto !important;
	background: rgb(99,100,103) !important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjQ2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Nzc3NzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  rgba(99,100,103,1) 0%, rgba(119,119,119,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,100,103,1)), color-stop(100%,rgba(119,119,119,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(99,100,103,1) 0%,rgba(119,119,119,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(99,100,103,1) 0%,rgba(119,119,119,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(99,100,103,1) 0%,rgba(119,119,119,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(99,100,103,1) 0%,rgba(119,119,119,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#777777',GradientType=0 ) !important; /* IE6-8 */
	font-size: 21px !important;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	color: #fff !important;
	text-transform: uppercase !important;
	padding: 0.75em 1em !important;
	transition: none !important;
	border: none !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}
a.secondary-btn:hover,input.secondary-btn:hover,button.secondary-btn:hover {
	background: #ff9d31 !important;
}
#main {
	background: #fff;
}
#main .sidebar {
	display: none;
}
#main .subnav {
	padding-bottom: 2em;
}
#sub-banner .lb-cta {
	 text-align: center;
	 padding-bottom: 2em;
}
#main .content {
	padding: 1em;
	font-size: 19px;
	line-height: 1.5;
}
#main .content h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-style: bold;
	line-height: 32px;
	color: #231f20;
	text-transform: uppercase;
	margin: 0 0 0.5em;
	text-align: center;
}
#main .content h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-style: bold;
	line-height: 30px;
	color: #666;
	margin: 0 0 0.5em;
	text-align: center;
}
.grid-6 { position: relative; }
.play-video {
position: absolute;
z-index: 2;
top: 0;
width: 100%;
 }
 .video-thumbnail {
 	width: 100%;
 }


#list {
	background: #fff;
	margin-top: 0px;
}
#list .container {
	padding: 3em 0;
	padding-top: 0px;
}
.product-list {
	margin-bottom:0;
	padding-bottom: 65px;
	border-bottom: 1px solid #eee;
}
.product-list img {
	width: 100%;
	height: auto;
}
.product-list .grid-7 {
	padding: 0 1em;
}
.product-list h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 0.5em;
}
.product-list h2 a {
	color: #000;
}
.product-list h2 a:hover {
	color: #fbcc3f;
}
.product-list h2 span {
	display: block;
	font-size:18px;
	font-weight: 300;
	color: #999;
}
#sbanner {
	background: #222;
}
#sbanner .slideback {
	padding: 4% 4% 0 6%;
	min-height: 300px;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0.33)), color-stop(75%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
#sbanner .slideback h1 {
	font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 36px !important;
    line-height: 1.2;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 0.5em;
	max-width: 60%;
}
#sbanner .slideback img {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 0 2em;
}
#sbanner .slideback p {
	font-size: 21px;
    line-height: 1.2;
	color: #fff;
	margin: 0 0 1em;
	padding: 0;
	max-width: 60%;
}
.product-subnav {
	padding: 2em;
	margin-right: 2em !important;
	background: #f5f5f5;
	width: 21.3333% !important;
}
.product-subnav h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 21px;
	color: #222;
	text-transform: uppercase;
}
.product-subnav h3 a {
	color: #222;
}
.product-subnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.product-subnav ul li {
	font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.product-subnav ul li a {
	color: #666;
}
.product-subnav ul li a:hover {
	color: #222;
}
.product-subnav ul li.subnav-on {
	font-weight: 700;
}
.product-subnav ul li.subnav-on a {
	color: #fbcc3f;
}
.product-subnav ul li.subnav-on li {
	font-weight: 400;
}
.product-subnav ul li.subnav-on li a {
	color: #fbcc3f;
}
.product-subnav ul li.subnav-on li a:hover {
	color: #030;
}
.product-subnav ul ul {
	padding: 0 1em 1em;
}
.product-subnav ul ul li {
	font-size: 16px;
}
.product-list-controls {
	padding: 0 0 1em;
}
.product-list-controls .grid-5 {
	font-size: 21px;
}
.product-list-controls .grid-7 {
	text-align: right;
	font-weight: 700;
}
.product-list-controls .sod_select {
	font-weight: 400;
	border: 1px solid #ddd;
	margin: 0 0 0 1em;
}
.product-list-item {
	padding: 2em 0 1em;
	border-top: 1px solid #ddd;
}
.product-list-item h2 {
	font-size: 28px;
	font-weight: 300;
	text-transform: none;
	margin: 0 0 0.25em;
}
.product-list-item .grid-6 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	max-width: 90%;
}
.product-list-item .grid-6 ul li {
	font-size: 18px;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}
.product-list-item .grid-6 ul li:first-child {
	border: 0;
}
.product-list-item a.btn {
	width: 100%;
	text-align: center;
	margin: 0 0 0.5em;
	background: #666;
}
.product-list-item a.btn:hover {
	background: #222;
}
.product-list-item a.buy-btn {
	background: #fbcc3f;
}
.product-list-item a.buy-btn:hover {
	background: #030;
}
#detail {
	background: #fff;
}
#detail .container {
	padding: 3em 0;
}
.product-details h1 {
	font-size: 48px;
	color: #000;
}
.product-details p {
	font-size: 16px;
}
.product-images {
	text-align: center;
}
.product-gallery,
#product-summary {
	display: block;
}
.product-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.product-gallery-viewer {
	display: inline-block;
}
.product-gallery-viewer li {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#detail .container { border-bottom: 1px solid #eee; }

.product-gallery-viewer li a {
display: block;
background: transparent rl('/themes/custom/putzmeister/img/icons/search-grey.png') 10px center no-repeat;
background-size: 30px 30px;
position: relative;
}

.product-gallery-viewer li a::before {
    content: url(/themes/custom/putzmeister/img/icons/search-grey.png);
    display: block;
    width: 30px;
    height: 30px;
    position: absolute !important;
    opacity: 1;
    top: 0;
    right: 0;
    z-index: 1;
}

.product-gallery-thumbnails {
	margin: 35px auto 0;
}
.product-gallery-thumbnails ul {
	display:inline;
	list-style:none;
	margin:0 auto;
	padding:0;
	width: 100%;
	text-align: center;
}
.product-gallery-thumbnails ul li {
	display: inline-block;
	width:20%;
	float:none;
	padding:5px;
}
.product-gallery-thumbnails ul li a {
	float:left;
	border:3px solid #eee;
	position:relative;
	outline: none;
}
.product-gallery-thumbnails ul li a:hover {
	border-color: #ccc;
}
.product-gallery-thumbnails ul li a img {
	display:block;
	width:100%;
}
.product-gallery-thumbnails ul li.rslides_here a {
	border-color: #fbcc3f;
}
.product-gallery-thumbnails ul.videos li a:after {
	content:"▶";
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	font-size:1.75em;
	line-height:1;
	margin-top:-0.4em;
	color:#000;
	text-align:center;
	text-shadow:0px 1px 8px rgba(0,0,0,0.75);
}
#detail .fd-dealer {
	padding: 1em 2em 2em;
	background: #333;
	border: 0;
  margin-top: 50px;
	max-width: 100%;
}
#detail .fd-dealer h3 {
	font-size: 24px;
	color: #fbcc3f;
	margin: 0 0 0.25em;
	text-transform: uppercase;
}
#detail .fd-dealer input.zip {
	width: 280px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.25) inset !important;
}
#product-tabs {
	margin: 0 0.5em;
	border: 1px solid #ccc;
}
.product-tab-nav {
	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(221,221,221,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(221,221,221,1) 100%);
	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(221,221,221,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(221,221,221,1) 100%);
	background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(221,221,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd', GradientType=0 );
}
ul.product-tab-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.product-tab-nav li {
	display: inline-block;
}
ul.product-tab-nav li a {
	display: inline-block;
	padding: 1.5em;
	font-size: 18px;
	color: #666;
	font-weight: 700;
	text-transform: uppercase;
	outline: none;
}
ul.product-tab-nav li a:hover {
	color: #fbcc3f;
}
ul.product-tab-nav li.ui-tabs-active a {
	color: #030;
	background: #fff;
}
.tabcontent {
	padding: 3em;
}
.tabcontent h2 {
	font-size: 30px;
	margin: 0;
	color: #222;
}
.tabcontent {
	font-size: 21px;
	color: #666;
}
.tabcontent p {
	width: 90%;
}
.tabcontent ul {
	padding-left: 1em;
}
#specifications table {
	margin: 0;
}
#specifications table th,#specifications table td {
	width: 50%;
}
#documents ul {
	list-style-type: none;
}
#documents ul li a {
	display: block;
	padding: 0.5em 0 0.5em 40px;
	margin: 0 0 0.5em;
	background: transparent url('/themes/custom/putzmeister/img/icons/file.png') left center no-repeat;
	background-size: 25px 25px;
	line-height: 1.1;
}
#videos div {
	text-align: center;
}
#videos img {
	margin: 0 0 0.5em;
}
.lightbox {
	display: none;
}
#buy_now h4 {
	font-size: 24px;
	color: #222;
	font-weight: 700;
	text-align: center;
}
#buy_now a.grid-3 {
	padding-left: 0;
}
.pagination {
	text-align: center;
}
.pagination a {
	display:inline-block;
	color:#666;
	padding:0.5em 0.75em;
	text-align:center;
}
.pagination a:hover {
	color: #666;
	background:#f5f5f5;
}
.pagination a.next,.pagination a.prev {
	padding:0.5em;
}
.pagination a.current {
	background:#f3f3f3;
	color:#333;
}
.pagination span {
	color:#f99d31;
	font-weight: bold;
	padding:0.5em 0.75em;
}
.partssearch {
	padding: 2em;
	margin: 0 0 1em;
	background: #eee;
	text-align: center;
	border-bottom: 5px solid #ddd;
}
.partssearch input {
	border: 1px solid #ccc;
	width: 70%;
	padding: 0.6em !important;
}
.partssearch input:focus {
	border: 1px solid #999;
	background: #fff;
	margin: 0;
}
.partssearch input.btn {
	width: auto;
	line-height: 1.2;
	border: 0;
	padding: 0.6em 1.2em !important;
	margin-left: -5px;
}
.subnav-block h3 {
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
	margin: 0 0 0.5em;
}
.subnav-block p {
	margin: 0 0 1em;
}
.subnav-block a.btn {
	width: 100%;
	text-align: center;
}
.news-summary {
	border-top: 1px solid #ddd;
	padding: 1em 0;
  overflow: hidden;
}
.date {
	color: #999;
	font-style: italic;
	padding: 0 0 0.5em;
}
.news-detail .date {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0;
	margin: 0 0 1.5em;
}
ul.files {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.files li {
	line-height: 1.2;
}
ul.files li a {
	display: block;
	background: #fff url("/themes/custom/putzmeister/img/icons/file.png") left top no-repeat;
	background-size: 24px 24px;
	padding-left: 32px;
	min-height: 32px;
}
.email-btn a {
	display: block;
	background-image: url('/themes/custom/putzmeister/img/icons/email.png');
	background-size: 46px 36px;
	background-repeat: no-repeat;
	padding-left: 60px;
	text-align: left;
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    text-transform: uppercase;
	color: #666;
	margin: 0 auto 2em;
}
.email-btn a:hover {
	color: #f99d31;
}
.blog-summary {
	text-align: center;
	margin-bottom: 1em;
}
.blog-summary img {
	padding: 0 0 1em;
}
.blog-summary .date {
	text-transform: uppercase;
	letter-spacing: 3px;
}
.blog-summary h2 {
	margin: 0.25em 0 !important;
}
.blog-summary h2,.blog-summary h2 a {
	font-size: 28px;
	text-transform: none;
	text-align: center !important;
}
.blog-summary p a {
	display: block;
	text-align: center;
	margin: 0.5em 0 0;
}
.post-details {
	font-style: italic;
	color: #999;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.75em 0;
	margin: 0 0 1.5em;
}
.post-details a {
	color: #231f20;
}
.post-details a:hover {
	color: #232f84;
}
.author {
	background: #eee;
	padding: 1.5em 1.5em 1em;
	margin: 0 0 2em;
	text-align: center;
	line-height: 1.25;
}
.author img {
	display: block;
	margin: 0 auto 1em;
	border: 8px solid #ddd;
}
.author h3 {
	text-transform: uppercase;
}
.author h4 {
	font-size: 28px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}
.author h4 a {
	color: #231f20;
}
.author h4 a:hover {
	color: #232f84;
}
.author p {
	margin: 0 0 0.5em;
}
.author p a {
	color: #231f20;
	font-style: italic;
}
.author p a:hover {
	color: #232f84;
}
.share h5,.tags h5,.blog .contact h5 {
	font-size: 24px;
	line-height: 28px;
	color: #231f20;
	text-transform: uppercase;
	margin: 0;
}
.tags a {
	font-size: 19px;
	font-style: italic;
	text-transform: none;
}
.blog .contact {
	padding: 0 !important;
}
.blog .contact form {
	margin-top: 1em;
	padding: 0;
}
.ast {
	color: #f99d31;
}
.required {
	font-size: 19px;
	font-style: italic;
	text-align: center;
	padding: 1em 0;
}
#contact {
	background: #fff;
}
#contact .container {
	padding: 3em 25px;
}
#contact h1 {
	font-size: 48px;
	color: #000;
	text-align: center;
	padding: 0 0 0.75em;
	margin: 0 0 0.75em;
	border-bottom: 2px solid #ddd;
}
#contact h2 {
	font-size: 32px;
	color: #fbcc3f;
	text-transform: uppercase;
	margin: 0;
  font-weight: 900;
  line-height: 36px;
}
#contact form {
	width: 95%;
}
#contact label {
	font-size: 19px;
	font-weight: 700;
}
#contact input,#contact textarea,#contact .selectmenu {
	width: 100%;
	padding: 0.75em;
	margin: 0 0 1em;
	box-shadow:1px 2px 3px rgba(0,0,0,0.075) inset !important;
	background: transparent;
	border: 1px solid #ccc;
}
#contact .selectmenu {
	line-height: 1.25;
	border: 1px solid #ccc;
	box-shadow:1px 2px 3px rgba(0,0,0,0.075) inset;
}
#contact input:focus,#contact textarea:focus {
	background: #f1f1f1;
}
#contact input[type="checkbox"] {
	width: auto;
}
#contact .form-type-checkbox label {
	font-size: 16px;
	font-weight: 400;
}
#contact .webform-layout-box .form-item {
	display: block;
	float: left;
	width:48.333333333333%;
}
#contact .webform-layout-box .form-item:first-child {
	margin-right: 1.25em;
}
#contact .phone,#contact .fax,#contact .directions {
	margin: 0.75em 0;
}
#contact .phone a,#contact .fax span,#contact .directions a {
	font-size: 16px;
}
#contact .phone a {
	background: transparent url('/themes/custom/putzmeister/img/icons/phone-grey.png') left center no-repeat;
	background-size: 20px 20px;
	padding-left: 25px;
	color: #222;
}
#contact .fax span {
	padding-left: 25px;
	color: #222;
}
#contact .directions a {
	background: transparent url('/themes/custom/putzmeister/img/icons/point-grey.png') left center no-repeat;
	background-size: 20px 20px;
	padding-left: 25px;
	color: #222;
}
#contact .phone a:hover,#contact .directions a:hover {
	color: #fbcc3f;
}
#contact .map {
	margin: 3em 0 0;
}
#contact .map iframe {
	width: 100%;
}
.cadblock {
	background: #f5f5f5;
	padding: 2em 1.5em 3em;
	margin: 3em 0 0;
	text-align: center;
}
.cadblock p {
	margin: 0 0 0.5em;
}
.cadblock ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em;
}
.cadblock h3 {
	font-size: 32px;
	color: #222;
	text-transform: uppercase;
	margin: 0;
}
#general {
	background: #fff;
}
#general .container {
	padding: 3em 0;
}
.genbody h1 {
	font-size: 48px;
	color: #000;
}
.genbody h2 {
	font-size: 32px;
  line-height: 34px;
	color: #fbcc3f;
	text-transform: uppercase;
	margin: 0 0 18px 0;
}
table.downloads td {
	width: 50%;
}
table.downloads td a {
	padding-left: 22px;
	background: transparent url('/themes/custom/putzmeister/img/icons/file-green.png') left center no-repeat;
	background-size: 16px 16px;
}
table.downloads td:hover a,table.downloads td a:hover {
	background: transparent url('/themes/custom/putzmeister/img/icons/file-white.png') left center no-repeat;
	background-size: 16px 16px;
}
.footlogo {
	display: none;
}
.footlogo,.adr {
	margin: 0;
	line-height: 1.4;
}
.adr {
	text-align: center;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}
.adr h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 0.25em;
}
.adr a {
	display: block;
	color: #fff;
	background: #666;
	padding: 0.5em 1em;
	margin: 0.5em 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.adr a:hover {
	color: #fff;
	background: #f99d31;
}
#foot a {
	color: #666;
}
.copyright {
	text-align: center;
	padding: 2em 1em;
	font-size: 0.9em;
	line-height: 1.2;
}
.social-ico {
	text-align: center;
}
.social-ico img {
	display: inline-block;
	max-width: 12%;
	margin: 0 0.5em;
}
#footer .social-ico {
	padding:  1.5em 0;
}
#footer .social-ico img {
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}
.social-ico img:hover,#footer .social-ico img:hover {
	filter: alpha(opacity=5);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#footer {
	padding: 3em 0;
	background-color: #585858;
	padding-top: 0;
}
#footer a {
	color: #fbcc3f;
}
p.yellow a {
color: #f7cd46 !important;
  text-decoration: none; }
p.yellow a:hover {
  color: #f7cd46 !important;
  text-decoration: underline; }
#footer p {
	color:#fff;
}
#footer a:hover {
	color: #999;
}
#footer .location {
	color: #fff;
}
#footer .location img {
	margin: 0 0 1em;
}
#footer .phone,#footer .email {
	margin: 0.5em 0;
}
#footer .phone a {
	background: transparent url('/themes/custom/putzmeister/img/icons/phone-grey.png') left center no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
}
#footer .contact a {
	background: transparent url('/themes/custom/putzmeister/img/icons/email-grey.png') left center no-repeat;
	background-size: 20px 20px;
	padding-left: 30px;
}
#footer h5,#footer h5 a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: #ccc;
	margin: 0;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer ul li {
	padding: 0.25em 0;
}
#footer ul li,#footer ul li a {
	color: #ffcd00;
	line-height: 1.2;
	display: inline-block;
	text-transform: uppercase;
	font-size: 15px;
	padding-right:5px;
  font-weight: bold;
}
#footer ul li a:hover {
	color: #999;
}
.quick.grid-6 {
	padding-top: 48px;
}
.quick.grid-6 p {
	margin:0;
}
.quick.grid-6 .footer-blurb {
	color: #fff;
	padding-top: 28px;
}
.contact-details p {
	margin-bottom: 5px;
}
#footer .address {
	padding-top:10px;
}
abbr.region {
	text-decoration: none !important;
}
.yellow {
	color: #f7cd46 !important;
}
.contact-details {
display: block;
padding-bottom: 15px;
}
.email p { font-weight: bold; padding-bottom: 7px; }
.email a { text-decoration: none; color: #fbcc3f !important; }
.email a:hover { text-decoration: underline; }
.email p { font-weight: bold; }
a.yellow {
	color: #f7cd46 !important;
  text-decoration: none;
  font-weight: bold;
}
a:hover.yellow {
	color: #f7cd46 !important;
  text-decoration: underline;
  font-weight: bold;
}
.corp-site {
	text-transform: uppercase;
}
.footer-blurb {
	padding-bottom: 36px;
}
.email p{
	text-transform: uppercase;
	margin-bottom: 0;
}
.street-address {
	padding-top: 16px;
}
input#site-email-input{
		display:block;
		width: 100%;
		margin-bottom:10px;
	}
.copyright.grid-3 {
	padding-top: 53px;
	position: relative;
}
.copyright.grid-3 h5 {
	padding-bottom:5%;
	color: #f7cd46 !important;
}
.mobilesearch {
	background: #222;
	box-shadow: none !important;
}
.mobilesearch input {
	width: 100%;
	color: #ccc;
	border: 0;
	border-radius: 0;
	box-shadow: none !important;
	margin: 1em 0;
	background: #222 url('/themes/custom/putzmeister/img/icons/search-grey.png') 10px center no-repeat;
	background-size: 30px 30px;
	padding: 0.5em 0.5em 0.5em 50px !important;
}
.mobilesearch input:focus {
	background: #222 url('/themes/custom/putzmeister/img/icons/search-grey.png') 10px center no-repeat;
	background-size: 30px 30px;
}
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { padding-top: 0; }
.st-key { width: 48%; text-align: right; padding-right: 1%; }
.st-val { width: 48%; padding-left: 1%; }
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}
.featured-retailers {
	border-bottom: 2px solid #ddd;
	padding: 0 0 2em;
}
.other-retailers {
	padding: 1em 0;
}
.featured-retailers img,.other-retailers img {
	padding: 1em 0;
}
.featured-retailers div,.other-retailers div {
	text-align: center;
}
.sticky-logo {
	display: none;
}
.scrolled .sticky-logo {
	display: inline-block;
    float: left;
}
.scrolled .sticky-logo img {
	width:100% !important;
}
#detail .container {
padding: 50px 25px;
}
#toolbar-administration {
     margin: 0;
     padding: 0;
     vertical-align: baseline;
     font-size: small;
     line-height: 1;
     display: block !important;
     width: 100% !important;
     height: 40px !important;

}
.genbody.news-list.grid-9 img {  margin-bottom: 30px; }

@media screen and (max-width: 689px) {
	#footer .location img {
		padding: 0 25px;
	}
}

/* Blog */
.filters ul li {
	padding-left:1% !important;
}
.service-videos ul {
	padding: 0 40px;
}
.date-separator {
	float: left;
    padding-left: 10px;
    padding-top: 2px;
}

.yellow-checks ul {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 40px;
	list-style: none; }


.yellow-checks li {
	background: url('/themes/custom/putzmeister/img/icons/yellow-check-mark.gif') left 12px no-repeat;
	background-size: 20px 20px;
	padding: 5px 0 5px 30px;
	list-style: none;
}

table.service-school th {
	font-size: 21px;
	line-height: 31px;
	text-transform: capitalize;
	padding: 20px 20px;
	background: #333; color: #fff; }

table.service-school td {
	font-size: 18px;
	line-height: 24px;
}

table.service-school th:first-child { width: 65% }

table.service-school td:last-child, table.service-school th:last-child { text-align: center; }

td.class-price { font-weight: bold; color: #333; }

table.service-school tbody tr:hover td
{
  background: #eee;
  color: #333;
}

table.service-school tr:nth-child(even) {
  background-color: #f4f4f4;
}

a.course {
font-weight: bold;
color: #f4cc5b;
border: 1px solid #f4cc5b;
text-transform: uppercase;
padding: 10px 40px 10px 20px;
font-size: 16px;
line-height: 21px;
background: #333 url('/themes/custom/putzmeister/img/icons/button-arrow-yellow.png') 93% 12px no-repeat;
background-size: 10px auto;
transition: .3s ease;
width: 230px;
}

a:hover.course {
background: #F7CD46 url('/themes/custom/putzmeister/img/icons/button-arrow.png') 95% 12px no-repeat;
background-size: 10px auto;
color: #333;
 }

a.button.about-schools {
background: #F7CD46 url('/themes/custom/putzmeister/img/icons/button-arrow.png') 94% 13px no-repeat;
background-size: 10px auto;
padding-right: 45px;
transition: .3s ease;
line-height: 24px;
color: #000 !important;
text-decoration: none;
}

a.button.about-schools:hover {
background: #666 url('/themes/custom/putzmeister/img/icons/button-arrow-hover.png') 96% 13px no-repeat;
background-size: 10px auto;
padding-right: 45px;
color: #fff !important;
text-decoration: none;
}

a.btn.enroll { width: 230px; text-align: center; }

p.deets { font-size: 18px; line-height: 24px; color: #333; margin-bottom: 10px; }

.required-fields { color: #d01212; font-size: 14px; line-height: 18px; }

body.front.service-schools .featherlight iframe { min-height: 650px !important; }

#webform-submission-enrollment-form-add-form { margin-top: 15px; }

.js-form-type-textfield, .js-form-type-email { overflow: hidden; text-align: left; display: inline-block; width: 45%; margin-bottom: 5px; }
.js-form-item input { width: 90%; float: left; }
.webform-layout-box.horiz .form-text.required, .webform-layout-box.horiz .form-email.required, #edit-zip-code.form-text.required { font-style: normal; }
.webform-layout-box.horiz label, label.js-form-required.form-required, span.fieldset-legend  { display: block; font-weight: bold; font-size: 16px; color: #333; }
input.form-radio { display: inline-block; width: 15px; float: none; }
label.option { clear:left; margin-right: 7px; }
.captcha { margin-top: 20px; }
#edit-captcha-response--description { display: block; padding-top: 10px; width: 100%; font-size: 14px; line-height:18px; overflow: hidden; }
span.field-prefix, input#edit-captcha-response { margin-right: 10px; display: inline-block; float: left; width: auto;  }
form#webform-submission-enrollment-form-add-form input#edit-submit { margin: 30px 0 !important;}

.captcha { display: block; border: 1px solid white; overflow: hidden; }

span.required-fields { margin-bottom: 20px; }

#edit-t-shirt-size--wrapper {
display: block;
width: 100%;
margin-bottom: 20px;
margin-top: 5px;
}

body.front.service-schools .featherlight-inner { padding: 25px 10px 25px 25px; }

a.submission.hotel {
padding: 10px !important;
background: #f7cd46 !important;
color: #000 !important;
font-size: 18px !important;
line-height: 24px !important;
font-weight: 700px !important;
text-decoration: none !important;
font-family: 'Roboto', sans-serif !important;
display: table !important;
margin-bottom: 30px !important;
}

a:hover.submission { background: #333 !important; color: #fff !important; }

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

/* MOBILE LANDSCAPE */
@media all and (max-width: 480px) {
	#categories .item {
		margin: 1em;
	}
	.owl-carousel .owl-stage-outer {
		width:100%;
	}
	.slider-big-text {
		font-size: 5em;
	}
	.slider-mid-text {
		font-size: 1.9em;
	}
	#hero a.btn {
		margin-top:20px;
	}
	#visnav {
		margin: 0 5%;
	}
	#visnav h2 {
		font-size: 26px;
	}
	#visnav .intro-cta {
		text-align: center;
		margin-bottom: 20px;
	}
	.grid-12.visnav-container  {
		flex-direction: column;
		padding-bottom: 5px;
	}

}
@media all and (max-width: 767px) {

	#site-header .container,#nav,#hero .item p,#footer .quick {
		display: none;
		background-color: #4d5258;
	}
	.menuico a {
		background: center center no-repeat transparent;
		background-image: url('/themes/custom/putzmeister/img/icons/menu.png');
		background-size: 30px 30px;
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 0;
		right: 0;
		padding: 2.2em 2em;
	}
	.mm-opened .menuico a {
		background-image: url('/themes/custom/putzmeister/img/icons/close-white.png');
	}
	.mobilelogo {
		display: block;
		background: #5d5d5b;
		text-align: left;
		padding: 0.5em;
	}
	.mobilelogo img {
		display: block;
		width: 150px;
		height: auto;
	}
	#hero .item {
		background-size: 250% auto !important;
		background-position: center center !important;
		padding: 0;
		min-height: 390px;
		width: 100%;
	}
	.slideback p {
		display: block !important;
	}
	#hero .slideback {
		min-height: 240px;
		padding: 5%;
		text-align: center;
	}
	#hero a.btn {
		display: inline-block;
		width: auto;
		margin: 0 auto;
	}
	#hero .item h2 {
		font-size: 32px !important;
		text-align: center;
	}
	.adblock {
		width: 100%;
		max-width: none;
		border: 0;
		margin: 0;
	}
	.adblock {
		background-size: 150% auto;
		background-position: center center;
	}
	.adblock h4 {
		font-size: 21px;
	}
	.adblock p {
		font-size: 18px;
	}
	.adblockbk {
		background-color: rgba(0, 0, 0, 0.8);
	}
	.finddealer {
		min-width: 0;
	}
	.finddealer input {
		border-radius: 0 !important;
	}
	.fd-dealer h3,.fd-retailer h3 {
		font-size: 21px;
	}
	.fd-dealer input.zip {
		line-height: 1.6;
	}
	.fd-retailer a {
		font-size: 16px;
	}
	#categories .owl-theme .owl-dots {
		margin-top: 0;
	}
	.product-list h2,.product-list h3,.product-list p {
		text-align: center;
	}
	#banner .slideback,#sbanner .slideback {
		text-align: center;
	}
	#sbanner .slideback h1,#sbanner .slideback p {
		max-width: 100%;
	}
	.sbanner {
		background-image: none !important;
	}
	#sbanner .slideback {
		min-height: 0;
		padding: 1em;
	}
	#banner .item h2,#sbanner .slideback h1 {
		font-size: 28px !important;
	}
	#banner .item p,#sbanner .slideback p {
		font-size: 18px;
	}
	.product-subnav {
		display: none;
	}
	.product-list-controls {
		text-align: center;
	}
	.product-list-item {
		padding: 1em;
	}
	.product-list-item .grid-6 ul li {
		text-align: center;
	}
	#detail .container {
		padding-left: 1em;
		padding-right: 1em;
	}
	.product-details h1 {
		font-size: 28px;
    line-height: 32px;
		text-align: center;
	}

  .product-details.grid-6 h2 {
    text-align: center;
    line-height: 24px;
}

	#detail .container {
		padding-bottom: 0;
	}
	#detail .fd-dealer {
		padding: 1em;
		text-align: center;
	}
	#detail .fd-dealer h3 {
		font-size: 19px;
		text-align: center;
		text-align: center;
	}
	#detail .fd-dealer input.zip {
		width: 240px;
	}
	#detail .fd-dealer input.btn {
		width: 100%;
		margin: 1em 0 0;
		border-radius: 0;
	}
	#product-tabs {
		margin-bottom: 2em;
	}
	ul.product-tab-nav li {
		display: block;
	}
	ul.product-tab-nav li a {
		width: 100%;
		padding: 0.5em;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	.tabcontent {
		padding: 1em;
		line-height: 1.2;
	}
	.tabcontent h2 {
		line-height: 1.2;
	}
	.tabcontent table {
		max-width: 300px;
	}
	table tbody td, table tbody th {
		font-size: 16px;
		padding: 0.75em;
	}
	#documents ul li {
		font-size: 16px;
	}
	#buy_now h4 {
		line-height: 1.2;
	}
	#buy_now a {
		display: block;
	}
	a.btn,input#edit-submit,input.contact-submit-btn {
		display: block;
		text-align: center;
		background: #fbcc3f !important;
	}
	#footer {
		text-align: center;
	}
	 .featherlight-content {
		width: 100%;
	 }
	 .featherlight-content iframe {
		width: 100%;
	 }

}
/* Tablet Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
	.logo {
		padding-left: 1em;
	}
	.logo img {
		width: 180px;
		height: auto;
	}
	.searchbk {
	    padding-top: 2.5em;
	}
	#nav-main {
		margin: 0 !important;
	}
	#nav-main > li > a {
    	font-size: 16px !important;
	}
	input#site-email-input{
		display:block;
	}
	.adblock {
		margin: 0 0 3em;
		width: 100%;
		max-width: 680px;
	}
	.adblockbk {
		padding: 1em;
	}
	.adblock h4 {
		font-size: 28px;
	}
	.fd-dealer input {
		border-radius: 0 !important;
	}
	.fd-dealer input.zip {
		line-height: 1.7 !Important;
	}
	.fd-dealer input.btn {
		margin-left: -30px;
		height: 41px;
	}
	#sbanner .slideback {
		margin-bottom: -2em;
	}
	#sbanner .slideback h1,#sbanner .slideback p {
		max-width: 75%;
	}
	.product-subnav {
		padding: 1em;
		line-height: 1.3;
	}
	.product-subnav h3 {
		font-size: 17px;
	}
	.product-subnav ul li,.product-subnav ul ul li {
		font-size: 15px;
	}
	.product-list .grid-7 {
		text-align: center;
	}
	.product-list-item a.btn {
		font-size: 15px;
	}
	a.secondary-btn,input.secondary-btn,button.secondary-btn {
		font-size: 17px;
		padding: 0.4em 0.8em;
		margin: 0 0 1em;
	}
	#main .sidebar ul li {
		font-size: 17px !important;
		line-height: 1.2 !important;
		padding: 0.5em 0 !important;
	}
	#main .content {
		font-size: 17px !important;
		padding: 0 0 0 3em !important;
	}
	#main .container {
		padding: 2em 1em !important;
	}
	.email-btn a {
		font-size: 13px;
		line-height: 1.2;
	}
	#detail .container {
		padding-left: 1em;
		padding-right: 1em;
	}
	#detail .fd-dealer h3 {
		font-size: 17px;
		font-weight: 700;
	}
	#detail .fd-dealer input.zip {
		width: 160px;
		min-width: 160px;
	}
	ul.product-tab-nav li a {
		font-size: 15px;
		padding: 1em;
	}
	.tabcontent {
		padding: 2em;
	}
	.tabcontent h2 {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 0.5em;
	}
	#product_details .grid-6 {
		width: 100%;
	}
	#buy_now a.grid-4 {
		font-size: 18px;
		line-height: 1.2;
		margin-bottom: 1em;
	}
	#foot {
    	padding: 2em 1em !important;
	}
	#footer .quick {
		display: none;
	}
	#footer .location,#footer .copyright {
		width: 45%;
		text-align: center;
	}
	#visnav {
		padding: 5%;
	}
	#visnav .btn-wrapper {
		height: unset;
    	flex-grow: 2;
	}
	.visnav-button span {
		flex-grow: 1;
		text-align: center;
		background: #54585b;
	}
	.grid-12.visnav-container {
		display: block;
		padding: 40px 0 0;
	}
	.visnav-button.responsive {
		width: 46% !important;
		margin-bottom: 5%;
		margin-right: 2%;
		display: inline-block;
		position: relative;
		background: #f6f6f6;
	}
	#hero-ads .owl-theme .owl-nav {
		top: 90% !important;
	}
	#hero-ads .owl-theme .owl-nav .owl-prev img, #hero-ads .owl-theme .owl-nav .owl-next img {
		max-width: 30% !important;
	}
	 .featherlight-content {
		width: 100%;
	 }
	 .featherlight-content iframe {
		width: 100%;
	 }
	 .featherlight .featherlight-close-icon  {
		right: 17px !important;
	 }

}
@media all and (max-width: 1300px) {
	.visnav-button.responsive {
		width: 50%;
	}
}
/* Tablet Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
	#landing-banner h1,#sub-banner h1,.basic h1,.blog h1 {
		font-size: 32px !important;
	}
	#landing-banner p,#sub-banner p {
    	font-size: 17px;
    }
	a.secondary-btn,input.secondary-btn,button.secondary-btn {
		font-size: 19px;
		margin: 0 0 1em;
	}
	#main .sidebar ul li {
		font-size: 17px !important;
		line-height: 1.2 !important;
		padding: 0.5em 0 !important;
	}
	#main .content {
		padding: 0 0 0 3em !important;
	}
	#main .container {
		padding: 2em 1em !important;
	}
	.email-btn a {
		font-size: 13px;
		line-height: 1.2;
	}
	.adblock {
		max-width: 440px;
	}
	.finddealer {
		margin-left: 0;
	}
	.fd-dealer input {
		border-radius: 0 !important;
	}
	.fd-dealer input.zip {
		line-height: 1.7 !Important;
	}
	.fd-dealer input.btn {
		margin-left: -30px;
		height: 41px;
	}
	#sbanner .slideback {
		margin-bottom: -2em;
	}
	#sbanner .slideback h1,#sbanner .slideback p {
		max-width: 75%;
	}
	.product-list-item a.btn {
		font-size: 19px;
	}
	#detail .container {
		padding-left: 1em;
		padding-right: 1em;
	}
	ul.product-tab-nav li a {
		font-size: 16px;
		padding: 1em;
	}
	#footer .social-ico {
		display: block;
	}
	#footer .social-ico img {
		width: 30px;
	}
	#footer .location {
		padding-left: 1em;
	}
	#visnav {
		padding: 40px 40px 0;
	}
	.adblock {
		width: 80%;
	}
	#hero .item {
		height: 480px !important;
	}

}
@media all and (min-width: 768px) {
	#mmenu,#smenu {
		display: none;
	}
	.grid-1{
	width:6.6666666666667%}
	.grid-2{
	width:16%}
	.grid-3{
	width:23.333333333333%}
	.grid-4{
	width:31.666666666667%}
	.grid-5{
	width:40%}
	.grid-6{
	width:48.333333333333%}
	.grid-7{
	width:56.666666666667%}
	.grid-8{
	width:65%}
	.grid-9{
	width:73.333333333333%}
	.lt-ie8 .grid-9,.lt-ie8 .grid-8,.lt-ie8 .grid-4,.lt-ie8 .grid-3{
	margin-right:0}
	.grid-10{
	width:81.666666666667%}
	.grid-11{
	width:90%}
	.grid-12{
	width:98.333333333333%}		.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,	.grid-12{
	float:left;display:block;margin-left:.83333333333333%;margin-right:.83333333333333%}
	.container {
		margin: 0 auto;
	}
	#site-header .container,#nav .container,#list .container,#detail .container,#footer .container,#breadcrumbs .container,#general .container,#contact .container {
		display: block;
		max-width: 1240px;
		background-color: transparent;
	}

	#breadcrumbs { background-color: #333; }

	#list .container { background-color: #fff; }
	#site-header .container {
		display: flex;
    	align-items: center;
    	position: relative;
	}
	.scrolled #site-header .container {
		text-align:right;
		display:block;
	}
	.alignleft {
		text-align: left;
	}
	.alignright {
		text-align: right;
	}
	.utility {
		background-color: #f99d31;
		color: #fff;
		padding: 0;
		font-size: 1em;
	}
	.utility a,.utility span {
		display: inline-block;
		color: #fff;
		padding: 0.3em 0.5em;
	}
	.contact-parent,.account-parent {
		display: inline-block;
	}
	ul.contact-children,ul.account-children {
		display: none;
    	position: absolute;
    	z-index: 999;
    	background: #4e4f52;
    	list-style-type: none;
    	padding: 0;
	}
	ul.contact-children li,ul.account-children li {
    	border-top: 1px solid #666;
    	text-align: left;
	}
	ul.contact-children li:first-child,ul.account-children li:first-child {
    	border-top: none;
	}
	ul.contact-children li a,ul.account-children li a {
		display: block;
	}
	ul.contact-children li a:hover,ul.account-children li a:hover {
		background: rgb(249,157,49); /* Old browsers */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5OWQzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDg5MGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(249,157,49,1) 0%, rgba(240,137,15,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,157,49,1)), color-stop(100%,rgba(240,137,15,1))); /* 		Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(249,157,49,1) 0%,rgba(240,137,15,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(249,157,49,1) 0%,rgba(240,137,15,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(249,157,49,1) 0%,rgba(240,137,15,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(249,157,49,1) 0%,rgba(240,137,15,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99d31', 		endColorstr='#f0890f',GradientType=0 ); /* IE6-8 */
	}
	#site-header {
		background: #585858;
	}
	#nav {
		position: absolute;
    	right: 0;
    	margin-left: .83333333333333%;
    	margin-right: .83333333333333%;
    	padding-top:20px;
	}
	.logo.grid-6 {
		width: 25%;

	}
	.searchbk.grid-6 {

		position: relative;
	}
	#nav-main {
		display: inline;
		list-style-type: none;
		text-align: center;
	}
	#nav-main>li {
		display: inline-block;
	}
	#nav-main>li>a {
		display: block;
		font-family: 'Roboto Condensed', sans-serif;
		color: #fff;
		font-size: 18px;
		font-style: normal;
		font-variant: normal;
		font-weight: 700;
		text-transform: none;
		padding: 0.5em .5em;
    	transition: none;
	}

	#nav-main>li>ul {
		display: none;
		position: absolute;
		z-index: 999;
		background: rgba(0,0,0,0.9);
		box-shadow:0px 10px 20px rgba(0,0,0,0.5);
	}
	#nav-main>li>ul li {
		text-align: left;
		border-top: 1px solid #222;
	}
	#nav-main>li>ul li:first-child {
		border: 0;
	}
	#nav-main>li>ul li a {
		display: block;
		min-width: 240px;
		color: #fff;
		font-size: 16px;
		padding: 0.5em 1em;
	}
	#nav-main>li>ul li a:hover {
		background: #fbcc3f;
	}
	#nav-main>li:hover>ul {
		display:block;
	}
	#nav-main>li>a:hover,#nav-main>li.has-children:hover  {
		background: #fbcc3f;
		color: #fff !important;
	}
	#nav-main>li.has-children:hover a {
		color: #fff;
	}
	input#site-search-input {
		border: 0;
		background-color: unset;
		box-shadow:none;
		color: #fff;

		margin-right: 1em;
		transition: all 0.2s linear 0s;
	}
	input#site-search-input:focus {
		border: 0;
		background-color: #fbcc3f;
		box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;
		color: #fff;
		outline:0;
	}
	#breadcrumbs {
		display: block;
	}
	#hero {
		padding: 0;
		overflow:hidden;
	}
	#hero .item {
		min-height: 400px;
		background-color: #000;
		background-size:cover !important;
		background-position: 50% 90% !important;
		height: 600px;
		display: flex;
    align-items: center;
	}
	#categories .owl-dots {
		margin-top: 2em;
	}
	#hero-ads {

	}
	#hero-ads  .owl-nav {
		display: block !important;
	}
	#hero-ads .owl-theme .owl-nav {
		text-align: center;
		position: absolute;
		top: 50%;
		width: 100%;
	}
	#hero-ads .owl-theme .owl-nav .owl-prev {
		text-align:left;
		float:left;
		text-align: center;
	}
	#hero-ads .owl-theme .owl-nav .owl-next {
		text-align:right;
		float:right;
		text-align: center;
	}
	#hero-ads .owl-theme .owl-nav .owl-prev img, #hero-ads .owl-theme .owl-nav .owl-next img  {
		max-width: 45%;
	}
	#hero-ads .owl-nav i {
		color: #fff;
		padding:12px;
	}
	#hero-ads .owl-nav i:hover {
		background-color: #fbcc3f;
	}
	#general-ads .row {
		padding: 3em 0;
	}
	.adblock img {
		display: block;
	}
	#categories {
		padding: 3em 0 1.5em;
	}
	#main .container {
		padding: 3em;
	}
	#main .sidebar {
		display: block;
		float: left;
		width: 25%;
		text-align: right;
		padding: 0 2em;
	}
	#main .sidebar h4 {
		font-family: 'Roboto', sans-serif;
		font-size: 21px;
		font-style: bold;
		line-height: 24px;
		color: #231f20;
		text-transform: uppercase;
	}
	#main .sidebar h4 a {
		color: #231f20;
	}
	#main .sidebar h4 a:hover {
		color: #232f84;
	}
	#main .sidebar ul li {
		font-size: 21px;
		padding: 0.25em 0;
	}
	#main .sidebar ul li a {
		display: block;
		color: #666;
	}
	#main .sidebar ul li.active a {
		color: #232f84;
		font-weight: bold;
	}
	#main .sidebar ul li a:hover {
		color: #232f84;
	}
	#main .sidebar ul li span {
		font-size: 0.9em;
		color: #999;
	}
	#main .content {
		float: left;
		width: 75%;
		padding: 0 2em;
		font-size: 19px;
		line-height: 1.3;
	}
	#main .fullwidth {
		width: 100% !important;
	}
	#main .content h2 {
		font-size: 32px;
		line-height: 36px;
		text-align: left;
	}
	#main .content h3 {
		font-size: 28px;
		line-height: 32px;
		text-align: left;
	}
	.author {
		text-align: left;
	}	.required {
		float: right;
		text-align: left;
		padding: 0;
	}
	.contact form {
		padding: 0;
	}
	#locations {
		background: #f5f5f5;
		padding: 2em 0;
	}
	#foot {
		padding: 2em;
	}
	.footlogo {
		display: ;
		text-align: center;
	}
	.adr {
		text-align: left;
		padding: 0;
		margin: 0;
		border: 0;
	}
	.adr h5 {
		margin: 0 0 0.5em;
	}
	.adr a {
		display: auto;
		color: #999;
		background: transparent;
		padding: 0;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.adr a:hover {
		color: #232f84;
		background: transparent;
	}
	.social-ico {
		text-align: right;
	}
	.social-ico img {
		display: inline-block;
		max-width: 100%;
		width: 20px;
		height: auto;
		margin: 0 0.5em;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		transition: all 0.2s linear 0s;
	}
	.copyright {
		text-align: left;
		padding: 0;
		font-size: 1em;
		line-height: auto;
	}
}
/* DESKTOP */
@media all and (min-width: 1024px) {
	.scrolled #nav {
		position: fixed;
		top: 0;
		z-index: 99999;
		width: 100%;
		max-width: 1240px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		box-shadow:0px 10px 20px rgba(0,0,0,0.25);
		padding-top: 0;
		background: #565656;
	}
	.scrolled #nav img {
		width: 60px;
		height: auto;
	}
	.scrolled #nav-main {
		margin: 0;
	}
	.scrolled .nav-main {

	}
	/*.scrolled .sidebar {
		position: fixed;
		top: 115px;
		z-index: 9999;
		background: #fff;
		width: 25%;
		padding-top: 5em;
	}
	.scrolled .content {
		margin-left: 25%;
	}*/
}
@media all and (min-width: 1140px) {
	#nav-main>li>a {
		font-size: 18px;
		text-transform: none;
	}
	#nav-main>li>ul li a {
		font-size: 19px;
	}
	input#site-search-input:focus {
		width: 240px;
	}
	#landing-banner .lb-text {
		padding: 3em 2em 0;
	}
	#sub-banner .lb-text {
		padding: 3em;
	}
	#landing-banner h1,#sub-banner h1,.ae-profile h1,.hcrt-detail h1,.basic h1,.blog h1,#hero .item h2 {
		font-size: 40px;
	}
	.basic h1,.blog h1 {
		text-align: left;
	}
	#landing-blocks h3,#landing-blocks h3 a {
		font-size: 40px;
	}
	.adblock {
		width: 85%;
	}

}
@media all and (min-width: 1600px) {

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .container:before, .container:after { content: " "; display: table; }
.clearfix:after, .container:after { clear: both; }
.clearfix, .container { *zoom: 1; }


/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 0.4.10 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2014, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000001;text-align:center;white-space:nowrap;cursor:pointer;background:#666;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:75%;padding:10px 10px 0;border-bottom:10px solid transparent}}

/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 0.4.10 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2014, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/


@media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}

.featherlight-country .featherlight-content { margin-left:0; margin-right:0; width:90%; max-width:480px; }
.featherlight-login .featherlight-content { margin-left:0; margin-right:0; width:90%; max-width:540px; }
.featherlight-login h5 { margin-bottom:0.25em; font-size:1.25em; line-height:1.3333;}
.featherlight-login p { margin-bottom:0.8em; }
.featherlight-inner { padding:25px; }

#mylightbox-class.featherlight-inner, #mylightbox-enroll.featherlight-inner { padding:25px; max-height: 600px; overflow-y: scroll; }

strong { color: #333; }

.featherlight .featherlight-close-icon { line-height:40px; width:50px; padding: 0px; font-weight:700; font-size:20px; background: #F7CD46; color:#000 !important; right:0px; top:0; z-index:10000000; }
.featherlight .featherlight-content { overflow:hidden; }
.featherlight-video  .featherlight-content  { padding:0 !important; width:90%;  background:transparent; }
.featherlight-video  .featherlight-inner { margin:0;padding:0; }

.featherlight iframe { width: 100%; }

body.flexbox.canvas .featherlight iframe { width: 100%; min-height: 800px; }

body.front { background: #fff !important; }

.featherlight-media  .featherlight-content  { padding:0 !important; width:90%;  background:transparent; border-bottom:0; }
.featherlight-media  .featherlight-inner    { margin:0; padding:0; }

.featherlight-next { opacity:0.5; background:url('../img/shared/hero-next.png') no-repeat center center !important; right:-5%; margin:-30px 0 0; padding:60px 0 0; height:0px; overflow:hidden; width:60px; top:50%; left:auto; }
.featherlight-next:hover { opacity:1; }
.featherlight-next span { display:none !important; }

.featherlight-previous { opacity:0.5; background:url('../img/shared/hero-prev.png') no-repeat center center !important; left:-5%; margin:-30px 0 0; padding:60px 0 0; height:0px; overflow:hidden; width:60px; top:50%; right:auto; }
.featherlight-previous:hover { opacity:1; }
.featherlight-previous span { display:none !important; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-controls .owl-dot {
	
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  /*width: 100%;*/
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}


.sod_select,
.sod_select * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
     -webkit-touch-callout: none;
       -webkit-user-select: none;
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
    }
.sod_select {
	display: inline-block;
	position: relative;
	line-height: 1;
	min-width: 200px;
	padding: 8px 10px 10px;
	background: #ffffff;
	color: #666;
	text-align: left;
	text-transform: uppercase;
	outline: 0;
	outline-offset: -2px; /* Opera */
	cursor: default;
}
/* Up/Down arrows */
.sod_select:before,.sod_select:after {
	content: "\25B2";
	position: absolute;
	right: 6px;
	top: 6px;
	font-size: 7px;
}
/* Down arrow */
.sod_select:after {
	content: "\25BC";
	top: auto;
	bottom: 12px;
}
/* Change the border color on hover, focus and when open */
.sod_select:hover,.sod_select.open,.sod_select.focus {
	border-color: #666;
}
.sod_select.open {
	color: #919191;
}
.sod_select.focus {
}
.sod_select.disabled {
            border-color: #828282;
            color: #b2b2b2;
            cursor: not-allowed;
        }
.sod_select .sod_label {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            padding-right: 15px;
        }
.sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }
.sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }
.sod_select .sod_list_wrapper {
            position: absolute;
            top: 100%;
            left: 0;
            display: none;
            height: auto;
            width: 100%;
            margin: ;
            background: #ffffff;
            border-top: none;
            color: #444444;
            font-weight: 300;
            z-index: 1;
	box-shadow:0px 10px 20px rgba(0,0,0,0.5);
        }

/* Shows the option list (don't edit) */
.sod_select.open .sod_list_wrapper {
	display: block;
}

/* Don't display the options when  */
.sod_select.disabled.open .sod_list_wrapper {
	display: none;
}

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list_wrapper {
                top: auto;
                bottom: 100%;
                border-bottom: none;
            }

/* Options list container */
.sod_select .sod_list {
            display: block;
            overflow-y: auto;
            padding: 0;
            margin: 0;
        }

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_option {
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;

                position: relative;
                padding: 10px 10px;
                list-style-type: none;
            }

/* Optgroups */
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
                    background: inherit;
                    color: #939393;
                    font-size: 10px;
                    font-style: italic;
                }

/* Children of an optgroup */
.sod_select .sod_option.groupchild {
	padding-left: 20px;
}

/* Used together with placeholderOption / data-placeholder-option */
.sod_select .sod_option.is-placeholder {
                display: none;
            }

/* Disabled option */
.sod_select .sod_option.disabled {
                    background: inherit;
                    color: #cccccc;
                }

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_option.active {
                    background: #f7f7f7;
                    color: #333333;
                }

/*Make room for the check mark */
.sod_select .sod_option.selected {
                    font-weight: 700;
                    padding-right: 25px;
                }

/* Displays a check mark for the selected option */
.sod_select .sod_option.selected:before {
                        content: "";
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                                transform: translateY(-50%);
                        display: inline-block;
                        color: #808080;
                        height: 9px;
                        width: 10px;
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
                    }

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_option.selected {
	font-weight: 300; }
.sod_select.no_highlight .sod_option.selected:before {
	display: none; }

.sod_select .sod_option.link { /* If data-link is set on a specific option */ }
.sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ }

/* Hide native select */
.sod_select select {
	display: none !important; }

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select {
                -webkit-appearance: menulist-button;

                position: absolute;
                top: 0;
                left: 0;
                display: block !important;
                height: 100%;
                width: 100%;
                opacity: 0;
                z-index: 1;
            }


.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
  color: #333 !important;
  background: #fbcc3f !important;
  font-weight: 700;
}

.mm-list > li.mm-selected > a.mm-subopen {
    background: #000 !important;
}

@media (max-width: 1280px) {
.genbody.news-list.grid-9 {
    width: 70%;
}

.product-subnav {
    padding: 1em;
    margin-right: 1%!important;
    width: 21.3333% !important;
}

}

@media (max-width: 1040px) {

  .portfolio-grid {
	  text-align: center;
	  vertical-align: top;
  }

  #photos, .photos {
    width: 45%;
    display: inline-block;
    margin: 2%;
    vertical-align: top;
  }

  #list .container { padding: 15px 0 15px !important; }

.genbody.news-detail.grid-9 {
  width:90%;
  margin: 0 auto !important;
  float: none;
}

}

@media (max-width: 800px) {
  .mask h2 {
      margin: 14% auto 5px;
  }

  .mask p.slidephotos, .mask div.slidephotos p { font-size: 12px; line-height: 15px; }

.product-list { vertical-align: top; }
  .product-list.categories.grid-5 {
    margin: 1%;
    float: none;
    height: auto;
    min-height: auto;
}


}



@media (max-width: 980px) {
#contact .grid-7 {
    width: 100%;
}

.clocation.grid-5 { width: 100% !important; }
}

@media (max-width: 980px) {
.genbody.news-list.grid-9 {
    width: 95%;
    margin: 0px auto;
}

.product-subnav {
    display: none;
}

#general .container {
    padding: 3em 20px;
    width: 100%;
}

.featherlight .featherlight-content {
  width: 90%;
}

body.front.service-schools .featherlight-inner { padding: 40px 0px 10px 10px; }


}



@media (max-width: 780px) {
#detail .fd-dealer {
    max-width: 100%;
    margin: 20px auto;
}
}


@media (max-width: 680px) {

  .center-copy {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 90%;
  }

  .center-copy h1.page-title {
  	font-size: 26px;
  	line-height: 26px;
  	text-transform: uppercase;
   }

   .center-copy p {
       font-size: 18px;
       line-height: 21px;
     }

  .box { margin-bottom: 0px; }

  .product-list.grid-12 { padding: 15px; border: 1px solid #eee; }

  .portfolio-grid { padding-top: 10px; }

  #photos h2, .photos h2 {
    font-weight: bold;
    font-size: 21px;
}

a.btn,input#edit-submit,input.contact-submit-btn {

	font-size: 18px;
  line-height: 19px;

}

.product-category-page { max-width: 1280px; margin: 20px auto 0px; overflow: hidden;}

img.category-image, img.align-right, img.align-left, img.news-image  {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 auto 10px;
    margin-left: 0px;
}

img.align-right { margin-left: 0 !important; }


.product-list.categories.grid-5 {
  margin: 1%;
  width: 100%;
  padding-bottom: 75px;
}

.grid-5 {
    width: 95% !important;
    margin: 0 auto;
}

.product-list {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px solid #eee;

}

#contact .container {
	padding: 25px 25px 50px;
}

#contact .webform-layout-box .form-item {
    display: block;
    float: none;
    width: 100%;
}

.genbody h1 {
    font-size: 24px;
    line-height: 27px;
}
}

@media (max-width: 480px) {

  .center-copy h1.page-title {
  	font-size: 21px;
  	line-height: 24px;
  	text-transform: uppercase;
   }

   .center-copy p {
       font-size: 16px;
       line-height: 21px;
     }

	.portfolio-grid { width: 95%; padding margin: 0 auto; }

     #photos, .photos {
       width: 47%;
       display: inline-block;
       margin: 1%;
      vertical-align: top;
     }

     #photos h2, .photos h2 {
       font-weight: bold;
       font-size: 16px;
       line-height: 18px;

	}

	.product-list.grid-12 {
		padding: 5px;
		border: 1px solid #eee;
	}

	.portfolio-grid p { font-size: 11px; line-height: 16px; }

	.product-list h2 span { font-size: 14px; }

	#list .container { padding: 5px 0 5px !important; }

	.mask h2 { margin: 25% auto 5px; }

	.mask p.slidephotos, .mask div.slidephotos p { display: none; }

	#contact .container {
		padding: 25px 15px 50px;
	}

	.visnav-button.responsive {
		width: 100%;
		margin-bottom: 5%;
	}
	.visnav-button .btn-wrapper {
		height: auto;
	}
	#footer .container {
		background: #585858;
	}
	#hero-ads .owl-theme .owl-nav .owl-prev {
		text-align: left;
		float: left;
		padding: 0 20px;
		color: #fff;
	}
	#hero-ads .owl-theme .owl-nav .owl-next {
		text-align: right;
		padding: 0 20px;
		color: #fff;
		float: right;
	}
	#hero-ads .owl-theme .owl-nav .owl-prev img, #hero-ads .owl-theme .owl-nav .owl-next img  {
		max-width: 45%;
	}
	.owl-theme .owl-controls {
		height: 75px;
	}
}

@media (max-width: 880px) {

table.service-school {
border: 1px solid #eee;
}

table.service-school th, table.service-school td {
display: block;
width: 100%;
text-align: left;
}


table.service-school th { border-bottom: 0px;  border-top: 0px; }
table.service-school th:first-child { width: 100% }
table.service-school th:last-child { text-align: left; padding-top: 0px; padding-bottom: 30px; }
table.service-school td { border: 0px; border-left: 0px !important; padding: 20px; }
table.service-school td.class-price { padding: 0 20px; }
table.service-school td:last-child { text-align: left; }
table.service-school th.the-price { display: none; padding: 0px 20px 0px; }

}