/* BASE */ /* VARIABLES */ /* * Esto esta mal no descomentar pls :) * @media only screen and (max-width: 479px) { .hideOnMovil { display: none !important; } .nav .btn--white{ display:none !important;} .title{ width:58% !important;} .text{ width:58% !important; text-align: justify;} }*/ .actions{ margin-bottom: 180px !important; } .validation-summary{ position: absolute !important; right: 0 !important; } @media only screen and (min-width: 480px) and (max-width: 767px) { .hideOnMovil { display: none !important; } } @media only screen and (max-width: 767px) { .hideOnMovil { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .hideOnMovil { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hideOnDesktop { display: none !important; } } @media only screen and (min-width: 1200px) { .hideOnDesktop { display: none !important; } } .row { margin-right: 0; margin-left: 0; } .container-fluid, .container { padding-right: 0; padding-left: 0; } @font-face { font-family: 'gothamLight'; src: url("../fonts/Gotham/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Light.otf") format("opentype"), url("../fonts/Gotham/Gotham-Light.woff") format("woff"), url("../fonts/Gotham/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Light.svg#Gotham-Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamBook'; src: url("../fonts/Gotham/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Book.otf") format("opentype"), url("../fonts/Gotham/Gotham-Book.woff") format("woff"), url("../fonts/Gotham/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Book.svg#Gotham-Book") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamBold'; src: url("../fonts/Gotham/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Bold.otf") format("opentype"), url("../fonts/Gotham/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Bold.svg#Gotham-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamBlack'; src: url("../fonts/Gotham/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Black.otf") format("opentype"), url("../fonts/Gotham/Gotham-Black.woff") format("woff"), url("../fonts/Gotham/Gotham-Black.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Black.svg#Gotham-Black") format("svg"); font-weight: normal; font-style: normal; } .ttU { text-transform: uppercase; } .fsI { font-style: italic; } .tdU { text-decoration: underline; } .tdN { text-decoration: none; } .taC { text-align: center; } .taR { text-align: right; } .taL { text-align: left; } .taJ { text-align: justify; } @media only screen and (max-width: 767px) { .taMC { text-align: center; } } @media only screen and (max-width: 767px) { .taML { text-align: left; } } @media only screen and (max-width: 767px) { .taMR { text-align: right; } } .whiteText p, .whiteText ul, .whiteText li { color: #FFF; } html, body, body *, *, *::before, *::after { box-sizing: border-box; } body, html, h6, h5, h4, h3, h2, h1, p { font-family: "gothamBook", arial, helvetica, sans-serif; font-size: 16px; font-weight: 400; padding: 0; margin: 0; color: #827b6c; } i, em { font-style: italic; } picture { width: 100%; } img { display: inline-block; max-width: 100%; } a { text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } ul, ol { padding: 0; margin: 0; list-style: none; } input:focus, textarea:focus, a:focus { outline: none; } /* UTILITIES */ /* MIXINS */ .clear-b::after, .clear-b::before { content: ""; display: table; clear: both; width: 100%; } /* ITERATIONS */ .mt0 { margin-top: 0px !important; } .mb0 { margin-bottom: 0px !important; } .mr0 { margin-right: 0px !important; } .ml0 { margin-left: 0px !important; } .pt0 { padding-top: 0px !important; } .pb0 { padding-bottom: 0px !important; } .pr0 { padding-right: 0px !important; } .pl0 { padding-left: 0px !important; } .mt5 { margin-top: 5px !important; } .mb5 { margin-bottom: 5px !important; } .mr5 { margin-right: 5px !important; } .ml5 { margin-left: 5px !important; } .pt5 { padding-top: 5px !important; } .pb5 { padding-bottom: 5px !important; } .pr5 { padding-right: 5px !important; } .pl5 { padding-left: 5px !important; } .mt10 { margin-top: 10px !important; } .mb10 { margin-bottom: 10px !important; } .mr10 { margin-right: 10px !important; } .ml10 { margin-left: 10px !important; } .pt10 { padding-top: 10px !important; } .pb10 { padding-bottom: 10px !important; } .pr10 { padding-right: 10px !important; } .pl10 { padding-left: 10px !important; } .mt15 { margin-top: 15px !important; } .mb15 { margin-bottom: 15px !important; } .mr15 { margin-right: 15px !important; } .ml15 { margin-left: 15px !important; } .pt15 { padding-top: 15px !important; } .pb15 { padding-bottom: 15px !important; } .pr15 { padding-right: 15px !important; } .pl15 { padding-left: 15px !important; } .mt20 { margin-top: 20px !important; } .mb20 { margin-bottom: 20px !important; } .mr20 { margin-right: 20px !important; } .ml20 { margin-left: 20px !important; } .pt20 { padding-top: 20px !important; } .pb20 { padding-bottom: 20px !important; } .pr20 { padding-right: 20px !important; } .pl20 { padding-left: 20px !important; } .mt25 { margin-top: 25px !important; } .mb25 { margin-bottom: 25px !important; } .mr25 { margin-right: 25px !important; } .ml25 { margin-left: 25px !important; } .pt25 { padding-top: 25px !important; } .pb25 { padding-bottom: 25px !important; } .pr25 { padding-right: 25px !important; } .pl25 { padding-left: 25px !important; } .mt30 { margin-top: 30px !important; } .mb30 { margin-bottom: 30px !important; } .mr30 { margin-right: 30px !important; } .ml30 { margin-left: 30px !important; } .pt30 { padding-top: 30px !important; } .pb30 { padding-bottom: 30px !important; } .pr30 { padding-right: 30px !important; } .pl30 { padding-left: 30px !important; } .mt35 { margin-top: 35px !important; } .mb35 { margin-bottom: 35px !important; } .mr35 { margin-right: 35px !important; } .ml35 { margin-left: 35px !important; } .pt35 { padding-top: 35px !important; } .pb35 { padding-bottom: 35px !important; } .pr35 { padding-right: 35px !important; } .pl35 { padding-left: 35px !important; } .mt40 { margin-top: 40px !important; } .mb40 { margin-bottom: 40px !important; } .mr40 { margin-right: 40px !important; } .ml40 { margin-left: 40px !important; } .pt40 { padding-top: 40px !important; } .pb40 { padding-bottom: 40px !important; } .pr40 { padding-right: 40px !important; } .pl40 { padding-left: 40px !important; } .mt45 { margin-top: 45px !important; } .mb45 { margin-bottom: 45px !important; } .mr45 { margin-right: 45px !important; } .ml45 { margin-left: 45px !important; } .pt45 { padding-top: 45px !important; } .pb45 { padding-bottom: 45px !important; } .pr45 { padding-right: 45px !important; } .pl45 { padding-left: 45px !important; } .mt50 { margin-top: 50px !important; } .mb50 { margin-bottom: 50px !important; } .mr50 { margin-right: 50px !important; } .ml50 { margin-left: 50px !important; } .pt50 { padding-top: 50px !important; } .pb50 { padding-bottom: 50px !important; } .pr50 { padding-right: 50px !important; } .pl50 { padding-left: 50px !important; } .mt55 { margin-top: 55px !important; } .mb55 { margin-bottom: 55px !important; } .mr55 { margin-right: 55px !important; } .ml55 { margin-left: 55px !important; } .pt55 { padding-top: 55px !important; } .pb55 { padding-bottom: 55px !important; } .pr55 { padding-right: 55px !important; } .pl55 { padding-left: 55px !important; } .mt60 { margin-top: 60px !important; } .mb60 { margin-bottom: 60px !important; } .mr60 { margin-right: 60px !important; } .ml60 { margin-left: 60px !important; } .pt60 { padding-top: 60px !important; } .pb60 { padding-bottom: 60px !important; } .pr60 { padding-right: 60px !important; } .pl60 { padding-left: 60px !important; } .mt65 { margin-top: 65px !important; } .mb65 { margin-bottom: 65px !important; } .mr65 { margin-right: 65px !important; } .ml65 { margin-left: 65px !important; } .pt65 { padding-top: 65px !important; } .pb65 { padding-bottom: 65px !important; } .pr65 { padding-right: 65px !important; } .pl65 { padding-left: 65px !important; } .mt70 { margin-top: 70px !important; } .mb70 { margin-bottom: 70px !important; } .mr70 { margin-right: 70px !important; } .ml70 { margin-left: 70px !important; } .pt70 { padding-top: 70px !important; } .pb70 { padding-bottom: 70px !important; } .pr70 { padding-right: 70px !important; } .pl70 { padding-left: 70px !important; } .mt75 { margin-top: 75px !important; } .mb75 { margin-bottom: 75px !important; } .mr75 { margin-right: 75px !important; } .ml75 { margin-left: 75px !important; } .pt75 { padding-top: 75px !important; } .pb75 { padding-bottom: 75px !important; } .pr75 { padding-right: 75px !important; } .pl75 { padding-left: 75px !important; } .mt80 { margin-top: 80px !important; } .mb80 { margin-bottom: 80px !important; } .mr80 { margin-right: 80px !important; } .ml80 { margin-left: 80px !important; } .pt80 { padding-top: 80px !important; } .pb80 { padding-bottom: 80px !important; } .pr80 { padding-right: 80px !important; } .pl80 { padding-left: 80px !important; } .mt85 { margin-top: 85px !important; } .mb85 { margin-bottom: 85px !important; } .mr85 { margin-right: 85px !important; } .ml85 { margin-left: 85px !important; } .pt85 { padding-top: 85px !important; } .pb85 { padding-bottom: 85px !important; } .pr85 { padding-right: 85px !important; } .pl85 { padding-left: 85px !important; } .mt90 { margin-top: 90px !important; } .mb90 { margin-bottom: 90px !important; } .mr90 { margin-right: 90px !important; } .ml90 { margin-left: 90px !important; } .pt90 { padding-top: 90px !important; } .pb90 { padding-bottom: 90px !important; } .pr90 { padding-right: 90px !important; } .pl90 { padding-left: 90px !important; } .mt95 { margin-top: 95px !important; } .mb95 { margin-bottom: 95px !important; } .mr95 { margin-right: 95px !important; } .ml95 { margin-left: 95px !important; } .pt95 { padding-top: 95px !important; } .pb95 { padding-bottom: 95px !important; } .pr95 { padding-right: 95px !important; } .pl95 { padding-left: 95px !important; } .mt100 { margin-top: 100px !important; } .mb100 { margin-bottom: 100px !important; } .mr100 { margin-right: 100px !important; } .ml100 { margin-left: 100px !important; } .pt100 { padding-top: 100px !important; } .pb100 { padding-bottom: 100px !important; } .pr100 { padding-right: 100px !important; } .pl100 { padding-left: 100px !important; } .mtA { margin-top: auto !important; } .mbA { margin-bottom: auto !important; } .mlA { margin-left: auto !important; } .mrA { margin-right: auto !important; } .mtU { margin-top: unset !important; } .mbU { margin-bottom: unset !important; } .mlU { margin-left: unset !important; } .mrU { margin-right: unset !important; } @media only screen and (max-width: 767px) { .mtm0 { margin-top: 0px !important; } } @media only screen and (max-width: 767px) { .mbm0 { margin-bottom: 0px !important; } } @media only screen and (max-width: 767px) { .mlm0 { margin-left: 0px !important; } } @media only screen and (max-width: 767px) { .mrm0 { margin-right: 0px !important; } } @media only screen and (max-width: 767px) { .ptm0 { padding-top: 0px !important; } } @media only screen and (max-width: 767px) { .pbm0 { padding-bottom: 0px !important; } } @media only screen and (max-width: 767px) { .plm0 { padding-left: 0px !important; } } @media only screen and (max-width: 767px) { .prm0 { padding-right: 0px !important; } } @media only screen and (max-width: 767px) { .mtm5 { margin-top: 5px !important; } } @media only screen and (max-width: 767px) { .mbm5 { margin-bottom: 5px !important; } } @media only screen and (max-width: 767px) { .mlm5 { margin-left: 5px !important; } } @media only screen and (max-width: 767px) { .mrm5 { margin-right: 5px !important; } } @media only screen and (max-width: 767px) { .ptm5 { padding-top: 5px !important; } } @media only screen and (max-width: 767px) { .pbm5 { padding-bottom: 5px !important; } } @media only screen and (max-width: 767px) { .plm5 { padding-left: 5px !important; } } @media only screen and (max-width: 767px) { .prm5 { padding-right: 5px !important; } } @media only screen and (max-width: 767px) { .mtm10 { margin-top: 10px !important; } } @media only screen and (max-width: 767px) { .mbm10 { margin-bottom: 10px !important; } } @media only screen and (max-width: 767px) { .mlm10 { margin-left: 10px !important; } } @media only screen and (max-width: 767px) { .mrm10 { margin-right: 10px !important; } } @media only screen and (max-width: 767px) { .ptm10 { padding-top: 10px !important; } } @media only screen and (max-width: 767px) { .pbm10 { padding-bottom: 10px !important; } } @media only screen and (max-width: 767px) { .plm10 { padding-left: 10px !important; } } @media only screen and (max-width: 767px) { .prm10 { padding-right: 10px !important; } } @media only screen and (max-width: 767px) { .mtm15 { margin-top: 15px !important; } } @media only screen and (max-width: 767px) { .mbm15 { margin-bottom: 15px !important; } } @media only screen and (max-width: 767px) { .mlm15 { margin-left: 15px !important; } } @media only screen and (max-width: 767px) { .mrm15 { margin-right: 15px !important; } } @media only screen and (max-width: 767px) { .ptm15 { padding-top: 15px !important; } } @media only screen and (max-width: 767px) { .pbm15 { padding-bottom: 15px !important; } } @media only screen and (max-width: 767px) { .plm15 { padding-left: 15px !important; } } @media only screen and (max-width: 767px) { .prm15 { padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .mtm20 { margin-top: 20px !important; } } @media only screen and (max-width: 767px) { .mbm20 { margin-bottom: 20px !important; } } @media only screen and (max-width: 767px) { .mlm20 { margin-left: 20px !important; } } @media only screen and (max-width: 767px) { .mrm20 { margin-right: 20px !important; } } @media only screen and (max-width: 767px) { .ptm20 { padding-top: 20px !important; } } @media only screen and (max-width: 767px) { .pbm20 { padding-bottom: 20px !important; } } @media only screen and (max-width: 767px) { .plm20 { padding-left: 20px !important; } } @media only screen and (max-width: 767px) { .prm20 { padding-right: 20px !important; } } @media only screen and (max-width: 767px) { .mtm25 { margin-top: 25px !important; } } @media only screen and (max-width: 767px) { .mbm25 { margin-bottom: 25px !important; } } @media only screen and (max-width: 767px) { .mlm25 { margin-left: 25px !important; } } @media only screen and (max-width: 767px) { .mrm25 { margin-right: 25px !important; } } @media only screen and (max-width: 767px) { .ptm25 { padding-top: 25px !important; } } @media only screen and (max-width: 767px) { .pbm25 { padding-bottom: 25px !important; } } @media only screen and (max-width: 767px) { .plm25 { padding-left: 25px !important; } } @media only screen and (max-width: 767px) { .prm25 { padding-right: 25px !important; } } @media only screen and (max-width: 767px) { .mtm30 { margin-top: 30px !important; } } @media only screen and (max-width: 767px) { .mbm30 { margin-bottom: 30px !important; } } @media only screen and (max-width: 767px) { .mlm30 { margin-left: 30px !important; } } @media only screen and (max-width: 767px) { .mrm30 { margin-right: 30px !important; } } @media only screen and (max-width: 767px) { .ptm30 { padding-top: 30px !important; } } @media only screen and (max-width: 767px) { .pbm30 { padding-bottom: 30px !important; } } @media only screen and (max-width: 767px) { .plm30 { padding-left: 30px !important; } } @media only screen and (max-width: 767px) { .prm30 { padding-right: 30px !important; } } @media only screen and (max-width: 767px) { .mtm35 { margin-top: 35px !important; } } @media only screen and (max-width: 767px) { .mbm35 { margin-bottom: 35px !important; } } @media only screen and (max-width: 767px) { .mlm35 { margin-left: 35px !important; } } @media only screen and (max-width: 767px) { .mrm35 { margin-right: 35px !important; } } @media only screen and (max-width: 767px) { .ptm35 { padding-top: 35px !important; } } @media only screen and (max-width: 767px) { .pbm35 { padding-bottom: 35px !important; } } @media only screen and (max-width: 767px) { .plm35 { padding-left: 35px !important; } } @media only screen and (max-width: 767px) { .prm35 { padding-right: 35px !important; } } @media only screen and (max-width: 767px) { .mtm40 { margin-top: 40px !important; } } @media only screen and (max-width: 767px) { .mbm40 { margin-bottom: 40px !important; } } @media only screen and (max-width: 767px) { .mlm40 { margin-left: 40px !important; } } @media only screen and (max-width: 767px) { .mrm40 { margin-right: 40px !important; } } @media only screen and (max-width: 767px) { .ptm40 { padding-top: 40px !important; } } @media only screen and (max-width: 767px) { .pbm40 { padding-bottom: 40px !important; } } @media only screen and (max-width: 767px) { .plm40 { padding-left: 40px !important; } } @media only screen and (max-width: 767px) { .prm40 { padding-right: 40px !important; } } @media only screen and (max-width: 767px) { .mtm45 { margin-top: 45px !important; } } @media only screen and (max-width: 767px) { .mbm45 { margin-bottom: 45px !important; } } @media only screen and (max-width: 767px) { .mlm45 { margin-left: 45px !important; } } @media only screen and (max-width: 767px) { .mrm45 { margin-right: 45px !important; } } @media only screen and (max-width: 767px) { .ptm45 { padding-top: 45px !important; } } @media only screen and (max-width: 767px) { .pbm45 { padding-bottom: 45px !important; } } @media only screen and (max-width: 767px) { .plm45 { padding-left: 45px !important; } } @media only screen and (max-width: 767px) { .prm45 { padding-right: 45px !important; } } @media only screen and (max-width: 767px) { .mtm50 { margin-top: 50px !important; } } @media only screen and (max-width: 767px) { .mbm50 { margin-bottom: 50px !important; } } @media only screen and (max-width: 767px) { .mlm50 { margin-left: 50px !important; } } @media only screen and (max-width: 767px) { .mrm50 { margin-right: 50px !important; } } @media only screen and (max-width: 767px) { .ptm50 { padding-top: 50px !important; } } @media only screen and (max-width: 767px) { .pbm50 { padding-bottom: 50px !important; } } @media only screen and (max-width: 767px) { .plm50 { padding-left: 50px !important; } } @media only screen and (max-width: 767px) { .prm50 { padding-right: 50px !important; } } @media only screen and (max-width: 767px) { .mtMA { margin-top: auto !important; } } @media only screen and (max-width: 767px) { .mbMA { margin-bottom: auto !important; } } @media only screen and (max-width: 767px) { .mlMA { margin-left: auto !important; } } @media only screen and (max-width: 767px) { .mrMA { margin-right: auto !important; } } @media only screen and (max-width: 767px) { .mtMU { margin-top: unset !important; } } @media only screen and (max-width: 767px) { .mbMU { margin-bottom: unset !important; } } @media only screen and (max-width: 767px) { .mlMU { margin-left: unset !important; } } @media only screen and (max-width: 767px) { .mrMU { margin-right: unset !important; } } @keyframes arrow { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, -5px); } 100% { transform: translate(0px, 0px); } } @keyframes swipeH { 0% { transform: translate(5px, -50px); } 50% { transform: translate(-5px, -50px); } 100% { transform: translate(5px, -50px); } } *.hide, .hide { opacity: 0; pointer-events: none !important; transition: all 0.3s ease; } *.hidden, .hidden { display: none !important; } /* LIBRARIES */ /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: .75s; } @keyframes bounce { 0%, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scaleX(1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scaleX(1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } to { transform: rotate(0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } } .tada { animation-name: tada; } @keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { 0%, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scaleX(1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translateZ(0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { transform: perspective(400px) rotateY(-1turn); } 0%, 40% { animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { animation-timing-function: ease-in; } 40% { transform: perspective(400px) rotateX(-20deg); } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { animation-timing-function: ease-in; } 40% { transform: perspective(400px) rotateY(-20deg); } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { transform: skewX(-5deg); } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { transform-origin: center; transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { transform-origin: center; transform: rotate(200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { transform-origin: left bottom; transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; } 40%, 80% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateZ(0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /* COMPONENTS */ .loader { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; background: #006e8e; position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: all 1s ease; z-index: 3500; } .loader__container { position: relative; margin: 0 auto; width: 100px; } .loader__svg { width: 100%; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform-origin: center center; animation: rotate 2s linear infinite; } .loader__circular { stroke: #f2a949; stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; } .loader__circular:nth-of-type(2) { animation-delay: .3s; } .loader__circular:nth-of-type(3) { animation-delay: .6s; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes color { 100%, 0% { stroke: red; } 40% { stroke: green; } 66% { stroke: purple; } 80%, 90% { stroke: yellow; } } .bigBox { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; position: relative; } .bigBox__container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; position: static; padding-top: 17%; padding-bottom: 17%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bigBox__container { margin-left: 0 !important; } } .bigBox__content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 800px; padding-left: 10px; padding-right: 10px; margin: 0; z-index: +1; } @media only screen and (max-width: 767px) { .bigBox__content { padding-left: 20px; padding-right: 20px; } } .bigBox__bg { width: 100%; min-height: 600px; object-fit: cover; font-family: "object-fit: cover;"; height: 100%; position: absolute; top: 0; left: 0; } .bigBox.sanity-i .bigBox__bg { min-height: 800px; } .bigBox.carousel-i .bigBox__container { padding-top: 0; padding-bottom: 0; position: static; } .bigBox.about-i { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 0; } @media only screen and (max-width: 1240px) { .bigBox.about-i { min-height: 120px; } } @media only screen and (max-width: 767px) { .bigBox.about-i { min-height: 120px; } } .bigBox.about-i .bigBox__container { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; padding-bottom: 0; } @media only screen and (max-width: 480px) { .bigBox.about-i .bigBox__container { padding-top: 20px; padding-bottom: 30px; position: static; } } .bigBox.about-i .bigBox__content { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -70px; } @media only screen and (max-width: 767px) { .bigBox.about-i .bigBox__content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; } } @media only screen and (max-width: 767px) { .bigBox.about-i { min-height: 282px; padding: 20px; } .container h2{ padding: 0 20px; } } .bigBox.about-p .bigBox__content { margin-top: 0; } .bigBox.about-search { min-height: 400px; margin-bottom: 270px; } .bigBox.about-search .bigBox__content { max-width: unset; } .bigBox.sanity-i { min-height: 800px; height: auto; } .bigBox.sanity-i .bigBox__container { padding-bottom: calc(17% + 40px); } @media only screen and (max-width: 767px) { .bigBox.sanity-i .bigBox__container { padding-bottom: 17%; } } .bigBox.sanity-i .bigBox__content { width: 100%; max-width: unset; } .bigBox.sanity-s { min-height: 540px; height: auto; padding-bottom: 250px; } .bigBox.sanity-s .bigBox__container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 900px; padding-top: 0; padding-bottom: 0; margin-top: 0; } .bigBox.sanity-s .bigBox__content { width: 100%; max-width: unset; } .bigBox.sanity-d { padding-top: 60px; padding-bottom: 16%; margin-top: -12%; background: url("../img/bg/bg-n-11-white.png") no-repeat left top; background-size: cover; } @media only screen and (max-width: 767px) { .bigBox.sanity-d { background: url("../img/bg/bg-n-11-white_m.png") no-repeat left top; background-size: cover; } } .bigBox.sanity-w .bigBox__container { padding-bottom: 20%; } .bigBox.sanity-w .bigBox__content { max-width: 800px; margin-left: auto; margin-right: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bigBox.sanity-w .bigBox__content { margin-left: 0; } } .bigBox.productivity-i { min-height: 686px; height: auto; margin-top: -18.8%; } .bigBox.productivity-i .bigBox__container { padding-top: 10%; padding-bottom: 21%; } .bigBox.productivity-i .bigBox__content { width: 100%; max-width: unset; } .bigBox.productivity-p { min-height: 920px; } .bigBox.productivity-p .bigBox__bg { min-height: inherit; } .bigBox.productivity-p .bigBox__container { padding-top: 15%; padding-bottom: 240px; } @media only screen and (max-width: 767px) { .bigBox.productivity-p .bigBox__container { padding-bottom: 240px; } } .bigBox.productivity-p .bigBox__content { width: 100%; max-width: unset; } .bigBox.improvement-i { min-height: 562px; height: auto; margin-top: -18.8%; } .bigBox.improvement-i .bigBox__container { padding-top: 10%; padding-bottom: 21%; } .bigBox.improvement-im { min-height: 656px; height: auto; } .bigBox.improvement-im .bigBox__container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: auto; padding-top: 0; padding-bottom: 300px; position: static; } .bigBox.improvement-im .bigBox__content { width: 100%; max-width: unset; } .bigBox.sustainability-i { min-height: 672px; height: auto; margin-top: -17.8%; } .bigBox.sustainability-i .bigBox__container { padding-top: 10%; padding-bottom: 21%; } .bigBox.uses-i { min-height: 750px; height: auto; margin-top: -18.8%; } .bigBox.uses-i .bigBox__bg { min-height: inherit; } .bigBox.uses-i .bigBox__container { padding-top: 10%; padding-bottom: 22%; } .bigBox.service-i { min-height: 460px; height: auto; } @media only screen and (max-width: 767px) { .bigBox.service-i { min-height: 550px; } } .bigBox.service-i .bigBox__container { width: 100%; padding-top: 0; padding-bottom: 0; } .bigBox.service-i .bigBox__content { width: 100%; max-width: unset; margin-top: -6%; } .bigBox.news-n { min-height: 900px; padding-top: 16%; padding-bottom: 240px; } .bigBox.service-s{ padding-top: 0%; padding-bottom: 240px; } .bigBox.service-s .bigBox__container, .bigBox.news-n .bigBox__container { width: 100%; padding-top: 0; padding-bottom: 0; } .bigBox.service-s .bigBox__content, .bigBox.news-n .bigBox__content { width: 100%; max-width: unset; } .bigBox.news-i { min-height: 564px; height: auto; } .bigBox.news-i .bigBox__container { width: 100%; padding-top: 10%; padding-bottom: 18%; } .bigBox.news-i .bigBox__content { width: 100%; max-width: unset; } .bigBox.news-i .text { max-width: 650px; margin-left: auto; margin-right: auto; } .bigBox.publications-i { min-height: 500px; height: auto; } .bigBox.publications-i .bigBox__container { display: block; width: 100%; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 240px; position: static; } .bigBox.publications-i .bigBox__content { width: 100%; max-width: unset; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bigBox.publications-i .bigBox__content { margin-left: auto; margin-right: auto; } } .bigBox.story-w { min-height: 625px; height: auto; margin-top: -17%; } .bigBox.story-w .bigBox__bg { min-height: inherit; } .bigBox.story-w .bigBox__container { padding-top: 10%; padding-bottom: 21%; } .bigBox.story-w .bigBox__content { width: 100%; } .bigBox.who-w { min-height: 684px; height: auto; margin-top: -17%; } .bigBox.who-w .bigBox__bg { min-height: inherit; } .bigBox.who-w .bigBox__container { padding-top: 15%; padding-bottom: 4%; margin-top: 0; margin-bottom: 0; } .bigBox.who-w .bigBox__content { width: 100%; max-width: unset; } .bigBox.maps-w { min-height: 760px; height: auto; position: relative; } .bigBox.maps-w::before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; pointer-events: none; z-index: +1; } .bigBox.productivity-p { min-height: 920px; height: auto; } .bigBox.productivity-p .bigBox__content { width: 100%; max-width: unset; } .bigBox.wSpace { min-height: 590px; height: auto; } @media only screen and (max-width: 767px) { .bigBox.wSpace { min-height: 600px; } } .bigBox.wSpace .bigBox__container { width: 100%; } .bigBox.wSpace .bigBox__content { width: 100%; max-width: unset; margin-top: -6%; } .bigBox.symptom-d { min-height: 760px; } .bigBox.symptom-d .bigBox__bg { min-height: 760px; } .bigBox.driving-d { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 760px; } .bigBox.driving-d.mtNegative { margin-top: -14%; } .bigBox.driving-d .bigBox__bg { min-height: 760px; } .bigBox.driving-d .bigBox__container { padding-top: 8%; padding-bottom: 14%; } .bigBox.driving-d .bigBox__content { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bigBox.driving-d--centerY { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 8%; padding-bottom: 17%; } .bigBox.driving-d--centerY .bigBox__container { padding-top: 0; padding-bottom: 0; } .bigBox.info-d { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 580px; padding-top: 60px; padding-bottom: 226px; margin-top: -14%; } @media only screen and (max-width: 767px) { .bigBox.info-d { min-height: 520px; } } .bigBox.info-d .bigBox__bg { min-height: 480px; } .bigBox.info-d .bigBox__container { padding-top: 0; padding-bottom: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bigBox.info-d .bigBox__container { padding-top: 7%; } } .boxCircle { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 20px; } .boxCircle__item { width: 100%; max-width: 200px; margin: 10px 35px; } @media only screen and (max-width: 767px) { .boxCircle__item { margin: 20px 35px; } } .boxCircle__item>.text { display: block; width: 100%; margin-top: 15px; text-align: center; position: relative; } .boxCircle__item>.text.boxCircle__link { margin-top: 22px; } .boxCircle__item>.text--m { margin-top: 5px; } .boxCircle__mask { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 200px; height: 200px; padding: 5px; padding-top: 10px; border-radius: 100%; position: relative; overflow: hidden; transition: all 0.3s ease; } .boxCircle__mask:hover { transform: scale(1.1); } .boxCircle__mask__img { width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .boxCircle__mask .text { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; text-align: center; text-transform: uppercase; line-height: 20px; position: relative; } .boxCircle__link { text-decoration: underline; } .boxCircle--inner { padding: 10px 20px; } @media only screen and (max-width: 1199px) { .boxCircle--inner .boxCircle__item { display: block; } } @media only screen and (max-width: 991px) { .boxCircle--inner .boxCircle__item { display: block; } } @media only screen and (max-width: 767px) { .boxCircle--inner .boxCircle__item:first-of-type { display: block; } } .boxCircle--bgWhite .boxCircle__item>.text { color: #006e8e; } .boxCircle--bgWhite .boxCircle__item>.text.boxCircle__link { color: #f2a949; } .boxCircle--bgImg .boxCircle__item>.text { color: #f2a949; } .boxCircle--bgImg .boxCircle__item>.text.boxCircle__link { color: #FFF; } .boxCircle--noLink .boxCircle__item>.text { color: #827b6c; pointer-events: none; } .boxCircle--noLink .boxCircle__item>.text.boxCircle__link { display: none; } .boxCircle--noLink .boxCircle__mask { cursor: default; } .boxCircle--noLink .boxCircle__mask:hover { transform: scale(1); } .boxCircle--noLinkImg .boxCircle__item>.text { color: #FFF; pointer-events: none; } .boxCircle--noLinkImg .boxCircle__item>.text.boxCircle__link { display: none; } .boxCircle--noLinkImg .boxCircle__mask { cursor: default; } .boxCircle--noLinkImg .boxCircle__mask:hover { transform: scale(1); } .boxCircle--peN .boxCircle__item { pointer-events: none; } .sound { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 40px; background: rgba(0, 0, 0, 0.2); padding-left: 10px; padding-right: 10px; } @media only screen and (max-width: 767px) { .sound { padding-top: 5px; padding-bottom: 5px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sound { height: 40px; } } .sound:hover { background: rgba(0, 0, 0, 0.3); } .sound__text { font-size: 0.75rem; } @media only screen and (max-width: 767px) { .sound__text { width: 100%; text-align: center; } } .header__bottom .sound { display: none; } @media only screen and (max-width: 1240px) { .header__bottom .sound { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .map { width: 100%; height: 100%; min-height: inherit; } .listDad { margin-left: auto; margin-right: auto; position: relative; overflow-x: auto; } .listDad ul { list-style-type: disc; } .list { width: 100%; } .list__item { color: #FFF; } .footer .list__item { font-size: 0.625rem; text-align: left; } @media only screen and (max-width: 767px) { .footer .list__item { font-size: 0.5625rem; text-align: center; } } .logo { display: inline-block; } .footer .logo { -ms-flex-order: 1; order: 1; } @media only screen and (max-width: 767px) { .footer .logo { -ms-flex-order: unset; order: unset; } } .logo__img { width: 100%; } .footer .logo__img { width: 280px; height: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer .logo__img { width: 164px; } } @media only screen and (max-width: 1240px) { .footer .logo__img { width: 120px; } } .header .logo__img { width: 115px; height: auto; } .header .logo { margin-right: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header .logo { margin-right: unset; } } @media only screen and (max-width: 1240px) { .header .logo { margin-left: auto; } } .searchBar { width: 100%; max-width: 150px; min-height: 26px; position: relative; } @media only screen and (max-width: 1240px) { .header__top .searchBar { display: none; } } .nav .searchBar { display: none; } @media only screen and (max-width: 1240px) { .nav .searchBar { display: block; width: 100%; max-width: 500px; margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .nav .searchBar { margin-bottom: 20px; } } .searchBar__input { width: 100%; height: 26px; padding: 7px 30px 7px 12px; border: 2px solid #FFF; border-radius: 15px; background: transparent; font-family: "gothamBook", Arial, Helvetica, sans-serif; font-size: 0.75rem; text-align: right; color: #FFF; transition: all 0.3s ease; } .searchBar__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.31); } .searchBar__input:-moz-placeholder { color: rgba(255, 255, 255, 0.31); } .searchBar__input::-moz-placeholder { color: rgba(255, 255, 255, 0.31); } .searchBar__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.31); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .searchBar__input { padding-top: 4px; } } @media only screen and (max-width: 1240px) { .nav .searchBar__input { height: 40px; border: 1px solid #FFF; border-radius: 20px; text-align: center; font-size: 0.9375rem; color: #FFF; } .nav .searchBar__input::-webkit-input-placeholder { color: #FFF; } .nav .searchBar__input:-moz-placeholder { color: #FFF; } .nav .searchBar__input::-moz-placeholder { color: #FFF; } .nav .searchBar__input:-ms-input-placeholder { color: #FFF; } } @media only screen and (max-width: 767px) { .nav .searchBar__input { font-size: 0.75rem; } } .bubble { width: auto; max-width: 352px; padding: 25px 43px 25px 64px; background: #006e8e; font-size: 1.875rem; color: #FFF; z-index: +1; } @media only screen and (max-width: 767px) { .bubble { padding: 20px; } .bubble .title { font-size: 1.125rem; } } @media only screen and (max-width: 480px) { .bubble { max-width: 300px; } } .carousel-i .bubble { max-width: 400px; position: absolute; right: 0; } @media only screen and (max-width: 480px) { .carousel-i .bubble { max-width: 280px; } } .bubble--left { border-radius: 90px 0 0 90px; text-align: left; } .bubble--right { border-radius: 90px 0 0 90px; text-align: right; } .bubble--right .btn { margin-top: 10px; font-size: 1rem; } .bubble--transparent { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; max-width: unset !important; padding: 0 10px; margin: auto; background: transparent; position: absolute; right: 0; left: 0; } .bubble--transparent .title { margin-bottom: 10%; } @media only screen and (max-width: 767px) { .bubble--transparent .title { margin-bottom: 5%; } } .social { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 50px; } .header__top .social { height: auto; } .social__item { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social__item .icon { margin-left: 7px; margin-right: 7px; } .social__item:first-of-type .icon { margin-left: 0; } .social__item:last-of-type .icon { margin-right: 5px; } .header .social { width: auto; margin-left: 20px; } .footer__top .social { display: none; } @media only screen and (max-width: 767px) { .footer__top .social { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__bottom .social { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .footer__bottom .social { display: none; } } .opR { object-position: right top; font-family: 'object-fit: cover; object-position: right top;'; } .opC { object-position: center top; font-family: 'object-fit: cover; object-position: center top;'; } .opL { object-position: left top; font-family: 'object-fit: cover; object-position: left top;'; } @media only screen and (max-width: 767px) { .opRM { object-position: right top; font-family: 'object-fit: cover; object-position: right top;'; } } @media only screen and (max-width: 767px) { .opCM { object-position: center top; font-family: 'object-fit: cover; object-position: center top;'; } } @media only screen and (max-width: 767px) { .opLM { object-position: left top; font-family: 'object-fit: cover; object-position: left top;'; } } .ftLight { font-family: "gothamLight", Arial, Helvetica, sans-serif !important; } .ftBook { font-family: "gothamBook", Arial, Helvetica, sans-serif !important; } .ftBlack { font-family: "gothamBlack", Arial, Helvetica, sans-serif !important; } .ftBold { font-family: "gothamBold", Arial, Helvetica, sans-serif !important; } .title { width: 100%; font-family: "gothamBold", Arial, Helvetica, sans-serif; font-size: 1.875rem; } .title--l { font-size: 2.5rem; } .title--m { font-size: 1.5625rem; } .title--s { font-size: 1.4375rem; } @media only screen and (max-width: 767px) { .title { font-size: 1.5625rem; } .title--l { font-size: 1.875rem; } .title--m { font-size: 1.4375rem; } .title--s { font-size: 1.25rem; } } .text { width: 100%; font-size: 1rem; } .text--m { font-size: 0.875rem; } .text--s { font-size: 0.8125rem; } .white { color: #FFF !important; } .aquamarine { color: #006e8e !important; } .yellow { color: #f2a949 !important; } .orange { color: #eb8b2e !important; } .coffee { color: #7a6e52 !important; } .gray { color: #827b6c !important; } .w100 { width: 100%; height: 0; border: none; background: none; } .w100--img { height: auto; } .mapContainer { width: 100%; min-height: inherit; } .mapBox { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; text-align: center; /* position: absolute; */ top: 20px; right: 0; z-index: +2; background: #002740; padding-bottom: 20px; } .mapBox__marker__text { color: #000; } .boxText>p { margin-bottom: 10px; } .max900px { max-width: 900px; width: 100%; } iframe { width: 98%; max-width: 900px; height: 460px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { iframe { height: 340px; overflow: scroll; } } @media only screen and (max-width: 480px) { iframe { height: 240px; } } .mtNegative { margin-top: -14%; } .breadcrumbs { font-size: 0.6875rem; position: absolute; top: 108px; /* left: 85px; */ color: #FFF; /* z-index: 100; */ z-index: +2; width: 1200px; left: 0; right: 0; margin: auto; } @media only screen and (min-width: 1400px) { .breadcrumbs { width: 1366px !important; } } @media only screen and (max-width: 767px) { .breadcrumbs { top: 70px; width: auto; } } .breadcrumbs a, .breadcrumbs span { color: #FFF; } .breadcrumbs .current-item { font-family: "gothamBold", Arial, Helvetica, sans-serif; } label.btn input { display: none !important; } .btn { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; vertical-align: middle; padding: 14px 40px; border: 1px solid transparent; border-radius: 24px; outline: none; text-transform: uppercase; text-align: center; cursor: pointer; transition: all 0.3s ease; } .btn--aquamarine { background: #006e8e; color: #FFF; } .btn--white { border-color: #FFF; background: #FFF; } .btn--orange { background: #eb8b2e; } .footer .btn--circle { width: 36px; height: 36px; padding: 0; border-radius: 50%; background: #FFF; position: absolute; top: 44px; pointer-events: all; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer .btn--circle { margin-left: auto; margin-right: auto; left: 0; right: 0; } } @media only screen and (max-width: 767px) { .footer .btn--circle { display: none; width: 46px; height: 46px; top: 28px; } } .header__bottom .btn { display: none; } @media only screen and (max-width: 1240px) { .header__bottom .btn { display: block; } } .nav .btn--white { max-width: 145px; padding-top: 11px; padding-bottom: 11px; margin-top: 20px; margin-left: auto; margin-right: auto; font-size: 0.9375rem; } .icon { display: inline-block; width: 48px; height: 48px; } .icon--sound { background: url("../img/icons/sound.png") no-repeat center; background-size: contain; } .header .icon--sound { width: 29px; height: 20px; } @media only screen and (max-width: 767px) { .header .icon--sound { margin-left: auto; margin-right: auto; margin-top: 5px; } } .icon--twitter { background: url("../img/icons/twitter.png") no-repeat center; background-size: contain; } .header .icon--twitter { width: 24px; height: 24px; } .footer__bottom .icon--twitter { width: 30px; height: 30px; } .icon--linkedin { background: url("../img/icons/linkedin.png") no-repeat center; background-size: contain; } .header .icon--linkedin { width: 24px; height: 24px; } .footer__bottom .icon--linkedin { width: 30px; height: 30px; } .icon--youtube { background: url("../img/icons/youtube.png") no-repeat center; background-size: contain; } .header .icon--youtube { width: 24px; height: 24px; } .footer__bottom .icon--youtube { width: 30px; height: 30px; } .icon--arrow { background: url("../img/icons/arrow-orange.png") no-repeat center; background-size: contain; } .footer .icon--arrow { width: 19px; height: 13px; } @media only screen and (max-width: 767px) { .footer .icon--arrow { width: 24px; height: 18px; } } .icon--search { background: url("../img/icons/search.png") no-repeat center; background-size: contain; } .header .icon--search { width: 14px; height: 14px; margin: auto; position: absolute; top: 0; bottom: 0; right: 10px; cursor: pointer; } .icon--search-d { background: url("../img/icons/search-d.png") no-repeat center; background-size: contain; } .header .icon--search-d { width: 14px; height: 14px; margin: auto; position: absolute; top: 0; bottom: 0; right: 10px; cursor: pointer; } @media only screen and (max-width: 1240px) { .nav .icon--search-d { width: 26px; height: 26px; right: unset; left: 15px; } } .hamburger-menu { display: none; width: 40px; height: 28px; position: relative; cursor: pointer; z-index: 2; } @media only screen and (max-width: 1240px) { .hamburger-menu { display: inline-block; } } .hamburger-menu .bar, .hamburger-menu .bar:after, .hamburger-menu .bar:before { width: 40px; height: 2px; border-radius: 5px; } .hamburger-menu .bar { background: white; position: relative; transform: translateY(13px); transition: all 0ms 300ms; } .hamburger-menu .bar.animate { background: rgba(255, 255, 255, 0); } .hamburger-menu .bar:before { content: ""; bottom: 13px; background: white; position: absolute; left: 0; transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu .bar:after { content: ""; background: white; position: absolute; left: 0; top: 13px; transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu .bar.animate:after { top: 0; transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu .bar.animate:before { bottom: 0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } table { margin-top: 60px; font-size: 0.8125rem; color: #FFF; position: relative; } table td, table th { width: 100%; padding: 10px 5px; border: 1px solid #FFF; display: table-cell; vertical-align: inherit; } @media only screen and (max-width: 767px) { table::before { content: ""; display: block; width: 35px; height: 35px; background: url("../img/icons/swipe-h.png") no-repeat center; background-size: contain; margin-left: auto; margin-right: auto; position: fixed; left: 0; right: 0; transition: all 0.3s ease; animation: swipeH 1.5s infinite ease; } } .gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery br { display: none; } @media only screen and (max-width: 991px) { .gallery-item { min-width: 50%; } } @media only screen and (max-width: 767px) { .gallery-item { min-width: 100%; } } .gallery-icon img { border: none !important; } .selectize-control { width: 100%; } .selectize-control.select--400 { max-width: 400px; height: 48px; margin-left: auto; margin-right: auto; } .selectize-control.select--400 .selectize-input { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 48px; padding-right: 48px; border-radius: 24px; transition: all 0.3s ease; border-color: transparent; background: #f2a949; font-size: 0.875rem; text-transform: uppercase; color: #FFF; } @media only screen and (max-width: 480px) { .selectize-control.select--400 .selectize-input { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 20px; font-size: 0.8125rem; line-height: 1.1; } } .selectize-control.select--400 .selectize-input::after { display: block; width: 25px; height: 13px; border: 0; margin: auto; background: url("../img/icons/arrow-white.png") no-repeat center; background-size: contain; position: absolute; top: 0; bottom: 0; right: 18px; transition: all 0.3s ease; } .selectize-control.select--400 .selectize-input.input-active { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 0; background: #f2a949; color: #000; } .selectize-control.select--400 .selectize-input.input-active::after { margin: auto; opacity: 0; } .carousel { position: relative; } .carousel .owl-nav { display: block !important; width: 100%; height: 50px; margin: auto; position: absolute; top: 0; bottom: 0; pointer-events: none; } @media only screen and (max-width: 767px) { .carousel .owl-nav { top: 120px; bottom: unset; } } .carousel .owl-nav .owl-prev, .carousel .owl-nav .owl-next { width: 25px; height: 48px; outline: none; position: absolute; top: 0; left: -30px; pointer-events: all; } @media only screen and (max-width: 767px) { .carousel .owl-nav .owl-prev, .carousel .owl-nav .owl-next { width: 23px; height: 44px; left: -10px; } } .carousel .owl-nav .owl-prev span, .carousel .owl-nav .owl-next span { display: block; width: 100%; height: 100%; background: url("../img/icons/arrow-aquamarine.png") no-repeat center; background-size: contain; color: transparent; } .carousel .owl-nav .owl-next { left: unset; right: -30px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .carousel .owl-nav .owl-next { left: auto; } } @media only screen and (max-width: 767px) { .carousel .owl-nav .owl-next { left: unset; right: -10px; } } .carousel .owl-nav .owl-next span { transform: rotate(180deg); } .carousel .owl-dots { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .carousel .owl-dots .owl-dot { outline: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .carousel .owl-dots .owl-dot { overflow: visible; } } .carousel .owl-dots .owl-dot span { border-radius: 50%; transition: all 0.3s ease; } .carousel__item { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .carousel--sanidad .carousel__item { padding-left: 30px; padding-right: 30px; } .carousel__item.boxCircle__item { margin: 10px auto; } .carousel__mask { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 200px; height: 200px; border-radius: 50%; position: relative; overflow: hidden; } .carousel__mask__img { width: 100%; height: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .carousel--i .carousel__item { position: relative; } .carousel--i .carousel__bg { object-fit: cover; } .carousel--i .owl-nav { display: none !important; } .carousel--i .owl-dots { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 17px; height: 100%; margin: auto; position: absolute; top: 0; left: 20px; bottom: 0; } @media only screen and (max-width: 767px) { .carousel--i .owl-dots { display: none; } } .carousel--i .owl-dot { width: 11px; height: 11px; margin: 3px; border: 1px solid white !important; border-radius: 50%; pointer-events: all; transition: all 0.3s ease; } .carousel--i .owl-dot.active { background: #FFF; } .carousel--sanity-i .owl-item { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .carousel--sanity-i .carousel__item { width: 100%; max-width: 500px; } .carousel--sanity-i .owl-nav .owl-prev span, .carousel--sanity-i .owl-nav .owl-next span { background: url("../img/icons/arrow-orange-2.png") no-repeat center; background-size: contain; } @media only screen and (max-width: 767px) { .carousel--sanity-i .owl-nav { display: none !important; } } .carousel--sanity-i .owl-dots { margin-top: 50px; } @media only screen and (max-width: 767px) { .carousel--sanity-i .owl-dots { margin-top: 30px; } } .carousel--sanity-i .owl-dots .owl-dot span { display: block; width: 6px; height: 6px; margin-left: 4px; margin-right: 4px; background: #FFF; } .carousel--sanity-i .owl-dots .owl-dot.active span { transform: scale(2); background: #f2a949; } .carousel--service-i .title, .carousel--extension-xc .title { min-height: 60px; } @media only screen and (max-width: 1366px) { .carousel--service-i .owl-nav .owl-prev, .carousel--extension-xc .owl-nav .owl-prev { left: 0; } .carousel--service-i .owl-nav .owl-next, .carousel--extension-xc .owl-nav .owl-next { right: 0; } } @media only screen and (max-width: 767px) { .carousel--service-i .owl-nav, .carousel--extension-xc .owl-nav { display: none !important; } } .carousel--extension-xc .owl-nav .owl-prev span, .carousel--extension-xc .owl-nav .owl-next span { background: url("../img/icons/arrow-orange-2.png") no-repeat center; background-size: contain; } .carousel--extension-xc .owl-dots { margin-top: 50px; } .carousel--extension-xc .owl-dots .owl-dot span { display: block; width: 6px; height: 6px; margin-left: 4px; margin-right: 4px; background: #FFF; } .carousel--extension-xc .owl-dots .owl-dot.active span { transform: scale(2); background: #f2a949; } .carousel--publications-i .owl-nav { display: none !important; } .carousel--publications-i .owl-dots { margin-top: 50px; } .carousel--publications-i .owl-dots .owl-dot span { display: block; width: 6px; height: 6px; margin-left: 4px; margin-right: 4px; background: #006e8e; } .carousel--publications-i .owl-dots .owl-dot.active span { transform: scale(2); background: #f2a949; } .carousel--who-w .owl-nav { display: none !important; } .carousel--who-w .owl-dots { margin-top: 32px; margin-bottom: 35px; } .carousel--who-w .owl-dots .owl-dot span { display: block; width: 6px; height: 6px; margin-left: 4px; margin-right: 4px; background: #006e8e; } .carousel--who-w .owl-dots .owl-dot.active span { transform: scale(2); background: #f2a949; } .carousel--who-w .carousel__mask { width: 234px; height: 234px; border: 2px dotted #f2a949; overflow: visible; transition: all 0.3s ease; } .carousel--who-w .carousel__mask__img { width: 200px !important; height: 200px; border-radius: 50%; overflow: hidden; transition: all 0.3s ease; } .carousel--experimental .boxCircle__item { max-width: unset; } .carousel--experimental .carousel__mask { max-width: unset; width: 100%; border-radius: 0; } .carousel--experimental .carousel__mask__img { object-fit: cover; } .carousel--experimental .owl-nav .owl-prev span, .carousel--experimental .owl-nav .owl-next span { background: url("../img/icons/arrow-white-2.png") no-repeat center; background-size: contain; } @media only screen and (max-width: 767px) { .carousel--experimental .owl-nav { display: none !important; } } .carousel.boxCircle--bgWhite .boxCircle__item>.text { color: #006e8e; } .carousel.boxCircle--bgWhite .boxCircle__item>.text.boxCircle__link { color: #f2a949; } .carousel.boxCircle--bgImg .boxCircle__item>.text { color: #f2a949; } .carousel.boxCircle--bgImg .boxCircle__item>.text.boxCircle__link { color: #FFF; } .carousel.boxCircle--noLink .boxCircle__item>.text { color: #827b6c; pointer-events: none; } .carousel.boxCircle--noLink .boxCircle__item>.text.boxCircle__link { display: none; } .carousel.boxCircle--noLink .boxCircle__mask { cursor: default; } .carousel.boxCircle--noLink .boxCircle__mask:hover { transform: scale(1); } .carousel.boxCircle--noLinkImg .boxCircle__item>.text { color: #FFF; pointer-events: none; } .carousel.boxCircle--noLinkImg .boxCircle__item>.text.boxCircle__link { display: none; } .carousel.boxCircle--noLinkImg .boxCircle__mask { cursor: default; } .carousel.boxCircle--noLinkImg .boxCircle__mask:hover { transform: scale(1); } .carousel.boxCircle--peN .boxCircle__item, .carousel.boxCircle--peN .carousel__item { pointer-events: none; } .form { width: 100%; } /* LAYOUT */ .container { width: 100%; } .container--general { overflow: hidden; } .container--limit { max-width: 1366px; margin-left: auto; margin-right: auto; } .header { width: 100%; background: rgba(0, 110, 142, 0.5); position: fixed; top: 0; left: 0; z-index: 300; } @media only screen and (max-width: 767px) { .header { background: #006e8e; } } .header__top { min-height: 40px; background: rgba(31, 60, 91, 0.74); } @media only screen and (max-width: 1240px) { .header__top { display: none; } } .header__top .header__container { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: unset; min-height: inherit; height: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header__top .header__container { max-width: none; } } @media only screen and (max-width: 1366px) { .header__top .header__container { padding-left: 10px; padding-right: 10px; } } .header__bottom { min-height: 61px; background: url("../img/bg/bg-pattern.png") repeat center; } .header__bottom .header__container { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: unset; min-height: inherit; height: auto; padding-left: 15px; padding-right: 15px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header__bottom .header__container { max-width: none; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header__bottom .header__container { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 1366px) { .header__bottom .header__container { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .header__bottom .header__container { padding-left: 20px; padding-right: 20px; } } .header__language { display: none; width: 24px; height: 24px; border: 2px solid #FFF; border-radius: 50%; padding-right: 2px; font-size: 0.6875rem; text-transform: uppercase; color: #FFF; } .header__top .header__language { margin-left: 18px; } .header__bottom .header__language { display: none; } @media only screen and (max-width: 1240px) { .header__bottom .header__language { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 36px; height: 36px; border: 1px solid #FFF; font-size: 1.0625rem; } } .nav { min-height: inherit; transition: all 0.3s ease; } @media only screen and (max-width: 1240px) { .nav { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; min-height: 100%; max-height: 100vh; padding: 66px 20px 20px; background: linear-gradient(45deg, #29537c 0%, #006e8e 100%); position: fixed; top: 0; left: 0; pointer-events: none; opacity: 0; overflow-y: auto; } .nav.active { pointer-events: all; opacity: 1; } } @media only screen and (max-width: 1240px) and (max-width: 767px) { .nav.active { height: 100%; } } @media only screen and (max-width: 767px) { .nav { display: block; } } .nav__container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: inherit; height: auto; } @media only screen and (max-width: 767px) { .nav__container { overflow-y: auto; } } .nav__list { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: inherit; height: auto; } @media only screen and (max-width: 1240px) { .nav__list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .nav__list__item { min-height: inherit; height: auto; font-size: 0.8125rem; } .nav__list__item:hover .nav__list__link, .nav__list__item.active .nav__list__link { background: rgba(31, 60, 91, 0.8); color: #c5bca5; } .nav__list__item.active .nav__list__link { font-family: "gothamBlack", Arial, Helvetica, sans-serif; } @media only screen and (max-width: 1240px) { .nav__list__item { width: 100%; font-family: "gothamBook", Arial, Helvetica, sans-serif; position: relative; } .nav__list__item:hover .nav__list__link, .nav__list__item.active .nav__list__link { background: transparent; color: #c5bca5; } .nav__list__item:hover .nav__list__link { background: transparent; color: #FFF; } .nav__list__item::before { content: ""; width: 106px; height: 1px; margin: auto; background: transparent; position: absolute; bottom: 20px; left: 0; right: 0; } .nav__list__item::after { content: ""; position: absolute; } } @media only screen and (max-width: 1240px) and (max-width: 1240px) { .nav__list__item.active .nav__list__link { padding-bottom: 40px; } } @media only screen and (max-width: 1240px) and (max-width: 767px) { .nav__list__item.active .nav__list__link { padding-bottom: 30px; } } @media only screen and (max-width: 1240px) { .nav__list__item.active::before { background: #c5bca5; } } .nav__list__link { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: inherit; height: auto; padding-left: 3px; padding-right: 4px; font-family: "gothamBook", Arial, Helvetica, sans-serif; color: #FFF; transition: all 0.3s ease; } @media only screen and (max-width: 1240px) { .nav__list__link { padding-bottom: 20px; font-size: 1.0625rem; } } @media only screen and (max-width: 767px) { .nav__list__link { padding-bottom: 18px; font-size: 0.9375rem; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .nav__list__link { padding-top: 20px; padding-bottom: 20px; } } .footer { margin-top: -224px; position: relative; pointer-events: none; z-index: +5; } .footer__top { min-height: 226px; padding-top: 60px; padding-bottom: 20px; background: url("../img/bg/bg-footer.png") no-repeat center top; background-size: cover; position: relative; } .footer__top .footer__container { max-width: unset; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer__top .footer__container { max-width: none; } } @media only screen and (max-width: 767px) { .footer__top { min-height: 340px; padding-top: 78px; padding-bottom: 15px; background: url("../img/bg/bg-footer_m.png") no-repeat center top; background-size: cover; } } .footer__container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 30px; padding-right: 30px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer__container { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .footer__container { padding-left: 10px; padding-right: 10px; } } .footer__data { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; /* align-items: center; */ align-items: flex-start; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; max-width: 400px; margin-right: auto; pointer-events: all; } @media only screen and (max-width: 767px) { .footer__data { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: unset; } } .footer__bottom { min-height: 52px; margin-top: -1px; background-color: #29537c; background-image: url("../img/bg/bg-pattern.png"); background-repeat: repeat; background-position: center center; pointer-events: all; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer__bottom { margin-top: 0; margin-bottom: -4px; } } .footer__bottom__left { width: 50%; } @media only screen and (max-width: 767px) { .footer__bottom__left { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } } .footer__bottom__right { width: 50%; } @media only screen and (max-width: 767px) { .footer__bottom__right { display: none; } } @media only screen and (max-width: 767px) { .footer__bottom { min-height: 68px; } } .footer__bottom .footer__container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: unset; min-height: inherit; padding-top: 2px; padding-bottom: 2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .footer__bottom .footer__container { max-width: none; } } @media only screen and (max-width: 767px) { .footer__bottom .footer__container { padding-top: 21px; padding-bottom: 21px; } } .footer__bottom .text { font-size: 0.875rem; } .header__top .social.active { margin-left: -10px; } .header__top .social.active .icon--facebook { display: none; } .header__top .social.active .icon--linkedin { display: none; } .header__top .social.active .icon--youtube { display: none; } .header__top .social.active .icon--facebookWhite { display: block; } .header__top .social.active .icon--linkedinWhite { display: block; } .header__top .social.active .icon--youtubeWhite { display: block; } .resultSearch{ margin: 100px 0 0; display: block; min-height: 400px; } .alm-reveal{ width: 100%; max-width: 50%; margin: 0 auto; } .alm-reveal:last-child{ margin: 0 auto 160px; } .alm-reveal .alm-item img, .alm-reveal .alm-item .entry-meta{ display: none; } .alm-reveal .alm-item{ padding: 0 0 0 0 !important; text-align: center; } .alm-reveal .alm-item a{ font-family: "gothamBold", Arial, Helvetica, sans-serif !important; color: #006e8e !important; } @media only screen and (max-width: 768px){ .alm-reveal{ width: 100%; max-width: 100%; margin: 0 auto; padding: 0 15px; } } .boxHigh .boxHigh__item, .boxHighn .boxHigh__item{ width: 300px; border-radius: 25px; border: 1px solid #ccc; height: 350px; margin: auto; overflow: hidden; } .boxHigh .boxHigh__item a, .boxHighn .boxHigh__item a{ width: 100%; height: 100%; display: block; } .boxHigh .boxHigh__item .boxHigh__mask, .boxHighn .boxHigh__item .boxHigh__mask{ border-top-left-radius: 25px; border-top-right-radius: 25px; height: 100%; min-height: 227px; max-height: 227px; } .boxHigh .boxHigh__item .boxHigh__mask .boxHigh__mask__img, .boxHighn .boxHigh__item .boxHigh__mask .boxHigh__mask__img{ display: block; width: 100%; height: 100%; object-fit: cover; } .boxHigh .boxHigh__item .boxHigh__content, .boxHighn .boxHigh__item .boxHigh__content{ padding: 31px 20px; } .boxHigh .boxHigh__item .boxHigh__content .boxHigh__title, .boxHighn .boxHigh__item .boxHigh__content .boxHigh__title{ color: #006E8D !important; min-height:40px; } .boxHigh .owl-nav, .boxHighn .owl-nav { position: absolute; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; left: 0; right: 0; bottom: 3.7%; } .boxHigh .owl-prev, .boxHighn .owl-prev { color: #006E8D !important; font-size: 25px !important; margin-right: 5%; margin-top: 11px; } .boxHigh .owl-next, .boxHighn .owl-next { color: #006E8D !important; font-size: 25px !important; margin-top: 11px; margin-left: 5%; } .boxHigh .owl-dots, .boxHighn .owl-dots { display: flex; justify-content: center; margin: 40px 0 20px 0; } .boxHigh button.owl-dot.active, .boxHighn button.owl-dot.active { background: #006E8D !important; margin: 0 8px; } .boxHigh button.owl-dot, .boxHighn button.owl-dot { width: 15px; height: 15px; background: transparent !important; border: 1px solid #006E8D !important; border-radius: 25px; margin: 0 8px; z-index: 2; } .boxHigh .boxHigh__item .boxHigh__logo, .boxHighn .boxHigh__item .boxHigh__logo{ width: 50%; height: auto; max-width: 50%; margin: 10px 0 0 auto; } .bhtres .boxHigh__item{ width: 300px; border-radius: 25px; border: 1px solid #ccc; height: 350px; margin: auto; overflow: hidden; } .bhtres .boxHigh__item a{ width: 100%; height: 100%; display: block; } .bhtres .boxHigh__item .boxHigh__mask{ border-top-left-radius: 25px; border-top-right-radius: 25px; height: 100%; min-height: 227px; max-height: 227px; } .bhtres .boxHigh__item .boxHigh__mask .boxHigh__mask__img{ display: block; width: 100%; height: 100%; object-fit: cover; } .bhtres .boxHigh__item .boxHigh__content{ padding: 31px 20px; } .bhtres .boxHigh__item .boxHigh__content .boxHigh__title{ color: #006E8D !important; min-height:40px; } .bhtres .owl-nav { position: absolute; display: flex; justify-content: center; align-items: center; align-content: center; text-align: center; left: 0; right: 0; bottom: 3.7%; } .bhtres .owl-prev { color: #006E8D !important; font-size: 25px !important; margin-right: 5%; margin-top: 11px; } .boxHigh .owl-next { color: #006E8D !important; font-size: 25px !important; margin-top: 11px; margin-left: 5%; } .bhtres .owl-dots { display: flex; justify-content: center; margin: 40px 0 20px 0; } .boxHigh button.owl-dot.active { background: #006E8D !important; margin: 0 8px; } .boxHigh button.owl-dot { width: 15px; height: 15px; background: transparent !important; border: 1px solid #006E8D !important; border-radius: 25px; margin: 0 8px; z-index: 2; } .bhtres .boxHigh__item .boxHigh__logo{ width: 50%; height: auto; max-width: 50%; margin: 10px 0 0 auto; } .boxFull{ width: 100%; max-width: 1366px; margin: 0 auto; } .boxFull .boxFull__item{ width: 100%; background-color: #194969; height: 380px; } .boxFull .boxFull__item .boxFull__titulo{ display:block; width:100%; text-align: center; } .boxFull .boxFull__item .boxFull__titulo h2{ color:#EEA74A; font-size: 30px; text-transform: uppercase; } .boxFull .boxFull__item .boxFull__btn{ background: #fff; padding: 10px 20px; margin: 15px; border-radius: 20px; } .boxFull .boxFull__item .boxFull__btn a{ color:#EEA74A; font-size: 22px; text-transform: uppercase; } .boxFull .qtenemos .owl-dots{ text-align: center; bottom: 8px; position: absolute; width: 100%; } .boxFull .qtenemos .owl-dots .owl-dot{ width: 20px; height: 20px; } .boxFull .qtenemos .owl-dots .owl-dot span{ width: 12px; height: 12px; background-color: #fff; border-radius: 50%; text-align: center; display: block; margin: 0 auto; } .boxFull .qtenemos .owl-dots .owl-dot.active span{ width: 16px; height: 16px; background-color: #EEA74A; margin-bottom: -2px; } .barrash p{ color:#EEA74A; } .barrash a{ color:#EEA74A; } .barrash .blocks__yellows .blocks__yellows__item{ color: #fff; background-color: #EEA74A; font-size: 18px; padding: 12px; text-align: center; margin: 10px auto; } .tecnocarrusel{ padding-bottom: 20px; } .tecnoyellowbox{ background-color:#EEA74A; } .tecnoyellowbox h2{ color: #fff; font-size: 22px; padding: 0 0 12px; } .tecnoyellowbox p{ color:#fff; } .tecnoprefoot .container--limit{ background-image: url(http://cenipalma.mullenlowedev.com/wp-content/uploads/2021/02/bgverde.jpg); background-size: cover; background-position:center; background-color:#416b41; padding: 40px; min-height: 325px; position: relative; } .tecnoprefoot .container--limit .boxBg__content{ width: 80%; margin: 0 auto; overflow: hidden; } .tecnoprefoot .container--limit .boxBg__content h2{ color:#fff; width: 70%; font-size: 38px; font-weight: bold; text-transform: uppercase; line-height: 33px; padding: 38px 0 18px; } .tecnoprefoot .container--limit .boxBg__content h3{ color:#EEA74A; width: 70%; font-size: 30px; line-height: 28px; text-transform: uppercase; } .tecnoprefoot .container--limit .boxBg__content .boxBg__btn{ border-radius: 12px; padding: 4px 15px; border: solid #fff 2px; width: fit-content; position: absolute; right: 12%; bottom: 24px; } .carousel-fullverde .owl-dots{ text-align: center; } .carousel-fullverde .owl-dots .owl-dot{ width: 16px; height: 16px; border-radius: 50%; border: #006E8D 1px solid; margin: 0 3px; } .carousel-fullverde .owl-dots .owl-dot.active{ background-color:#006E8D ; } .tecnoprefoot .container--limit .boxBg__content .boxBg__btn a{ color: #fff; text-transform: uppercase; font-weight: bold; } /* -----------------------LAFS INTERNAS-------------*/ .bigBox__content{ max-width: none; } .lafsinternas{ padding-top: 75px; } .descriplafs h1{ color:#275472; font-size: 25px; font-weight: bold; padding-bottom: 0px; } .descriplafs h6{ font-size: 14px; padding-bottom: 18px; } .lafsinternas h1{ color:#275472; font-size: 25px; padding-bottom: 12px; } .lafsinternas h2 { color: #275472; font-size: 25px; padding-bottom: 12px; } .titleslafs h2{ color: #B1B1B1; font-size: 20px; font-weight: bold; } .hsuport h2{ margin-top: 12px; color: #B1B1B1; font-size: 20px; font-weight: bold; } section.descriplafs.margen{ width:78%; margin: 0 auto; } section.descriplafs h2{ color:#B1B1B1; font-size: 20px; font-weight: bold; } section.descriplafs ul, section.descriplafs ol{ margin: 15px 0; padding:0 30px; } section.descriplafs ol{ list-style: decimal; } section.descriplafs ol li::before{ content:''; } section.descriplafs ul li::before { content: "⬤ "; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #275472; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1.2em; /* Also needed for space (tweak if needed) */ margin-left: -1.2em; /* Also needed for space (tweak if needed) */ } section.tablasyellow h3{ color:#B1B1B1; font-size: 20px; font-weight: bold; } section.tablasyellow table{ width:100%; border: 1px solid #EEA74A; margin: 15px auto 0; width: 78%; } section.tablasyellow .textfinal{ width: 78%; margin: 2px auto; } section.tablasyellow .yt { border-collapse:collapse; border-spacing:0; } section.tablasyellow .yt td{ border-style:solid; border-width:1px; font-family:Arial, sans-serif; font-size:14px; overflow:hidden; padding:10px 5px; word-break:normal; } section.tablasyellow .yt th{ border-color:black; border-style:solid; border-width:1px; font-size:20px; font-weight:normal; overflow:hidden; padding:10px 5px; word-break:normal; } section.tablasyellow .yt .yt-0pky{ border-color:inherit; width: 50%; display: table-cell; vertical-align: inherit; } section.tablasyellow table thead{ background-color: #EEA74A; color:#fff; text-align: center; font-size: 18px; } section.tablasyellow table .yellowtabcontent h3{ color: #EEA74A; font-size: 24px; } section.tablasyellow table .yellowtabcontent h4{ color: #EEA74A; font-size: 18px; padding-bottom: 12px; } section.tablasyellow table .yellowtabcontent p{ font-size: 14px; } section.tablasyellow p{ font-size: 14px; padding-bottom: 20px; color:#827b6c; } section.tablasyellow p.textfinal{ font-size: 14px; color: #EEA74A; } section.bloqueyellow p.textfinal{ font-size: 14px; color: #EEA74A; padding-bottom: 12px; } section.tablasgris table{ width:100%; border: 1px solid #B1B1B1; margin: 15px auto; width: 78%; } section.tablasgris .gt { border-collapse:collapse; border-spacing:0; } section.tablasgris .gt td{ border-style:solid; border-width:1px; font-family:Arial, sans-serif; font-size:14px; overflow:hidden; padding:10px 5px; word-break:normal; } section.tablasgris .gt th{ border-color:black; border-style:solid; border-width:1px; font-size:20px; font-weight:normal; overflow:hidden; padding:10px 5px; word-break:normal; } section.tablasgris .gt .gt-0pky{ border-color:inherit; vertical-align:top; width: 50%; } section.tablasgris table thead{ background-color: #B1B1B1; color:#fff; font-size: 18px; } section.tablasgris table .graycontent h3{ font-size: 16px; color:#827b6c; } .finalpage{ width: 100%; height: 40px; padding-bottom: 240px; } /*/////////////////////Bioinsumos internas/////////////////////////*/ section.descripbios h2{ color:#275472; font-size: 25px; font-weight: bold; padding-bottom: 12px; } section.descripbios h3{ color:#B1B1B1; font-size: 20px; font-weight: bold; } section.descripbios ul, section.descripbios ol{ margin: 15px 0; padding:0 30px; } section.descripbios ol{ list-style: decimal; } section.descripbios li{ padding-bottom: 8px; } section.descripbios ul li::before { content: "⬤ "; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #275472; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1.2em; /* Also needed for space (tweak if needed) */ margin-left: -1.2em; /* Also needed for space (tweak if needed) */ } section#slidercircles{ padding: 20px; } section#slidercircles .circlebox{ width: 160px; height: 160px; border: solid 1px #000; border-radius: 50%; background-size: cover; background-position: center; margin:0 auto; } section#slidercircles.owl-carousel .owl-dots{ display: block !important; text-align: center; } section#slidercircles.owl-carousel .owl-nav{ display:none; } section#slidercircles.owl-carousel .owl-dots .owl-dot{ background-color: #275472; width: 15px; height: 15px; margin: 5px; border-radius: 50%; } section#slidercircles.owl-carousel .owl-dots .owl-dot.active{ background-color: #EEA74A; } section.descripbiosyellow{ background-color: #EEA74A; padding: 25px 0; margin: 40px 0; } section.descripbiosyellow h1, section.descripbiosyellow h2, section.descripbiosyellow h3, section.descripbiosyellow h4, section.descripbiosyellow p{ color:#fff; } section.descripbiosyellow h1, section.descripbiosyellow h2, section.descripbiosyellow h3, section.descripbiosyellow h4{ font-size: 22px; font-weight: bold; padding: 5px 0 12px; } section.bloqueyellow{ padding: 20px 0; } section.bloqueyellow .top_yellow{ background-color: #EEA74A; padding: 20px 10%; border:solid 1px #EEA74A; } section.bloqueyellow .top_yellow p{ color:#fff; text-align: center; } section.bloqueyellow .bottom_white{ padding:20px 10%; border:solid 1px #EEA74A; } section.bloqueyellow .bottom_white p{ color:#827b6c; text-align: center; } .tecnoestilos a{ color: #EEA74A; } .tecnoestilos h1{ font-size: 1.575rem; color: #006e8e; margin-bottom: 20px; font-weight: bold; } .tecnoestilos h3{ color:#B1B1B1; font-size: 20px; font-weight: bold; } .tecnoestilos ul{ margin: 15px 0; padding:0 30px; } .tecnoestilos li{ padding-bottom: 8px; } .tecnoestilos li::before { content: "⬤ "; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #275472; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1.2em; /* Also needed for space (tweak if needed) */ margin-left: -1.2em; /* Also needed for space (tweak if needed) */ } .tecnoestilos .aligncenter, .descripbios .aligncenter{ width: fit-content; margin: 0 auto; display: block; } .comeback{ width: 100%; text-align: right; } .comeback a{ width: 100%; background-color: #EEA74A; color: #fff; border-radius: 15px; padding: 6px 16px; } @media only screen and (max-width: 768px){ .boxFull .boxFull__item { width: 100%; background-color: #194969; height: 392px; } .barrash p { padding: 2px 20px; } .tecnoyellowbox{ padding-left: 20px; padding-right: 20px; } section.descriplafs.margen{ width:100%; margin: 0 auto; } .descriplafs p{ padding-left: 20px; padding-right: 20px; } .tablasyellow{ padding-left: 20px; padding-right: 20px; } .tablasgris{ padding-left: 20px; padding-right: 20px; } .lafsinternas{ padding-left: 20px; padding-right: 20px; } .descripbios{ padding-left: 20px; padding-right: 20px; } section.descripbiosyellow{ padding-left: 20px; padding-right: 20px; } section.tablasyellow table, section.tablasgris table{ width: 95%; margin: 10px auto; } section.tablasyellow .textfinal{ width: 95%; margin: 2px auto; } } /* PAGE */ /*# sourceMappingURL=maps/main.css.map */ .container.container--general { max-width: 100%; padding: 0; }