/*
Theme Name: Appliance

*/

/***********************
*WORDPRESS CORE
************************/
sup{ font-size: 14px; line-height: 1;}
p sup{ font-size: 11px;}
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto;}
.alignright { float:right; margin: 5px 0 20px 20px;}
.alignleft { float: left; margin: 5px 20px 20px 0;}
.aligncenter { display: block; margin: 5px auto 5px auto;}
a img.alignright { float: right; margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft { float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {  display: block; margin-left: auto; margin-right: auto}
.wp-caption {  background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {  margin: 5px 20px 20px 0;}
.wp-caption.alignleft {  margin: 5px 20px 20px 0;}
.wp-caption.alignright {  margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {  font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}
small{ font-size: 70%;}
hr{ display: inline-block; clear: both; width: 100%; margin: 40px 0;}

/***********************
*GENERAL
************************/
table{ background: none; border: none;}
.row .row{margin: 0;}
.relative{ position: relative;}
img.big-img{ position: absolute; max-width: none; bottom: -35px; left: 50%;}
.img-center{ display: block; margin: 0 auto;}
.no-padding{ padding-left: 0px !important; padding-right: 0 !important;}
.w500{ width: 500px;}
.no-padding-left{ padding-left: 0px; }
.half-padding{ padding-left: 7px; padding-right: 7px; }



/*******************
*CUSTOM NAV
********************/
.top-bar{ margin-bottom: 0; background: none;}
/*.top-bar ul > li{ padding: 0 10px;}*/
.top-bar ul.right li:last-child{ padding-right: 0px !important;}
#nav-menu-item-11{ padding-right: 0px !important;}
.top-bar ul.right{height: auto; line-height: 1.2;}
.top-bar ul.right li{ padding: 0 15px;}
.top-bar ul > li a:not(.button){ height: auto; line-height: 1.2; padding: 0;}
.top-bar ul > li a{ display: inline-block; height: auto;}
.top-bar ul.right > li:not(.name):hover a, .top-bar ul.right > li:not(.name).active a, .top-bar ul.right > li:not(.name):focus a{ 
	text-decoration: underline;
}
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus, 
.lt-ie9 .top-bar ul > li:not(.name):hover, .lt-ie9 .top-bar ul > li:not(.name).active, .lt-ie9 .top-bar ul > li:not(.name):focus{ 
	background: none !important;
}
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus { background: none; }
.lt-ie9 .top-bar section > ul > li a:hover{ background: #e8e5dd; border-radius: 4px; }
.lt-ie9 .top-bar ul.right li{ padding: 0 10px;}
.lt-ie9 .w500{ width: 550px;}

/***********************
*FONTS
************************/
h1{ font-size: 42px; color: #404041; font-weight: 400; font-family: 'Open Sans', sans-serif;}
h2{  font-size: 24px; color: #404041; font-weight: 400; font-family: 'Open Sans', sans-serif; /*font-style: italic;*/ line-height: 1.4;}
h3{ font-size: 18px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
p, body, span{ font-weight: 400; font-family: 'Open Sans', sans-serif;}

/***********************
*VIDEOS
************************/
video{width: 100%;}
.video-text{ position: relative; z-index: 3; text-align: center; padding: 25px 0 50px;}
.video-text h1{ color: #ffffff; text-shadow: 1px 1px 4px #000000; margin-top: 10px; margin-bottom: 0;}
.wrap-video{ width: 100%; height: 100%; overflow: hidden; position: absolute;}

/***********************
*BUTTONS
************************/
.button{ color: #ffffff; font-weight: 600; font-family: 'Open Sans', sans-serif; border: none; box-shadow: none; border-radius: 4px;}
.green{background: #78ac42;}
.green:hover{ background: #649037;}
.grey{ background: #404041;}
.grey:hover{ background: #323233;}
.blue{ background: #6aa7f0;}
.blue:hover{ background: #6096d8;}
.black{ background: #1f1f1f;}
.black:hover{ background: #080808;}
.button-technology{ background: #2463af; }
.button-technology:hover { background: #1b4a83; }

/***********************
*HEADER
************************/
#header{ padding: 20px 0; background: #ffffff;}
#header.fixed + #header-fix{padding: 20px 0px; position: relative;}
#header-fix{ position: absolute; top: 0; left: 0; padding: 20px 0px;}
#header #nav{ padding: 4% 0 0px; text-align: center;}
#header #nav a{ color: #404041; font-size: 14px;}
#header #nav a[href*="contact"]{ background: #78ac42; padding: 10px 0; margin-top: -10px; display: block; border-radius: 3px; color: #ffffff;}
#header #nav a[href*="mailto"]{ background: #78ac42; padding: 10px 20px; margin-top: -10px; display: block; border-radius: 3px; color: #ffffff;}

/***********************
*BANNER
************************/
#banner{ background: #f7f7f7; position: relative; overflow: hidden; padding: 10px 0 25px;}
#banner h1{ border-bottom: 1px solid #dfdfdf; padding-bottom: 15px; margin-bottom: 5px; margin-top: 15px;}
#banner h2{ font-size: 18px; color: #404041; font-weight: 300; font-family: 'Open Sans', sans-serif; font-style: italic;}
#banner .hide-for-small img{ padding-top: 24px; }
#banner .banner__description{ font-size: 16px; line-height: 145%; position: absolute;  bottom: 40px; right: 390px; width: 316px; color: #393839;}
#banner .banner__description-float{ font-size: 16px; line-height: 145%; position: absolute;  bottom: -30px; right: 257px; width: 450px; color: #393839;}
#banner .banner__description-title{ font-size: 24px; font-weight: 600; font-family: 'Open Sans', sans-serif; }
#banner .banner__description-mobile{ display: none;}
#banner .banner__description, #banner .banner__description-float, #banner .banner__description-mobile sup{ font-size: 16px; }
#banner .banner__description img{ padding-top: 0; }

@media screen and (max-width: 876px){
    #banner .banner__text, #banner .banner__image{ display: block; float: none; width: 100% }
    #banner .banner__text img{ margin: 0 auto; display: block }
    #banner .banner__description, #banner .banner__description-float{ display: none;}
    #banner .banner__description-mobile{ display: block; font-size: 16px; line-height: 145%; padding-top: 20px; padding-bottom: 20px; }
}

/***********************
*FEATURE
************************/
#feature{ text-align: center; margin-top: -20px; padding-bottom: 20px;}
#feature h2{ font-style: italic; }
#feature a{ font-size: 14px; color: #404041; font-weight: 600; font-family: 'Open Sans', sans-serif; cursor: pointer;}
#feature a span { font-weight: 600; font-family: 'Open Sans', sans-serif;}
#feature span{ display: block;}

/***********************
*TECHNOLOGIES
************************/
#technologies{background: #78ac42;}
.section-feature-wrap{ padding: 70px 0px;}
.section-feature-wrap .columns{ padding: 0 10px; }
.section-feature{ text-align: center;}
.section-feature h3{ margin-top: 0; color: #ffffff; font-weight: 600;}
.section-feature p{ color: #ffffff; font-weight: 300; font-family: 'Open Sans', sans-serif; font-style: italic;}
.section-feature p a{text-decoration: underline; color: #ffffff;}

.box-stage h3{ font-family: 'Open Sans', sans-serif; font-weight: 300px; color: #ffffff; font-size: 34px; margin-bottom: 10px;}
.box-stage p{ font-family: 'Open Sans', sans-serif; font-weight: 400px; color: #ffffff; margin-bottom: 10px;}
.box-stage table{ margin-bottom: 10px; width: 100%;}
.box-stage table td{ color: #ffffff; padding: 0 10px;}
.box-stage ul{ margin-bottom: 0; list-style-position: inside;}

#content-technologies #stage-1{ margin-top: 20px;}
#content-technologies #stage-1 .box-stage-image img{ max-width: none; margin-top: -1px; margin-right: -1px; display: inline-block;  float: right;}
#content-technologies #stage-1 .box-stage-text{ background: #76aa42; min-height: 285px; padding-left: 60px !important;}

#content-technologies #stage-2 .box-stage-image img{ max-width: none; margin-right: -1px; display: inline-block;  float: right;}
#content-technologies #stage-2 .box-stage-text{ background: #4f8876; min-height: 241px; padding-left: 90px !important;}

#content-technologies #stage-3 .box-stage-image img{ max-width: none; margin-right: -1px; display: inline-block;  float: right;}
#content-technologies #stage-3 .box-stage-text{ background: #2463af; min-height: 249px; padding-left: 120px !important;}


/***********************
*BANNER TECHNOLOGIES
************************/
#banner-technologies { background: #78ac42; padding: 20px 0 50px; position: relative; min-height: 235px;}
#banner-technologies .float-image{ position: absolute; right: 40%;  bottom: -190px;}
#banner-technologies h2, #banner-technologies p{ color: #ffffff; line-height: 1.5; font-style: normal;}
#banner-technologies img{ position: absolute; left: 0; top: 29px; z-index: 10;}

/***********************
*TECHNOLOGIES PAGE
************************/
#content-technologies{ padding: 98px 0px 0px; position: relative;}
#content-technologies #title h1{ text-align: center;}
#content-technologies .oneImage.float-image{ position: absolute; right: 50%; bottom: -24%; z-index: 2; max-width: none;}
#content-technologies #main-content-box{ overflow: hidden;}
#content-technologies-green{ padding: 200px 0px 150px; position: relative; background: #78ac42; overflow: hidden; width: 100%;}

#content-technologies-green #title h1{ text-align: center;}
#content-technologies-green h1, #content-technologies-green h3, #content-technologies-green p{ color: #ffffff}

#content-technologies-green .twoImage.float-image{ position: absolute; left: 50%; bottom: 10%; max-width: none;}

/***********************
*BANNER HISTORY
************************/
#banner-history{ background: #78ac42; text-align: center; padding: 30px 0px 30px;}
#banner-history h2{ color: #ffffff; font-style: normal;}
#banner-history p{ font-size: 21px; line-height: 35px; color: #ffffff; font-style: normal; font-weight: 300; padding: 0px 20px;}

/***********************
*HISTORY PAGE
************************/
#content-history { padding: 20px 0 25px;}

/***********************
*BANNER LEADERSHIP
************************/
#banner-leadership{ background: #404041; text-align: center; padding-bottom: 30px;}
#banner-leadership h2, #banner-leadership p{ color: #ffffff;}

/***********************
*BANNER PATENTS
************************/
#banner-patents{ background: #404041; text-align: center; padding: 40px 0;}
#banner-patents h2, #banner-patents p{ font-family: 'Open Sans',sans-serif; /*font-style: italic; */color: #ffffff; font-size: 21px; margin-bottom: 0;}

/***********************
*PATENTS PAGE
************************/
/*#content-patents{ padding-top: 40px;}*/
.box-patents{overflow: hidden;}
.box-patents:last-child hr{ display: none;}
.box-patents h2{font-size: 30px; font-style: normal; color: #404041; margin-top: 0;}
.box-patents .button.blue{ background: #2463af; font-size: 14px; padding: 10px 40px 11px; margin-bottom: 20px;}
.box-patents img{ display: block; margin: 20px 0px 0px;}
.box-patents-content strong{ font-size: 18px;}
.box-patents-content em strong{ font-size: 14px;}
#content-patents #addPatents{ background: #2463af; padding-top: 30px; border-radius: 0px 0px 6px 6px;}
#content-patents #addPatents h2{ text-align: center; font-size: 30px; font-style: normal; color: #ffffff; margin-bottom: 30px; font-weight: 600; font-style: italic; line-height: 1}
#content-patents #addPatents li{  text-align: center; color: #ffffff;}
.block-grid.five-up{ margin: 0;}
#patents-include li{ list-style: none; font-size: 20px;}
#content-patents-main{ padding-top: 40px;}
/***********************
*LEADERSHIP PAGE
************************/
#content-leadership h1{ padding: 20px 0;}
.box-leadership{ margin-bottom: 30px;}
.box-leadership h1{ margin-bottom: 5px;}
.box-leadership h2, .box-leadership h1{ color: #404041; margin-top: 0;}
.box-leadership p{ color: #404041}
.box-leadership p a{ text-decoration: underline; color: #404041}

.box-article{ padding: 0 40px; margin-top: 30px;}
.box-article h5{ font-family: 'Open Sans',sans-serif; font-weight: 400; margin-bottom: 0;}
.box-article p{ font-style: italic;}
.box-article .blue.button{ background: #2463af;}
.box-leadership .line-sup{display: inline; border-bottom: 1px solid #404041;}
.box-leadership .line-sup a{text-decoration: none;}
/*.box-leadership .line-sup > sup{display: inline-block; border-bottom: 1px solid #404041; padding-bottom: 5px;}*/



/***********************
*DISTINCTIVES
************************/
#distinctives{ background: #78ac42;}
#distinctives .section-feature p{ color: #d1f0b0;}


/***********************
*USES
************************/
#uses{ background: #2463af;}
.section-feature-right { color: #ffffff; font-family: 'Open Sans',sans-serif; font-weight: 300; font-size: 18px; line-height: 1.6;
    text-align: center; }

/***********************
*INNOVATORS
************************/
#innovators{background: #404041;}
#innovators .section-feature-wrap{ padding: 0;}
#innovators .custom-padding{ padding: 7% 15px 0%;}

/************
*AD
************/
#ad{ padding: 30px 0; background: #f7f7f7;}
#ad small{ font-size: 12px; }
#ad h2{ font-size: 33px; color: #2463af; font-weight: 400; font-style: normal; margin-top: 5px; margin-bottom: 0px;}
#ad h2 sup{ font-weight: normal; font-size: 20px;}
#ad h2 span{ color: #000000; }
#ad .sub-title{ font-size: 16px; margin-bottom: 0 !important;}
/*SLICK*/
.slick-prev{ background: url("images/arrow-left.png") no-repeat !important; width: 27px; height: 37px; }
.slick-next{ background: url("images/arrow-right.png") no-repeat !important; width: 27px; height: 37px; }
.slick-dots{ bottom: -57px; }
.slick-dots li button::before{ content: ""; }
.slick-dots li button{ background: url("images/dots.jpg") no-repeat;  width: 12px; height: 12px;}
.slick-dots li.slick-active button{ background: url("images/dots-active.jpg") no-repeat;}



/***********************
*FOOTER
************************/
#footer{ padding-top: 20px; color: #404041; padding-bottom: 25px;}
#footer a{ color: #404041;}
#footer p{ font-size: 14px; margin-bottom: 0;}
#footer .small{ font-size: 11px;}
#footer .button{ color: #ffffff; width: 100%;}
#footer .custom-padding{ padding-top: 4.5%;}
#footer .custom-padding.text-center{ padding-top: 3%;}
#footer #social a{margin: 0 3px;}

/******************************
*FIX EI 
******************************/

.lt-ie9 #nav a{ line-height: 1.1; height: auto; font-size: 13px !important;}
.lt-ie9 #nav a:hover, .lt-ie9 #nav li:hover{ background: #ffffff;}
.lt-ie9 .scene img{ width: 100%;}
.lt-ie9 .wrap-img{ top: 0 !important; left: -50% !important; width: 200%;}