@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="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; }
div.overflow { width: 100%; overflow-x: auto; margin-bottom: 25px; }
.instruction { display: none; }
@media screen and (max-width:850px) {
  .instruction { display: block; }
}
table { width: 100%; border: 1px solid #ebebeb; padding: 30px 55px; display: table; }
@media screen and (max-width:1024px) {
  table { padding: 0; border: 0; }
}
table tbody { width: 100%; display: table; }
table tr { width: 100%; }
table tr:nth-of-type(odd) { background-color: #ebebeb; }
table tr th, table tr td { padding: 15px; font-size: 16px; text-align: left; }
@media screen and (max-width:1024px) {
  table tr th, table tr td { font-size: 10px; padding: 12px 20px; }
}
table tr th { text-transform: uppercase; color: #81414d; font-weight: 300; }
table tr td { color: #231f20; }
.tabs { position: relative; }
.tabs .tab_select { position: relative; }
.tabs .tab_select span { position: absolute; top: 16px; left: 110px; }
.tabs h2 { display: inline-block; }
.tabs > ul { list-style: none; position: relative; top: -3px; padding: 0; margin: 0; z-index: 5; display: inline-block; }
@media screen and (max-width:1250px) {
  .tabs > ul { display: none; }
}
.tabs > ul li { display: inline-block; cursor: pointer; font-size: 20px; color: #989898; margin: 0 20px; text-decoration: underline; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tabs > ul li.active, .tabs > ul li:hover { color: #81414d; }
.tabs > ul li.has-sub:hover .sub-tabs { display: block; }
.tabs > ul li.has-sub:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f078"; color: #81414d; position: absolute; right: -30px; top: 3px; }
.tabs > ul li.has-sub { position: relative; }
.tabs > ul li .sub-tabs { display: none; position: absolute; list-style: none; top: 25px; left: -35px; margin-left: 0 !important; right: 0; color: #231f20; text-align: center; width: 215px; }
.tabs > ul li .sub-tabs li { display: block; color: #231f20; white-space: nowrap; background-color: #ebebeb; line-height: 40px; margin: 0; }
.tabs > ul li .sub-tabs li:first-of-type { padding-top: 30px; margin-top: 15px; }
.tabs > ul li .sub-tabs li:hover { color: #81414d; }
.tabs > ul li .sub-tabs li:last-of-type { padding-bottom: 30px; }
.tabs .hold { display: none; position: relative; padding-top: 50px; }
.tabs .hold.active { display: block; -webkit-animation-name: fadeInUpTabs; animation-name: fadeInUpTabs; -webkit-animation-duration: 0.35s; animation-duration: 0.35s; }
.tabs .select { position: relative; margin-bottom: 20px; display: none !important; }
@media screen and (max-width:1250px) {
  .tabs .select { display: block !important; }
  .tabs .select select { background-color: transparent; width: 100%; position: relative; border: 1px solid #81414d; padding: 15px; color: #81414d; text-align-last: center; text-decoration: underline; }
  .tabs .select i { position: absolute; right: 15px; color: #81414d; font-size: 18px; top: 20px; }
}
#hero { height: 315px;  /* background-image: url(../img/hero.jpg); */ background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 130px; 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 h1 { color: #fff; }
@media screen and (max-width:1250px) {
  #hero { margin-top: 72px; height: 245px; }
}
@media screen and (max-width:850px) {
  #hero { height: 245px; }
}
.cat-corporate #hero {  /* background-image: url(../img/hero_corporate.jpg); */ }
@media screen and (min-width:1251px) {
  .cat-investors header .bottom #top_nav ul li.investors .sub_nav { height: 40px; opacity: 1; pointer-events: all; }
  .cat-corporate header .bottom #top_nav ul li.corporate .sub_nav { height: 40px; opacity: 1; pointer-events: all; }
  .cat-cauchari-olaroz header .bottom #top_nav ul li.cauchari-olaroz .sub_nav { height: 40px; opacity: 1; pointer-events: all; }
  .cat-pastos-grandes header .bottom #top_nav ul li.pastos-grandes .sub_nav { height: 40px; opacity: 1; pointer-events: all; }
  .cat-thacker-pass header .bottom #top_nav ul li.thacker-pass .sub_nav { height: 40px; opacity: 1; pointer-events: all; }
  .cat-contact header .bottom #top_nav ul li.contact .sub_nav { height: 40px; opacity: 1; pointer-events: all; }
}
@media screen and (min-width:1250px) {
  .cat-corporate header .bottom #top_nav > ul > li.corporate { position: relative; }
  .cat-corporate header .bottom #top_nav > ul > li.corporate:after { content: ''; display: block; background-color: #81414d; height: 2px; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: 0px; }
  .cat-corporate header .bottom #top_nav > ul > li.corporate a[title="Corporate"] { color: #81414d !important; }
  .cat-corporate header.scrolled .bottom #top_nav > ul > li.corporate:after { bottom: 10px; }
  .cat-cauchari-olaroz header .bottom #top_nav > ul > li.cauchari-olaroz:after { content: ''; display: block; background-color: #81414d; height: 2px; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: 0px; }
  .cat-cauchari-olaroz header .bottom #top_nav > ul > li.cauchari-olaroz a[title="Cauchari-olaroz"] { color: #81414d !important; }
  .cat-cauchari-olaroz header.scrolled .bottom #top_nav > ul > li.cauchari-olaroz:after { bottom: 10px; }
  .cat-thacker-pass header .bottom #top_nav > ul > li.thacker-pass:after { content: ''; display: block; background-color: #81414d; height: 2px; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: 0px; }
  .cat-thacker-pass header .bottom #top_nav > ul > li.thacker-pass a[title="Thacker Pass"] { color: #81414d !important; }
  .cat-thacker-pass header.scrolled .bottom #top_nav > ul > li.thacker-pass:after { bottom: 10px; }
  .cat-investors header .bottom #top_nav > ul > li.investors:after { content: ''; display: block; background-color: #81414d; height: 2px; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: 0px; }
  .cat-investors header .bottom #top_nav > ul > li.investors a[title="Investors"] { color: #81414d !important; }
  .cat-investors header.scrolled .bottom #top_nav > ul > li.investors:after { bottom: 10px; }
  .cat-news header .bottom #top_nav > ul > li.news:after { content: ''; display: block; background-color: #81414d; height: 3px; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: -1px; }
  .cat-news header .bottom #top_nav > ul > li.news a[title="News"] { color: #81414d !important; }
  .cat-news header.scrolled .bottom #top_nav > ul > li.news:after { bottom: 10px; }
  .cat-contact header .bottom #top_nav > ul > li.contact:after { content: ''; display: block; background-color: #81414d; height: 3px; width: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; bottom: -1px; }
  .cat-contact header .bottom #top_nav > ul > li.contact a[title="Contact"] { color: #81414d !important; }
  .cat-contact header.scrolled .bottom #top_nav > ul > li.contact:after { bottom: 10px; }
}
section { border-top: 1px solid #cccccc; overflow: hidden; min-height: 300px; }
section h2 { text-transform: uppercase; }
section p, section li { color: #989898; font-size: 20px; line-height: 30px; }
@media screen and (max-width:1024px) {
  section p, section li { font-size: 14px; line-height: 20px; }
}
section .container { padding-top: 80px; padding-bottom: 80px; }
@media screen and (max-width:1250px) {
  section .container { padding-top: 40px; padding-bottom: 40px; }
}
section .container h2 { text-transform: uppercase; color: #4d4d4d; }
@media screen and (max-width:1250px) {
  section .container h2 { margin-bottom: 30px; }
}
section .container .tabs ul { margin-left: 30px; }
section .container .loadMore { margin: 30px auto 0 auto; font-size: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: underline; display: block; text-align: center; color: #81414d; cursor: pointer; }
section .container .loadMore:hover { color: #717171; }
@media screen and (max-width:1250px) {
  section .container .loadMore { font-size: 16px; }
}
@media screen and (max-width:1250px) {
  section.expandable { background-color: #f0f0f0 !important; position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; max-height: 115px; min-height: 0; }
  section.expandable .container { padding: 0 !important; }
  section.expandable h2 { padding: 45px 0; color: #231f20; font-size: 20px; line-height: 20px; display: block; margin-bottom: 0; padding-left: 20px; }
  section.expandable .mobile_section { min-height: 0; height: 0; margin: 0 !important; padding: 0 20px; }
  section.expandable:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f067"; position: absolute; right: 20px; font-size: 20px; color: #231f20; top: 46px; pointer-events: none; }
  section.expandable.active { background-color: transparent !important; max-height: 100%; }
  section.expandable.active:after { content: '\f068'; }
  section.expandable.active h2 { padding-bottom: 30px; }
  section.expandable.active .mobile_section { height: 100% !important; padding-bottom: 60px; }
}
main { min-height: 50vh; }
@media screen and (max-width:1250px) {
  #news-releases .hold { padding-top: 20px; }
}
#news-releases .news-wrapper { border-top: 1px solid #cccccc; margin-top: 30px; }
@media screen and (max-width:1024px) {
  #news-releases .news-wrapper { margin-top: 0; border-top: 0; }
}
#news-releases .news-wrapper .news-item { position: relative; border-bottom: 1px solid #cccccc; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 90px 40px 20px; display: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#news-releases .news-wrapper .news-item.show { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width:1024px) {
  #news-releases .news-wrapper .news-item.show { display: block; padding: 15px 0; }
}
#news-releases .news-wrapper .news-item > a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
#news-releases .news-wrapper .news-item .news-date { -ms-flex-preferred-size: 27%; flex-basis: 27%; max-width: 27%; width: 27%; color: #231f20; font-size: 16px; }
@media screen and (max-width:1024px) {
  #news-releases .news-wrapper .news-item .news-date { max-width: 100%; width: 100%; font-size: 10px; line-height: 20px; }
}
#news-releases .news-wrapper .news-item .news-title { -ms-flex-preferred-size: 67%; flex-basis: 67%; max-width: 67%; width: 67%; color: #989898; font-size: 20px; line-height: 28px; padding-right: 15%; }
@media screen and (max-width:1024px) {
  #news-releases .news-wrapper .news-item .news-title { max-width: 100%; width: 100%; font-size: 14px; line-height: 20px; padding-right: 0; }
}
#news-releases .news-wrapper .news-item .pdf-news-link { -ms-flex-preferred-size: 6%; flex-basis: 6%; max-width: 6%; width: 6%; text-align: right; position: relative; }
@media screen and (max-width:1024px) {
  #news-releases .news-wrapper .news-item .pdf-news-link { max-width: 100%; width: 100%; display: none; }
}
#news-releases .news-wrapper .news-item .pdf-news-link a { text-decoration: underline; }
#news-releases .news-wrapper .news-item .pdf-news-link:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f1c1"; color: #81414d; margin-left: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 20px; }
#news-releases .news-wrapper .news-item:hover { background-color: #81414d; }
#news-releases .news-wrapper .news-item:hover .news-date, #news-releases .news-wrapper .news-item:hover .news-title, #news-releases .news-wrapper .news-item:hover a { color: #fff; }
#news-releases .news-wrapper .news-item:hover .pdf-news-link:after { color: #fff; }
@media screen and (max-width:1024px) {
  #news-releases .news-wrapper .news-item:hover { background-color: transparent; }
  #news-releases .news-wrapper .news-item:hover .news-date, #news-releases .news-wrapper .news-item:hover .news-title, #news-releases .news-wrapper .news-item:hover a { color: #231f20; }
  #news-releases .news-wrapper .news-item:hover .pdf-news-link:after { color: #81414d; }
}
.cat-search input[type=text] { background-color: transparent; border: 0; color: #231f20; font-size: 26px; line-height: 40px; width: 40%; border-bottom: 2px solid #231f20; margin-bottom: 20px; }
@media screen and (max-width:850px) {
  .cat-search input[type=text] { line-height: 25px; font-size: 16px; border-bottom: 1px solid #231f20; width: 100%; }
}
.cat-search input[type=text]::-webkit-input-placeholder { color: #231f20; font-size: 26px; }
.cat-search input[type=text]:-ms-input-placeholder { color: #231f20; font-size: 26px; }
.cat-search input[type=text]::-ms-input-placeholder { color: #231f20; font-size: 26px; }
.cat-search input[type=text]::placeholder { color: #231f20; font-size: 26px; }
@media screen and (max-width:850px) {
  .cat-search input[type=text]::-webkit-input-placeholder { font-size: 16px; line-height: 25px; }
  .cat-search input[type=text]:-ms-input-placeholder { font-size: 16px; line-height: 25px; }
  .cat-search input[type=text]::-ms-input-placeholder { font-size: 16px; line-height: 25px; }
  .cat-search input[type=text]::placeholder { font-size: 16px; line-height: 25px; }
}
.subcat-contact main section:first-of-type .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width:850px) {
  .subcat-contact main section:first-of-type .container { display: block; }
}
.subcat-contact main section:first-of-type .container > div { -ms-flex-preferred-size: 48%; flex-basis: 48%; max-width: 48%; width: 48%; }
@media screen and (max-width:850px) {
  .subcat-contact main section:first-of-type .container > div { max-width: 100%; width: 100%; }
  .subcat-contact main section:first-of-type .container > div:nth-of-type(1) { margin-bottom: 40px; }
}
.subcat-contact main section:first-of-type .container > div h2 { width: 100%; display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #cccccc solid; }

/* WEBP CSS */
html.no-webp #sign_up { background-image: url(../img/signupbg.jpg); }
html.webp #sign_up { background-image: url(../img/signupbg.webp); }
html.no-webp #hero { background-image: url(../img/hero.jpg); }
html.webp #hero { background-image: url(../img/hero.webp); }
html.no-webp .cat-corporate #hero { background-image: url(../img/hero_corporate.jpg); }
html.webp .cat-corporate #hero { background-image: url(../img/hero_corporate.webp); }
html.no-webp .cat-news #hero { background-image: url(../img/hero_news.jpg); }
html.webp .cat-news #hero { background-image: url(../img/hero_news.webp); }
html.no-webp .cat-contact #hero { background-image: url(../img/hero_contact.jpg); }
html.webp .cat-contact #hero { background-image: url(../img/hero_contact.webp); }
html.no-webp .cat-careers #hero { background-image: url(../img/hero_news.jpg); }
html.webp .cat-careers #hero { background-image: url(../img/hero_news.webp); }
html .str-community-updates #hero { background-image: url(../../../../_resources/banners/hero_community_updates.jpg); }

hero_community_updates.jpg

/*--*/
@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 .cat-corporate #hero { background-image: url(../img/hero_corporate-900px.jpg); }
  html.webp .cat-corporate #hero { background-image: url(../img/hero_corporate-900px.webp); }
  html.no-webp .cat-news #hero { background-image: url(../img/hero_news-900px.jpg); }
  html.webp .cat-news #hero { background-image: url(../img/hero_news-900px.webp); }
  html.no-webp .cat-contact #hero { background-image: url(../img/hero_contact-900px.jpg); }
  html.webp .cat-contact #hero { background-image: url(../img/hero_contact-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 .cat-corporate #hero { background-image: url(../img/hero_corporate-600px.jpg); }
  html.webp .cat-corporate #hero { background-image: url(../img/hero_corporate-600px.webp); }
  html.no-webp .cat-news #hero { background-image: url(../img/hero_news-600px.jpg); }
  html.webp .cat-news #hero { background-image: url(../img/hero_news-600px.webp); }
  html.no-webp .cat-contact #hero { background-image: url(../img/hero_contact-600px.jpg); }
  html.webp .cat-contact #hero { background-image: url(../img/hero_contact-600px.webp); }
}
.text-centered { text-align: center; }

/*---------------------- 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;}
@media screen and (max-width: 1250px) {
section.expandable {max-height: initial;}
section.expandable h2 {padding-right: 40px;}
}


/*---------------------- 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;}
}
/*---------------------- COMMITTEE TABLE JUNE 2021 ----------------------*/
.committee-table {max-width:75%}
.committee-table tr th {background-color:#81414d; color:#FFF; text-align:  center;}
.committee-table tr th:first-of-type {width:200px;}
.committee-table tr td {text-align:  center;}
.committee-table tr td:first-of-type {text-align: left;}
.committee-table tr td i.blue {color:#1D4999;}
.committee-table-notes {display:flex; flex-wrap:  wrap;}
.committee-table-notes i {color: #000; }
.committee-table-notes i.blue {color:#1D4999; }
.committee-table-notes p {font-size:  16px; color: black; white-space: nowrap;}
.committee-table-notes p + p {margin-left: 20px;}
@media (max-width:  350px) {
  .committee-table-notes p:first-of-type {width:  100%; margin:  0;}
  .committee-table-notes p + p { margin-left: 0; }
  .committee-table-notes p{ margin-right: 10px; }
}

/*---------------------- 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;}
}

/*----------------- CAREERS TABLE ADJUSTMENT - FEB 2022 -----------------*/
#BDHRJobListings .categorySection .jobSection {margin-right: 10px; display: flex; justify-content: space-between; white-space: nowrap;}
#BDHRJobListings .categorySection .jobSection .jobLinkText {white-space: normal; padding-right: 30px;}


.str-cauchari-olaroz #hero > div:first-of-type > video {
  top:30%!important;
}


/* FAQ || Careers tabs */
#faq {border-top: 1px solid #cccccc;}
#faq .border-hold {border: solid 1px #cccccc; padding: 40px 55px;}
#faq h2 {margin: 10px 0px 67px 0px;}
#faq .header { padding: 0 30px; background-color: #81414d; color: #fff; font-size: 20px; position: relative; cursor: pointer; height: 60px; line-height: 60px; border-bottom: 1px solid #fff; transition: all 0.25s ease-in-out;}
#faq .header:hover {opacity: 0.6;}
#faq .header:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f067"; color: #fff; font-size: 18px; position: absolute; right: 20px; line-height: 60px; }
#faq .header.active:after { content: '\f068'; }
#faq .section-holder-inner {min-height: 0; height: 0; overflow: hidden; }
#faq .section-holder-inner .text {padding: 0px 40px 18px 40px;}


#about-thacker-pass {background-color: #ebebeb;}
#about-thacker-pass h2.title {text-align: center; margin: 7px 0px 80px 0px;}
#about-thacker-pass .container {padding-top: 87px; padding-bottom: 0px;}
#about-thacker-pass .box {width: calc((100% - 60px) / 3); height: 490px; min-height: 490px; display: inline-block; vertical-align: top; box-sizing: border-box;}
#about-thacker-pass .box:nth-of-type(2) {margin-left: 30px; margin-right: 30px;}
#about-thacker-pass .box.active {overflow: visible !important; margin-bottom: 80px;}
#about-thacker-pass .box .img {position: relative; overflow: hidden; max-height: 318px; }
#about-thacker-pass .img img {display: block;}
#about-thacker-pass .box .title {background-color: rgba(129, 65, 77, 0.9); display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: normal; letter-spacing: -0.04px; color: #ffffff; transition: all 0.25s ease-in-out; height: 65px; text-transform: uppercase; margin-top: 0px; cursor: pointer;}
#about-thacker-pass .box .img:hover .title {opacity: 0; pointer-events: none;}
#about-thacker-pass .box .overlay {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(129, 65, 77, 0.9); display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: normal; letter-spacing: -0.04px; color: #ffffff; opacity: 0; transition: all 0.25s ease-in-out;}
#about-thacker-pass .box .overlay::after {content: 'View [+]'; display: block; text-decoration: underline; transition: all 0.25s ease-in-out;}
#about-thacker-pass .box.active .overlay::after {content: 'Close [-]';}
#about-thacker-pass .box .img:hover .overlay {opacity: 1; cursor: pointer;}
#about-thacker-pass .box.active .img .overlay {opacity: 1; cursor: pointer;}
#about-thacker-pass .box > h2 {margin: 46px 0px 80px 0px; text-transform: capitalize;}
#about-thacker-pass .box .info {height: 0px; position: relative; width: calc(300% + 60px); opacity: 0; pointer-events: none; background-color: #ffffff;}
#about-thacker-pass .box .info .text {position: relative; z-index: 1; max-width: 1080px; margin: 0px auto; padding: 74px 0px 93px 0px;}
#about-thacker-pass .box .info .text h2 {margin-bottom: 40px;}
#about-thacker-pass .box:nth-of-type(2) .info {margin-left: calc(-100% - 30px);}
#about-thacker-pass .box:nth-of-type(3) .info {margin-left: calc(-200% - 60px);}
#about-thacker-pass .box.active .info {height: auto; opacity: 1; pointer-events: all; overflow: visible !important;}
#about-thacker-pass .box.active .info::after {content: ''; height: 100%; background-color: #ffffff; width: 100000px; margin-left: -50000px; position: absolute; top: 0px; z-index: 0;}
#about-thacker-pass .box.active .info .close {color: #81414d; font-size: 22px; text-decoration: underline; display: block; margin: 48px auto 0px auto; text-align: center; cursor: pointer; transition: all 0.2s ease-in-out; letter-spacing: -0.04px;}


@media screen and (max-width: 850px) {
  #about-thacker-pass .box {display: block; width: 100%;}
  #about-thacker-pass .box:nth-of-type(2) {margin-left: 0px; margin-right: 0px;}
  #about-thacker-pass .box .info {width: 100%;}
  #about-thacker-pass .box:nth-of-type(2) .info, #about-thacker-pass .box:nth-of-type(3) .info {margin-left: 0px;}
  #about-thacker-pass .box > h2 {margin: 23px 0px 40px 0px;}
}

@media screen and (max-width: 768px) {
  #about-thacker-pass .flex.reverse {display: block;}
  #about-thacker-pass .flex.reverse > div:nth-of-type(1) {width: 100%;}
  #about-thacker-pass .flex.reverse > div:nth-of-type(2) {padding-right: 0px; width: 100%;}
}

@media screen and (max-width: 500px) {
  #about-thacker-pass .box {height: 363px; min-height: 363px;}
  #about-thacker-pass .box .img {max-height: 200px;}
}

.community-gallery { display: flex; flex-wrap:wrap;}
.community-gallery > * { flex-basis:calc((100% / 3) - 2px); max-height: 300px; overflow: hidden; display: flex; align-items: center; justify-content:center; margin-right: 2px; margin-bottom: 2px; }
.community-gallery.two-col > * { flex-basis:calc((100% / 2) - 2px); }
.community-gallery > *.full-width { flex-basis:100% !important; }
.community-gallery > * img {  -o-object-fit: cover; object-fit: cover; display: block; width: 100%; }
/*.community-gallery > * img { width:120%; max-width:120%; }*/


@media screen and (max-width: 850px) {
  .community-gallery > * { flex-basis:calc((100% / 2) - 2px); }
}
@media screen and (max-width: 500px) {
  .community-gallery > *, .community-gallery.two-col > * { flex-basis:100%; margin-right: 0; max-height: 100%; }
}