/*
Theme Name: Marubeni
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Marubeni
Author: Hopping Mad Design
Author URI: http://www.hoppingmad.com.au/
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type="search"] {	-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input{-webkit-appearance: none;}

/* Defaults */
html,body{height:100%;margin:0; }
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	color:#323232; 
	font: 62.5% 'Source Sans Pro', sans-serif;
}
img{border-style:none}
a{text-decoration:none;color:#ec1c23;}
a:hover{color:#666666;}
input,textarea,select{font:100% 'Source Sans Pro', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Source Sans Pro', sans-serif;}

img.alignleft {margin: 0 10px 10px 0;}
.alignleft {float: left;}
img.alignright {margin: 0 0 10px 10px;}
.alignright {float: right;}
.aligncenter {margin:10px auto;}


.clear{clear: both;}

/* =====================
Layout
======================== */
h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.55em;
    padding: 0;
	font-family:'Montserrat', sans-serif;
}
h1{
	font-size:3.6rem;
}
h2{
	font-size:2.8rem;
}
h3{
	font-size:2.0rem;
}
h4{
	font-size:1.6rem;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4{
	margin-top:1.5em;
}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child,.entry-content table:first-child,.entry-content ul:first-child,.entry-content ol:first-child{
	margin-top:0;
}
.entry-content strong{
	font-weight:600;
}
.entry-content p{
	margin:0 0 1em;
}
.entry-content{
	font-size:1.5rem;
}
.entry-content table{
	max-width:100%;
	margin:2em 0;
}
.entry-content td{
	padding:0 12px 12px 0;
}
.entry-content ul{
	margin:1em 0 1.5em 30px;
}
.entry-content ol{
	margin:1em 0 1.5em 12px;
}
.entry-content li{
	margin:0.6em 0;
}
.heading-underline{
	font:400 1.6rem 'Montserrat', sans-serif;
	border-bottom:5px solid #000000;
	padding-bottom:10px;
	margin-bottom:10px;
}
.heading-underline p{
	margin:0;
}
.page-title{
	color:#000;
}
#page .cform .gfield_label{
	display:none;
}
#page .cform .gfield{
	margin: 0 0 12px;
	padding:0;
}
#page .cform .gfield input{
	background:none;
	border:1px solid #657a95;
	color:#fff;
	font:400 1.3rem 'Montserrat', sans-serif;
	height:3em;
	display:block;
	width:100%;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-moz-box-shadow: 1px 1px 0 0 #232939;
	-webkit-box-shadow: 1px 1px 0 0 #232939;
	box-shadow: 1px 1px 0 0 #232939;
	padding:0 10px;
}
#page .cform .gfield textarea{
	background:none;
	border:1px solid #657a95;
	color:#fff;
	font:400 1.3rem 'Montserrat', sans-serif;
	height:8.1em;
	display:block;
	width:100%;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	-moz-box-shadow: 1px 1px 0 0 #232939;
	-webkit-box-shadow: 1px 1px 0 0 #232939;
	box-shadow: 1px 1px 0 0 #232939;
	padding:7px 10px;
	resize: vertical;
}
::-webkit-input-placeholder { 
	opacity:1;
	color:#fff;
}
::-moz-placeholder {
	opacity:1;
	color:#fff;
}
:-ms-input-placeholder { 
	opacity:1;
	color:#fff;
}
:-moz-placeholder { 
	opacity:1;
	color:#fff;
}
#page .gform_button{
	width:100%;
	display:block;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	color:#fff;
	background: -webkit-linear-gradient(#618bbf, #4872a6); 
	background: -o-linear-gradient(#618bbf, #4872a6); 
	background: -moz-linear-gradient(#618bbf, #4872a6); 
	background: linear-gradient(#618bbf, #4872a6); 
	border:none;
	font:400 1.3rem 'Montserrat', sans-serif;
	height:3em;
	cursor:pointer;
	padding:0;
	margin:0 0 10px;
}
#page .gfield_error{
	width:100%;
	max-width:100% !important;
	padding:0;
	border-top:none;
	margin-bottom: 12px !important;
}
#page .gfield_error input,#page .gfield_error select,#page .gfield_error textarea{
	border-color:#ec1c23 !important;
}
#page .validation_message{
	padding:5px 10px;
	font-size:1.1rem;
	color:#fff;
}
#page .ginput_container{
	margin:0;
}
#page .validation_error{
	border:none;
	padding:0;
	color:#fff;
	font-size:1.6rem;
	margin-bottom:15px;
}
#page .gform_title{
	font:700 2.7rem 'Montserrat', sans-serif;
	margin-bottom:0;
	-webkit-transition: font-size 0.5s; 
    transition:font-size 0.5s;
}
#page .gform_description{
	font: 1.5rem 'Montserrat', sans-serif;
	-webkit-transition: font-size 0.5s; 
    transition:font-size 0.5s;
}
#page .gform_heading{
	text-align:center;
	margin-bottom:20px;
}
#page .gform_wrapper{
	margin:0;
}
#page .gform_confirmation_message{
	font: 2rem 'Montserrat', sans-serif;
	margin: 20px 0;
	padding:0 20px;
}
.layout{
	margin:auto;
	max-width:1170px;
	position:relative;

}
.left-small{
	float:left;
	width:37.5%;
}
.right-large{
	float:right;
	width:58.76%;
}

/* =====================
Header
======================== */
#page{
	background:#eeeeee;
}
.home #page{
	background:#eeeeee url(images/bg-cosmos.jpg) no-repeat center top / 1920px auto;
}
.site-branding{
	width:260px;
	display:block;
	float:left;
}
.site-branding img{
	display:block;
	width:100%;
	height:auto;
}
#masthead{
	padding:25px 0 22px;
	color:#fff;
	background:rgba(0,0,0,0.2);
	position:relative;
}
.home #masthead{
	background:none;
}
#desktop-menu{
	float:right;
	display:inline-block;
	padding:20px 0 0;
}
.nav li{
	list-style:none;
	display:inline-block;
	font:700 1.3rem 'Montserrat', sans-serif;
	margin-right:35px;
}
.nav li a{
	color:#fff;
}
.solution-menu-wrapper{
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	z-index:-1;
	background:#fff;
	padding:57px 0 50px;
	opacity: 0;
	-ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	-webkit-transition:all 0.3s ease-in-out 0s, z-index 0s linear 0.01s; 
    transition:all 0.3s ease-in-out 0s, z-index 0s linear 0.01s;
}
.solution-menu-wrapper.active{
	opacity: 1;
	z-index: 100;
	-ms-transform: translateY(0%);
    -webkit-transform:translateY(0%);
	transform: translateY(0%);
}
.page-template-pt-solution .solution-menu-wrapper.active{
	position:relative;
	top:auto;
	left:auto;
	margin:22px 0 -22px;
}
.solution-menu{
	margin:0 70px;
}
.solution-menu li{
	list-style:none;
	padding:0 15px;
	display:none;
	text-align:center;
}
.solution-menu img{
	max-width:100%;
	height:auto;
	max-height:140px;
	width:auto;
	display:block;
	margin:auto;
}
.solution-menu-wrapper .eb-nav,.solutions-home .eb-nav{
	position:absolute;
	bottom:90px;
	font-size:50px;
	cursor:pointer;
	color:#d4d4d4;
}
.eb-nav.sm-next{
	right:50px;
}
.eb-nav.sm-prev{
	left:50px;
}
.solution-menu li h3{
	color:#000;
	font:400 1.6rem 'Montserrat', sans-serif;
	margin:10px 0 0;
	white-space:normal;
}
.solution-menu-wrapper .layout{
	background:url(images/bg-curved-2.png) no-repeat center bottom ;
	padding:0 0 30px;
}
.solution-menu-wrapper header{
	color:#000;
	font:400 2.4rem 'Montserrat', sans-serif;
	text-align:center;
	margin:0 0 60px;
}
.open-solution-menu{
	cursor:pointer;
}

/* =====================
Footer
======================== */
#colophon{
	background:#000000;
	color:#fff;
	padding:65px 0 70px;
	margin:90px 0 0;
}
#colophon a{
	color:#fff;
}
.footer-left{
	font-size:1.3rem ;
	display:inline-block;
	float:left;
}
#copyright a{
	display:inline-block;
	margin:0 5px;
}
#copyright span{
	display:inline-block;
	margin-right:10px;
}
.footer-logo{
	float:right;
	display:block;
	width:260px;
}
.footer-logo img{
	display:block;
	width:100%;
	height:auto;
}
#footer-menu li{
	list-style:none;
	display:inline-block;
	margin-right:35px;
	font:700 1.3rem/1 'Montserrat', sans-serif;
}
#footer-menu .sub-menu{
	display:none;
}
#footer-menu{
	margin-bottom:10px;
}
.design-by{
	margin:20px 0 0;
	font-size:1.1rem;
}

/* =====================
Text Page
======================== */
.page-content{
	min-height:400px;
	background: -webkit-linear-gradient(#fff, #eeeeee); 
	background: -o-linear-gradient(#fff, #eeeeee); 
	background: -moz-linear-gradient(#fff, #eeeeee); 
	background: linear-gradient(#fff, #eeeeee); 
	position:relative;
	padding:75px 100px 20px;
	z-index:5;
}
/*.page-shadow{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:465px;
	z-index:1;
	-moz-box-shadow: 0 10px 10px 0 #888;
	-webkit-box-shadow: 0 10px 10px 0 #888;
	box-shadow: 0 10px 10px 0 #888;
}*/
.internal-header-wrapper{
	padding:140px 0 0;
	height:370px;
}
.hide-mobile-bg{
	background:none !important;
}
.internal-header-wrapper .page-title{
	margin:0 100px;
}
#page.header-image-active{
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:right top;
}
.intro{
	font:400 1.6rem/1.375 'Montserrat', sans-serif;
}
.page-intro{
	position:relative;
	padding-bottom:42px;
}
.page-intro:after{
	content:' ';
	width:100px;
	height:5px;
	background:#ec1c23;
	left:0;
	bottom:0;
	position:absolute;
}
.equipment-brand li{
	list-style:none;
	display:none;
}
.equipment-brand li img{
	display:block;
	max-width:100%;
	height:auto;
	margin:auto;
}
.equipment-brand-wrapper h3{
	text-align:center;
	margin-bottom:20px;
	font: 400 2.4rem 'Montserrat', sans-serif; 
}
.equipment-brand-wrapper {
	position:relative;
	margin-top:90px;
}
.eb-nav{
	position:absolute;
	bottom:8px;
	font-size:50px;
	cursor:pointer;
	color:#d4d4d4;
}
.eb-nav.next{
	right:-30px;
}
.eb-nav.prev{
	left:-30px;
}
.text-page .entry-content tr td:last-child{
	padding-right:0;
	padding-left:12px;
}

/* =====================
home / front page
======================== */
.home-content .entry-content{
	max-width:770px;
	margin:auto;
}
.home-content .entry-content td:last-child{
	padding-left:12px;
	padding-right:0;
}
.home-content .entry-content .intro{
	text-align:center;
	font-size:2rem;
	border-bottom:5px solid #ec1c23;
}
.home-content .intro p{
	margin-bottom:0.85em;
}
.solutions-home header{
	color:#000;
	font:400 2.4rem 'Montserrat', sans-serif;
	text-align:center;
	margin:0 0 60px;
}
.solutions-home{
	position:relative;
	max-width:1610px;
	margin:auto;
	background:url(images/bg-curved-2.png) no-repeat center bottom;
}
.sh-prev{
	left:50px;
}
.sh-next{
	right:50px;
}
.solutions-home .solution-menu img{
	max-height:205px;
}
.home-header{
	height:615px;
	position:relative;
}
.bg-home-header{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
}
.bg-home-header:after{
	content:' ';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	z-index:2;
	-webkit-transition: background 0.5s; 
    transition:background 0.5s;
}
.active .bg-home-header:after{
	background:rgba(0,0,0,0.4);
}
.animate .bg-home-header img{
	-webkit-animation: animatedBackground 2s ease-in-out 0.2s forwards;
	animation:  animatedBackground 2s ease-in-out 0.2s forwards;
}
.bg-home-header img{
	display:block;
	margin:1.6% auto 0;
	width:auto;
	max-width:95%;
	max-height:93.83%;
	position: relative;
	z-index:1;
	opacity:0;
	-ms-transform: translateY(50%); 
    -webkit-transform: translateY(50%); 
    transform: translateY(50%);
}
@-moz-keyframes animatedBackground {
	50%{
	-ms-transform: translateY(0); 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	}
	100%{
		opacity:1;
		-ms-transform: translateY(0); 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	}
}
@-webkit-keyframes animatedBackground {
	50%{
		-ms-transform: translateY(0); 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	}
	100%{
		opacity:1;
		-ms-transform: translateY(0); 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	}
}
@keyframes animatedBackground {
	50%{
		-ms-transform: translateY(0); 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	}
	100%{
		opacity:1;
		-ms-transform: translateY(0); 
    -webkit-transform: translateY(0); 
    transform: translateY(0);
	}
}
.animate .home-header-content{
	-webkit-animation:header-animate 2.3s ease-in-out 0.2s forwards;
	animation:  header-animate 2.3s ease-in-out 0.2s forwards;
}
.home-header-content{
	position:relative;
	z-index:5;
	max-width:830px;
	margin:auto;
	color:#fff;
	padding:230px 0 0;
	top:100%;
	opacity:0;
}
@-moz-keyframes header-animate{
	100%{
		top:0;
		opacity:1;
	}
}
@-webkit-keyframes header-animate{
	100%{
		top:0;
		opacity:1;
	}
}
@keyframes header-animate{
	100%{
		top:0;
		opacity:1;
	}
}
.home-header-content .gform_body{
	background:rgba(0,0,0,0.5);
	padding:18px 18px;
}
#page .home-header-content .gfield{
	width:32%;
	display:inline-block;
	margin-right:2%;
	vertical-align:top;
}
#page .home-header-content .gfield:nth-child(3n){
	margin-right:0;
}
#page .home-header-content .gfield.full{
	width:66%;
}
#page .home-header-content .gform_footer{
	width:200px;
	padding:0;
	margin:0;
	position:absolute;
	bottom:23px;
	right:18px;
}
#page .home-header-content .cform{
	position:relative;
}
.header-form-toggle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 12px 0 12px;
	border-color: #ec1c23 transparent transparent ;
	margin: auto ;
	cursor:pointer;
}
.active .header-form-toggle{
	border-width: 0 12px 14px 12px;
	border-color: transparent transparent #ec1c23 ;
	margin-top:20px;
}
.home-header-content .gform_footer,.home-header-content .gform_body{
	display:none;
}
.active .home-header-content .gform_footer,.active .home-header-content .gform_body{
	display:block;
}
#page .hide-form .gform_title{
	font-size:3.6rem;
}
#page .hide-form .gform_description{
	font-size:2rem;
	margin-bottom:0;
}
#page .hide-form .gform_heading{
	margin-bottom:10px;
}
#page .home-header-content .validation_message{
	display:none;
}

/* =====================
Contact
======================== */
.contact-page{
	max-width:970px;
	margin: auto;
	padding:140px 0 0;
}
.page-template-pt-contact #page{
	background:#000 url(images/bg-cosmos.jpg) no-repeat fixed center / auto 110%; ;
	color:#fff;
}
.page-template-pt-contact #content{
	background:rgba(0,0,0,0.4);
	padding-bottom:90px;
}
.page-template-pt-contact #colophon{
	margin-top:0;
}
.page-template-pt-contact #masthead{
	background:rgba(0,0,0,0.4);
}
.contact-left{
	float:left;
	width:59%;
}
.contact-right{
	float:right;
	width:38.5%;
}
.contact-page .page-title{
	color:#fff;
}

/* =====================
Solution
======================== */
.solution-header{
	height:115px;
	padding:40px 0 0;
	text-align:right;
}
.solution-header .open-solution-menu{
	color:#bebebe;
	font:700 1.6rem/40px 'Montserrat', sans-serif;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	cursor:pointer;
}
.arrow-solution{
	display:inline-block;
	width:40px;
	height:40px;
	vertical-align:middle;
}
.prev-solution{
	background:url(images/prev.png) no-repeat center center / 100% auto;
}
.next-solution{
	background:url(images/next.png) no-repeat center center / 100% auto;
}
.sleft{
	float:left;
	width:40.17%;
	margin:0 0 0 8.54%;
}
.sright{
	float:right;
	width:40.17%;
}
.solution-page{
	background:url(images/bg-curved.jpg) no-repeat right bottom / 100% auto;
}
.solution-page .page-title{
	margin-top:35px;
}
.equipment-examples-header{
	text-transform:uppercase;
	font:400 1.6rem/1.375 'Montserrat', sans-serif;
	border-bottom:5px solid #323232;
	padding:0 0 9px;
	margin:0 0 30px;
}
.equipment-examples{
	margin-bottom:100px;
}
.eq-slidehsow li{
	list-style:none;
	display:none;
	width:100%;
}
.eq-slidehsow h3{
	display:inline-block;
	background:#fff;
	display:inline-block;
	margin:0 0 7px 30px;
	padding:3px 15px;
	font:400 1.6rem/1.375 'Montserrat', sans-serif;
}
.eq-slidehsow  img{
	max-width:100%;
	max-height:455px;
	width:auto;
	height:auto;
}
/*.eq-list{
	font:400 1.6rem/1.375 'Montserrat', sans-serif;
	margin-bottom:10px;
	overflow:hidden;
}
.eq-list li{
	list-style:none;
	opacity:0;
	-webkit-animation: slide-left 1s ease-out 3s forwards   ;
	animation: slide-left 1s ease-out 3s forwards   ;
}
.eq-list li:nth-child(1){
	-webkit-animation: slide-left 1s ease-out 3s forwards   ;
	animation: slide-left 1s ease-out 3s forwards   ;
}
.eq-list li:nth-child(2){
	-webkit-animation: slide-left 1s ease-out 4s forwards   ;
	animation: slide-left 1s ease-out 4s forwards   ;
}
.eq-list li:nth-child(3){
	-webkit-animation: slide-left 1s ease-out 5s forwards   ;
	animation: slide-left 1s ease-out 5s forwards   ;
}
.eq-list li:nth-child(4){
	-webkit-animation: slide-left 1s ease-out 6s forwards   ;
	animation: slide-left 1s ease-out 6s forwards   ;
}
.eq-list li:nth-child(5){
	-webkit-animation: slide-left 1s ease-out 7s forwards   ;
	animation: slide-left 1s ease-out 7s forwards   ;
}
.eq-list li:nth-child(6){
	-webkit-animation: slide-left 1s ease-out 8s forwards   ;
	animation: slide-left 1s ease-out 8s forwards   ;
}
.eq-list li:nth-child(7){
	-webkit-animation: slide-left 1s ease-out 9s forwards   ;
	animation: slide-left 1s ease-out 9s forwards   ;
}
.eq-list li:nth-child(8){
	-webkit-animation: slide-left 1s ease-out 10s forwards   ;
	animation: slide-left 1s ease-out 10s forwards   ;
}
.eq-list li:nth-child(9){
	-webkit-animation: slide-left 1s ease-out 11s forwards   ;
	animation: slide-left 1s ease-out 11s forwards   ;
}
.eq-list span{
	background:#fff;
	display:inline-block;
	margin:0 0 7px 30px;
	padding:3px 12px;
}
@-moz-keyframes slide-left{
	0%   {
		margin-left:100%;
		width:300%;
		opacity:1;
	}
	100%{
		margin-left:0;
		width:100%;	
		opacity:1;
	}
}
@-webkit-keyframes slide-left{
	0%   {
		margin-left:100%;
		width:300%;
		opacity:1;
	}
	100%{
		margin-left:0;
		width:100%;	
		opacity:1;
	}
}
@keyframes slide-left {
	0%   {
		margin-left:100%;
		width:300%;
		opacity:1;
	}
	100%{
		margin-left:0;
		width:100%;	
		opacity:1;
	}
}
.eq-image{
	display:block;
	max-width:100%;
	max-height:455px;
	height:auto;
	opacity:0;
	-ms-transform: translateX(50%); 
    -webkit-transform: translateX(50%);  
    transform: translateX(50%); 
	position:absolute;
	left:0;
	top:0;
}
.eq-image-wrapper{
	position:relative;
	overflow:hidden;
	min-height:300px;
}
.eq-image-wrapper .eq-image:nth-child(1){
	-webkit-animation: fade-in 1s ease-out 3s backwards   ;
	animation: fade-in 1s ease-out 3s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(2){
	-webkit-animation: fade-in 1s ease-out 4s backwards   ;
	animation: fade-in 1s ease-out 4s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(3){
	-webkit-animation: fade-in 1s ease-out 5s backwards   ;
	animation: fade-in 1s ease-out 5s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(4){
	-webkit-animation: fade-in 1s ease-out 6s backwards   ;
	animation: fade-in 1s ease-out 6s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(5){
	-webkit-animation: fade-in 1s ease-out 7s backwards   ;
	animation: fade-in 1s ease-out 7s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(6){
	-webkit-animation: fade-in 1s ease-out 8s backwards   ;
	animation: fade-in 1s ease-out 8s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(7){
	-webkit-animation: fade-in 1s ease-out 9s backwards   ;
	animation: fade-in 1s ease-out 9s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(8){
	-webkit-animation: fade-in 1s ease-out 10s backwards   ;
	animation: fade-in 1s ease-out 10s backwards   ;
}
.eq-image-wrapper .eq-image:nth-child(9){
	-webkit-animation: fade-in 1s ease-out 11s backwards   ;
	animation: fade-in 1s ease-out 11s backwards   ;
}
.eq-image-wrapper .eq-image:last-child{
	-webkit-animation-fill-mode: forwards !important;
	animation-fill-mode: forwards !important;
}
@-moz-keyframes fade-in{
	0%{
		position:relative;
	}
	70%{
		-ms-transform: translateX(0); 
    -webkit-transform: translateX(0);  
    transform: translateX(0);
	}
	100%{
		opacity:1;
		-ms-transform: translateX(0); 
    -webkit-transform: translateX(0);  
    transform: translateX(0);
		position:relative;
	}
}
@-webkit-keyframes fade-in{
	0%{
		position:relative;
	}
	70%{
		-ms-transform: translateX(0); 
    -webkit-transform: translateX(0);  
    transform: translateX(0);
	}
	100%{
		opacity:1;
		-ms-transform: translateX(0); 
    -webkit-transform: translateX(0);  
    transform: translateX(0);
		position:relative;
	}
}
@keyframes fade-in{
	0%{
		position:relative;
	}
	70%{
		-ms-transform: translateX(0); 
    -webkit-transform: translateX(0);  
    transform: translateX(0);
	}
	100%{
		opacity:1;
		-ms-transform: translateX(0); 
    -webkit-transform: translateX(0);  
    transform: translateX(0);
		position:relative;
	}
}*/
.site-content{
	min-height:400px;
}
#open-mobile-menu,.form-mobile-anchor,
.internal-header-wrapper img{
	display:none;
}

/* =====================
Slide menu defautl style
======================== */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:500;width:270px;overflow-x:none;overflow-y:auto;background:#eeeeee;}
.sidr .sidr-inner{padding:0 0 15px}
.sidr.right{left:auto;right:-270px}
.sidr.left{left:-270px;right:auto}

/* 1920  */
@media screen and (min-width:1920px){
	.home #page{
		background-size:100% auto;
	}
	.site-content{
		min-height:1000px;
	}
}

@media screen and (min-width:2400px){
	.site-content{
		min-height:1200px;
	}
}

/* 1024  */
@media screen and (max-width:1024px){
	.bg-home-header img{
		max-width:90%;
		height:auto;
	}
	.home-header-content{
		padding-top:150px;
	}
	.home-header{
		height:500px;
	}
	.solution-menu{
		margin:0 50px;
	}
	.eb-nav.sm-next{
		right:30px;
	}
	.eb-nav.sm-prev{
		left:30px;
	}
	.solution-menu-wrapper{
		padding:50px 0 0;
	}
	.solution-menu-wrapper header{
		margin-bottom:40px;
	}
	.solution-menu li h3{
		font-size:1.2rem;
	}
	.page-content{
		min-height:400px;
		padding:40px 30px 20px;
	}
	.layout{
		margin-left:20px;
		margin-right:20px;
	}
	.nav li:last-child{
		margin-right:0;
	}
	#page.header-image-active{
		background-position:right top 100px;
	}
	.internal-header-wrapper{
		padding-top:100px;
		height:330px;
	}
	.solution-page .page-title{
		margin-top:0;
	}
	.sleft{
		width:51%;
		margin-left:0;
	}
	.solution-header{
		padding-top:25px;
		height:95px;
	}
	#colophon{
		padding:55px 0 60px;
		margin-top:40px;
	}
	.contact-page{
		padding:20px 0 0;
		margin:0 20px;
	}
}

/* 960  */
@media screen and (max-width:960px){
	#desktop-menu{
		display:none;
	}
	#open-mobile-menu{
		display:block;
		width:40px;
		float:right;
	}
	#open-mobile-menu span{
		display:block;
		background:#fff;
		height:4px;
		margin:6px 0;
	}
	#masthead{
		padding:20px 0;
	}
	.mobile-menu{
		font:700 1.3rem 'Montserrat', sans-serif;
		padding:50px 0 0 30px;
	}
	.mobile-menu li{
		list-style:none;
		margin-bottom:25px;
	}
	.mobile-menu li a{
		color:#a5a5a5;
	}
	.open-solution-menu a{
		background:url(images/arrow.png) no-repeat right center / 5px auto;
		padding-right:12px;
	}
	.active .mobile-menu{
		display:none;
	}
	.active .mobile-sub-menu{
		display:block;
	}
	.mobile-sub-menu{
		display:none;
		padding:30px 30px 0;
	}
	.mobile-sub-menu li{
		list-style:none;
		width:160px;
		margin-bottom:20px;
	}
	.mobile-sub-menu img{
		display:block;
		max-width:100%;
		height:auto;
		width:auto;
		max-height:110px;
	}
	.mobile-sub-menu h3{
		color:#323232;
		font:1.2rem 'Montserrat', sans-serif;
		margin:10px 0 0;
	}
	.mobile-sub-menu header{
		font:1.4rem 'Montserrat', sans-serif;
		color:#000;
		margin-bottom:25px;
	}
	.backto-main-menu{
		color:#b6b6b6;
		font:700 1.3rem 'Montserrat', sans-serif;
		margin:0 0 13px -12px;
		position:relative;
		background:url(images/arrow-2.png) no-repeat left center / 5px auto;
		padding-left:12px;
	}
	.solutions-home header{
		margin-bottom:20px;
	}
	.sh-prev{
		left:20px;
	}
	.sh-next{
		right:20px;
	}
	.solutions-home .eb-nav{
		color:#000;
		bottom:20px;
	}
	.footer-logo{
		float:none;
		margin:10px 0 0;
	}
	.footer-left{
		float:none;
	}
	.page-content{
		padding:30px 20px 10px;
	}
	.internal-header-wrapper .page-title{
		margin:0;
	}
	.internal-header-wrapper{
		height:300px;
	}
	.site-content{
		min-height:600px;
	}
}

/* 800  */
@media screen and (max-width:960px){
	.entry-content.contact-content  td{
		display:inline-block;
		vertical-align:top;
		width:40% !important;
		margin-right:9%;
	}
	.contact-content tr{
		display:inline;
	}
	.eq-list{
		margin-bottom:30px;
	}
	/*.eq-image-wrapper{
		position:relative;
		overflow:visible;
		min-height:200px;
	}*/
}

/* 600  */
@media screen and (max-width:600px){
	.intro{
		font-size:1.4rem;
	}
	h4{
		font-size:1.4rem;
	}
	.entry-content{
		font-size:1.4rem;
	}
	.entry-content td{
		display:block;
		width:100% !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.entry-content table{
		margin:1em 0;
	}
	#footer-menu{
		display:none;
	}
	.footer-logo{
		width:195px;
	}
	#copyright span{
		display:block;
		margin:0;
	}
	#colophon{
		padding:20px 0 30px;
		margin:20px 0 0;
	}
	.contact-left,.contact-right{
		width:100%;
	}
	.site-branding {
		width:195px;
	}
	#page.header-image-active{
		/*background-image:none !important;*/
	}
	.internal-header-wrapper{
		background:#e4e4e4;
		position:relative;
		height:auto;
		padding-top:0;
	}
	.internal-header-wrapper img{
		width:100%;
		height:auto;
		display:block;
	}
	.internal-header-wrapper .layout{
		position:absolute;
		top:13%;
		left:0;
		width:100%;
	}
	.page-content {
		padding:25px 0 0;
		background:#eeeeee;
	}
	.home .page-content {
		margin:0;
		padding:25px 20px  0;
	}
	.page-shadow{
		display:none;
	}
	.left-small,.right-large{
		width:100%;
	}
	.page-intro:after{
		height:4px;
	}
	.page-intro{
		padding-bottom:25px;
		margin-bottom:25px;
	}
	.equipment-brand-wrapper{
		margin-top:40px;
	}
	.equipment-brand-wrapper h3{
		margin-bottom:10px;
	}
	.equipment-brand li{
		display:inline-block;
		width:40%;
		margin:0 4%;
		vertical-align:middle;
	}
	.sleft,.sright{
		width:100%;
	}
	.solution-header{
		height:75px;
		padding-top:20px;
		text-align:center;
	}
	.prev-solution{
		position:absolute;
		left:0;
	}
	.next-solution{
		position:absolute;
		right:0;
	}
	/*.eq-list span{
		margin-left:0;
	}*/
	.equipment-examples{
		margin-bottom:0;
	}
	.solution-page{
		background:url(images/bg-curved-mobile.png) no-repeat center bottom 80px / 100% auto;
	}
	.home #page{
		background:#eeeeee  url(images/bg-cosmos-mobile.jpg) no-repeat center top / 100% auto;
	}
	.home-header{
		height:auto;
		margin-bottom:5px;
	}
	.home-header-content .gform_footer, .home-header-content .gform_body{
		display:block;
		background:#000;
		padding-top:0;
	}
	#page #gform_fields_1{
		padding-top:30px;
		margin-top:-30px !important;
	}
	.bg-home-header:after{
		display:none;
	}
	.header-form-toggle{
		display:none;
	}
	#page .gform_title{
		font-size:4rem !important;
		margin-bottom:7px;
	}
	#page .home-header-content .gfield,#page .home-header-content .gfield.full{
		width:100%;
		margin-right:0;
	}
	#page .home-header-content .gform_footer{
		right:auto;
		bottom:auto;
		position:relative;
		width:100%;
		padding:0 20px 20px;
	}
	#page .hide-form .gform_heading{
		padding: 0 20px;
	}
	#page .hide-form .gform_description{
		font-size:1.8rem;
	}
	.solutions-home header{
		font-size:2rem;
		margin-bottom:20px;
	}
	.form-mobile-anchor{
		display:block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 14px 12px 0 12px;
		border-color: #ec1c23 transparent transparent ;
		margin:30px auto 30px ;
		cursor:pointer;
	}
	.home-header-content{
		-webkit-animation:none;
		animation:none;
		top:0;
		opacity:1;
	}
	.solution-menu li{
		min-height:100px;
	}
	/*.eq-image-wrapper{
		min-height:350px;
	}
	.eq-image{
		max-height:350px;
	}*/
}

/* 350  */
@media screen and (max-width:350px){
	#page .gform_title{
		font-size:3.6rem !important;
	}
}