/* ------------------------------------------------------------------------------------------------ */
/* Core style */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* Fonts */
/* ------------------------------------------------------------------------------------------------ */
@font-face { font-family: "Proxima Nova"; src: local("Proxima Nova"); src: url("../fonts/proximanova-light.eot"); src: url("../fonts/proximanova-light.svg") format("svg"), url("../fonts/proximanova-light.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-light.ttf") format("truetype"), url("../fonts/proximanova-light.woff") format("woff"); font-style: normal; font-weight: 200; }

@font-face { font-family: "Proxima Nova"; src: local("Proxima Nova"); src: url("../fonts/proximanova-regular.eot"); src: url("../fonts/proximanova-regular.svg") format("svg"), url("../fonts/proximanova-regular.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular.ttf") format("truetype"), url("../fonts/proximanova-regular.woff") format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Proxima Nova"; src: local("Proxima Nova"); src: url("../fonts/proximanova-semibold.eot"); src: url("../fonts/proximanova-semibold.svg") format("svg"), url("../fonts/proximanova-semibold.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold.ttf") format("truetype"), url("../fonts/proximanova-semibold.woff") format("woff"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Proxima Nova"; src: local("Proxima Nova"); src: url("../fonts/proximanova-bold.eot"); src: url("../fonts/proximanova-bold.svg") format("svg"), url("../fonts/proximanova-bold.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold.ttf") format("truetype"), url("../fonts/proximanova-bold.woff") format("woff"); font-style: normal; font-weight: 800; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueLight.eot"); src: url("../fonts/HelveticaNeueLight.svg") format("svg"), url("../fonts/HelveticaNeueLight.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueLight.ttf") format("truetype"), url("../fonts/HelveticaNeueLight.woff") format("woff"); font-style: normal; font-weight: 300; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueRegular.eot"); src: url("../fonts/HelveticaNeueRegular.svg") format("svg"), url("../fonts/HelveticaNeueRegular.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueRegular.ttf") format("truetype"), url("../fonts/HelveticaNeueRegular.woff") format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueSemibold.eot"); src: url("../fonts/HelveticaNeueSemibold.svg") format("svg"), url("../fonts/HelveticaNeueSemibold.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueSemibold.ttf") format("truetype"), url("../fonts/HelveticaNeueSemibold.woff") format("woff"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue"); src: url("../fonts/HelveticaNeueBoldy.eot"); src: url("../fonts/HelveticaNeueBoldy.svg") format("svg"), url("../fonts/HelveticaNeueBoldy.eot#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueBoldy.ttf") format("truetype"), url("../fonts/HelveticaNeueBoldy.woff") format("woff"); font-style: normal; font-weight: 800; }

@font-face { font-family: "Open Sans"; src: local("Open Sans"); src: url("../fonts/OpenSans-Light.eot"); src: url("../fonts/OpenSans-Light.svg") format("svg"), url("../fonts/OpenSans-Light.eot#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.ttf") format("truetype"), url("../fonts/OpenSans-Light.woff") format("woff"); font-style: normal; font-weight: 200; }

@font-face { font-family: "Open Sans"; src: local("Open Sans"); src: url("../fonts/OpenSans-Regular.eot"); src: url("../fonts/OpenSans-Regular.svg") format("svg"), url("../fonts/OpenSans-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.woff") format("woff"); font-style: normal; font-weight: 400; }

@font-face { font-family: "Open Sans"; src: local("Open Sans"); src: url("../fonts/OpenSans-Semibold.eot"); src: url("../fonts/OpenSans-Semibold.svg") format("svg"), url("../fonts/OpenSans-Semibold.eot#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/OpenSans-Semibold.woff") format("woff"); font-style: normal; font-weight: 600; }

@font-face { font-family: "Open Sans"; src: local("Open Sans"); src: url("../fonts/OpenSans-Bold.eot"); src: url("../fonts/OpenSans-Bold.svg") format("svg"), url("../fonts/OpenSans-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.woff") format("woff"); font-style: normal; font-weight: 800; }

.mb0 { margin-bottom: 0px; }

.mt0 { margin-top: 0px; }

@media (max-width: 767px) { .mt0 { margin-top: 30px; } }

.mtd0 { margin-top: 0px; margin-bottom: 0px; }

@media (max-width: 767px) { .mtd0 { margin-bottom: 30px; margin-top: 30px; } }

.ml0 { margin-left: 0px; }

.mlsm0 { margin-left: 0px; }

@media (max-width: 768px) { .mlsm0 { margin: 0; } }

.mr0 { margin-right: 0px; }

.pd0 { padding: 0px; }

.ptd0 { padding-top: 0px; padding-bottom: 0px; }

@media (max-width: 767px) { .ptd0 { padding-bottom: 50px; padding-top: 50px; } }

.pt0 { padding-top: 0px; }

@media (max-width: 767px) { .pt0 { padding-top: 30px; } }

.pb0 { padding-bottom: 0px; }

@media (max-width: 767px) { .pb0 { padding-bottom: 50px; } }

.mb5 { margin-bottom: 5px; }

.mt5 { margin-top: 5px; }

@media (max-width: 767px) { .mt5 { margin-top: 30px; } }

.mtd5 { margin-top: 5px; margin-bottom: 5px; }

@media (max-width: 767px) { .mtd5 { margin-bottom: 30px; margin-top: 30px; } }

.ml5 { margin-left: 5px; }

.mlsm5 { margin-left: 5px; }

@media (max-width: 768px) { .mlsm5 { margin: 0; } }

.mr5 { margin-right: 5px; }

.pd5 { padding: 5px; }

.ptd5 { padding-top: 5px; padding-bottom: 5px; }

@media (max-width: 767px) { .ptd5 { padding-bottom: 50px; padding-top: 50px; } }

.pt5 { padding-top: 5px; }

@media (max-width: 767px) { .pt5 { padding-top: 30px; } }

.pb5 { padding-bottom: 5px; }

@media (max-width: 767px) { .pb5 { padding-bottom: 50px; } }

.mb10 { margin-bottom: 10px; }

.mt10 { margin-top: 10px; }

@media (max-width: 767px) { .mt10 { margin-top: 30px; } }

.mtd10 { margin-top: 10px; margin-bottom: 10px; }

@media (max-width: 767px) { .mtd10 { margin-bottom: 30px; margin-top: 30px; } }

.ml10 { margin-left: 10px; }

.mlsm10 { margin-left: 10px; }

@media (max-width: 768px) { .mlsm10 { margin: 0; } }

.mr10 { margin-right: 10px; }

.pd10 { padding: 10px; }

.ptd10 { padding-top: 10px; padding-bottom: 10px; }

@media (max-width: 767px) { .ptd10 { padding-bottom: 50px; padding-top: 50px; } }

.pt10 { padding-top: 10px; }

@media (max-width: 767px) { .pt10 { padding-top: 30px; } }

.pb10 { padding-bottom: 10px; }

@media (max-width: 767px) { .pb10 { padding-bottom: 50px; } }

.mb15 { margin-bottom: 15px; }

.mt15 { margin-top: 15px; }

@media (max-width: 767px) { .mt15 { margin-top: 30px; } }

.mtd15 { margin-top: 15px; margin-bottom: 15px; }

@media (max-width: 767px) { .mtd15 { margin-bottom: 30px; margin-top: 30px; } }

.ml15 { margin-left: 15px; }

.mlsm15 { margin-left: 15px; }

@media (max-width: 768px) { .mlsm15 { margin: 0; } }

.mr15 { margin-right: 15px; }

.pd15 { padding: 15px; }

.ptd15 { padding-top: 15px; padding-bottom: 15px; }

@media (max-width: 767px) { .ptd15 { padding-bottom: 50px; padding-top: 50px; } }

.pt15 { padding-top: 15px; }

@media (max-width: 767px) { .pt15 { padding-top: 30px; } }

.pb15 { padding-bottom: 15px; }

@media (max-width: 767px) { .pb15 { padding-bottom: 50px; } }

.mb20 { margin-bottom: 20px; }

.mt20 { margin-top: 20px; }

@media (max-width: 767px) { .mt20 { margin-top: 30px; } }

.mtd20 { margin-top: 20px; margin-bottom: 20px; }

@media (max-width: 767px) { .mtd20 { margin-bottom: 30px; margin-top: 30px; } }

.ml20 { margin-left: 20px; }

.mlsm20 { margin-left: 20px; }

@media (max-width: 768px) { .mlsm20 { margin: 0; } }

.mr20 { margin-right: 20px; }

.pd20 { padding: 20px; }

.ptd20 { padding-top: 20px; padding-bottom: 20px; }

@media (max-width: 767px) { .ptd20 { padding-bottom: 50px; padding-top: 50px; } }

.pt20 { padding-top: 20px; }

@media (max-width: 767px) { .pt20 { padding-top: 30px; } }

.pb20 { padding-bottom: 20px; }

@media (max-width: 767px) { .pb20 { padding-bottom: 50px; } }

.mb25 { margin-bottom: 25px; }

.mt25 { margin-top: 25px; }

@media (max-width: 767px) { .mt25 { margin-top: 30px; } }

.mtd25 { margin-top: 25px; margin-bottom: 25px; }

@media (max-width: 767px) { .mtd25 { margin-bottom: 30px; margin-top: 30px; } }

.ml25 { margin-left: 25px; }

.mlsm25 { margin-left: 25px; }

@media (max-width: 768px) { .mlsm25 { margin: 0; } }

.mr25 { margin-right: 25px; }

.pd25 { padding: 25px; }

.ptd25 { padding-top: 25px; padding-bottom: 25px; }

@media (max-width: 767px) { .ptd25 { padding-bottom: 50px; padding-top: 50px; } }

.pt25 { padding-top: 25px; }

@media (max-width: 767px) { .pt25 { padding-top: 30px; } }

.pb25 { padding-bottom: 25px; }

@media (max-width: 767px) { .pb25 { padding-bottom: 50px; } }

.mb30 { margin-bottom: 30px; }

.mt30 { margin-top: 30px; }

@media (max-width: 767px) { .mt30 { margin-top: 30px; } }

.mtd30 { margin-top: 30px; margin-bottom: 30px; }

@media (max-width: 767px) { .mtd30 { margin-bottom: 30px; margin-top: 30px; } }

.ml30 { margin-left: 30px; }

.mlsm30 { margin-left: 30px; }

@media (max-width: 768px) { .mlsm30 { margin: 0; } }

.mr30 { margin-right: 30px; }

.pd30 { padding: 30px; }

.ptd30 { padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 767px) { .ptd30 { padding-bottom: 50px; padding-top: 50px; } }

.pt30 { padding-top: 30px; }

@media (max-width: 767px) { .pt30 { padding-top: 30px; } }

.pb30 { padding-bottom: 30px; }

@media (max-width: 767px) { .pb30 { padding-bottom: 50px; } }

.mb35 { margin-bottom: 35px; }

@media (max-width: 767px) { .mb35 { margin-bottom: 30px; } }

.mt35 { margin-top: 35px; }

@media (max-width: 767px) { .mt35 { margin-top: 30px; } }

.mtd35 { margin-top: 35px; margin-bottom: 35px; }

@media (max-width: 767px) { .mtd35 { margin-bottom: 30px; margin-top: 30px; } }

.ml35 { margin-left: 35px; }

.mlsm35 { margin-left: 35px; }

@media (max-width: 768px) { .mlsm35 { margin: 0; } }

.mr35 { margin-right: 35px; }

.pd35 { padding: 35px; }

.ptd35 { padding-top: 35px; padding-bottom: 35px; }

@media (max-width: 767px) { .ptd35 { padding-bottom: 50px; padding-top: 50px; } }

.pt35 { padding-top: 35px; }

@media (max-width: 767px) { .pt35 { padding-top: 30px; } }

.pb35 { padding-bottom: 35px; }

@media (max-width: 767px) { .pb35 { padding-bottom: 50px; } }

.mb40 { margin-bottom: 40px; }

@media (max-width: 767px) { .mb40 { margin-bottom: 30px; } }

.mt40 { margin-top: 40px; }

@media (max-width: 767px) { .mt40 { margin-top: 30px; } }

.mtd40 { margin-top: 40px; margin-bottom: 40px; }

@media (max-width: 767px) { .mtd40 { margin-bottom: 30px; margin-top: 30px; } }

.ml40 { margin-left: 40px; }

.mlsm40 { margin-left: 40px; }

@media (max-width: 768px) { .mlsm40 { margin: 0; } }

.mr40 { margin-right: 40px; }

.pd40 { padding: 40px; }

.ptd40 { padding-top: 40px; padding-bottom: 40px; }

@media (max-width: 767px) { .ptd40 { padding-bottom: 50px; padding-top: 50px; } }

.pt40 { padding-top: 40px; }

@media (max-width: 767px) { .pt40 { padding-top: 30px; } }

.pb40 { padding-bottom: 40px; }

@media (max-width: 767px) { .pb40 { padding-bottom: 50px; } }

.mb50 { margin-bottom: 50px; }

@media (max-width: 767px) { .mb50 { margin-bottom: 30px; } }

.mt50 { margin-top: 50px; }

@media (max-width: 767px) { .mt50 { margin-top: 30px; } }

.mtd50 { margin-top: 50px; margin-bottom: 50px; }

@media (max-width: 767px) { .mtd50 { margin-bottom: 30px; margin-top: 30px; } }

.ml50 { margin-left: 50px; }

.mlsm50 { margin-left: 50px; }

@media (max-width: 768px) { .mlsm50 { margin: 0; } }

.mr50 { margin-right: 50px; }

.pd50 { padding: 50px; }

.ptd50 { padding-top: 50px; padding-bottom: 50px; }

@media (max-width: 767px) { .ptd50 { padding-bottom: 50px; padding-top: 50px; } }

.pt50 { padding-top: 50px; }

@media (max-width: 767px) { .pt50 { padding-top: 30px; } }

.pb50 { padding-bottom: 50px; }

@media (max-width: 767px) { .pb50 { padding-bottom: 50px; } }

.mb60 { margin-bottom: 60px; }

@media (max-width: 767px) { .mb60 { margin-bottom: 30px; } }

.mt60 { margin-top: 60px; }

@media (max-width: 767px) { .mt60 { margin-top: 30px; } }

.mtd60 { margin-top: 60px; margin-bottom: 60px; }

@media (max-width: 767px) { .mtd60 { margin-bottom: 30px; margin-top: 30px; } }

.ml60 { margin-left: 60px; }

.mlsm60 { margin-left: 60px; }

@media (max-width: 768px) { .mlsm60 { margin: 0; } }

.mr60 { margin-right: 60px; }

.pd60 { padding: 60px; }

.ptd60, #footer { padding-top: 60px; padding-bottom: 60px; }

@media (max-width: 767px) { .ptd60, #footer { padding-bottom: 50px; padding-top: 50px; } }

.pt60 { padding-top: 60px; }

@media (max-width: 767px) { .pt60 { padding-top: 30px; } }

.pb60 { padding-bottom: 60px; }

@media (max-width: 767px) { .pb60 { padding-bottom: 50px; } }

.mb70 { margin-bottom: 70px; }

@media (max-width: 767px) { .mb70 { margin-bottom: 30px; } }

.mt70 { margin-top: 70px; }

@media (max-width: 767px) { .mt70 { margin-top: 30px; } }

.mtd70 { margin-top: 70px; margin-bottom: 70px; }

@media (max-width: 767px) { .mtd70 { margin-bottom: 30px; margin-top: 30px; } }

.ml70 { margin-left: 70px; }

.mlsm70 { margin-left: 70px; }

@media (max-width: 768px) { .mlsm70 { margin: 0; } }

.mr70 { margin-right: 70px; }

.pd70 { padding: 70px; }

.ptd70 { padding-top: 70px; padding-bottom: 70px; }

@media (max-width: 767px) { .ptd70 { padding-bottom: 50px; padding-top: 50px; } }

.pt70 { padding-top: 70px; }

@media (max-width: 767px) { .pt70 { padding-top: 30px; } }

.pb70 { padding-bottom: 70px; }

@media (max-width: 767px) { .pb70 { padding-bottom: 50px; } }

.mb75 { margin-bottom: 75px; }

@media (max-width: 767px) { .mb75 { margin-bottom: 30px; } }

.mt75 { margin-top: 75px; }

@media (max-width: 767px) { .mt75 { margin-top: 30px; } }

.mtd75 { margin-top: 75px; margin-bottom: 75px; }

@media (max-width: 767px) { .mtd75 { margin-bottom: 30px; margin-top: 30px; } }

.ml75 { margin-left: 75px; }

.mlsm75 { margin-left: 75px; }

@media (max-width: 768px) { .mlsm75 { margin: 0; } }

.mr75 { margin-right: 75px; }

.pd75 { padding: 75px; }

.ptd75 { padding-top: 75px; padding-bottom: 75px; }

@media (max-width: 767px) { .ptd75 { padding-bottom: 50px; padding-top: 50px; } }

.pt75 { padding-top: 75px; }

@media (max-width: 767px) { .pt75 { padding-top: 30px; } }

.pb75 { padding-bottom: 75px; }

@media (max-width: 767px) { .pb75 { padding-bottom: 50px; } }

.mb80 { margin-bottom: 80px; }

@media (max-width: 767px) { .mb80 { margin-bottom: 30px; } }

.mt80 { margin-top: 80px; }

@media (max-width: 767px) { .mt80 { margin-top: 30px; } }

.mtd80 { margin-top: 80px; margin-bottom: 80px; }

@media (max-width: 767px) { .mtd80 { margin-bottom: 30px; margin-top: 30px; } }

.ml80 { margin-left: 80px; }

.mlsm80 { margin-left: 80px; }

@media (max-width: 768px) { .mlsm80 { margin: 0; } }

.mr80 { margin-right: 80px; }

.pd80 { padding: 80px; }

.ptd80 { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 767px) { .ptd80 { padding-bottom: 50px; padding-top: 50px; } }

.pt80 { padding-top: 80px; }

@media (max-width: 767px) { .pt80 { padding-top: 30px; } }

.pb80 { padding-bottom: 80px; }

@media (max-width: 767px) { .pb80 { padding-bottom: 50px; } }

.mb90 { margin-bottom: 90px; }

@media (max-width: 767px) { .mb90 { margin-bottom: 30px; } }

.mt90 { margin-top: 90px; }

@media (max-width: 767px) { .mt90 { margin-top: 30px; } }

.mtd90 { margin-top: 90px; margin-bottom: 90px; }

@media (max-width: 767px) { .mtd90 { margin-bottom: 30px; margin-top: 30px; } }

.ml90 { margin-left: 90px; }

.mlsm90 { margin-left: 90px; }

@media (max-width: 768px) { .mlsm90 { margin: 0; } }

.mr90 { margin-right: 90px; }

.pd90 { padding: 90px; }

.ptd90 { padding-top: 90px; padding-bottom: 90px; }

@media (max-width: 767px) { .ptd90 { padding-bottom: 50px; padding-top: 50px; } }

.pt90 { padding-top: 90px; }

@media (max-width: 767px) { .pt90 { padding-top: 30px; } }

.pb90 { padding-bottom: 90px; }

@media (max-width: 767px) { .pb90 { padding-bottom: 50px; } }

.mb100 { margin-bottom: 100px; }

@media (max-width: 767px) { .mb100 { margin-bottom: 30px; } }

.mt100 { margin-top: 100px; }

@media (max-width: 767px) { .mt100 { margin-top: 30px; } }

.mtd100 { margin-top: 100px; margin-bottom: 100px; }

@media (max-width: 767px) { .mtd100 { margin-bottom: 30px; margin-top: 30px; } }

.ml100 { margin-left: 100px; }

.mlsm100 { margin-left: 100px; }

@media (max-width: 768px) { .mlsm100 { margin: 0; } }

.mr100 { margin-right: 100px; }

.pd100 { padding: 100px; }

.ptd100 { padding-top: 100px; padding-bottom: 100px; }

@media (max-width: 767px) { .ptd100 { padding-bottom: 50px; padding-top: 50px; } }

.pt100 { padding-top: 100px; }

@media (max-width: 767px) { .pt100 { padding-top: 30px; } }

.pb100 { padding-bottom: 100px; }

@media (max-width: 767px) { .pb100 { padding-bottom: 50px; } }

.mb120 { margin-bottom: 120px; }

@media (max-width: 767px) { .mb120 { margin-bottom: 30px; } }

.mt120 { margin-top: 120px; }

@media (max-width: 767px) { .mt120 { margin-top: 30px; } }

.mtd120 { margin-top: 120px; margin-bottom: 120px; }

@media (max-width: 767px) { .mtd120 { margin-bottom: 30px; margin-top: 30px; } }

.ml120 { margin-left: 120px; }

.mlsm120 { margin-left: 120px; }

@media (max-width: 768px) { .mlsm120 { margin: 0; } }

.mr120 { margin-right: 120px; }

.pd120 { padding: 120px; }

.ptd120 { padding-top: 120px; padding-bottom: 120px; }

@media (max-width: 767px) { .ptd120 { padding-bottom: 50px; padding-top: 50px; } }

.pt120 { padding-top: 120px; }

@media (max-width: 767px) { .pt120 { padding-top: 30px; } }

.pb120 { padding-bottom: 120px; }

@media (max-width: 767px) { .pb120 { padding-bottom: 50px; } }

.mb150 { margin-bottom: 150px; }

@media (max-width: 767px) { .mb150 { margin-bottom: 30px; } }

.mt150 { margin-top: 150px; }

@media (max-width: 767px) { .mt150 { margin-top: 30px; } }

.mtd150 { margin-top: 150px; margin-bottom: 150px; }

@media (max-width: 767px) { .mtd150 { margin-bottom: 30px; margin-top: 30px; } }

.ml150 { margin-left: 150px; }

.mlsm150 { margin-left: 150px; }

@media (max-width: 768px) { .mlsm150 { margin: 0; } }

.mr150 { margin-right: 150px; }

.pd150 { padding: 150px; }

.ptd150 { padding-top: 150px; padding-bottom: 150px; }

@media (max-width: 767px) { .ptd150 { padding-bottom: 50px; padding-top: 50px; } }

.pt150 { padding-top: 150px; }

@media (max-width: 767px) { .pt150 { padding-top: 30px; } }

.pb150 { padding-bottom: 150px; }

@media (max-width: 767px) { .pb150 { padding-bottom: 50px; } }

.mb200 { margin-bottom: 200px; }

@media (max-width: 767px) { .mb200 { margin-bottom: 30px; } }

.mt200 { margin-top: 200px; }

@media (max-width: 767px) { .mt200 { margin-top: 30px; } }

.mtd200 { margin-top: 200px; margin-bottom: 200px; }

@media (max-width: 767px) { .mtd200 { margin-bottom: 30px; margin-top: 30px; } }

.ml200 { margin-left: 200px; }

.mlsm200 { margin-left: 200px; }

@media (max-width: 768px) { .mlsm200 { margin: 0; } }

.mr200 { margin-right: 200px; }

.pd200 { padding: 200px; }

.ptd200 { padding-top: 200px; padding-bottom: 200px; }

@media (max-width: 767px) { .ptd200 { padding-bottom: 50px; padding-top: 50px; } }

.pt200 { padding-top: 200px; }

@media (max-width: 767px) { .pt200 { padding-top: 30px; } }

.pb200 { padding-bottom: 200px; }

@media (max-width: 767px) { .pb200 { padding-bottom: 50px; } }

.mb240 { margin-bottom: 240px; }

@media (max-width: 767px) { .mb240 { margin-bottom: 30px; } }

.mt240 { margin-top: 240px; }

@media (max-width: 767px) { .mt240 { margin-top: 30px; } }

.mtd240 { margin-top: 240px; margin-bottom: 240px; }

@media (max-width: 767px) { .mtd240 { margin-bottom: 30px; margin-top: 30px; } }

.ml240 { margin-left: 240px; }

.mlsm240 { margin-left: 240px; }

@media (max-width: 768px) { .mlsm240 { margin: 0; } }

.mr240 { margin-right: 240px; }

.pd240 { padding: 240px; }

.ptd240 { padding-top: 240px; padding-bottom: 240px; }

@media (max-width: 767px) { .ptd240 { padding-bottom: 50px; padding-top: 50px; } }

.pt240 { padding-top: 240px; }

@media (max-width: 767px) { .pt240 { padding-top: 30px; } }

.pb240 { padding-bottom: 240px; }

@media (max-width: 767px) { .pb240 { padding-bottom: 50px; } }

.mb300 { margin-bottom: 300px; }

@media (max-width: 767px) { .mb300 { margin-bottom: 30px; } }

.mt300 { margin-top: 300px; }

@media (max-width: 767px) { .mt300 { margin-top: 30px; } }

.mtd300 { margin-top: 300px; margin-bottom: 300px; }

@media (max-width: 767px) { .mtd300 { margin-bottom: 30px; margin-top: 30px; } }

.ml300 { margin-left: 300px; }

.mlsm300 { margin-left: 300px; }

@media (max-width: 768px) { .mlsm300 { margin: 0; } }

.mr300 { margin-right: 300px; }

.pd300 { padding: 300px; }

.ptd300 { padding-top: 300px; padding-bottom: 300px; }

@media (max-width: 767px) { .ptd300 { padding-bottom: 50px; padding-top: 50px; } }

.pt300 { padding-top: 300px; }

@media (max-width: 767px) { .pt300 { padding-top: 30px; } }

.pb300 { padding-bottom: 300px; }

@media (max-width: 767px) { .pb300 { padding-bottom: 50px; } }

/* ------------------------------------------------------------------------------------------------ */
/* Common */
/* ------------------------------------------------------------------------------------------------ */
*, *:after, *:before { box-sizing: border-box; }

/* Common */
hr { border: 0; border-top: 1px solid #e2e2e2; }

.clearfix { display: block; width: 100%; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

/* ------------------------------------------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------------------------------------------ */
a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #699120; text-decoration: none; }

a:focus { text-decoration: none; }

a:hover { color: inherit; opacity: 1; text-decoration: none; }

b { font-weight: normal; }

p { margin: 0 0 10px; padding: 0; }

p em, p i { font-style: italic; }

p u { text-decoration: underline; }

h1, h2, h3, h4 { margin: 0 0 10px; line-height: normal; font-weight: 400; }

h1 { font-size: 48px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

article { /* 2*16 = 32 */ /* 1.5*16 = 24 */ /* 1.17*16 = 18.72 */ /* 1*16 = 16 */ /* 0.83*16 = 13.28 */ /* 0.75*16 = 12 */ }

article h1 { font-size: 2em; }

article h2 { font-size: 1.5em; }

article h3 { font-size: 1.17em; }

article h4 { font-size: 1em; }

article h5 { font-size: 0.83em; }

article h6 { font-size: 0.75em; }

article p { line-height: 1.5; margin: 0 0 1em; }

article .indent p { margin: 0; }

article .indent p + p { text-indent: 2em; }

article p { word-break: keep-all; /* Non standard for webkit */ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

article a:visited { text-decoration: underline; }

article a:hover { text-decoration: none; }

article blockquote { font-style: italic; }

article blockquote:before { content: "\201C"; display: inline-block; padding-right: 0.4em; }

article li ul, article li ol { margin: 0 1.5em; }

article ul, article ol { margin: 0; }

article ul { list-style-type: disc; }

article ol { list-style-type: decimal; }

article ol ol { list-style: upper-alpha; }

article ol ol ol { list-style: lower-roman; }

article ol ol ol ol { list-style: lower-alpha; }

article li { margin-bottom: 10px; }

ul { padding: 0; margin: 0; }

.list-inline > li { padding: 0; }

label, .label { font-weight: normal; }

.text-bold, .not-found h1, .not-found .btn { font-weight: 800; font-family: "Open Sans", "Proxima Nova"; }

.text-regular, html, body, .bootstrap-select.select .btn { font-weight: 400; font-family: "Open Sans", "Proxima Nova"; }

.text-semibold { font-weight: 600; font-family: "Open Sans", "Proxima Nova"; }

.text-light, .not-found p { font-weight: 200; font-family: "Open Sans", "Proxima Nova"; }

.font-size-12 { font-size: 12px; line-height: 18px; }

.font-size-13 { font-size: 13px; line-height: 18px; }

.font-size-14 { font-size: 14px; line-height: 21px; }

.font-size-16 { font-size: 16px; line-height: 24px; }

@media (max-width: 767px) { .font-size-16 { font-size: 14px; line-height: 18px; } }

.font-size-18 { font-size: 18px; line-height: 30px; }

@media (max-width: 767px) { .font-size-18 { font-size: 16px; line-height: 24px; } }

.font-size-20 { font-size: 20px; line-height: 29px; }

@media (max-width: 767px) { .font-size-20 { font-size: 16px; line-height: 1.5; } }

.font-size-21 { font-size: 21px; line-height: 30px; }

@media (max-width: 767px) { .font-size-21 { font-size: 18px; line-height: 30px; } }

.font-size-24 { font-size: 24px; line-height: 30px; }

@media (max-width: 767px) { .font-size-24 { font-size: 21px; line-height: 1.5; } }

.font-size-26, .not-found p { font-size: 26px; line-height: 36px; }

@media (max-width: 767px) { .font-size-26, .not-found p { font-size: 22px; line-height: 1.5; } }

.font-size-30 { font-size: 30px; line-height: 45px; }

@media (max-width: 767px) { .font-size-30 { font-size: 20px; line-height: 1.5em; } }

.font-size-32 { font-size: 32px; line-height: 45px; }

@media (max-width: 767px) { .font-size-32 { font-size: 20px; line-height: 1.5em; } }

.font-size-36 { font-size: 36px; line-height: 45px; }

@media (max-width: 767px) { .font-size-36 { font-size: 21px; line-height: 1.5em; } }

.font-size-42 { font-size: 42px; line-height: 1.5; }

@media (max-width: 767px) { .font-size-42 { font-size: 24px; } }

.font-size-46 { font-size: 46px; line-height: 1.5; }

@media (max-width: 767px) { .font-size-46 { font-size: 24px; } }

.font-size-48 { font-size: 48px; line-height: 55px; }

@media (max-width: 767px) { .font-size-48 { font-size: 24px; line-height: 1.5em; } }

.font-size-60 { font-size: 60px; line-height: 1.2; }

@media (max-width: 768px) { .font-size-60 { font-size: 30px; } }

.font-size-72 { font-size: 72px; line-height: 1.2; }

@media (max-width: 767px) { .font-size-72 { font-size: 60px; } }

.font-size-80 { font-size: 80px; line-height: 1.2; }

@media (max-width: 992px) and (min-width: 768px) { .font-size-80 { font-size: 50px; } }

@media (max-width: 767px) { .font-size-80 { font-size: 50px; } }

.font-size-120 { font-size: 120px; line-height: normal; }

.text-capital, .not-found .btn { text-transform: uppercase; }

.row.row0 [class*="col-"] { padding: 0; }

.row.row10 { text-align: center; margin-bottom: 30px; }

.row.row10 [class*="col-"] { float: none; display: inline-block; padding: 10px; margin: -0.5%; }

.row.row10 [class*="col-"] .img-responsive { margin: 0 !important; width: 100%; }

/* ------------------------------------------------------------------------------------------------ */
/* Bootstrap */
/* ------------------------------------------------------------------------------------------------ */
.form-control, .bootstrap-select.select { border-color: #e2e2e2; }

.form-control:hover, .bootstrap-select.select:hover, .form-control:focus, .bootstrap-select.select:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none; border-color: #e2e2e2; }

html, body { font-size: 15px; line-height: 30px; font-weight: 400; margin: 0px; color: #212428; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

hr { margin: 20px 15px; }

@media (max-width: 767px) { hr { margin: 10px 0; } }

@media (min-width: 992px) { .col-md-offset-half { margin-left: 4.166665%; } }

/* ------------------------------------------------------------------------------------------------ */
/* Component style */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */
/* General */
/* ------------------------------------------------------------------------------------------------ */
.hidden { display: none; }

a:focus, a:hover { outline: none; }

.text-blue { color: #0054c4; }

.btn { position: relative; padding: 0 36px; transition: all ease 0.5s; border: none; background: #242c35; border-radius: 0; font-size: 14px; font-weight: bold; text-align: center; line-height: 50px; color: #FFFFFF; }

.btn:hover { background: #394553; }

.btn.btn-submit { color: #fff; padding: 0 30px; background: #0054c4; width: 240px; text-transform: uppercase; }

.btn.btn-submit:hover { background: #003e91; }

.datepicker-days table.table-condensed tbody tr td:nth-child(2), .datepicker-days table.table-condensed tbody tr td:nth-child(1), .datepicker-days table.table-condensed tbody tr td:nth-child(7) { pointer-events: none; color: #999; }

.img-responsive { margin: 0 auto; }

img { max-width: 100%; }

a { color: #0054c4; transition: all ease 0.5s; }

a.with-arrow { display: inline-block; font-weight: 300; }

a.with-arrow:after { content: ""; width: 20px; height: 5px; display: inline-block; background: url("../images/long-arrow.svg") no-repeat center; background-size: cover; position: relative; transition: all 0.5s; left: 5px; vertical-align: middle; }

a.with-arrow:hover:after { left: 15px; }

a:hover { color: #1277ff; }

main, .modal { color: #primary; }

main a, .modal a { font-wight: normal; }

main a .fa, .modal a .fa { margin-left: 10px; }

main a.link, .modal a.link { color: #0054c4; text-decoration: underline; }

main a.link .fa, .modal a.link .fa { margin: 0; position: relative; left: 13px; text-decoration: none; transition: all 0.5s; }

main a.link:hover, .modal a.link:hover { color: #006af7; }

main a.link:hover .fa, .modal a.link:hover .fa { left: 20px; }

main img.h65, .modal img.h65 { height: 65px; margin: 0; }

.text-red { color: #E02442 !important; }

.owl-dots { text-align: center; margin: 15px 0; }

.owl-dots .owl-dot { width: 11px; height: 11px; background: none; border: 1px solid #fff; margin: 0 15px; border-radius: 100%; display: inline-block; }

.owl-dots .owl-dot.active { background: #fff; border-color: #fff; }

.owl-dots.bordered .owl-dot { border: 1px solid #000; }

.pagination li a { margin-right: 10px; color: #000; padding: 0; width: 39px; line-height: 44px; text-align: center; border-radius: 0; border: none; font-weight: 600; }

.pagination li a:hover { color: #0054c4; background: none; border: none; }

@media (max-width: 767px) { .pagination li a { margin-right: 5px; } }

.pagination li.active a { color: #fff; background: #0054c4; border: none; }

.row.no-float { text-align: center; }

@media (min-width: 768px) { .row.no-float > [class*="col-"] { float: none; display: inline-block; margin-right: -1%; vertical-align: top; } }

.container p:last-child, .container ol:last-child, .container ul:last-child, .modal p:last-child, .modal ol:last-child, .modal ul:last-child, .container-fluid p:last-child, .container-fluid ol:last-child, .container-fluid ul:last-child { margin: 0; }

ul.circle { list-style: none; margin: 0 0 30px; }

ul.circle li { position: relative; padding-left: 25px; }

ul.circle li:before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #b27a55; }

.back-to-top { position: fixed; bottom: 35px; right: 15px; text-align: center; z-index: 100; cursor: pointer; opacity: 1; visibility: visible; transition: all 0.5s; }

@media (min-width: 768px) { .back-to-top { bottom: 30px; } }

.back-to-top .fa { font-size: 30px; line-height: 35px; height: 40px; width: 40px; text-align: center; color: #fff; border-radius: 100%; display: inline-block; background: transparent url(../images/puff.svg) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; margin: 0 0 5px; }

.back-to-top.h { bottom: 0; opacity: 0; visibility: hidden; }

.not-found { overflow: hidden; padding: 0; background: #131313; }

.not-found .fs { padding: 0; overflow: hidden; color: #fff; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; box-align: center; text-align: center; width: 100wh; height: 100vh; }

.not-found h1 { font-size: 120px; line-height: 1; }

@media (min-width: 768px) { .not-found h1 { font-size: 311px; } }

.not-found .btn { font-size: 18px; position: relative; background: #b71a33; z-index: 10; line-height: 60px; height: 60px; padding: 0 20px; }

@media (min-width: 100px) { .row .col-xs-3:nth-child(4n+1) { clear: left; }
  .row .col-xs-3:not(:nth-child(4n+1)) { clear: none; }
  .row .col-xs-4:nth-child(3n+1) { clear: left; }
  .row .col-xs-4:not(:nth-child(3n+1)) { clear: none; }
  .row .col-xs-6:nth-child(2n+1) { clear: left; }
  .row .col-xs-6:not(:nth-child(2n+1)) { clear: none; } }

@media (min-width: 767px) { .row .col-sm-3:nth-child(4n+1) { clear: left; }
  .row .col-sm-3:not(:nth-child(4n+1)) { clear: none; }
  .row .col-sm-4:nth-child(3n+1) { clear: left; }
  .row .col-sm-4:not(:nth-child(3n+1)) { clear: none; }
  .row .col-sm-6:nth-child(2n+1) { clear: left; }
  .row .col-sm-6:not(:nth-child(2n+1)) { clear: none; } }

@media (min-width: 1000px) { .row .col-md-3:nth-child(4n+1) { clear: left; }
  .row .col-md-3:not(:nth-child(4n+1)) { clear: none; }
  .row .col-md-4:nth-child(3n+1) { clear: left; }
  .row .col-md-4:not(:nth-child(3n+1)) { clear: none; }
  .row .col-md-6:nth-child(2n+1) { clear: left; }
  .row .col-md-6:not(:nth-child(2n+1)) { clear: none; } }

@media (min-width: 1000px) { .row .col-lg-3:nth-child(4n+1) { clear: left; }
  .row .col-lg-3:not(:nth-child(4n+1)) { clear: none; }
  .row .col-lg-4:nth-child(3n+1) { clear: left; }
  .row .col-lg-4:not(:nth-child(3n+1)) { clear: none; }
  .row .col-lg-6:nth-child(2n+1) { clear: left; }
  .row .col-lg-6:not(:nth-child(2n+1)) { clear: none; } }

.row.no-clear [class*="col-"] { clear: none !important; }

@media (max-width: 767px) { .slider-xs { margin: 0; } }

.text-gold { color: #dc9308; }

li b { font-weight: bold; }

.lity-iframe-container iframe { box-shadow: none !important; }

/* ------------------------------------------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------------------------------------------ */
header { position: fixed; top: 0; width: 100%; min-height: 50px; padding: 25px 0 20px; transition: all 0.5s; z-index: 10; background: #242c35; }

header .logo img, header .logo svg { width: 143px; }

header ul { list-style: none; padding: 0; margin: 0 -19px; text-align: right; }

header li { display: inline-block; }

header li a { display: block; padding: 0 20px; color: #FFFFFF; font-size: 14px; font-weight: 800; line-height: 20px; }

header li a .fa { font-size: 22px; margin-left: 10px; }

header li a:hover { opacity: 0.5; }

@media (min-width: 992px) { header li:last-child a { padding-right: 0; } }

header .close-nav { display: none; }

@media (min-width: 992px) { header.fixed { padding: 10px; } }

@media (max-width: 1200px) and (min-width: 992px) { header li a { padding: 0 14px; }
  header ul { width: calc(100% - 10px); }
  header .fa-facebook-square { right: 0; } }

.burger-icon { width: 30px; height: 20px; margin: 0 auto; cursor: pointer; position: absolute; display: none; right: 20px; top: 20px; transition: 0.25s ease-in-out; transition-delay: .25s; z-index: 2; }

.burger-icon:before { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 30px; border: 1px solid #fff; content: ""; opacity: 0; }

.burger-icon span { display: block; position: absolute; height: 2px; width: 30px; background: #fff; border-radius: 9px; opacity: 1; left: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: opacity 0.5s 0.5s, top 0.5s 0.4s, -webkit-transform 0.5s; transition: opacity 0.5s 0.5s, top 0.5s 0.4s, transform 0.5s; transition: opacity 0.5s 0.5s, top 0.5s 0.4s, transform 0.5s, -webkit-transform 0.5s; }

.burger-icon span:nth-child(1) { top: 0; }

.burger-icon span:nth-child(2) { top: 10px; }

.burger-icon span:nth-child(3) { top: 19px; }

@media (max-width: 991px) { body:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 4; display: none; }
  header { position: fixed; z-index: 5; top: 0; left: 0; width: 100%; padding: 15px 0 10px; }
  header .close-nav { display: block; text-align: right; padding: 20px 30px; }
  header .burger-icon { display: block; }
  header nav { position: fixed; top: 0; height: 100%; width: 300px; overflow: hidden; right: 0; background: rgba(42, 42, 42, 0.9); z-index: 5; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; transform: translate(100%, 0); -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); }
  header nav ul { margin: 0; }
  header nav li { display: block; transform: scale(1.1) translateX(30%); -webkit-transform: scale(1.1) translateX(30%); -moz-transform: scale(1.1) translateX(30%); -o-transform: scale(1.1) translateX(30%); -ms-transform: scale(1.1) translateX(30%); opacity: 0; transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out; }
  header nav a { text-align: right; padding: 5px 30px; color: #fff; }
  header nav .fa-facebook { position: static; float: right; margin-top: 20px; } }

body.open { overflow: hidden; }

body.open:after { display: block; }

body.open header nav { transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); }

body.open header li { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; }

body.open header li:nth-of-type(1) { transition-delay: 250ms, 250ms; }

body.open header li:nth-of-type(2) { transition-delay: 300ms, 300ms; }

body.open header li:nth-of-type(3) { transition-delay: 350ms, 350ms; }

body.open header li:nth-of-type(4) { transition-delay: 400ms, 400ms; }

body.open header li:nth-of-type(5) { transition-delay: 450ms, 450ms; }

body.open header li:nth-of-type(6) { transition-delay: 500ms, 500ms; }

body.open header li:nth-of-type(7) { transition-delay: 550ms, 550ms; }

body.open header li:nth-of-type(8) { transition-delay: 600ms, 600ms; }

body.open header li:nth-of-type(9) { transition-delay: 650ms, 650ms; }

body.open header li:nth-of-type(10) { transition-delay: 700ms, 700ms; }

body.open header li:nth-of-type(11) { transition-delay: 750ms, 750ms; }

body.open header li:nth-of-type(12) { transition-delay: 800ms, 800ms; }

body.open header li:nth-of-type(13) { transition-delay: 850ms, 850ms; }

body.open header li:nth-of-type(14) { transition-delay: 900ms, 900ms; }

body.open header li:nth-of-type(15) { transition-delay: 950ms, 950ms; }

/* ------------------------------------------------------------------------------------------------ */
/* Form */
/* ------------------------------------------------------------------------------------------------ */
.form-group { margin: 0 0 18px; }

.form-group label { font-size: 16px; font-weight: 400; line-height: 19px; color: #212428; margin: 0 0 3px; }

.form-group label input[type="checkbox"] { float: left; }

.form-group label input[type="checkbox"] + p { padding-left: 36px; margin: 0; }

.form-group label.error { font-style: italic; text-align: right; display: block; font-size: 12px; padding: 0 5px; border-radius: 0 0 3px 3px; color: #f03f54; }

.form-control, .bootstrap-select.select { height: 45px; box-shadow: none; color: #000; font-size: 14px; border: 1px solid #E2E2E2; border-radius: 2px; }

.form-control.error, .error.bootstrap-select.select { border-color: #cc3333; border-width: 2px; }

.other { margin: 10px 0 0; display: none; }

.alert img { width: 45px; margin-right: 10px; }

textarea.form-control, textarea.bootstrap-select.select { height: 120px; }

.field .form-control, .field .bootstrap-select.select { display: inline-block; }

.field .code { width: 74px; margin-right: 8px; }

.field .code + .form-control, .field .code + .bootstrap-select.select { width: calc(100% - 87px); }

.bootstrap-select.select { color: #999; background: #fff; width: 100% !important; height: auto; border-radius: 4px; }

.bootstrap-select.select.open { overflow: visible; }

.bootstrap-select.select .btn { height: 45px; background: #fff; color: #555; padding-left: 15px; padding-right: 30px; line-height: 41px; font-size: 14px; }

.bootstrap-select.select .btn span { padding: 0; }

.bootstrap-select.select .btn:after { display: none; }

.bootstrap-select.select .caret { border: none; top: calc(50% - 15px) !important; right: 25px !important; }

.bootstrap-select.select .caret:before { font-family: "FontAwesome"; content: "\f0d7"; width: 10px; height: 10px; font-size: 21px; line-height: 30px; }

.bootstrap-select.select .dropdown-menu::-webkit-scrollbar { width: 5px; }

.bootstrap-select.select .dropdown-menu::-webkit-scrollbar-track { background: #fff; border-radius: 10px; }

.bootstrap-select.select .dropdown-menu::-webkit-scrollbar-thumb { background: rgba(0, 84, 196, 0.8); border-radius: 5px; }

.bootstrap-select.select .dropdown-menu::-webkit-scrollbar-thumb:window-inactive { background: rgba(51, 51, 51, 0.4); }

.bootstrap-select.select .dropdown-menu li a { padding: 14px 20px; font-size: 14px; line-height: 18px; color: #777777; white-space: normal; }

.bootstrap-select.select .dropdown-menu li.active a { color: #fff; }

.bootstrap-select.select .dropdown-menu.open { overflow: visible; }

.bootstrap-select.select .dropdown-menu .selected { background: #fafafa; }

.bootstrap-select.select .dropdown-menu a { outline: none; padding: 10px 15px; }

.btn-group.open .dropdown-toggle { box-shadow: none; }

@media (min-width: 768px) { .col-4 .form-control, .col-4 .bootstrap-select.select { width: 23%; margin-right: 1%; display: inline-block; }
  .col-4 .form-control:last-child, .col-4 .bootstrap-select.select:last-child { margin: 0; width: 26%; } }

@media (max-width: 992px) and (min-width: 769px) { .col-4 .form-control:last-child, .col-4 .bootstrap-select.select:last-child { width: 25%; } }

@media (max-width: 768px) { .col-4 .form-control, .col-4 .bootstrap-select.select { margin: 0 0 10px; } }

select.form-control, select.bootstrap-select.select { position: relative; }

select.form-control:after, select.bootstrap-select.select:after { position: absolute; font: 20px/45px FontAwesome; content: "\f107"; top: 0; right: 5px; }

@media (min-width: 768px) { select.form-control, select.bootstrap-select.select { display: inline-block; width: 30%; } }

.date-input { position: relative; display: block; }

.date-input input { margin: 0 !important; }

.date-input:after { content: "\f073"; font-family: FontAwesome; position: absolute; right: 11px; top: 8px; color: #999; font-size: 24px; }

.checkbox { position: relative; margin: 0 0 20px; display: block; cursor: pointer; text-align: left; }

.checkbox label { margin: 0; padding: 0; padding-left: 35px; display: block; font-size: 13px; font-weight: 400; font-family: "Helvetica Neue","Proxima Nova"; }

.checkbox div, .checkbox span { margin: 0 0 10px; color: #52524E; line-height: 16px; }

.checkbox div a, .checkbox span a { color: #0054c4; }

.checkbox div a:hover, .checkbox span a:hover { text-decoration: underline; }

.checkbox div:before, .checkbox span:before { content: ""; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border: 1px solid #e2e2e2; background: #fff; transition: all .5s; }

.checkbox div:after, .checkbox span:after { content: "\f00c"; font-family: fontAwesome; position: absolute; top: 2px; left: 0; line-height: 20px; color: #0054c4; width: 20px; text-align: center; display: none; }

.checkbox span.required { padding: 0; color: #E02442; }

.checkbox span.required:before { display: none; }

.checkbox input { position: absolute; top: 0; left: 0; width: 0; visibility: hidden; }

.checkbox input + span { display: inline-block; }

.checkbox input:checked + div:after, .checkbox input:checked + span:after { display: block; }

@media (max-width: 767px) { .checkbox br { display: none; } }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

@media (max-width: 767px) { .datepicker-dropdown { left: calc(50% - 110px) !important; }
  .datepicker-dropdown:before, .datepicker-dropdown:after { left: calc(50% - 3.5px) !important; } }

/* ------------------------------------------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------------------------------------------ */
main { overflow: hidden; }

@media (max-width: 991px) { main { padding: 53px 0 0; } }

.hero { height: 100vh; min-height: 570px; background: url("../images/hero.jpg") no-repeat center #242c35; background-size: cover; padding-top: 47vh; color: #fff; position: relative; overflow: hidden; }

.hero:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(58, 69, 81, 0.45); z-index: 2; }

.hero .video-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.hero .video-box iframe { position: absolute; width: 120%; height: 120%; left: -10%; top: -10%; }

.hero .arrow { position: absolute; left: calc(50% - 6px); bottom: 48px; cursor: pointer; -webkit-animation: mouse-wheel 1s linear infinite; animation: mouse-wheel 1s linear infinite; z-index: 5; }

@media (max-width: 767px) { .hero .arrow { bottom: 40px; } }

.hero .text { max-width: 635px; position: relative; z-index: 3; }

.hero h1 { font-size: 44px; line-height: 53px; margin: 0 0 5px; }

.hero p { font-size: 16px; line-height: 24px; font-family: "Helvetica Neue","Proxima Nova"; margin: 0 0 40px; }

.hero .btn { width: 240px; display: block; padding: 0; }

.hero a.view { text-decoration: underline; color: #fff; width: 240px; display: block; text-align: center; }

.hero a.view:hover { opacity: 0.6; }

@media (max-width: 767px) { .hero { padding-top: 30vh; text-align: center; height: calc(100vh - 60px); }
  .hero h1 { font-size: 28px; line-height: 1.3; }
  .hero .btn, .hero a.view { margin: auto; } }

@-webkit-keyframes mouse-wheel { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes mouse-wheel { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

h2 { font-size: 30px; line-height: 36px; font-weight: 400; margin: 0 0 15px; letter-spacing: -1px; }

@media (max-width: 767px) { h2 { font-size: 24px; line-height: 30px; } }

p { line-height: 19px; font-family: "Helvetica Neue","Proxima Nova"; }

.section-blue { padding: 40px 0; background: #0054c4; color: #fff; text-align: center; }

.section-blue .wrap { max-width: 685px; margin: auto; }

.showroom { height: 100vh; max-height: 620px; background: url("../images/bg-showroom.jpg") no-repeat center #fff; background-size: cover; color: #fff; }

.showroom .container { position: relative; height: 100vh; max-height: 620px; }

.showroom .wrap { max-width: 482px; position: absolute; bottom: 80px; }

.ceo-cockpit { padding: 60px 0; }

.ceo-cockpit .wrap { max-width: 415px; padding: 117px 0; }

@media (max-width: 767px) { .ceo-cockpit .pr { margin: 30px 0 0; } }

@media (max-width: 767px) { .ceo-cockpit .wrap { padding: 0; } }

.poc { padding: 100px 0; background: url("../images/poc-laboratory.jpg") no-repeat right center #fff; background-size: cover; position: relative; }

.poc .wrap { max-width: 360px; position: relative; }

@media (max-width: 767px) { .poc { background-position: 80% center; padding: 60px 0; padding-bottom: 80px; }
  .poc .wrap { padding-top: 10px; padding-bottom: 30px; }
  .poc:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); } }

.tc { padding: 100px 0; background: url("../images/atc-training-center.jpg") no-repeat center #fff; background-size: cover; position: relative; }

.tc .wrap { max-width: 420px; float: right; padding: 0 15px; position: relative; }

.tc h2 { margin: 0 0 50px; }

@media (max-width: 767px) { .tc { background-position: 20% 50%; padding: 40px 0 160px; }
  .tc .wrap { float: none; max-width: 340px; }
  .tc .wrap h2 { padding-right: 10px; margin: 0 0 15px; }
  .tc:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); } }

.sysmac { padding: 180px 0; background: url("../images/sysmac.jpg") no-repeat center #fff; background-size: cover; color: #fff; position: relative; }

.sysmac .wrap { max-width: 310px; position: relative; }

@media (max-width: 767px) { .sysmac { padding: 60px 0; background-position: right center; }
  .sysmac:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); } }

.cta { padding: 90px 0; background: url("../images/bg-cta.jpg") no-repeat left center #fff; background-size: cover; }

.cta .container { background: rgba(7, 7, 7, 0.5); color: #fff; text-align: center; }

.cta .img { height: 63px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; box-align: center; margin: 0 0 25px; }

.cta img { display: block; margin: 0 auto; }

.cta a { font-size: 14px; font-weight: 600; color: #fff; }

.cta a .fa { margin-left: 30px; position: relative; top: 2px; }

@media (max-width: 992px) and (min-width: 768px) { .cta a .fa { margin-left: 5px; } }

.cta .col-sm-4 { padding: 25px 15px; cursor: pointer; }

@media (max-width: 767px) { .cta { background-image: url("../images/bg-cta-mobile.jpg"); background-position: bottom; padding: 40px 0; background-size: 130% 130%; }
  .cta .container { margin: 0 15px; }
  .cta .col-sm-4:not(:last-child) { margin: 0 0 30px; } }

.masthead { padding: 175px 0 90px; background: url("../images/hero-news.jpg") no-repeat center; background-size: cover; color: #fff; }

.masthead .wrap { max-width: 518px; padding: 35px; background: rgba(153, 153, 153, 0.5); }

.masthead .wrap p { max-width: 407px; }

.masthead h1 { font-size: 30px; line-height: 36px; margin: 0 0 10px; }

.masthead.contact { background-image: url("../images/hero-contact.jpg"); }

.masthead.register { background-image: url("../images/hero-register.jpg"); }

@media (max-width: 767px) { .masthead { padding: 50px 0; }
  .masthead .wrap { padding: 30px 15px; }
  .masthead.enews { background-position: 65% center; } }

.form-section { background: #EEF3F9; }

.form-section .container { position: relative; padding: 60px 15px; }

.form-section .img-news-wrap { position: absolute; left: -12px; bottom: 0; }

.form-section h2 { color: #0055C4; margin: 0 0 10px; }

.form-section p { margin: 0 0 30px; }

.form-section form { max-width: 420px; float: left; }

.form-section .text-right { text-align: center; }

@media (min-width: 768px) { .form-section .container { min-height: 766px; } }

@media (max-width: 767px) { .form-section .container { padding: 50px 15px; }
  .form-section .pull-right { float: none !important; }
  .form-section form { float: none; max-width: 100%; } }

.robot { text-align: right; max-width: 510px; }

@media (max-width: 767px) { .robot { margin: 30px 0 0; display: none; } }

.robot img { display: inline-block; margin-right: 15px; }

.robot .text { text-align: left; background: #0054c4; color: #fff; padding: 35px; position: relative; margin: 0 0 60px; }

.robot .text p { max-width: 404px; }

.robot .text:before { content: ""; position: absolute; top: 100%; right: 171px; border-top: 53px solid #0054c4; border-left: 86px solid transparent; }

.robot .xs { display: none; }

@media (max-width: 767px) { .robot .text { padding: 30px 15px; }
  .robot br { display: block; } }

.map-box { max-width: 510px; }

.map-box .text { background: #0054c4; color: #fff; padding: 35px; position: relative; }

.map-box .item { display: block; position: relative; margin: 0 0 20px; padding-left: 35px; color: #fff; }

.map-box .item img { position: absolute; top: 2px; left: 0; }

.map-box .wrap { position: relative; }

.map-box .wrap:before { content: ""; padding: 50% 0; display: block; }

.map-box .wrap .map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

@media (max-width: 767px) { .map-box { margin: 30px 0 0; }
  .map-box .text { padding: 35px 15px; } }

.date-box { position: relative; }

.date-box img { position: absolute; top: 12px; left: 12px; }

.date-box .form-control, .date-box .bootstrap-select.select { padding-left: 40px; }

.thanks h2 { margin: 0 0 30px; }

.thanks a { text-decoration: underline; }

/* ------------------------------------------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------------------------------------------ */
#omron-logo-footer { display: block; margin-bottom: 20px; }

#omron-logo-footer img { width: 90px; }

@media (max-width: 767px) { #omron-logo-footer { text-align: center; } }

#footer { background: #000; color: #fff; }

@media (min-width: 768px) { #footer { padding: 90px 0 150px; } }

#footer img { max-width: 100%; }

#footer .copyright { margin-top: 30px; font-size: 14px; text-transform: uppercase; line-height: 1.4em; color: #999; padding: 0; }

@media (max-width: 767px) { #footer div.menu h3 { position: relative; margin: 0 0; }
  #footer div.menu h3:after { position: absolute; content: "+"; right: 5px; transition: all 0.5s; font-size: 20px; } }

#footer div.menu ul { list-style: none; }

#footer div.menu li { line-height: 1; }

#footer div.menu li a { font-size: 14px; line-height: 30px; color: #999; text-decoration: none; padding: 0; }

#footer div.menu li a:hover { color: #fff; }

#footer div.menu li p { margin: 0 0 10px; }

#footer div.menu li.active a { color: #fff; }

@media (max-width: 767px) { #footer div.menu { border-bottom: 1px dotted #d8d8d8; margin: 0 15px 30px; padding: 10px 0; }
  #footer div.menu.open h3:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
  #footer div.menu.open ul { max-height: 999px; }
  #footer div.menu.open ul li:last-child { display: none; } }

#footer div.menu ul { padding: 0 !important; }

@media (max-width: 767px) { #footer div.menu ul { max-height: 0; overflow: hidden; transition: all 0.5s; }
  #footer div.menu ul li { padding: 5px 10px; } }

#footer h3 { color: #fff; font-size: 18px; line-height: 24px; text-transform: uppercase; margin: 0 0 25px; }

@media (max-width: 992px) and (min-width: 768px) { #footer h3 { margin: 0 0 15px; } }

#footer ul { list-style: none; margin: 0; padding: 0; }

@media (min-width: 768px) { #footer ul.address { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

@media (max-width: 992px) and (min-width: 768px) { #footer ul.address { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

#footer ul li { line-height: 1; overflow: hidden; position: relative; }

#footer ul li a { line-height: 30px; color: #999; text-decoration: none; padding-left: 30px; font-size: 14px; }

#footer ul li a .fa { line-height: 30px; text-align: center; position: absolute; top: 0; font-size: 12px; left: 0; }

#footer ul li:hover a { color: #fff; }

@media (min-width: 992px) { #footer { text-align: left; }
  #footer .copyright { font-size: 14px; float: right; display: inline-block; }
  #omron-logo-footer { display: inline-block; margin-bottom: 0; } }

/*# sourceMappingURL=main.css.map */