@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,300i,700");
input:focus, select:focus, button:focus { outline: 0; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
@-webkit-keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate(0, 5%); transform: translate(0, 5%); }
  to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate(0, 5%); transform: translate(0, 5%); }
  to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@-webkit-keyframes fadeInUpTabs {
  0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
body { font-family: "Nunito Sans", sans-serif; -webkit-font-smoothing: antialiased;}
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
body *::-moz-selection { background: #81414d; color: #fff; }
body *::selection { background: #81414d; color: #fff; }
.container { max-width: 1310px; width: 1310px; margin: 0 auto; }
@media screen and (max-width:1350px) {
  .container { width: 100%; max-width: 100%; padding: 0 20px; }
}
.container_full { margin: 0 4.4875%; }
@media screen and (max-width:1350px) {
  .container_full { margin: 0 20px; }
}
.mobile { display: none; }
@media screen and (max-width:1024px) {
  .mobile { display: block; }
}
.bx-wrapper { -webkit-box-shadow: none; box-shadow: none; border: 0; margin-bottom: 0; }
div.overflow { width: 100%; overflow-x: auto; }
input, button, textarea, select { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 0; }
input:focus, button:focus, textarea:focus, select:focus { outline: 0; }
input[type=submit] { border: 0; background-color: #81414d; color: #fff; padding: 5px 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
input[type=submit]:hover { background-color: #363636; }
*:focus { outline: 0; }
mark { background-color: #81414d; color: #fff; }
h1, h2, h3, h4 { margin: 0; }
h1 { font-family: "Nunito Sans", sans-serif; font-size: 60px; line-height: 72px; font-weight: 300; }
h1.hero { font-weight: 200; font-size: 90px; line-height: 90px; letter-spacing: -0.25px; }
h2 { font-family: "Nunito Sans", sans-serif; font-size: 26px; line-height: 26px; letter-spacing: 1px; font-weight: 300; }
h3 { font-family: "Nunito Sans", sans-serif; font-size: 20px; line-height: 20px; font-weight: 300; }
ul, li, p { font-family: "Nunito Sans", sans-serif; font-size: 16px; line-height: 22px; }
ul.small, li.small, p.small { font-size: 13px !important; line-height: 19px !important; }
ul.small li, ol.small li { font-size: 13px !important; line-height: 19px !important; }
a { color: #81414d; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover { color: #231f20; }
a.more { color: #81414d; font-size: 20px; line-height: 22px; text-decoration: underline; }
a.more:hover { color: #231f20; }
a.small { font-size: 13px !important; line-height: 19px !important; }
@media screen and (max-width:1024px) {
  h1 { font-size: 60px !important; line-height: 72px !important; }
  h1.hero { font-size: 65px !important; line-height: 60px !important; }
  h2 { font-size: 20px !important; line-height: 25px !important; }
  h3 { font-size: 14px !important; line-height: 20px !important; }
  p, a { font-size: 14px !important; line-height: 20px !important; }
}
button, .btn { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
strong { font-weight: 700; }
header { position: fixed; width: 100%; top: 0; background-color: #fff; z-index: 20; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
header .top { background-color: #363636; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 85px; color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
header .top a { color: #fff; }
header .top a:hover { opacity: 0.7; }
header .top span { margin: 0 15px; font-weight: 200; font-size: 14px; }
header .top span span { font-weight: 300; margin: 0; }
header .top form { opacity: 0; pointer-events: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: transparent; border-bottom: 3px solid #878787; width: 350px; }
header .top form input { background-color: transparent; border: 0; color: #fff; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
header .top form input::-webkit-input-placeholder { color: #fff; }
header .top form input:-ms-input-placeholder { color: #fff; }
header .top form input::-ms-input-placeholder { color: #fff; }
header .top form input::placeholder { color: #fff; }
header .top form.show { opacity: 1; pointer-events: all; }
header .top form.show input { opacity: 1; }
header .top .search { font-weight: bold; font-size: 16px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
header .top .search:hover { opacity: 0.7; }
@media screen and (max-width:1250px) {
  header .top { display: none; }
}
header .bottom { background-color: #fff; height: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width:1250px) {
  header .bottom { height: 72px !important; }
}
header .bottom .logo { line-height: 0; }
header .bottom .logo img { max-height: 23px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width:1250px) {
  header .bottom .logo img { max-height: 17px !important; }
}
header .bottom .logo.white { display: none; }
header .bottom .logo:hover { opacity: 0.7; }
header .bottom #top_nav > ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; }
header .bottom #top_nav > ul > li { margin-left: 55px; position: relative; height: 100%; padding: 30px 0; }
header .bottom #top_nav > ul > li > a { color: #231f20; text-transform: uppercase; font-size: 14px; line-height: 25px; position: relative; }
header .bottom #top_nav > ul > li > a:before { content: ''; position: absolute; left: -27px; background-repeat: no-repeat; background-position: top right; height: 20px; width: 20px; top: 0; }
header .bottom #top_nav > ul > li > a[title="Separation"]:before { top: 2px; background-image: url("../../../../_resources/icons/nav-separation.svg"); }
header .bottom #top_nav > ul > li > a[title="Corporate"]:before { top: -2px; background-image: url("../../../../_resources/icons/Corporate.svg"); }
header .bottom #top_nav > ul > li > a[title="Argentina"]:before { background-image: url("../../../../_resources/icons/Cauchari.svg"); }
header .bottom #top_nav > ul > li > a[title="USA"]:before { background-image: url("../../../../_resources/icons/Thackerpass.svg"); }
header .bottom #top_nav > ul > li > a[title="Investors"]:before { background-image: url("../../../../_resources/icons/Investors.svg"); }
header .bottom #top_nav > ul > li > a[title="News"]:before { background-image: url("../../../../_resources/icons/News.svg"); }
header .bottom #top_nav > ul > li > a[title="Contact"]:before { background-image: url("../../../../_resources/icons/Contact.svg"); }
header .bottom #top_nav > ul > li > a[title="Careers"]:before { background-image: url("../../../../_resources/icons/Career.svg"); }
header .bottom #top_nav > ul > li .sub_nav { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ebebeb; position: fixed; top: 130px; left: 0; width: 100%; height: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; list-style: none; margin: 0; }
header .bottom #top_nav > ul > li .sub_nav li { margin: 0 20px; }
header .bottom #top_nav > ul > li .sub_nav li a { white-space: nowrap; font-weight: bold; text-transform: none; font-size: 14px; line-height: 25px; position: relative; color: #231f20; }
header .bottom #top_nav > ul > li .sub_nav li a:after { content: ''; display: block; background-color: #81414d; height: 0; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: -10px; }
header .bottom #top_nav > ul > li .sub_nav li a:hover { color: #81414d; }
header .bottom #top_nav > ul > li .sub_nav li a:hover:after { height: 3px; }
@media screen and (min-width:1250px) {
  header .bottom #top_nav > ul > li .sub_nav li.overview { display: none; }
}
header .bottom #top_nav > ul > li.active a { color: #81414d; }
header .bottom #top_nav > ul > li.active .sub_nav { height: 40px; opacity: 1; pointer-events: all; z-index: 5; }
@media screen and (max-width:1250px) {
  header .bottom #top_nav { -webkit-transform: translateY(-120%); transform: translateY(-120%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: fixed; top: 0; left: 0; right: 0; }
}
header.scrolled .top { height: 0; }
header.scrolled .bottom { height: 65px; }
header.scrolled .bottom .logo img { max-height: 19px; }
header.scrolled .bottom .sub_nav { top: 65px !important; }
.nav-mob { display: none; width: 25px; position: relative; top: 26px; right: 20px; position: fixed; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 38px; z-index: 1001; }
.nav-mob span { background-color: #929497; display: block; width: 30px; height: 3px; position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.nav-mob span:nth-of-type(2) { top: 8px; }
.nav-mob span:nth-of-type(3) { top: 16px; }
.nav-mob.open span:nth-of-type(1) { display: none; }
.nav-mob.open span:nth-of-type(2) { -webkit-transform: translate(1px, -1px) rotate(45deg); transform: translate(1px, -1px) rotate(45deg); background-color: #fff; }
.nav-mob.open span:nth-of-type(3) { -webkit-transform: translate(1px, -1px) rotate(-45deg); transform: translate(1px, -1px) rotate(-45deg); top: 8px; background-color: #fff; }
@media screen and (max-width:1250px) {
  .nav-mob { display: block; }
}
header.open { background-color: #363636; }
header.open .bottom { background-color: #363636; }
header.open .bottom .logo.white { display: block; position: relative; z-index: 11; }
header.open .bottom .logo.dark { display: none; }
header.open .bottom #top_nav { background-color: #4e4e4e; height: 100vh; display: block; top: 70px; z-index: 10; overflow-y: hidden; display: block; width: 100%; bottom: -100px; -webkit-transform: translateY(0px); transform: translateY(0px); overflow-y: scroll !important; padding-bottom: 100px; }
header.open .bottom #top_nav ul { display: block; }
header.open .bottom #top_nav ul > li { display: block; width: 100%; border-bottom: 1px solid #838383; margin-left: 0; padding: 0; }
header.open .bottom #top_nav ul > li > a { color: #fff; font-size: 14px; padding-left: 55px; padding: 25px 0 25px 55px; display: block; position: relative; }
header.open .bottom #top_nav ul > li > a.has-submenu:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f054"; display: block; color: #fff; position: absolute; right: 40px; top: 27px; }
header.open .bottom #top_nav ul > li > a.has-submenu.active:after { content: '\f068'; display: block; color: #fff; position: absolute; right: 40px; }
header.open .bottom #top_nav ul > li > a:before { left: 17px; top: 27px; }
header.open .bottom #top_nav ul > li > a[title="Corporate"]:before { background-image: url("../../../../_resources/icons/Corporate_w.svg"); background-size: 11.5px 21.5px; height: 21.5px; width: 11.5px; top: 22px; }
header.open .bottom #top_nav ul > li > a[title="Argentina"]:before { background-image: url("../../../../_resources/icons/Cauchari_w.svg"); background-size: 23px 15.5px; height: 15.5px; width: 23px; }
header.open .bottom #top_nav ul > li > a[title="USA"]:before { background-image: url("../../../../_resources/icons/Thackerpass_w.svg"); background-size: 19.5px 17px; height: 17px; width: 19.5px; }
header.open .bottom #top_nav ul > li > a[title="Investors"]:before { background-image: url("../../../../_resources/icons/Investors_w.svg"); background-size: 17px 17.5px; height: 17.5px; width: 17px; }
header.open .bottom #top_nav ul > li > a[title="News"]:before { background-image: url("../../../../_resources/icons/News_w.svg"); background-size: 21.5px 15px; height: 15px; width: 21.5px; }
header.open .bottom #top_nav ul > li > a[title="Contact"]:before { background-image: url("../../../../_resources/icons/Contact_w.svg"); background-size: 17px 16px; height: 16px; width: 17px; }
header.open .bottom #top_nav ul > li .sub_nav { padding: 0; position: static; background-color: #363636; height: auto; display: none; opacity: 1 !important; -webkit-transition: none; transition: none; }
header.open .bottom #top_nav ul > li .sub_nav li { display: block; margin: 0 40px; width: auto; border-bottom: 1px solid #565656; }
header.open .bottom #top_nav ul > li .sub_nav li:last-of-type { border-bottom: 0; }
header.open .bottom #top_nav ul > li .sub_nav li a { color: #fff; font-size: 14px; padding: 25px 0; text-transform: uppercase; font-weight: 300; }
header.open .bottom #top_nav ul > li .sub_nav li a:after { display: none; }
#sign_up {  /* background-image: url(../img/signupbg.jpg); */
background-repeat: no-repeat; background-size: cover; min-height: 325px; padding: 70px 0; }
@media screen and (max-width:850px) {
  #sign_up { padding: 40px 0; min-height: 0; }
}
#sign_up h2 { color: #fff; text-transform: uppercase; }
#sign_up .signup-message { color: #fff; margin: 20px 0; }
#sign_up form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; }
@media screen and (max-width:850px) {
  #sign_up form { display: block; margin-top: 30px; }
}
#sign_up form > div { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; }
#sign_up form > div:nth-of-type(2) { text-align: right; }
@media screen and (max-width:850px) {
  #sign_up form > div:nth-of-type(2) { text-align: left; }
}
#sign_up form input { background-color: transparent; border: 0; color: #fff; font-size: 26px; line-height: 40px; width: calc(100% - 20px); border-bottom: 2px solid #fff; margin-bottom: 20px; }
@media screen and (max-width:850px) {
  #sign_up form input { line-height: 25px; font-size: 16px; border-bottom: 1px solid #fff; width: 100%; }
}
#sign_up form input::-webkit-input-placeholder { color: #fff; font-size: 26px; }
#sign_up form input:-ms-input-placeholder { color: #fff; font-size: 26px; }
#sign_up form input::-ms-input-placeholder { color: #fff; font-size: 26px; }
#sign_up form input::placeholder { color: #fff; font-size: 26px; }
@media screen and (max-width:850px) {
  #sign_up form input::-webkit-input-placeholder { font-size: 16px; line-height: 25px; }
  #sign_up form input:-ms-input-placeholder { font-size: 16px; line-height: 25px; }
  #sign_up form input::-ms-input-placeholder { font-size: 16px; line-height: 25px; }
  #sign_up form input::placeholder { font-size: 16px; line-height: 25px; }
}
#sign_up form .recaptcha { margin: 0; opacity: 0; height: 0; width: 0; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; pointer-events: none; }
#sign_up form .recaptcha.show { opacity: 1; height: 78px; width: auto; pointer-events: all; }
#sign_up form button { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; color: #fff; -ms-flex-item-align: start; align-self: flex-start; text-align: left; position: relative; width: 125px; margin-top: 20px; padding-left: 0; font-size: 20px; line-height: 18px; }
@media screen and (max-width:850px) {
  #sign_up form button { font-size: 16px; max-width: 300px; width: auto; }
}
#sign_up form button i { margin-left: 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#sign_up form button:after { content: ''; display: block; position: absolute; bottom: -2px; background-color: #fff; height: 2px; width: 135px; }
@media screen and (max-width:850px) {
  #sign_up form button:after { width: 115px; height: 1px; }
}
#sign_up form button:hover { opacity: 0.6; }
footer { background-color: #363636; padding: 45px 0 0 0; }
@media screen and (max-width:1024px) {
  footer { padding: 35px 20px 0 20px; }
}
footer a:hover { opacity: 0.6; }
footer .top { border-bottom: 1px solid #666666; padding-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
@media screen and (max-width:1024px) {
  footer .top { display: block; padding: 0; }
}
footer .top .logo { -ms-flex-preferred-size: calc(35% - 170px); flex-basis: calc(35% - 170px); width: calc(35% - 170px); max-width: calc(35% - 170px); margin-right: 170px; }
@media screen and (max-width:1024px) {
  footer .top .logo { display: none; }
}
footer .top > div p, footer .top > div a { color: #989898; margin-top: 0; }
footer .top > div p:nth-of-type(1) { font-weight: bold; text-decoration: underline; margin-bottom: 40px; }
@media screen and (max-width:1024px) {
  footer .top > div p:nth-of-type(1) { margin-bottom: 15px; }
}
footer .top > div:nth-of-type(1) { -ms-flex-preferred-size: 15%; flex-basis: 15%; width: 15%; max-width: 15%; margin-right: 35px; }
@media screen and (max-width:1024px) {
  footer .top > div:nth-of-type(1) { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; margin-right: 0; }
}
footer .top > div:nth-of-type(2) { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; }
@media screen and (max-width:1024px) {
  footer .top > div:nth-of-type(2) { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; padding-bottom: 20px; }
}
footer .bottom { padding: 25px 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; }
@media screen and (max-width:1310px) {
  footer .bottom { padding: 25px 20px; }
}
@media screen and (max-width:1024px) {
  footer .bottom { display: block; text-align: center; }
}
footer .bottom > div { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
footer .bottom > div:nth-of-type(1) { margin-right: 40px; }
@media screen and (max-width:1024px) {
  footer .bottom > div { max-width: 100%; }
  footer .bottom > div:nth-of-type(1) { margin-right: 0; }
  footer .bottom > div p { margin: 5px 0; }
}
footer .bottom a { color: #fff; }
@media screen and (max-width:1024px) {
  .featherlight .featherlight-inner { max-width: 90vw !important; }
}
.featherlight .featherlight-content { padding: 0% !important; max-height: 90vh !important; width: 90vw !important; }
.featherlight .featherlight-content iframe { min-height: 80vh !important; width: 100%; height: 100%; }
@media screen and (max-width:1024px) {
  .featherlight .featherlight-content { max-width: 90vw !important; margin: 0 auto !important; }
}
.featherlight .featherlight-close-icon { color: #fff !important; font-size: 40px !important; line-height: 40px !important; width: 40px !important; }
/*#hero {position: relative; height: 1030px; background-image: none; margin-top: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }*/
#hero {position: relative; height: 100vh; max-height: 1030px;background-image: none; margin-top: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
/*#hero > div:first-of-type { background-image: none !important; }
#hero > div:first-of-type video { visibility: visible !important; opacity: 1 !important; height: initial !important; }*/
#hero .video-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none; overflow: hidden; }
#hero .video-container iframe { width: 100vw; height: calc(100vw + 20px); min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#hero .container_full {position: relative; z-index: 1;}
/*header, .project_boxes {opacity:  0;}
#hero {border-top:  1px solid red; border-bottom:  1px solid red;}*/
/*#hero .video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; }
#hero .video-container iframe {width: 100vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
*/
@media screen and (max-width:1250px) {
  #hero > div:first-of-type {    /* background-image: url(../img/home.jpg); */ }
  html.no-webp  #hero > div:first-of-type { background-image: url(../img/home.jpg); }
  html.webp  #hero > div:first-of-type { background-image: url(../img/home.webp); }
}
@media screen and (max-width:1250px) {
  #hero { margin-top: 72px; }
}
@media screen and (max-width:1024px) {
  #hero {    /* background-image: url(../img/home.jpg); */
  background-size: cover; background-position: center; background-repeat: no-repeat; }
  html.no-webp #hero { background-image: url(../img/home.jpg); }
  html.webp #hero { background-image: url(../img/home.webp); }
}
#hero .container_full { text-align: center; }
#hero h1 { color: #fff; }
#hero a { color: #fff; text-decoration: underline; display: block; margin-top: 25px; margin-left: 7px; display: inline-block; }
#hero a:hover { color: #81414d; }
@media screen and (max-width:850px) {
  #hero { height: 595px; }
}
.project_boxes { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; border-bottom: 1px solid #cccccc; position: relative; top: -170px; margin-bottom: -170px; }
.project_boxes > div { -ms-flex-preferred-size: 50%; flex-basis: 50%; height: 170px; max-width: 50%; position: relative; }
.project_boxes > div a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; cursor: pointer; }
.project_boxes > div img { -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border: transparent 0px solid; }
.project_boxes > div > div { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; text-align: center; }
.project_boxes > div > div h2 { text-transform: uppercase; color: #fff; display: block; width: 100%; margin-top: 70px; font-weight: 300; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); }
.project_boxes > div > div p { opacity: 0; width: 100%; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); margin-top: 10px; display: block; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); color: #fff; text-transform: uppercase; }
.project_boxes > div:hover img { border: transparent 10px solid; }
.project_boxes > div:hover > div p { opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0); transform: perspective(1000px) rotate3d(1, 0, 0, 0); }
@media screen and (max-width:850px) {
  .project_boxes { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .project_boxes > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; height: 85px; }
  .project_boxes > div div h2 { margin-top: 35px; }
  .project_boxes > div div p { opacity: 0 !important; }
}
.stats { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; }
.stats > span { height: 460px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align: center; padding: 160px 30px 0 30px; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.stats > span h1 { margin: 0 0 0 0; line-height: 75px; color: #231f20; position: relative; }
.stats > span h1::after { content: ' '; display: block; width: 40px; height: 1px; background-color: #81414d; position: absolute; bottom: -15px; right: 0; left: 0; margin: 0 auto; }
.stats > span h1 span { display: inline-block; height: 100%; }
.stats > span p { color: #989898; margin-top: 35px; }
@media screen and (max-width:1250px) {
  .stats { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 15px 0; border-bottom: 1px solid #cccccc; }
  .stats > span { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; height: auto; padding: 20px 20px 25px 20px; border-bottom: 0; }
}
@media screen and (max-width:1250px) and (max-width:850px) {
  .stats > span { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; border-bottom: 1px solid #cccccc; padding: 80px 20px 70px 20px; }
  .stats > span:last-of-type { border-bottom: none; }
}
@media screen and (max-width:1250px) {
  .stats > span h1 { margin-bottom: 15px; }
  .stats > span h1:after { bottom: 0; width: 20px; }
  .stats > span p { margin-top: 15px; }
}
@media screen and (max-width:850px) {
  .stats { padding: 0; }
  .stats > span h1 { margin-bottom: 30px; }
  .stats > span h1:after { bottom: -8px; width: 100px; }
}
#slider { overflow: hidden; padding: 95px 0; position: relative; }
@media screen and (max-width:1250px) {
  #slider { padding: 0; }
}
@media screen and (max-width:1250px) {
  #slider .home-slider { height: 450px; }
}
@media screen and (max-width:1024px) {
  #slider .home-slider { height: 300px; }
}
#slider .slider-container { height: 100%; }
#slider .slider__arrows { z-index: 3; position: absolute; bottom: 0; top: 0; margin: auto; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); height: 40px; width: 100px; }
@media screen and (max-width:1250px) {
  #slider .slider__arrows { width: 100%; -webkit-transform: translate(0, 0%); transform: translate(0, 0%); left: 20px; }
}
#slider .slider__arrows:after { content: ""; display: table; clear: both; }
#slider .slider__arrows .slider__arrows-item { font-size: 40px; cursor: pointer; }
#slider .slider__arrows .slider__arrows-item:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#slider .slider__arrows .slider__arrows-item.slider__arrows-item--right { float: right; color: #fff; }
#slider .slider__arrows .slider__arrows-item.slider__arrows-item--right:before { content: "\f054"; }
#slider .slider__arrows .slider__arrows-item.slider__arrows-item--left { float: left; color: #231f20; }
#slider .slider__arrows .slider__arrows-item.slider__arrows-item--left:before { content: "\f053"; }
@media screen and (max-width:1250px) {
  #slider .slider__arrows .slider__arrows-item.slider__arrows-item--left { color: #fff; }
}
#slider .slider__arrows .slider__arrows-item:hover:before { color: #81414d; }
#slider #carousel { width: 100%; margin: 0; display: block; padding: 0; position: relative; float: right; max-width: 69%; }
@media screen and (max-width:1250px) {
  #slider #carousel { max-width: 100%; left: -20px; }
}
#slider #carousel:after { content: ""; display: table; clear: both; }
#slider #carousel figure { width: 100%; float: right; margin: 0; height: 585px; }
@media screen and (max-width:1250px) {
  #slider #carousel figure { height: 450px; }
}
@media screen and (max-width:1024px) {
  #slider #carousel figure { height: 300px; }
}
#slider #carousel ul { margin: 0; padding: 0; list-style-type: none; }
#slider #carousel ul li { margin: 0; padding: 0; }
#slider #carousel .slides { padding: 0; margin: 0; list-style-type: none; opacity: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width:1250px) {
  #slider #carousel .slides { width: 400vw !important; }
}
#slider #carousel .slides .slide { width: 100%; width: 100vw !important; display: block; vertical-align: middle; padding: 0; margin: 0; position: static; float: left; position: relative; }
@media screen and (max-width:1250px) {
  #slider #carousel .slides .slide { position: relative; z-index: 3; }
  #slider #carousel .slides .slide.slide-1 { -webkit-transform: translateX(0); transform: translateX(0); z-index: 5; }
  #slider #carousel .slides .slide.slide-2 { -webkit-transform: translateX(-40px); transform: translateX(-40px); }
  #slider #carousel .slides .slide.slide-3 { -webkit-transform: translateX(-80px); transform: translateX(-80px); }
  #slider #carousel .slides .slide.active { z-index: 6; }
}
#slider #carousel .slides .slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
#slider .slider-copy { position: absolute; background-color: #fff; width: 410px; left: -908px; right: 0; margin: 0 auto; padding: 0 110px 55px 40px; }
@media screen and (max-width:1250px) {
  #slider .slider-copy { height: 300px !important; position: relative; left: -20px; padding: 30px 20px; max-width: 100%; width: 100%; }
}
@media screen and (max-width:1024px) {
  #slider .slider-copy { height: 335px !important; }
}
@media screen and (max-width:500px) {
  #slider .slider-copy { height: 450px !important; }
}
#slider .slider-copy .slider-copy-inner { position: relative; height: 100%; }
@media screen and (max-width:1250px) {
  #slider .slider-copy .slider-copy-inner { height: 90%; }
}
#slider .slider-copy .slide { position: absolute; top: 55px; height: 100%; opacity: 0; width: 285px; }
@media screen and (max-width:1250px) {
  #slider .slider-copy .slide { top: 30px; width: 100%; height: 90%; }
}
#slider .slider-copy .slide.active { -webkit-animation: fadeInUp2 0.75s ease-in-out 0s 1 normal forwards; animation: fadeInUp2 0.75s ease-in-out 0s 1 normal forwards; z-index: 11; }
#slider .slider-copy h2 { text-transform: uppercase; line-height: 34px; }
#slider .slider-copy hr { margin: 35px 0; background-color: #cccccc; border: 0; height: 1px; }
@media screen and (max-width:1250px) {
  #slider .slider-copy hr { margin: 20px 0; }
}
#slider .slider-copy p { color: #989898; }
#slider .slider-copy a { text-transform: uppercase; display: block; margin: 5px 0; }
#slider .slider-copy a.more { text-transform: none; margin-bottom: 50px; }
@media screen and (max-width:1250px) {
  #slider .slider-copy a.more { position: static; display: block; }
}
#slider .slider-copy a i { color: #363636; width: 22px; font-size: 19px; }
#slider .slides { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
#updates { display: -webkit-box; display: -ms-flexbox; display: flex; height: 560px; border-top: 1px solid #cccccc; overflow: hidden; }
@media screen and (max-width:1024px) {
  #updates { display: block; height: auto; }
}
@media screen and (max-width:850px) {
  #updates { border-top: 1px solid #ebebeb; }
}
#updates .bx-wrapper { border: 0; -webkit-box-shadow: none; box-shadow: none; }
#updates .bx-wrapper .bx-pager-item a { width: 15px; height: 15px; border-radius: 10px; background-color: #d7d7d7; }
#updates .bx-wrapper .bx-pager-item a.active, #updates .bx-wrapper .bx-pager-item a:hover { background-color: #81414d; }
@media screen and (max-width:1024px) {
  #updates .bx-wrapper .bx-pager-item a { width: 12px; height: 12px; }
}
#updates > div { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; position: relative; }
@media screen and (max-width:1024px) {
  #updates > div { max-width: 100%; border-top: 1px solid #ebebeb; }
}
#updates > div h2 { text-transform: uppercase; color: #231f20; width: 100%; border-bottom: 1px solid #ebebeb; }
#updates > div .more { position: absolute; bottom: 75px; left: 50px; }
@media screen and (max-width:1500px) {
  #updates > div .more { bottom: 35px; }
}
@media screen and (max-width:1024px) {
  #updates > div .more { position: relative; left: 20px; bottom: 0; font-size: 14px; }
}
#updates #news { border-right: 1px solid #ebebeb; }
@media screen and (max-width:1024px) {
  #updates #news { border-top: 0; border-right: 0; padding-bottom: 25px; }
}
#updates #news h2 { padding: 50px; }
@media screen and (max-width:1024px) {
  #updates #news h2 { padding: 30px 20px; }
}
#updates #news .news-wrapper { margin: 20px 50px; }
@media screen and (max-width:1024px) {
  #updates #news .news-wrapper { margin: 15px 20px; }
}
#updates #news .news-wrapper .news-item { padding: 15px 0; border-bottom: 1px solid #ebebeb; }
#updates #news .news-wrapper .news-item:last-of-type { border-bottom: 0; margin-bottom: 25px; }
#updates #news .news-wrapper .news-item .news-title a { color: #989898; }
#updates #news .news-wrapper .news-item .news-title a:hover { color: #81414d; }
#updates #news .news-wrapper .news-item .news-date { color: #231f20; font-size: 12px; line-height: 12px; margin-top: 10px; }
#updates #events { border-right: 1px solid #ebebeb; }
#updates #events h2 { padding: 50px 30px; }
@media screen and (max-width:1024px) {
  #updates #events h2 { padding: 30px 20px; }
}
#updates #events .events-top { display: -webkit-box; display: -ms-flexbox; display: flex; }
#updates #events .date, #updates #events .title { height: 135px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ebebeb; }
@media screen and (max-width:1024px) {
  #updates #events .date, #updates #events .title { height: 85px; }
  #updates #events .date img, #updates #events .title img { max-height: 83px; width: auto !important; }
}
#updates #events .date { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; -ms-flex-wrap: wrap; flex-wrap: wrap; border-right: 1px solid #ebebeb; color: #231f20; font-size: 26px; line-height: 27px; }
@media screen and (max-width:850px) {
  #updates #events .date { font-size: 16px; line-height: 16px; }
}
#updates #events .date > div { text-align: left; }
#updates #events .date span { display: block; width: 100%; text-align: center; font-size: 60px; line-height: 60px; }
@media screen and (max-width:850px) {
  #updates #events .date span { font-size: 50px; line-height: 50px; }
}
#updates #events .title { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; width: 75%; font-size: 60px; line-height: 60px; font-weight: 700; overflow: hidden; }
#updates #events .title span { max-width: 50%; }
#updates #events .title span img { width: 100%; }
@media screen and (max-width:850px) {
  #updates #events .title { font-size: 50px; line-height: 50px; }
}
#updates #events .events-item { margin: 25px 30px; color: #989898; }
#updates #events .events-item .events-title { font-weight: 700; }
#updates #events .events-item .events-date span { display: block; }
@media screen and (max-width:850px) {
  #updates #events .events-item .events-date { font-size: 14px; }
}
@media screen and (max-width:1024px) {
  #updates #events .events-item { margin: 25px 20px 0 20px; }
}
#updates #events .more { left: 30px; }
@media screen and (max-width:1024px) {
  #updates #events .more { left: 20px; }
}
#updates #events .bx-wrapper { height: 375px; }
@media screen and (max-width:1024px) {
  #updates #events .bx-wrapper { height: auto; }
}
@media screen and (max-width:1024px) {
  #updates #events .bx-wrapper .bx-pager { bottom: -85px !important; }
}
@media screen and (max-width:1024px) {
  #updates #events { padding-bottom: 88px; }
}
#updates #tweets h2 { padding: 49px 30px; }
#updates #tweets h2 i { color: #989898; }
@media screen and (max-width:1024px) {
  #updates #tweets h2 { padding: 30px 20px; }
}
@media screen and (max-width:1024px) {
  #updates #tweets { padding-bottom: 50px; }
}
#updates #tweets .twitter-outter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 435px; padding-top: 70px; text-align: center; }
@media screen and (max-width:1500px) {
  #updates #tweets .twitter-outter { padding-top: 20px; }
}
@media screen and (max-width:1024px) {
  #updates #tweets .twitter-outter { min-height: 250px; height: auto; }
}
#updates #tweets .twitter-outter #handle { color: #9c9b9c; font-size: 20px; position: absolute; bottom: 80px; right: 0; left: 0; text-decoration: underline; }
#updates #tweets .twitter-outter #handle:hover { color: #81414d; }
@media screen and (max-width:1024px) {
  #updates #tweets .twitter-outter #handle { font-size: 16px; }
}
#updates #tweets .twitter-outter .bx-wrapper { width: 50%; margin: 0; background-color: transparent; }
@media screen and (max-width:1500px) {
  #updates #tweets .twitter-outter .bx-wrapper { width: 80%; }
}
#updates #tweets .twitter-outter .bx-wrapper .bx-pager { bottom: 30px !important; }
@media screen and (max-width:1024px) {
  #updates #tweets .twitter-outter .bx-wrapper .bx-pager { bottom: 0 !important; }
}
#updates #tweets .twitter-outter .bx-wrapper #twitter-feed li { text-align: center; }
#updates #tweets .twitter-outter .bx-wrapper #twitter-feed .twitter-date { font-size: 12px; color: #231f20; margin-bottom: 40px; }
@media screen and (max-width:1024px) {
  #updates #tweets .twitter-outter .bx-wrapper #twitter-feed .twitter-date { margin-bottom: 10px; }
}
#updates #tweets .twitter-outter .bx-wrapper #twitter-feed .status a { font-size: 20px; line-height: 30px; }
@media screen and (max-width:1024px) {
  #updates #tweets .twitter-outter .bx-wrapper #twitter-feed .status a { font-size: 16px; line-height: 23px; }
}

/*Conference-bar banner on homepage*/
.conference-bar { background-color: #733F4A; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; }
.conference-bar p { color: #fff; text-align: center; margin: auto; margin-top: 15px; margin-bottom: 10px; }
.conference-bar a { color: #fff; text-decoration: underline; }
@media screen and (max-width:850px) {
  .conference-bar { padding: 0px 25px !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}
.conference-bar-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; background-color: #733F4A; }
.conference-bar-boxes > div { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; position: relative; }
.conference-bar-boxes > div a { color: #fff; text-decoration: underline; }
.conference-bar-boxes > div > div { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; pointer-events: none; text-align: center; }
.conference-bar-boxes p { color: #fff; text-align: center; margin: auto; margin-top: 15px; margin-bottom: 10px; }
@media screen and (max-width:750px) {
  .conference-bar-boxes { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .conference-bar-boxes > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; height: 85px; }
}
@media screen and (max-width:340px) {
  .conference-bar-boxes p { font-size: 12px !important; }
}
/* WEBP CSS */
html.no-webp #sign_up {background-image:url(../img/signupbg.jpg);}
html.webp #sign_up {background-image:url(../img/signupbg.webp);}
/*--*/
@media screen and (max-width: 900px) {
html.no-webp #sign_up {background-image:url(../img/signupbg-900px.jpg);}
html.webp #sign_up {background-image:url(../img/signupbg-900px.webp);}
html.no-webp #hero {background-image:url(../img/home-900px.jpg);}
html.webp #hero {background-image:url(../img/home-900px.webp);}
}
@media screen and (max-width: 600px) {
html.no-webp #sign_up {background-image:url(../img/signupbg-600px.jpg);}
html.webp #sign_up {background-image:url(../img/signupbg-600px.webp);}
html.no-webp #hero {background-image:url(../img/home-600px.jpg);}
html.webp #hero {background-image:url(../img/home-600px.webp);}
}

/*---------------------- SUSTAINABILITY 2020 ----------------------*/
/* All Templates */
header .bottom #top_nav > ul > li > a[title="ESG"]:before {background-image: url("../../../../_resources/icons/sustainability.svg");}
header.open .bottom #top_nav ul > li > a[title="ESG"]:before { background-image: url("../../../../_resources/icons/sustainability_w.svg"); background-size: 20px 20px; height: 20px; width: 20px;}
header .bottom #top_nav > ul > li {margin-left: 49px;}


/*---------------------- SUSTAINABILITY 2021 ----------------------*/
header .bottom #top_nav > ul > li .sub_nav li {padding: 10px 0px;}
header .bottom #top_nav > ul > li .subsub_nav { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #cccccc; position: fixed; top: 170px; left: 0; width: 100%; height: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; list-style: none; margin: 0;}
header .bottom #top_nav > ul > li .subsub_nav li { margin: 0 20px;}
header .bottom #top_nav > ul > li .subsub_nav li a { white-space: nowrap; font-weight: bold; text-transform: none; font-size: 14px; line-height: 25px; position: relative; color: #231f20; }
header .bottom #top_nav > ul > li .subsub_nav li a:after { content: ''; display: block; background-color: #81414d; height: 0; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: -10px; }
header .bottom #top_nav > ul > li .subsub_nav li a:hover { color: #81414d; }
header .bottom #top_nav > ul > li .subsub_nav li a:hover:after { height: 3px; }
header .bottom #top_nav li.sub.has-submenu.active .subsub_nav { height: 40px; opacity: 1; pointer-events: all; z-index: 5; }
header.scrolled .bottom .subsub_nav { top: 105px !important; }

header.open .bottom #top_nav > ul > li .subsub_nav {padding: 0; position: static; background-color: #363636; height: auto; display: none; opacity: 1 !important; -webkit-transition: none; transition: none;}
header.open .bottom #top_nav ul > li a.sub.has-submenu {position: relative; display: block;}
header.open .bottom #top_nav ul > li a.sub.has-submenu::after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f054"; display: block; color: #fff; position: absolute; right: 0px; top: 27px; width: auto; height: auto; background-color: transparent;}
header.open .bottom #top_nav > ul > li .subsub_nav {pointer-events: all;}
header.open .bottom #top_nav > ul > li .subsub_nav li a:hover {color: #ffffff;}
header.open .bottom #top_nav ul > li a.sub.has-submenu.active:after {content: '\f068';}


/*---------------------- CONTACT LINK JUNE 2021 ----------------------*/
header .bottom #top_nav > ul > li.contact {display: none;}
@media screen and (max-width: 1250px) {
  header .bottom #top_nav > ul > li.contact {display: block;}
}

/*----------------- CAREERS FOOTER ADDITIONAL - Jan 2022 -----------------*/
footer .top .logo { flex-basis: unset; margin-right: 100px; max-width: 308px; width: 308px; }
footer .top > div { padding-right: 25px; }
footer .top > div:nth-of-type(1) { flex-basis: 13%; width: 13%; max-width: 13%; min-width: 137px; }
footer .top > div:nth-of-type(1) > span + span { margin-left: 12px; }
footer .top > div:nth-of-type(2) { flex-basis: 24%; width: 24%; max-width: 24%; }
footer .top > div:nth-of-type(3) { flex-basis: 38%; max-width: 38%; padding-right: 0; width: 38%; }
@media screen and (max-width:1150px) {
  footer .top .logo { margin-right: 60px; }
}
@media screen and (max-width:1024px) {
  footer .top > div:nth-of-type(1) { flex-basis: 100%; max-width: 100%; padding-bottom: 20px; width: 100%; }
}


/*----------------- NEW DROPDOWN MENUS - Jan 2022 -----------------*/
/* ----------------------------------------------------------------*/
header .bottom #top_nav > ul > li {margin-left: 21px; padding-left: 28px;}
header .bottom #top_nav > ul > li > a:hover {color: #81414d !important;}
header .bottom #top_nav > ul > li .sub_nav {overflow: hidden;}
header .bottom #top_nav > ul > li .sub_nav + .dropdown { background-color: #ebebeb; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: none; left: 50%; list-style-type: none; min-width: 207px; margin: 0; padding: 0; padding: 8px 0px; position: absolute; top: 85px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; }
header .bottom #top_nav > ul > li .sub_nav + .dropdown li { font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; position: relative; text-align: left; padding-left: 20px !important; padding-right: 20px !important; }
header .bottom #top_nav > ul > li .sub_nav + .dropdown > li { padding: 6px 0; }
header .bottom #top_nav > ul > li .sub_nav + .dropdown ul > li { padding: 6px 0; }
header .bottom #top_nav > ul > li .sub_nav + .dropdown li a { color: #231f20; -webkit-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); }
header .bottom #top_nav > ul > li .sub_nav + .dropdown li:hover > a { color: #81414d }
header .bottom #top_nav > ul > li .sub_nav + .dropdown ul { list-style-type: none; margin: 0; padding: 8px 0; }
header .bottom #top_nav > ul > li .sub_nav + .dropdown ul.subsub { background-color: #cccccc; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; display: block; left: 100%; list-style: none; margin: 0px; opacity: 0; padding: 8px 0; pointer-events: none; position: absolute; top: -7px; width: 207px; -webkit-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.275s cubic-bezier(0.645, 0.045, 0.355, 1); }
header .bottom #top_nav > ul > li.top-level:hover .sub_nav + .dropdown { display: block; }
header .bottom #top_nav > ul > li .sub_nav + .dropdown li.has-subsub:hover .subsub { opacity: 1; pointer-events: all; }
header .bottom #top_nav > ul > li ul.sub_nav:hover + ul.dropdown {display: none !important;}
header .bottom #top_nav > ul > li.careers {display: none;}

@media screen and (max-width:1250px) {
  header .bottom #top_nav > ul > li > a[title="Careers"]:before { background-image: url("../../../../_resources/icons/Career_w.svg"); }
  header .bottom #top_nav > ul > li.top-level:hover .sub_nav + .dropdown { display: none; }
  header .bottom #top_nav > ul > li.careers {display: block;}
  header .bottom #top_nav > ul > li .sub_nav {pointer-events: all;}
}

footer .top .logo {width: 380px; margin-right: 0px; flex-shrink: 0; max-width: initial;}
footer .top > div:nth-of-type(1) {flex-basis: initial; width: calc((100% - 380px) * 0.4); max-width: initial; min-width: initial;}
footer .top > div:nth-of-type(2) {flex-basis: initial; width: calc((100% - 380px) * 0.6); max-width: initial;}

@media screen and (max-width:1024px) {
  footer .top > div:nth-of-type(1) {flex-basis: initial; width: 100%; max-width: initial; min-width: initial;}
  footer .top > div:nth-of-type(2) {flex-basis: initial; width: 100%; max-width: initial;}
}