/* styles */
/*

'Open Sans' available in 400, 600, 800
'Work Sans' for headers available in 200, 300, 400, 600, 800

*/


body { padding: 25px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666; font-size: 1.1em; line-height: normal }
h1, h2, h3, h4, h5, h6 { font-family: 'Work Sans', sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: -2px; margin-bottom: 35px; color: black; line-height: 1 }
h1 { font-size: 3.5em; margin: 15px 0 0; float: right; font-weight: 200; letter-spacing: 5px }
h2 { font-size: 2.375em }
h3 { font-size: 2em }
h4 { font-size: 1.75em }
h5 { font-size: 1.5em }
h6 { font-size: 1.25em; text-transform: none; line-height: normal; letter-spacing: 0; }
h6 mares { font-size: 1.5em; }
p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 3em }
h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul { padding-top: 0 !important }
p { margin: 0 15px 25px }
i + a { color: black !important }
strong { font-weight: 800 }
#mares { background-image: url("../mares/caprockchem-bg.jpg"); background-repeat: repeat-y; background-size: auto; background-position: center top; background-attachment: fixed}
.clear { clear: both; float: none }
.subtitle { float: right; clear: right; font-family: 'Work Sans', sans-serif; color: #AFAFAF; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; padding: 2px 6px 0 0; }
.entry-content a { color: #0068b3; text-decoration: none }
.entry-content a:hover { text-decoration: underline }
#wrapper { }
#wrapper.fullwidth { max-width: none; position: relative; }
#wrapper #container { max-width: 1600px; margin: 0 auto }
.home #wrapper #container { max-width: none }
.home h1 { float: none }
.home #branding { margin: 30px 0 0 30px }
.home #idioma { margin: 22px 100px 0 0 }
.fullwidth #content { width: 100%; padding: 0; float:none; text-align: center; }
#header { margin-bottom: 25px }
#content { background-color: #F6F6F6;}
#branding { display: inline-block; float: left }
#idioma { display: inline-block; float: right }
#titlearea { float: right; margin-right: 95px; margin-top: 31px }
.equalheight-1, .equalheight-2, .equalheight-3, .equalheight-4, .equalheight-5 { background-size: cover; background-position: center }
.full-width-row p { margin: 0 }
.full-width-row img { max-height: 100% }
.overflow-hidden { overflow: hidden }
.padded-text-box { padding: 25px 20% }
.full-width-row + .padded-text-box { padding-top: 1px; margin: 100px 0 }
.full-width-row-2 { background-color: white }
.padded-text-box-2 { margin: 50px auto !important; max-width: 800px; position: relative }
.padded-text-box-2 ul { text-align: left; display: block; position: relative }
.padded-text-box-3 { margin: 50px auto !important; max-width: 800px; position: relative; text-align: left }
.padded-text-box-3 ul { text-align: left; display: block; position: relative }
.padded-text-box-4 { margin: 50px auto 15px !important; max-width: 1170px; position: relative }
.padded-text-box-medium { margin: 60px auto !important; max-width: 1440px; position: relative }
.box-no-padding h3 { margin-top: 0 }
.padded-text-box i, .padded-text-box-2 i, .padded-text-box-3 i, .padded-text-box-medium i, .row-white-boxes i { width: 18px }
.entry-content .padded-text-box-2 ul li:before { left: 9px }
.row-white-boxes { padding: 0 25px; margin-bottom: 35px; }
.row-white-boxes .vc_col-sm-4, .row-white-boxes .vc_col-sm-6 { padding: 0 15px }
#content .row-white-boxes .vc_col-sm-4 p, #content .row-white-boxes .vc_col-sm-4 h3, #content .row-white-boxes .vc_col-sm-4 li, #content .row-white-boxes .vc_col-sm-6 p, #content .row-white-boxes .vc_col-sm-6 h3, #content .row-white-boxes .vc_col-sm-6 li { color: black }
#content .row-white-boxes .vc_col-sm-4 p, #content .row-white-boxes .vc_col-sm-6 p { font-size: .8em }
#content .row-white-boxes .vc_col-sm-4 h3, #content .row-white-boxes .vc_col-sm-6 h3 { font-size: 2em; font-weight: 600 }
.row-white-boxes .vc_col-sm-4 .vc_column-inner, .row-white-boxes .vc_col-sm-6 .vc_column-inner { background-color: white; padding: 25px}
.row-white-boxes .wpb_content_element { margin-bottom: 0 }
.row-white-boxes p:last-of-type { margin-bottom: 0 !important }
.entry-content .vc_col-sm-3 p:last-of-type, .entry-content .vc_col-sm-4 p:last-of-type, .entry-content .vc_col-sm-6 p:last-of-type { margin-bottom: 0 !important }
.row-white-boxes p + h2, .row-white-boxes p + h3, .row-white-boxes p + h4, .row-white-boxes p + h5, .row-white-boxes p + h6 { margin-top: 25px }
.row-white-boxes img { margin-top: -25px; margin-left: -25px; margin-right: -25px; width: calc(100% + 50px); max-width: calc(100% + 50px) }
#content .row-white-boxes ul, #content .background-row-blue ul { margin: 0; padding: 0 0 0 15px }
#content .row-white-boxes p + ul, #content .background-row-blue p + ul { margin: 25px 0 0 }
.fullwidth #content .wpb_row .vc_col-sm-3, .fullwidth #content .wpb_row .vc_col-sm-4, .fullwidth #content .wpb_row .vc_col-sm-6 { text-align: left }
.fullwidth #content .wpb_row .vc_col-sm-3 p, .fullwidth #content .wpb_row .vc_col-sm-4 p, .fullwidth #content .wpb_row .vc_col-sm-6 p { margin: 0 0 15px 0 }
#content ul { display: block; /* background-color: white; */ padding: 25px }
#content ul li { color: black; margin: 0 0 15px 0; list-style-position: outside; position: relative; }
.entry-content ul li:before, .widget-container ul li:before, .comment-body ul li:before { content: "\f0da "; font-family: 'fontawesome'; color: #0068b3; position: absolute; left: -23px; margin-top: 3px }
.background-row-blue ul li:before { left: 76px !important }
blockquote { border-top: 1px solid #0068b3; border-bottom: 4px solid #0068b3; padding-top: 5px; padding-bottom: 12px; position: relative; margin: 45px 25px }
blockquote:before { display: inline-block; position: absolute; font-family: FontAwesome; content: "\f10d"; left: 0; top: 0; color: #0068b3; font-size: 2.3rem; }
blockquote p:after { display: inline-block; position: absolute; font-family: FontAwesome; content: "\f10e"; right: 0; bottom: 0; color: #0068b3; font-size: 2.3rem; }
blockquote p { font-size: 1.5em; color: black; padding: 15px 35px; font-family: 'Work Sans', sans-serif !important }
blockquote + p { margin-top: 25px }
.background-dark { padding: 50px 20% 75px; background-size: cover; background-position: center }
.background-dark h2, .background-dark h3, .background-dark h4, .background-dark h5, .background-dark h6, .background-dark p, .background-dark li { color: white }
.background-clear { padding: 200px 75px; display: table-cell; vertical-align: middle }
.background-clear ul { margin: 0 0 30px 0 }
.background-blue { background-color: #E7F2FF; padding: 50px 20% 75px; }
.background-row-blue { background-color: #E7F2FF; margin: 25px 0 !important; }
.background-row-blue .vc_column-inner { padding: 0 !important }
.background-row-blue .vc_column-inner .wpb_content_element { margin: 0 !important }
.background-row-blue .vc_column-inner .wpb_content_element .wpb_wrapper { padding: 75px }
.background-row-blue.lastrow { margin: 25px 0 0 !important; }
#copyright { font-size: 12px; line-height: 20px; color: #969696; padding: 25px; margin-top: 25px }
#copyright a { color: #969696; text-decoration: none }
#copyright span, #copyright span a { font-weight: 400; font-size: 10px; letter-spacing: 4px !important; text-transform: uppercase; line-height: 2; color: #868686 }
.biglinks a { font-size: 1.3em; font-weight: 600; margin-bottom: 12px !important; display: inline-block; }
.halves { margin-left: 0 !important; margin-right: 0 !important }
.halves p, .padded-text-box p { color: black }
.halves .vc_col-sm-6 .wpb_content_element { margin-bottom: 0 !important }
.halves .vc_col-sm-6 .vc_column-inner { padding: 0 }
.halves .vc_col-sm-6 .vc_inner { margin-left: 0; margin-right: 0 }
.vc_custom_1465242131579 { background-position: center top }
.padded-text-box-medium ul { margin-left: 0 }
.buttonesque { display: inline-block; position: relative; float: left; padding: 16px 60px; margin-right: 25px; margin-bottom: 10px !important; font-weight: 600; font-size: 24px; line-height: 1; letter-spacing: -.5px; color: #fff !important; text-align: center; border-width: 1px; border-style: solid; border-color: #1c4e71; border-radius: 2px; background: #0068b3; background: -moz-linear-gradient(top, #2c7ab2 0%, #0068b3 100%); background: -webkit-linear-gradient(top, #2c7ab2 0%, #0068b3 100%); background: linear-gradient(to bottom, #2c7ab2 0%, #0068b3 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7ab2', endColorstr='#0068b3', GradientType=0 );
text-shadow: 0 1px 1px rgba(0,0,0,.5); -webkit-box-shadow: 0 9px 6px -1px rgba(0,0,0,.4), 0 4px 0 #1c73af, inset 0 0 2px rgba(255,255,255,.6); -moz-box-shadow: 0 9px 6px -1px rgba(0,0,0,.4), 0 4px 0 #1c73af, inset 0 0 2px rgba(255,255,255,.6); box-shadow: 0 9px 6px -1px rgba(0,0,0,.4), 0 4px 0 #1c73af, inset 0 0 2px rgba(255,255,255,.6); -webkit-transition: all .3s cubic-bezier(.25, 0, 0, 1); -moz-transition: all .3s cubic-bezier(.25, 0, 0, 1); transition: all .3s cubic-bezier(.25, 0, 0, 1); }
.buttonesque:hover { text-decoration: none !important; color: #fff !important; background: #0068b3 !important; background: -moz-linear-gradient(top, #2c7ab2 0%, #0068b3 100%) !important; background: -webkit-linear-gradient(top, #2c7ab2 0%, #0068b3 100%) !important; background: linear-gradient(to bottom, #2c7ab2 0%, #0068b3 100%) !important; -webkit-box-shadow: 0 4px 6px 0px rgba(0,0,0,.3), 0 2px 0 #1c73af, inset 0 0 2px rgba(255,255,255,.6) !important; -moz-box-shadow: 0 4px 6px 0px rgba(0,0,0,.3), 0 2px 0 #1c73af, inset 0 0 2px rgba(255,255,255,.6) !important; box-shadow: 0 4px 6px 0px rgba(0,0,0,.3), 0 2px 0 #1c73af, inset 0 0 2px rgba(255,255,255,.6) !important; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -ms-transform: translateY(2px); -o-transform: translateY(2px); transform: translateY(2px); }
.world-offices { text-align: center; padding: 50px 0 }
.world-offices:after { content: "\f176"; font-family: 'fontawesome'; display: block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); font-size: 35px; color: black; margin-top: 15px }
.world-offices h3 { display: inline-block; position: relative }
.world-offices h3:before { display: block; content: ""; width: 200%; height: 2px; background-color: white; left: -209%; position: absolute; top: 14px }
.world-offices h3:after { display: block; content: ""; width: 200%; height: 2px; background-color: white; left: 109%; position: absolute; top: 14px }
.centeredbuttons { max-width: 650px; margin: 0 auto !important; min-height: 125px; }
.centeredbuttons2 { max-width: none; text-align: center }
.centeredbuttons .buttonesque { margin-right: 12px; margin-left: 12px }
.centeredbuttons2 .buttonesque { float: none; margin-bottom: 45px !important }
.row-white-boxes .vc_col-sm-3:hover, .row-white-boxes .vc_col-sm-4:hover, .row-white-boxes .vc_col-sm-6:hover { box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); }
.makeinvisible { opacity: 0; transition-duration: 0s !important; transition-delay: 0s !important }
body.menuopen .makeinvisible { opacity: 1 } /* Keep panel menu visible on resize when panels are open */
a#scroll-to-top { color: #808080; position: fixed; z-index: -1; font-family: 'Open Sans', sans-serif; bottom: 48px; right: 35px; width: 44px; font-size: 11px; line-height: 1; text-transform: uppercase; text-align: center; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: 0.5s; transition: all 0.5s; text-decoration: none }
a#scroll-to-top img { display: block; margin: 0 auto 10px}
.showthis { opacity: 1 !important }
.wpb_start_animation.wpb_bottom-to-top { animation-duration: 1.5s !important }
.vc_inner:nth-of-type(2) .wpb_start_animation.wpb_bottom-to-top { animation-duration: 2.5s !important }
.visible-on-portrait {display:none;}



/* footer */

.owdtfooter { background-color: #0d2446; color: white; padding: 50px 0 }
.owdtfooter .logocolumn img { display: block; margin: 50px 0 50px 0 }
.owdtfooter i { margin: 0 0 8px 0; font-size: 25px; text-align: center; width: 30px }
.owdtfooter a, .owdtfooter a:visited { text-decoration: none; color: white }
.owdtfooter a:hover, .owdtfooter a:active, .owdtfooter a:focus { color: #179eff }
.owdtfooter h3 { text-transform: none; font-size: 26px; margin-bottom: 40px; margin-top: 52px; font-weight: 600; color: white }
.owdtfooter li { font-size: 19px; margin-bottom: 10px }
.owdtfooter p { margin: 0 0 25px }
.footertagline { font-size: 30px; font-style: italic; font-weight: 700; padding: 55px 0 10px 15px !important; float: none !important; font-family: 'Work Sans', sans-serif; width: calc(100% + 14px) !important}
.footercopyright { margin-top: 15px; border-top: 1px solid rgba(255,255,255,0.2); float: none !important; padding-left: 0px !important; margin-left: 15px }
.footercopyright span { padding: 0 100px 0 0; background-color: #1f3454; display: inline-block; position: relative; top: -12px; font-size: 12px; }
.owdtcredit { float: right; width: 148px; height: 50px; font-size: 12px; line-height: 12px; margin-right: -15px }
.owdtcredit img { border-right: 1px solid white; padding: 5px 10px 5px 0; width: 100px }
.owdtcredit span { float: right; display: inline-block; font-style: italic; font-family: Times, "Times New Roman", serif; padding-top: 2px; }
.footerwrapper { max-width: 1200px; margin: 0 auto } /* this can change depending on the theme */
.leftshim {padding-left: 50px !important}
.footersocial {float: right}

.owdtfooter .logocolumn {width: 28%}
.owdtfooter .column2nd {width: 20%}
.owdtfooter .column3rd {width: 1%}
.owdtfooter .column4th {width: 24%}
.owdtfooter .column5th {width: 28%}

@media (min-width: 1440px) {
.owdtfooter .logocolumn img { margin-left: -45px }
}
@media (max-width: 1439px) {
.owdtcredit { margin-right: 25px }  /* To be used if there is a back-to-top button */
.footertagline {width: calc(100% - 26px) !important}
.footercopyright {width: calc(100% - 40px) !important}
}
@media (max-width: 1360px) {
.owdtcredit { margin-right: 66px }  /* To be used if there is a back-to-top button */
.footertagline {width: calc(100% - 66px) !important}
.footercopyright {width: calc(100% - 80px) !important}
}
@media (max-width: 1050px) {
.column2nd, .column3rd, .column4th, .column5th {display: none}
}
@media (min-width: 1024px) {
.about-homelink { display: none; }
.home .homepagelink { top: 47px; }
}
@media (max-width: 1023px) {
.location-homelink { display: none; }
.homelink{top:47px !important;}
}
@media (max-width: 950px) {
.leftshim {padding-left: 15px !important}
.owdtfooter .vc_col-sm-2 {width: 28%}
.owdtfooter .vc_col-sm-3 {width: 44%; float: left}
.owdtfooter .logocolumn { width: 100%; float: none }
.owdtfooter .logocolumn:after { clear: both; content: ""; display: block }
.owdtfooter .logocolumn img { margin: 0 50px 50px 0 }
.owdtfooter i {margin: 0 22px 0 0;}
.owdtfooter h3 { margin-bottom: 10px; margin-top: 20px }
}
@media (max-width: 767px) {
.owdtfooter .logocolumn img { float: none }
.owdtfooter i { margin: 15px 45px 35px 0 }
.owdtfooter h3 { margin-bottom: 10px; margin-top: 20px }
.owdtfooter i { float: left }
.owdtfooter a:last-of-type:after { clear: both; content: ""; display: block }
.owdtcredit { margin-right: 25px }  /* To be used if there is a back-to-top button */
.footercopyright { display: none}
.footersocial {float: none; clear: both; padding: 15px 0}
.owdtcredit {float: left; margin-left: 15px;}
.tm_timeline {display:none;}
.visible-on-portrait {display:block;}
.visible-on-portrait h4 span{ font-size: 25px; font-weight: 400; color: #0068b3; line-height: 30px; margin-bottom: 5px;}
.visible-on-portrait h4 {margin-bottom:10px !important; margin-top:20px !important;}
.visible-on-portrait p {color:black !important;}
}
@media (max-width: 599px) {
.owdtfooter i { margin: 0 0 0 -4px }
}
/* end footer */







/* Hamburger */

#menu { position: absolute; top: 49px; right: 25px; width: 45px; }

.home #menu { top: -8px }
#menu label.toggle { display: block; line-height: 1; font-family: Helvetica, Arial, sans-serif; /* background: #0068b3; */ font-size: 60px; color: #0068b3; transition-duration: 0.3s }
#menu label.toggle:hover { color: gray }
.home #menu label.toggle { color: white }
body.menuopen { overflow: hidden; padding-right: 41px }
body.menuopen #menu { right: 39px }
body.menuopen #menu-menu-1 { transform: translate(0, 0); opacity: 1 }
body.menuopen #menu label.toggle { color: white }
.hamburger-menu { display: block; font-size: 14px; margin-top: 22px }
.hamburger-close { display: none; font-size: 14px; padding-top: 35px }
body.menuopen .hamburger-menu { display: none }
body.menuopen .hamburger-close { /* display: block */ }
#menu label.toggle { z-index: 999; width: 45px; }
.hamburgerbars { width: 45px; height: 5px; background-color: #0068b3; display: block; margin-top: 35px; position: relative; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s }
.hamburgerbars:before { width: 45px; height: 5px; background-color: #0068b3; display: block; content: ""; position: absolute; top: -15px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s }
.hamburgerbars:after { width: 45px; height: 5px; background-color: #0068b3; display: block; content: ""; position: absolute; top: 15px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s }
body.menuopen .hamburgerbars { height: 0; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s }
body.menuopen .hamburgerbars:before { transform: rotate(45deg); transform-origin: left top; left: 5px; background-color: white }
body.menuopen .hamburgerbars:after { transform: rotate(-45deg); transform-origin: right top; top: -15px; right: 12px; background-color: white }
.home .hamburgerbars, .home .hamburgerbars:before, .home .hamburgerbars:after { background-color: white }
body.home.menuopen { padding-right: 25px }
body.home.menuopen #menu { right: 25px }



/* Panels Menu */

.menu-oxyde { width: 50%; height: 100%; display: block; position: fixed; top: 0; transform: translate(0, -100vh); transform-origin: center top; transition-timing-function: linear; transition-duration: 0.5s; z-index: 20; }
.menu-oxyde:hover { cursor: pointer }
.menu-oxyde a { font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 35px; color: white; text-decoration: none; }
.menu-oxyde a:hover { color: white }
#menu-item-20 { background-image: url("../mares/img/mares-menu-roemex.jpg"); background-size: cover; left: 0; transition-delay: .6s }
#menu-item-15 { background-image: url("../mares/img/mares-menu-biogas.jpg"); background-size: cover; left: 25%; transition-delay: 0.4s }
#menu-item-16 { background-image: url("../mares/img/mares-menu-h2s.jpg"); background-size: cover; left: 33%; transition-delay: 0.2s }
#menu-item-18 { background-image: url("../mares/img/mares-menu-resolution.jpg"); background-size: cover; left: 66%; transition-delay: 0s }

#menu-item-7 { background-image: url("../mares/img/mares-menu-roemex.jpg"); background-size: cover; left: 0; transition-delay: .3s }
#menu-item-8 { background-image: url("../mares/img/mares-menu-biogas.jpg"); background-size: cover; left: 25%; transition-delay: 0.4s }
#menu-item-9 { background-image: url("../mares/img/mares-menu-h2s.jpg"); background-size: cover; left: 33%; transition-delay: 0.2s }
#menu-item-10 { background-image: url("../mares/img/mares-menu-resolution.jpg"); background-size: cover; left: 50%; transition-delay: 0s }

body.menuopen #menu-item-20 { transform: translate(0, 0) }
body.menuopen #menu-item-15 { transform: translate(0, 0) }
body.menuopen #menu-item-16 { transform: translate(0, 0) }
body.menuopen #menu-item-18 { transform: translate(0, 0) }

body.menuopen #menu-item-7 { transform: translate(0, 0) }
body.menuopen #menu-item-8 { transform: translate(0, 0) }
body.menuopen #menu-item-9 { transform: translate(0, 0) }
body.menuopen #menu-item-10 { transform: translate(0, 0) }

.paneloverlay { content: ""; display: block; width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.3); transition-duration: 0.5s }
.menu-oxyde:hover .paneloverlay { background-color: rgba(0,0,0,0); box-shadow: 0 0 40px rgba(0,0,0,0.7) inset }
.panel-link-1 { position: absolute; top: 70vh; left: 11%; }
.panel-link-2 { position: absolute; top: 77vh; left: 25%; font-size: 20px !important; font-style: italic; font-weight: 400 !important }
.panel-link-3 { position: absolute; top: 81vh; left: 25%; font-size: 20px !important; font-style: italic; font-weight: 400 !important }
.panel-link-2:before, .panel-link-3:before { content: "\f178"; font-family: fontawesome; font-size: 22px; top: 4px; right: 0; position: absolute; margin-right: -36px }
.panel-link-1:after, .panel-link-2:after, .panel-link-3:after { display: block; content: ""; width: 0%; height: 1px; background-color: white; margin-top: 3px }
.panel-link-1:hover:after, .panel-link-2:hover:after, .panel-link-3:hover:after { animation: underlined 0.5s forwards }
.homepagelink { position: absolute; margin-top: 10px; right: 100px; font-size: 15px !important }


/* Home page video and content */

#video-viewport { position: relative; top: 0; left: 0; overflow: hidden }
#video-viewport:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.1) }
video { max-width: none }
/*.home */ #container { margin-bottom: 0; height: calc(100vh - 50px); position: relative; overflow: hidden }
#header { position: relative; top: 0; width: 100%; }
.home #header { position: absolute }
.homecontent { position: absolute; top: 0; width: 100%; height: 100%; }
.homecontent:before { position: absolute; top: 0; width: 100%; height: 100%; content: ""; background-image: url("../mares/img/effect.png");
	background-repeat: repeat-x; background-size: contain }
.homecontent h1 { text-align: center; margin-top: 28vh; color: white; font-weight: 400; font-size: 62px; text-shadow: none; position: relative; line-height: 70px }
.homecontent h1:after { display: none }
#discovermore { padding: 9px; color: white; text-decoration: none; background-color: #0068b3; margin: 75px auto 0; display: block; text-align: center; width: 158px; transition-duration: 0.3s }
#discovermore:hover { background-color: green; color: #0068b3 }


/* Media Queries */



@media (min-width: 1680px) {
.padded-text-box-4 .vc_col-sm-3 { padding-left: 25px }
}

@media (min-width: 1921px) {
.headerbox img { display: none }
.headerbox { height: 600px; background-size: cover; background-position: center }
}

/********/



@media (max-width: 1920px) {
.wpb_text_column.wpb_content_element.full-width-row.headerbox { background-image: none !important }
}

@media (max-width: 1500px) {
.panel-link-1 {/*top: 70vh*/ }
.panel-link-2 { top: 77vh }
.panel-link-3 { top: 82vh }
}

@media (max-width: 1439px) {
.menu-oxyde a { font-size: 25px }
.panel-link-2 { top: 78vh }
.panel-link-3 { top: 83vh }
}

@media (max-width: 1280px) {
.world-offices h3:before { width: 100%; left: -109% }
.world-offices h3:after { width: 100% }
#titlearea { float: none; margin-right: auto; margin-top: 0; margin-left: auto; text-align: center; clear: both; padding-top: 20px }
h1 { float: none }
.subtitle { float: none; padding: 2px 0 0 0 }
.homecontent h1 { font-size: 60px; padding: 0 50px }
}

@media (max-width: 1024px) {
.homecontent h1 { margin-top: 35vh }
}

@media (max-width: 1023px) {
#menu-item-20 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 99 }
#menu-item-15 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 98 }
#menu-item-16 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 97 }
#menu-item-18 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 96 }
	
#menu-item-7 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 99 }
#menu-item-8 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 98 }
#menu-item-9 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 97 }
#menu-item-10 { left: 0; top: 0; width: 100%; transition-delay: 0s; z-index: 96 }
	
body.menuopen #menu-item-20 { transition-delay: 0s }
body.menuopen #menu-item-15 { transition-delay: 0.2s; top: 25% }
body.menuopen #menu-item-16 { transition-delay: 0.4s; top: 50% }
body.menuopen #menu-item-18 { transition-delay: 0.6s; top: 75% }
	
body.menuopen #menu-item-7 { transition-delay: 0s }
body.menuopen #menu-item-8 { transition-delay: 0.2s; top: 25% }
body.menuopen #menu-item-9 { transition-delay: 0.4s; top: 50% }
body.menuopen #menu-item-10 { transition-delay: 0.6s; top: 50% }
	
.menu-oxyde { width: 100%; height: 50%; background-position: center }
.panel-link-1 { position: relative; top: auto; left: 0; display: table; padding: 25px 0 0 25px }
.panel-link-2, .panel-link-3 { position: relative; top: auto; left: 0; padding: 10px 0 0 45px; display: table; }
.panel-link-2:before, .panel-link-3:before { top: 4px }
}

@media (max-width: 1023px) and (max-height: 525px) and (orientation: landscape) {
.menu-oxyde a { font-size: 20px }
.panel-link-2, .panel-link-3 { padding: 0 0 0 45px; float: left; }
.panel-link-2:before, .panel-link-3:before { top: 4px }
}

@media (max-width: 1023px) and (max-height: 370px) and (orientation: landscape) {
.menu-oxyde a { font-size: 15px }
.panel-link-1 { display: inline-block; float: left }
.panel-link-2, .panel-link-3 { padding: 25px 0 0 45px; margin-right: 15px }
.panel-link-2:before, .panel-link-3:before { top: 28px }
}

@media (max-width: 960px) {
.homecontent h1 { font-size: 50px}
}
@media (max-width: 960px) and (min-aspect-ratio: 2/1) {
.homecontent h1 { font-size: 40px}
}


@media (max-width: 820px) {
.world-offices h3:before { display: none }
.world-offices h3:after { display: none }
.homecontent h1 { font-size: 40px }
}

@media (max-width:769px) {
.background-clear { padding: 25px }
}

@media (max-width: 768px) {
#menu ul { display: inline }
.padded-text-box, .padded-text-box-2, .padded-text-box-3 { padding: 0 }
#menu { background: transparent }
.homecontent h1 {padding: 0 30px; }
.entry-title {letter-spacing: 2px; }
}

@media (max-width: 767px) {  /* truly mobile here and below */
.row-white-boxes .vc_col-sm-4, .row-white-boxes .vc_col-sm-6 { margin-bottom: 25px }
.buttonesque { margin-right: auto !important; margin-left: auto !important; display: block; float: none; margin-bottom: 35px !important; width: auto }
.centeredbuttons .buttonesque { max-width: 90% }
.padded-text-box-4 .vc_col-sm-3 { width: 50%; float: left; padding-left: 25px; min-height: 160px }
}
@media (max-width: 767px) and (orientation: landscape) {
#branding a { width: 60%; display: inline-block }
}

@media (max-width: 1680px) and (orientation: landscape) {
#branding a { width: 70%; display: inline-block }
}

@media (max-width: 700px) { 
.homecontent h1 { font-size: 35px}
}
@media (max-width: 650px) { 
.homecontent h1 { font-size: 30px;     margin-top: 34vh;}
}
@media (max-width: 500px) {
.menu-oxyde a { font-size: 20px }
.panel-link-1 { padding: 20px 0 0 20px }
.panel-link-2, .panel-link-3 { padding: 3px 0 0 45px }
.panel-link-2:before, .panel-link-3:before { top: 7px }
#branding a { width: 60%; display: inline-block }
.inner-homelink {top:30px !important;}
#menu { top: 0 }
.padded-text-box-4 .vc_col-sm-3 { padding-left: 0; width: 100%; float: none }
.tm_timeline__container { min-width: 0; }
.tm_timeline__event { max-width: 100%; }
.tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__date, .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__title, .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__description { transform: translateX(0px) }
.tm_timeline__event__dot, .tm_timeline-layout-vertical-chessOrder .tm_timeline__tense { display: none; }
.homecontent h1 {font-size: 23px !important; letter-spacing: 0 !important;}
}

@media (max-width: 399px) {
body { font-size: 0.8em }
#content p { font-size: 15px }
#content .row-white-boxes .vc_col-sm-4 p, #content .row-white-boxes .vc_col-sm-6 p { font-size: 12.8px }
}

@media (max-width: 350px) {
body { font-size: 0.7em }
}





/* Animations */

@keyframes showthis {
 0% {
opacity: 0
}
 99% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @keyframes underlined {
 0% {
width: 0%
}
 100% {
width: 100%
}
}
 @keyframes blueline {
 0% {
transform: translateY(300px);
opacity: 0
}
 100% {
transform: translateY(0px);
opacity: 1
}
}




.timeline h2 { letter-spacing: 2px; }
.timeline { text-align: center; margin-top: 100px; }
.largetext { font-size: 1.4em; max-width: 800px; margin: 0 auto !important; text-align: center; }
.timeline:after { content: ""; display: block; height: 1px; background-color: #0068b3; width: 150px; margin: 15px auto 75px; }
.tm_timeline__event__date { font-size: 25px; font-weight: 300; color: #0068b3; line-height: 30px; margin-bottom: 5px; }
.tm_timeline__event__description { font-size: 15px !important; color: black; }
.timeline-mobile { transform: translateX(0%) !important; }
@media all and (max-width:450px) {
.tm_timeline__tense { display: none; }
.tm_timeline__event__dot { display: none; }
}
.timeline-linemob { transform: translateX(-150px) !important; }
.page-id-339 #wrapper #container { max-width: none }
.page-id-339 h1 { float: none }
.page-id-339 #branding { margin: 15px 0 0; width: 100% }
.page-id-339 #branding a { display: block; text-align: center }
.page-id-339 #branding a img { width: 150px }
.page-id-339 #menu { top: 24px }
.page-id-339 #menu label.toggle { color: white }
.page-id-339 .hamburgerbars, .page-id-339 .hamburgerbars:before, .page-id-339 .hamburgerbars:after { background-color: white }
body.page-id-339.menuopen { padding-right: 25px }
body.page-id-339.menuopen #menu { right: 25px }
.page-id-339 #header { position: absolute }



@media all and (max-width:900px) {
.mobile-pad { padding-left: 20px; }
}
.contact-text { text-align: center; }

@media (max-width: 1023px) and (min-width:501px) {
.home .menu-oxyde:nth-child(2) .panel-link-1 { width: 115px; }
.home .menu-oxyde:nth-child(3) .panel-link-1 { width: 165px; }
.home .menu-oxyde:nth-child(4) .panel-link-1 { width: 233px; }
.home menu-oxyde:nth-child(5) .panel-link-1 { width: 332px; }
.location-home {width:331px !important;}
}

@media (max-width: 1023px) and (min-width:501px) {
.menu-oxyde:nth-child(5) .panel-link-1 { width: 115px; }
.menu-oxyde:nth-child(6) .panel-link-1 { width: 165px; }
.menu-oxyde:nth-child(7) .panel-link-1 { width: 195px; }
.menu-oxyde:nth-child(8) .panel-link-1 { width: 332px; }
}

@media (max-width: 1418px) and (min-width:1024px) {
#menu-item-18 a:nth-child(3) { width: 160px; }
}

@media (max-width: 1986px) and (min-width:1440px) {
#menu-item-18 .panel-link-1 { width: 320px; }
}
@media (max-width: 768px) {
.padded-text-box-medium {margin: 25px auto !important}
.wpb_text_column.wpb_content_element.full-width-row.headerbox {margin-bottom: 5px}
}
@media (max-width: 767px) {
.owdtfooter h3 { font-size: 20px; }
.owdtfooter li { font-size: 15px; }
.footertagline { font-size: 22px; }
.padded-text-box-medium {margin: 25px auto !important}
.wpb_text_column.wpb_content_element.full-width-row.headerbox {margin-bottom: 5px}
}
@media all and (min-width:769px) and (max-width:1199px){
.padded-text-box-4 {
    margin: 45px -112px 15px !important;
    max-width: 1253px;
    position: relative;
    min-width: 700px;
}
}
@media all and (min-width:1080px){
.products-button{width:369px;}
}
.home-icon{
height: 36px;
width: auto;
}
/* Target IPAD */
@media all and (device-width: 768px) and (orientation:portrait){
.padded-text-box-medium h3{ font-size:29px !important;}
.page-id-168 .equalheight-1 h3 {font-size:27px !important;}
.page-id-168 .row-white-boxes .vc_col-sm-4 {width:50% !important;}
.page-id-168 .row-white-boxes .vc_col-sm-4:last-of-type {width:100% !important; padding-top:40px !important;}
.ipadequalheight-1{ height:330px !important;}
.ipadequalheight-2{ height:380px !important;}
.ipadequalheight-3{ height:380px !important;}
.ipadequalheight-4{ height:380px !important;}
.ipadequalheight-5{ height:420px !important;}
.ipadequalheight-6{ height:375px !important;}
.post-75 .vc_col-sm-4 {width: 100%;}
}
/* Target IE 10 and 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fullwidth #content {float:left !important; }
.logocolumn{ margin-top:20px;}
}
@media all and (max-width:465px){
.page-id-426 #titlearea h1 {font-size: 2.8em !important;}
}

.fa-mobile-phone:before, .fa-mobile:before {
    font-size: 18px;
}