/* ------------------------------------------------------------------------------------------------ */
/* 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.html") 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.html") 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.html") 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.html") format("woff"); font-style: normal; font-weight: 800; }

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

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

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

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

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

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

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

.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, main h2.with-text, .modal h2.with-text { margin-bottom: 80px; }

@media (max-width: 767px) { .mb80, main h2.with-text, .modal h2.with-text { 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, .section-blue { padding-top: 90px; padding-bottom: 90px; }

@media (max-width: 767px) { .ptd90, .section-blue { 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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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, main h3, .modal h3 { font-size: 21px; line-height: 30px; }

@media (max-width: 767px) { .font-size-21, main h3, .modal h3 { 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, main h2.with-text, .modal h2.with-text { font-size: 36px; line-height: 45px; }

@media (max-width: 767px) { .font-size-36, main h2.with-text, .modal h2.with-text { 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: 24px; font-weight: 400; margin: 0px; color: #212121; 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: #0055C4; }

.btn { position: relative; padding: 0 36px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; border: none; background: #fff; height: 50px; border-radius: 0; font-size: 15px; text-align: center; line-height: 50px; color: #FFFFFF; border-radius: 2px; }

.btn.w200 { width: 200px; padding: 0; text-align: center; }

.btn:hover { color: #fff; background: #003f91; }

.btn.btn-transparent { color: #fff; background: none; border: 1px solid #fff; }

.btn.btn-transparent:hover { color: #0055c4; background: #fff; }

.btn.btn-white { color: #0055c4; background: #fff; border: 1px solid #fff; }

.btn.btn-white:hover { background: #eee; }

.btn.btn-blue { color: #fff; background: #0055c4; border: 1px solid #0055c4; }

.btn.btn-blue:hover { background: #003f91; }

.btn.btn-submit { color: #fff; height: 40px; line-height: 40px; padding: 0 30px; background: #E02442; border: 1px solid #E02442; }

.btn.btn-submit:hover { background: #b71a33; }

.img-responsive { margin: 0 auto; }

img { max-width: 100%; }

a { color: #0055C4; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; 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.html") no-repeat center; background-size: cover; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; left: 5px; vertical-align: middle; }

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

a:hover { color: #1278ff; }

main, .modal { color: #primary; }

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

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

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

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

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

main p, .modal p { font-size: 15px; margin: 0 0 30px; font-weight: normal; }

@media (max-width: 767px) { main p, .modal p { margin: 0 0 15px; } }

main p b, main p strong, .modal p b, .modal p strong { font-weight: bold; }

main p.big, .modal p.big { font-size: 21px; font-weight: 300; text-align: center; line-height: 36px; }

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

main p.subtitle, .modal p.subtitle { font-size: 16px; font-weight: bold; line-height: 22px; color: #777; margin: 0 0 10px; text-transform: uppercase; }

@media (max-width: 767px) { main p.subtitle, .modal p.subtitle { font-size: 14px; } }

main h2, .modal h2 { font-size: 28px; font-weight: bold; line-height: 38px; margin: 0 0 40px; color: #0055C4; }

@media (max-width: 767px) { main h2, .modal h2 { font-size: 21px; line-height: 30px; }
  main h2 br, .modal h2 br { display: none; } }

main h2 p, .modal h2 p { font-size: 24px; margin: 0 0 10px; }

main h2.with-text, .modal h2.with-text { text-align: center; }

main h2.with-text p, .modal h2.with-text p { color: #E02442; font-size: 14px; text-transform: uppercase; margin: 0 0 10px !important; }

@media (max-width: 767px) { main h2.with-text, .modal h2.with-text { margin-bottom: 30px; } }

main h3, .modal h3 { margin: 0 0 30px; }

.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 #0055C4; margin: 0 15px; border-radius: 100%; display: inline-block; }

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

.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: #0055C4; background: none; border: none; }

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

.pagination li.active a { color: #fff; background: #0055C4; 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 { 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: 5px; right: 15px; text-align: center; z-index: 100; cursor: pointer; opacity: 1; visibility: visible; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.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; align-items: center; 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; }

/* ------------------------------------------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------------------------------------------ */
header { position: fixed; top: 0; width: 100%; min-height: 50px; padding: 18.5px 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 5; }

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 19px; line-height: 28px; color: #323232; font-size: 14px; font-weight: 600; text-transform: uppercase; }

header li a:hover { color: #0055C4; }

header li.active a { color: #0055C4; }

header .fa-facebook-square { position: absolute; right: -50px; top: 0; line-height: 28px; font-size: 38px; margin:1.5% 0% 0% 0%;}

header .close-nav { display: none; }

@media (min-width: 992px) { header.fixed { background: #fff; padding: 10px; border-bottom: 1px solid #e2e2e2; } }

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

.burger-icon { width: 30px; height: 20px; margin: 0 auto; cursor: pointer; position: absolute; display: none; right: 20px; top: 17px; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; 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: #323232; 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); -webkit-transition: opacity 0.5s 0.5s, top 0.5s 0.4s, transform 0.5s; -moz-transition: opacity 0.5s 0.5s, top 0.5s 0.4s, transform 0.5s; -ms-transition: opacity 0.5s 0.5s, top 0.5s 0.4s, transform 0.5s; -o-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; }

.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; background: #fff; border-bottom: 1px solid #e2e2e2; }
  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: 250px; overflow: hidden; right: 0; background: #2a2a2a; z-index: 5; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: 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; -webkit-transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out; -moz-transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out; -ms-transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out; -o-transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out; 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-square { 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) { -webkit-transition-delay: 250ms, 250ms; -moz-transition-delay: 250ms, 250ms; -o-transition-delay: 250ms, 250ms; -ms-transition-delay: 250ms, 250ms; transition-delay: 250ms, 250ms; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-group label { font-size: 15px; font-weight: 600; line-height: 19px; color: #323232; margin: 0 0 10px; }

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

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

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

.form-control, .bootstrap-select.select { height: 50px; 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; }

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

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

.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: 50px; background: #fff; color: #555; border-radius: 4px; padding-left: 15px; padding-right: 30px; line-height: 46px; font-size: 14px; }

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

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

.bootstrap-select.select .caret { border: none; top: 14% !important; right: 25px !important; }

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

@media (max-width: 767px) { .bootstrap-select.select .caret { top: 6% !important; } }

.bootstrap-select.select .dropdown-menu { max-height: none !important; }

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

.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; }

/* ------------------------------------------------------------------------------------------------ */
/* Content */
/* ------------------------------------------------------------------------------------------------ */
@media (min-width: 768px) { main { padding-top: 90px; } }

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

.hero { padding: 95px 0 160px; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 5%, #ABDCFC 100%); overflow: hidden; position: relative; }

@media (min-width: 768px) { .hero { min-height: 100vh; } }

.hero:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: -50%; bottom: 0; opacity: 0.5; background: radial-gradient(circle, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }

.hero:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/globel-wireframe.png") bottom center no-repeat; background-size: 110% 62%; -webkit-background-size: 110% 62%; -moz-background-size: 110% 62%; }

@media (min-width: 1400px) { .hero:after { background-size: 100% 63%; -webkit-background-size: 100% 63%; -moz-background-size: 100% 63%; } }

@media (max-width: 992px) and (min-width: 768px) { .hero:after { background-size: 196% auto; -webkit-background-size: 196% auto; -moz-background-size: 196% auto; } }

@media (max-width: 767px) { .hero:after { background-size: auto 71%; -webkit-background-size: auto 71%; -moz-background-size: auto 71%; } }

.hero .video-box { width: 608px; position: relative; margin: auto; }

.hero .video-box:before { content: ""; display: block; padding: 57.4% 0 0; }

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

@media (max-width: 767px) { .hero .video-box { width: 90%; } }

.hero a:not(.btn) { color: #fff; }

.hero a:not(.btn):hover { color: #dc9308; }

.hero .container { position: relative; z-index: 2; }

.hero h1 { font-size: 42px; font-weight: bold; line-height: 57px; text-align: center; color: #323232; margin: 0 0 10px; text-transform: uppercase; }

.hero p.big { font-size: 24px; line-height: 38px; text-align: center; font-weight: 400; color: #323232; margin: 0 0 80px; }

@media (max-width: 992px) and (min-width: 768px) { .hero p.big { font-size: 21px; } }

@media (max-width: 767px) { .hero p.big { margin: 0 0 40px; } }

.hero p { font-size: 18px; line-height: 32px; text-align: center; color: #323232; margin: 0 0 60px; }

.hero .img-hero { display: block; margin: 0 auto 90px; }

.hero .btn-blue { width: 200px; padding: 0; text-align: center; margin: 7px; font-weight: bold; }

@media (min-width: 992px) { .hero { margin-top: -90px; padding-top: 185px; } }

@media (min-width: 768px) { .hero .img-hero { max-width: 490px; } }

@media (max-width: 767px) { .hero { padding: 50px 0; }
  .hero .img-hero { margin: 0 auto 30px; }
  .hero h1 { font-size: 30px; line-height: 1.5; }
  .hero h1 span { display: block; }
  .hero p.big { font-size: 18px; line-height: 24px; }
  .hero p { font-size: 16px; line-height: 24px; margin: 0 0 30px; }
  .hero .btn-blue { width: 164px; } }

@media (max-width: 380px) { .hero .btn-blue { width: 80%; } }

.chalenge { padding: 0 0 90px; }

.chalenge .text .item { position: relative; color: #323232; padding: 22px 0 6px 20px; cursor: pointer; margin: 0 0 4px; font-size: 15px; }

.chalenge .text .item svg { width: 35px; height: 35px; position: absolute; left: 21px; top: 17px; }

.chalenge .text .item.hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #F9F9F9; font-weight: 600; color: #0055C4; }

.chalenge .text .item.hover svg path { fill: #0055C4; }

@media (max-width: 991px) { .chalenge .text .item { padding: 12px 0 12px 70px; }
  .chalenge .text .item svg { top: 7px; } }

.chalenge .link { display: inline-block; margin-top: 50px; }

.chalenge .img .img-box { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #F9F9F9; }

.chalenge .img .img-box p { padding: 28px 35px; color: #323232; }

.chalenge .img .img-box .img-item { display: none; }

.chalenge .img .img-box .img-item.active { display: block; }

.chalenge .img .img-box .img-item p { margin: 0; }

@media (min-width: 768px) { .chalenge .text { padding-right: 0; }
  .chalenge .img { padding-left: 0; float: right; } }

@media (max-width: 767px) { .chalenge { padding-bottom: 50px; }
  .chalenge .img { margin-top: 30px; }
  .chalenge .link { margin-top: 30px; } }

.value { padding: 50px 0; }

@media (min-width: 1000px) { .value .text { padding-left: 40px; } }

.value .link { display: inline-block; margin-top: 10px; }

.value .img-box { position: relative; margin: 0 0 30px; }

@media (min-width: 768px) { .value .img-box { margin-top: 50px; } }

.value .img-box > img { max-width: 68%; }

.value .img-box .btns { background: #0055C4; border-radius: 20px; width: 180px; line-height: 40px; font-weight: 600; color: #fff; text-align: center; position: absolute; top: -25px; left: calc(50% - 90px); }

.value .img-box .btns img { margin-right: 7px; margin-top: -3px; }

.value .img-box .btns svg { width: 30px; height: 30px; margin-right: 7px; }

.value .img-box .btns.flexible { top: 27%; left: 0; }

.value .img-box .btns.safely { top: 27%; left: auto; right: 0; }

.value .img-box .btns.scalable { top: 63%; left: 0; }

.value .img-box .btns.easy { top: 63%; left: auto; right: 0; }

.value .img-box .btns.robust { bottom: -18px; top: auto; }

@media (max-width: 991px) { .value .img-box .btns { transform: scale(0.8); }
  .value .img-box .btns.left { transform-origin: 0 0; }
  .value .img-box .btns.right { transform-origin: 100% 0; } }

@media (max-width: 767px) { .value .img-box .btns { transform: scale(0.6); } }

.technology { padding: 120px 0 120px; }

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

.technology .bg { margin-top: -100px; position: relative; z-index: -1; }

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

.technology .link { display: block; margin: auto; width: 300px; text-align: center; }

.technology .table-blue { margin-bottom: 40px; }

.technology .table-blue th { background: #0055C4; padding: 10px 18px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; line-height: 24px; border: none; vertical-align: middle; }

.technology .table-blue th img { display: inline-block; vertical-align: middle; margin-right: 10px; }

@media (max-width: 767px) { .technology .table-blue th { padding: 18px 10px; font-size: 14px; } }

.technology .table-blue tr th:not(:last-child), .technology .table-blue tr td:not(:last-child) { border-right: 1px solid #fff; }

.technology .table-blue td { color: #212121; padding: 20px; vertical-align: top; background-color: #DDF2FF; padding-bottom: 60px; line-height: 24px; }

@media (min-width: 768px) { .technology .table-blue td { min-height: 180px; } }

.mobile-robot { margin: 90px 0 0; position: relative; }

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

.mobile-robot .bg { width: 100%; }

@media (min-width: 768px) { .mobile-robot .wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: 15%; } }

.mobile-robot .text { background: #0055C4; padding: 25px 30px 30px; border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

.mobile-robot .text:after { content: ""; width: 0; height: 0; border-left: 15px solid #0055C4; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; right: -15px; top: calc(50% - 15px); }

@media (max-width: 767px) { .mobile-robot .text:after { transform: rotate(90deg); top: calc(100% - 15px); right: calc(50% - 15px); } }

.mobile-robot .text h2, .mobile-robot .text p { color: #fff; }

.mobile-robot .text h2 { margin: 0; }

@media (min-width: 992px) { .mobile-robot .text h2 { line-height: 42px; } }

.mobile-robot .text p.subtitle { margin: 0; }

@media (max-width: 992px) and (min-width: 768px) { .mobile-robot .text h2 { font-size: 21px; line-heght: 35px; } }

.industry { padding: 120px 0 0; background: url("../images/technology-bg.png") center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }

@media (max-width: 767px) { .industry .link { margin: 0 -15px; } }

.industry .box { background: #fff; padding: 20px; border-radius: 10px; }

@media (min-width: 992px) { .industry .box { width: calc(41.6667% + 60px); } }

@media (min-width: 768px) { .industry .box { padding: 55px; float: right; height: 798px; border-radius: 30px; } }

.industry .box .items { margin: 50px 0 20px; }

.industry .box .items .item { position: relative; padding-left: 77px; margin: 0 0 30px; height: 46px; align-items: center; display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; box-align: center; }

.industry .box .items .item img { width: 46px; position: absolute; top: 0; left: 0; }

.industry .box .items .item h3 { font-size: 15px; font-weight: 600; line-height: 20px; margin: 0 0 5px; color: #0055C4; }

.industry .box .items .item p { line-height: 20px; }

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

.support { padding: 60px 0 200px; }

.support .bg { position: absolute; top: 30px; left: 0; right: 0; z-index: -1; }

@media (min-width: 768px) { .support .pr { float: right; padding-top: 40px; }
  .support .pr .bg { top: 70px; } }

.support .slider-xs h3 { font-size: 15px; font-weight: 600; line-height: 20px; text-align: center; margin: 0 0 10px; }

.support .slider-xs img { display: block; margin: auto; }

.support .slider-xs .item { padding: 0; }

@media (max-width: 767px) { .support { padding: 50px 0 90px; }
  .support .slider-xs { margin: 30px 0 0; } }

.section-head { padding: 70px 0; background: url("../images/bottom-bg.png"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-position: center; background-color: #0055C4; color: #fff; text-align: center; }

.section-head h1 { font-size: 24px; font-weight: bold; line-height: 33px; margin: 0 0 10px; text-transform: uppercase; }

.section-head p { font-size: 18px; font-weight: 600; line-height: 24px; text-align: center; text-transform: uppercase; }

@media (max-width: 767px) { .section-head { padding: 50px 0; } }

@media (max-width: 380px) { .section-head h1 { font-size: 21px; }
  .section-head p { font-size: 16px; } }

.technology-head { padding: 220px 0 115px; position: relative; background: url("../images/technology-bg.png") top center no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; }

@media (min-width: 768px) { .technology-head .text-center { padding-top: 80px; } }

.technology-head h2 { margin: 0 0 20px; }

@media (min-width: 768px) { .technology-head h2 { line-height: 42px; } }

.technology-head p { color: #323232; font-size: 18px; line-height: 32px; }

@media (max-width: 767px) { .technology-head p { font-size: 15px; } }

.technology-head .scroll { position: absolute; bottom: 0; width: 100px; left: calc(50% - 50px); font-size: 42px; line-height: 42px; color: #0055C4; text-align: center; }

@media (max-width: 767px) { .technology-head { padding: 70px 0; background-size: auto 60%; -webkit-background-size: auto 60%; -moz-background-size: auto 60%; }
  .technology-head img { margin: 0 0 20px; } }

.fleet { padding: 130px 0 0; }

.fleet .img { margin: 0 0 30px; }

@media (min-width: 768px) { .fleet .img { padding-top: 70px; } }

@media (min-width: 1200px) { .fleet .img img { max-width: 108%; position: absolute; right: 0; } }

.fleet h2 { position: relative; min-height: 60px; font-size: 21px; line-height: 30px; font-weight: normal; margin: 0 0 40px; padding: 0 0 0 80px; }

.fleet h2 img { position: absolute; top: 0; left: 0; }

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

.panel-group { text-align: left; }

.panel-group .panel { background: none; box-shadow: none; margin: 0; }

.panel-group h3 { margin: 0; padding: 18px 32px; background-color: #B9B9B9; border: none; font-size: 18px; font-weight: bold; line-height: 24px; }

.panel-group h3 a { font-weight: 600; color: #fff; line-height: 24px; position: relative; display: block; }

.panel-group h3 a:after { content: "\f147"; font-family: fontAwesome; font-size: 18px; line-height: 24px; position: absolute; right: -8px; top: 0; }

.panel-group h3 a.collapsed:after { content: "\f196"; }

.panel-group .panel { width: 100%; margin: 0 !important; }

.panel-group .panel-body { padding: 20px; background-color: #E2E2E2; }

.smart-mapping { padding: 90px 0 130px; }

.smart-mapping h2 { font-size: 21px; line-height: 28px; margin: 0 0 20px; font-weight: normal; }

.smart-mapping h2 img { margin-right: 15px; }

@media (max-width: 767px) { .smart-mapping h2 img { margin-bottom: -27px; } }

.smart-mapping p { color: #323232; }

.smart-mapping h3 { color: #323232; font-size: 15px; line-height: 24px; margin: 0px; font-weight: bold; }

.smart-mapping .btn-blue { width: 200px; padding: 0; text-align: center; }

@media (max-width: 767px) { .smart-mapping { padding: 50px 0; }
  .smart-mapping .btn-blue { margin: 0; } }

.safe { padding: 110px 0 100px; background: #F3F6F8; }

.safe h2 { position: relative; height: 60px; font-size: 21px; line-height: 28px; font-weight: normal; margin: 0 0 10px; padding: 16px 0 16px 80px; }

.safe h2 img { position: absolute; top: 0; left: 0; }

.safe p { margin: 0 0 15px; }

.safe p, .safe li { color: #323232; font-weight: normal; }

.safe ul, .safe ol { padding-left: 30px; margin: 25px 0 15px; }

@media (max-width: 767px) { .safe ul, .safe ol { margin-bottom: 15px; } }

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

@media (min-width: 992px) { .safe .col-sm-6 { padding-right: 0; } }

.safe .btn-blue { margin: 0 0 20px; }

.safe .video { margin: 5px 0 10px; height: 335px; width: 100%; }

@media (max-width: 767px) { .safe .video { height: 235px; } }

@media (min-width: 768px) { .safe .img { float: right; }
  .safe .img img { margin-top: 24px; } }

@media (min-width: 768px) { .safe .img { position: relative; right: -20px; } }

@media (max-width: 767px) { .safe .img { margin: 30px 0; } }

.safe .img .img-box { position: relative; font-size: 15px; }

.safe .img .img-box .text { position: absolute; bottom: 3.5%; left: 28%; color: #fff; font-weight: bold; }

.safe .img .img-box .text.laser { left: auto; right: 11%; bottom: 4.5%; }

@media (max-width: 1024px) and (min-width: 992px) { .safe .img .img-box .text { transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); } }

@media (max-width: 991px) { .safe .img .img-box .text { transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); bottom: 2.5%; left: 24%; }
  .safe .img .img-box .text.laser { right: 6%; bottom: 4%; } }

@media (max-width: 767px) { .safe .img .img-box .text { font-size: 21px; margin-left: -3%; }
  .safe .img .img-box .text.laser { max-width: 100px; bottom: 1%; } }

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

@media (max-width: 370px) { .safe h2 img { top: 13px; } }

.contact-page { padding: 70px 0 35px; }

.contact-page h2 { font-size: 18px; font-weight: 600; line-height: 24px; margin: 0 0 25px; }

.contact-page h2.mb15 { margin: 0 0 15px; }

.contact-page p { color: #323232; }

.contact-page p.mb40 { margin: 0 0 40px; }

.contact-page .box { position: relative; }

.contact-page .box .bg { position: absolute; top: 30px; left: 0; right: 0; z-index: -1; }

@media (min-width: 1024px) { .contact-page .box .bg { max-width: 110%; right: 19px; left: auto; } }

.contact-page .box .slider-xs { margin: 0 0 80px; }

@media (min-width: 1024px) { .contact-page .box .slider-xs { position: relative; left: -36px; } }

.contact-page .box .slider-xs h3 { font-size: 15px; font-weight: 600; line-height: 20px; text-align: center; margin: 0 0 10px; }

.contact-page .box .slider-xs img { display: block; margin: auto; }

.contact-page .box .slider-xs .item { padding: 0; }

@media (min-width: 992px) { .contact-page .box .slider-xs .item { width: 30%; }
  .contact-page .box .slider-xs .item:last-child { width: 40%; } }

.contact-page ol, .contact-page ul { padding-left: 20px; margin: 0 0 40px; }

.contact-page ol li, .contact-page ul li { font-size: 15px; font-weight: normal; }

.contact-page .box-form { border-radius: 4px; background-color: #F3F6F8; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); padding: 50px 50px 60px; }

@media (max-width: 767px) { .contact-page .box-form br { display: inline; } }

.contact-page .box-form h2 { font-size: 21px; margin: 0 0 20px; }

.contact-page .box-form form { margin: 0; }

.contact-page .box-form .btn-blue { width: 200px; text-align: center; padding: 0; font-weight: bold; font-size: 16px; }

@media (min-width: 768px) { .contact-page .box-form { width: calc(50% - 35px); float: right; } }

@media (max-width: 992px) and (min-width: 768px) { .contact-page .box-form { width: calc(50% - 20px); } }

@media (max-width: 767px) { .contact-page { padding: 50px 0 25px; }
  .contact-page .box .slider-xs { margin: 0 0 30px; }
  .contact-page .box-form { margin: 30px 0 0; padding: 30px 15px; } }

.contact-page.download { background: url("../images/work-with-us-bg.png") no-repeat bottom center #f9f9f9; padding-top: 50px; padding-bottom: 100px; background-size: 170% auto; }

@media (min-width: 1400px) { .contact-page.download { padding-bottom: 90px; } }

@media (min-width: 992px) { .contact-page.download .box-form { width: 83.3333%; } }

@media (min-width: 768px) { .contact-page.download .box-form { float: left; } }

@media (max-width: 992px) and (min-width: 768px) { .contact-page.download .box-form { width: 90%; margin-left: 5%; } }

.contact-page.download .box-form h2 { margin: 0 0 10px; }

.contact-page.download .box-form .btn:not(.select-control) { width: auto; padding: 0 30px; }

@media (min-width: 768px) { .contact-page.download .box-form input.other { margin-top: 33px !important; } }

.contact-page.download .box-form .rw { padding: 0; }

.contact-page.download .form-group ul { padding: 0; }

.coming-soon { padding: 125px 0 290px; background: url("../images/customer-stories-bg.png"); background-repeat: no-repeat; background-position: bottom center; background-size: 100% 80%; -webkit-background-size: 100% 80%; -moz-background-size: 100% 80%; }

@media (max-width: 991px) { .coming-soon { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } }

.coming-soon .box { border-radius: 4px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); padding: 70px; opacity: 0.9; }

.coming-soon h2 { margin: 0 0 20px; }

.coming-soon .check, .coming-soon .action { padding: 0 15px; }

@media (min-width: 768px) { .coming-soon .check { float: left; width: calc(100% - 230px); } }

.coming-soon .action .btn-blue { width: 200px; text-align: center; padding: 0; font-size: 16px; font-weight: bold; }

@media (min-width: 768px) { .coming-soon .action { float: left; width: 230px; } }

.coming-soon .checkbox-section { font-size: 14px; line-height: 21px; }

.coming-soon .checkbox-section li { display: inline-block; vertical-align: top; }

.coming-soon .checkbox-section li:first-child { width: 35px; margin-right: 0; cursor: pointer; }

@media (max-width: 767px) { .coming-soon .checkbox-section li:first-child { width: 10%; margin-right: 0; } }

.coming-soon .checkbox-section li:first-child .checkbox { border-radius: 3px; margin: 3px 5px 0 5px; }

.coming-soon .checkbox-section li:last-child { width: 85%; font-size: 12px; line-height: 24px; color: #323232; font-weight: normal; }

.coming-soon .checkbox-section input.checkbox { -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #ddd; background-color: #fff; margin: 5px 5px 0 0; outline: none !important; cursor: pointer; }

.coming-soon .checkbox-section input.checkbox:checked { position: relative; }

.coming-soon .checkbox-section input.checkbox:checked:after { position: absolute; width: 100%; height: 100%; top: 3px; left: 0; text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; color: #0055C4; }

@media (max-width: 767px) { .coming-soon { padding: 70px 0; }
  .coming-soon .box { margin: 0 10px; padding: 30px 15px; }
  .coming-soon p b { display: block; margin: 15px 0 0; } }

img.full { width: 100%; }

@media (min-width: 768px) { img.full.mt { margin-top: -94px; } }

@media (min-width: 768px) { img.full.w20 { margin-top: -45px; } }

.benefit-head { padding: 74px 0 105px; border-bottom: 1px solid #D8D8D8; background: url("../images/bound-gradient.png") top center no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; }

@media (min-width: 1400px) { .benefit-head { background-position: 0 -120%; } }

@media (max-width: 992px) and (min-width: 768px) { .benefit-head { background-size: 150% auto; -webkit-background-size: 150% auto; -moz-background-size: 150% auto; } }

@media (max-width: 767px) { .benefit-head { padding: 50px 0; background-size: auto 81%; -webkit-background-size: auto 81%; -moz-background-size: auto 81%; } }

.benefit-head p { font-size: 18px; line-height: 32px; color: #323232; }

@media (max-width: 767px) { .benefit-head p { font-size: 15px; line-height: 24px; } }

.benefit-head .img-box { margin: 50px auto 0; position: relative; }

@media (max-width: 767px) { .benefit-head .img-box { margin: 50px -15px 0; } }

.benefit-head .img-box .item { position: absolute; padding-right: 31px; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.benefit-head .img-box .item p { font-size: 15px; font-weight: 600; line-height: 20px; text-align: right; color: #0055C4; }

@media (max-width: 767px) { .benefit-head .img-box .item p { max-width: 170px; } }

.benefit-head .img-box .item b { position: absolute; height: 16px; width: 16px; background-color: #0055C4; border-radius: 100%; top: 4px; right: 0; z-index: 2; animation-name: blink; animation-duration: 1.5s; animation-iteration-count: infinite; }

.benefit-head .img-box .item:before { content: ""; position: absolute; height: 45px; width: 45px; background: url("../images/dot.svg") rgba(0, 114, 188, 0.2); background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; right: -15px; top: -10px; border-radius: 100%; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.benefit-head .img-box .item:hover { padding-right: 45px; }

.benefit-head .img-box .item:hover:before { opacity: 1; }

.benefit-head .img-box .item:hover b { animation: none; }

.benefit-head .img-box .item.right { padding-right: 0; padding-left: 31px; }

.benefit-head .img-box .item.right p { text-align: left; }

.benefit-head .img-box .item.right b { right: auto; left: 0; top: 2px; }

.benefit-head .img-box .item.right:before { right: auto; left: -15px; top: -12px; }

.benefit-head .img-box .item.right:hover { padding-left: 45px; }

@media (max-width: 992px) and (min-width: 768px) { .benefit-head .img-box .item p { font-size: 9px; line-height: 16px; } }

@media (max-width: 767px) { .benefit-head .img-box .item { transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform-origin: 0 0; }
  .benefit-head .img-box .item.left { transform-origin: 100% 0; } }

.benefit-head .img-box .item-1 { top: 10%; right: 22%; }

.benefit-head .img-box .item-2 { top: 31%; right: 77.5%; }

.benefit-head .img-box .item-3 { bottom: 34%; left: 28%; }

@media (max-width: 767px) { .benefit-head .img-box .item-3 { transform-origin: 0% 100%; } }

.benefit-head .img-box .item-4 { bottom: 15%; left: 14.5%; }

@media (max-width: 767px) { .benefit-head .img-box .item-4 { transform-origin: 0% 100%; bottom: 7%; } }

.benefit-head .img-box .item-5 { left: 74%; bottom: 26%; }

@media (max-width: 767px) { .benefit-head .img-box .item-5 { transform-origin: 0% 100%; } }

.benefit-head .img-box .item-6 { left: 66%; bottom: 10%; }

@media (max-width: 767px) { .benefit-head .img-box .item-6 { transform-origin: 0% 100%; bottom: -12%; } }

@media (max-width: 360px) { .benefit-head .img-box .item-6 { bottom: -23%; left: 61%; } }

@keyframes blink { 0% { opacity: 1; }
  25% { opacity: 0.5; }
  50% { opacity: 0; }
  75% { opacity: 0.5; }
  100% { opacity: 1; } }

.section { padding: 105px 0; }

.section h2 { font-size: 21px; line-height: 28px; margin: 0 0 30px; font-weight: normal; }

.section .text ul, .section .text ol { padding-left: 30px; margin: 0 0 20px; }

.section .text ul:last-child, .section .text ol:last-child { margin: 0; }

.section .text ul li, .section .text ol li { line-height: 30px; font-weight: normal; }

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

@media (min-width: 1200px) { .section .img.left { min-height: 300px; }
  .section .img.left img { width: calc(100% + 175px); position: absolute; right: 0; max-width: none; } }

@media (min-width: 1400px) { .section .img.left.full img { width: calc(100% + 300px); top: -122px; } }

@media (max-width: 1400px) and (min-width: 1200px) { .section .img.left.full img { top: -90px; } }

@media (max-width: 767px) { .section .img.left.full { overflow: hidden; margin-top: -20px; margin-bottom: -10px; }
  .section .img.left.full img { max-width: 150%; margin-left: -25%; } }

.section .title { padding-left: 83px; position: relative; margin: 0 0 50px; }

.section .title img { position: absolute; top: 0; left: 0; }

.section .title h2 { margin: 0; }

.section .title p { font-size: 18px; line-height: 28px; color: #323232; }

@media (max-width: 991px) { .section .title p { font-size: 16px; } }

.section .box { border: 1px solid #E2E2E2; border-radius: 4px; background-color: #F3F6F8; padding: 17px 10px 24px 22px; margin: 0 0 24px; }

.section .box h3 { font-size: 15px; font-weight: 600; line-height: 24px; color: #0055C4; margin: 0; }

.section .box h3.mb10 { margin-bottom: 8px; position: relative; display: inline-block; }

@media (min-width: 768px) { .section .box h3.mb10 img { position: absolute; right: -50px; top: 6px; margin: 0; } }

@media (max-width: 992px) and (min-width: 768px) { .section .box h3.mb10 img { right: -35px; } }

.section .box h3 img { margin-top: -7px; }

.section .box p { color: #323232; }

.section .video-box { width: 100%; position: relative; margin: 0 auto 30px; }

.section .video-box:before { content: ""; display: block; padding: 57.4% 0 0; }

.section .video-box .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

@media (min-width: 768px) { .section .video-box { margin-top: 134px; } }

@media (max-width: 1024px) and (min-width: 768px) { .section .video-box { margin-top: 115%; } }

@media (min-width: 992px) { .section .video-box.one-line { margin-top: 106px; } }

.section.efficient { position: relative; padding: 140px 0 100px; }

@media (min-width: 768px) { .section.efficient .text { padding-right: 15px; } }

.section.efficient .bg { position: absolute; width: 50%; right: 0; top: 90px; }

@media (max-width: 767px) { .section.efficient .bg { display: none; } }

.section.safely { padding-top: 60px; }

@media (min-width: 1400px) { .section.safely .bg { width: 40%; } }

.section.easy { padding-top: 100px; }

.section.easy .bg { top: 330px; width: 43%; }

@media (min-width: 1400px) { .section.easy .bg { top: 270px; width: 45%; } }

@media (min-width: 768px) { .section.flexible .img img { margin-top: 47px; } }

@media (min-width: 768px) { .section .img { float: right; }
  .section .img img { margin-top: -30px; }
  .section .text { padding-right: 0; } }

@media (max-width: 767px) { .section { padding: 50px 0 !important; }
  .section h2 { margin: 0 0 10px; }
  .section .title { margin: 0 0 20px; }
  .section .box h3 { font-size: 14px; margin: 0 0 10px; }
  .section .box h3 img { margin-left: 10px; height: 25px; margin-top: 0; }
  .section .img { margin: 0 0 30px; }
  .section .thumb { display: block; margin: 0 0 15px; }
  .section .thumb img { width: 100%; } }

@media (min-width: 768px) { .sections .section:nth-child(even) .text { float: right; }
  .sections .section:nth-child(even) .img { float: left; } }

.robot-productivity { background: url("../images/bound-gradient-02.png") bottom center no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; padding: 88px 0 0; }

@media (max-width: 992px) and (min-width: 768px) { .robot-productivity { background-size: auto; -webkit-background-size: auto; -moz-background-size: auto; } }

.robot-productivity h2 { font-size: 21px; line-height: 30px; font-weight: normal; margin: 0 0 20px; }

.robot-productivity p { color: #323232; }

.robot-productivity .img-box img { margin: 0 auto 60px; }

@media (max-width: 767px) { .robot-productivity .img-box img { margin: 0 auto 30px; } }

.robot-productivity .img-box ul { position: absolute; bottom: 11%; right: -11%; width: 305px; }

.robot-productivity .img-box ul li { text-align: left; color: #0055C4; line-height: 30px; }

@media (max-width: 992px) and (min-width: 768px) { .robot-productivity .img-box ul { right: 0; bottom: 9%; width: 250px; }
  .robot-productivity .img-box ul li { font-size: 12px; line-height: 24px; } }

@media (max-width: 767px) { .robot-productivity .img-box ul { position: static; padding-left: 30px; margin: 0 0 30px; } }

.robot-productivity .liner { padding: 40px 15px; border-top: 1px solid #D8D8D8; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: rgba(255, 255, 255, 0); }

@media (max-width: 767px) { .robot-productivity .liner { padding: 20px 15px; } }

.robot-productivity .liner a { line-height: 20px; color: #0055C4; text-decoration: underline; }

.robot-productivity .liner:hover { background: rgba(255, 255, 255, 0.5); }

@media (max-width: 767px) { .robot-productivity { background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; padding-bottom: 25px; padding-top: 50px; } }

.industry-page { padding: 100px 0 0; position: relative; }

@media (max-width: 767px) { .industry-page .head .col-sm-6 { margin: 0 0 30px; } }

.industry-page .head p { font-size: 18px; line-height: 30px; color: #323232; }

.industry-page .item { margin: 90px 0 0; }

@media (max-width: 767px) { .industry-page .item { margin: 30px 0 0; } }

.industry-page .item .img { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-position: center; background-color: #eee; display: block; margin: 0 0 20px; }

.industry-page .item .img:before { content: ""; display: block; padding: 34% 0; }

.industry-page .item h3 { font-size: 18px; font-weight: 600; line-height: 24px; margin: 0 0 20px; color: #0055C4; }

.industry-page .item h4 { font-size: 15px; font-weight: 600; line-height: 24px; color: #323232; margin: 0 0 5px; }

.industry-page .item p { color: #323232; }

@media (min-width: 768px) { .industry-page .item p { margin-right: -10px; } }

.industry-page .item .sub:not(:last-child) { margin: 0 0 30px; }

@media (max-width: 767px) { .industry-page { padding: 50px 0; } }

.section-blue { background: url("../images/bottom-bg.png"); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-position: center; background-color: #0055c4; text-align: center; }

@media (max-width: 767px) { .section-blue { padding-top: 65px; } }

.section-blue .container { position: relative; }

.section-blue .img-robot { position: absolute; top: -207px; left: -9.2%; width: 333px; }

@media (min-width: 1400px) { .section-blue .img-robot { left: -12%; } }

@media (max-width: 992px) and (min-width: 768px) { .section-blue .img-robot { top: -162px; left: -2%; width: 200px; } }

@media (max-width: 767px) { .section-blue .img-robot { width: 150px; top: -115px; left: 0; } }

.section-blue p { color: #fff; font-size: 28px; line-height: 42px; font-weight: 400; }

.section-blue .btn { padding: 0 20px; width: 100%; font-weight: 600; margin: 5px; text-align: center; }

@media (min-width: 768px) { .section-blue .btn { width: 364px; padding: 0; } }

.section-blue .btn-white { font-weight: 400; }

@media (max-width: 767px) { .section-blue .btn-white { white-space: normal; line-height: 1.5; padding: 10px 5px; height: auto; } }

@media (max-width: 991px) { .section-blue br { display: none; } }

@media (max-width: 1200px) and (min-width: 992px) { .section-blue br { display: none; } }

#brochure .form-group, #talk .form-group { margin: 0 0 20px; }

#brochure .form-group .form-control, #brochure .form-group .bootstrap-select.select, #talk .form-group .form-control, #talk .form-group .bootstrap-select.select { margin: 0; }

@media (min-width: 768px) { #brochure .modal-content, #talk .modal-content { padding: 50px; } }

@media (max-width: 767px) { #brochure .modal-content, #talk .modal-content { padding: 60px 15px 30px; } }

#brochure .modal-content form, #talk .modal-content form { display: block; float: none; margin: auto; }

#brochure .modal-content .btn-blue, #talk .modal-content .btn-blue { width: 100%; text-align: center; }

#brochure h2, #talk h2 { font-size: 28px; font-weight: 300; text-align: center; line-height: 36px; color: #004BBC; margin: 0 0 40px; }

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

@media (max-width: 767px) { #brochure h2, #talk h2 { margin-bottom: 30px; } }

#brochure .close, #talk .close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: #eee; opacity: 1; border-radius: 100%; text-align: center; padding-top: 2px; }

#brochure .close img, #talk .close img { position: relative; top: 2px; width: 10px; opacity: 0.7; }

#brochure .close:hover img, #talk .close:hover img { opacity: 1; }

@media (max-width: 767px) { #brochure .close, #talk .close { top: 10px; right: 10px; } }

#brochure .text-grey-sub, #talk .text-grey-sub { width: 100%; color: #212121; }

#brochure .text-grey-sub p, #talk .text-grey-sub p { line-height: 24px; }

@media (min-width: 768px) { #brochure form.form-bottom, #talk form.form-bottom { width: 75%; } }

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

.checkbox-section li { display: inline-block; vertical-align: top; }

.checkbox-section li:first-child { width: 35px; margin-right: 0; cursor: pointer; }

@media (max-width: 767px) { .checkbox-section li:first-child { width: 10%; margin-right: 0; } }

.checkbox-section li:first-child .checkbox { border-radius: 3px; margin: 3px 5px 0 5px; }

.checkbox-section li:last-child { width: 85%; font-size: 12px; line-height: 24px; color: #777; font-weight: 200; }

.checkbox-section input.checkbox { -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #ddd; background-color: #fff; margin: 5px 5px 0 0; outline: none !important; }

.checkbox-section input.checkbox:checked { position: relative; }

.checkbox-section input.checkbox:checked:after { position: absolute; width: 100%; height: 100%; top: 3px; left: 0; text-align: center; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; color: #0055C4; }

input.other { display: none; margin: 20px 0 0 !important; }

#talk { color: #000; }

#talk h2 { color: #000; text-align: left; }

#talk h3 { margin: 0 0 20px; font-weight: 200; }

#talk form.form-bottom { width: 100%; }

#talk .fa, #talk a { color: #0055c4; }

#talk .fa { font-size: 18px; position: relative; top: 2px; }

#talk .modal-content .btn-blue { width: auto; padding: 0 45px; }

#talk .modal-content .dropdown-menu a { color: #777; }

@media (max-width: 767px) { #talk .modal-content .m30 { margin-top: 30px; } }

.modal-backdrop.in { background: #000; opacity: 1; }

.award-winning { text-align: center; padding-bottom: 111px; }

@media (max-width: 767px) { .award-winning { padding-bottom: 40px; } }

.award-winning h2 { line-height: 54px; margin: 0 0 45px; }

@media (max-width: 767px) { .award-winning h2 { line-height: 42px; }
  .award-winning h2 br { display: none; } }

.award-winning p { font-size: 18px; font-weight: 200; line-height: 30px; }

.award-winning .feature .item { cursor: pointer; font-size: 16px; color: #2d87fb; border-radius: 2px; display: inline-block; width: 162px; border: 1px solid #4d4d4d; padding: 12px 0; background: #000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

@media (min-width: 768px) { .award-winning .feature .item:nth-child(odd) { color: #dc9308; } }

.award-winning .feature .item:hover { background: #f1f1f1; }

@media (max-width: 767px) { .award-winning .feature .item { margin: 0 3px 10px; color: #dc9308; } }

hr.separate { max-width: 1042px; margin: auto; }

.category { padding: 100px 0 40px; position: relative; }

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

.category .img { text-align: center; }

@media (min-width: 768px) { .category .img.float { float: left; position: absolute; top: 0; left: 0; } }

@media (min-width: 1440px) { .category .img.float { text-align: right; } }

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

.category .sub { margin: 0 0 10px; font-weight: 600; color: #dc9308; }

.category h2 { margin: 0 0 35px; }

@media (min-width: 768px) { .category h2 { line-height: 54px; } }

.category ul { padding-left: 35px; }

@media (min-width: 768px) { .category .m100 { margin-top: 100px; } }

@media (min-width: 768px) { .simple .m100 .col-xs-6:nth-child(1) { margin-top: 79px; }
  .simple .m100 .col-xs-6:nth-child(1) img { position: absolute; width: 120%; max-width: 120%; top: 0; left: 0; }
  .simple .m100 .col-xs-6:nth-child(2) { margin-top: -50px; } }

.safety .img { padding-left: 0; text-align: left; }

@media (min-width: 768px) { .safety .text { float: right; } }

.categories .category:nth-child(even) .sub { color: #2d87fb; }

@media (min-width: 768px) { .categories .category:nth-child(even) .img { float: right; } }

.in-control { padding: 90px 0; }

@media (max-width: 767px) { .in-control { padding: 50px 0; } }

.in-control h2 { text-align: center; margin: 0 0 5px; }

.in-control p.sub { color: #2d87fb; font-size: 24px; line-height: 42px; text-align: center; }

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

.in-control ul:not(.sub) { list-style: none; }

.in-control ul:not(.sub) > li { display: block; line-height: 24px; padding: 12px 0; }

.in-control ul:not(.sub) > li:not(:last-child) { border-bottom: 1px solid #fff; }

.in-control ul:not(.sub) > li:first-child { font-size: 16px; font-weight: 600; }

.in-control ul.sub { list-style-type: disc; padding-left: 35px; }

.in-control ul.sub li { line-height: 24px; border-bottom: none; }

.in-control .img-block { display: block; margin: 80px auto 0; }

.in-control .text-center:after { content: ""; width: 1px; position: absolute; right: 50%; top: 50%; height: 400px; z-index: -1; background: #dc9308; }

@media (max-width: 992px) and (min-width: 768px) { .in-control .text-center:after { height: 400px; } }

@media (max-width: 767px) { .in-control .text-center:after { height: 200px; } }

.thank h1 { font-size: 42px; line-height: 48px; margin-bottom: 50px; }

.thank p { font-size: 15px; line-height: 30px; }

@media (max-width: 767px) { .thank { background: none; } }

.modal-video.modal { display: block !important; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: black; z-index: -99; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }

.modal-video.modal .close.abs { position: absolute; top: 30px; left: 30px; z-index: 99; color: white; opacity: 1; outline: none !important; width: 30px; height: 30px; }

.modal-video.modal .close.abs:before { width: 30px; height: 1px; background-color: white; position: absolute; left: 0; top: 15px; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }

.modal-video.modal .close.abs:after { width: 30px; height: 1px; background-color: white; position: absolute; left: 0; top: 15px; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

.modal-video.modal .close.abs.r50 { right: 50px; }

@media (max-width: 767px) { .modal-video.modal .close.abs { left: 15px; } }

.modal-video.modal .modal-dialog { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transform: translate3d(0, 20px, 0); -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); }

.modal-video.modal .modal-dialog.large-lg { width: calc(100% - 400px); max-width: 100%; height: calc(100% - 150px); position: absolute; left: 200px; top: 75px; margin: 0; }

@media (max-width: 767px) { .modal-video.modal .modal-dialog.large-lg { width: calc(100% - 30px); left: 15px; right: 15px; } }

.modal-video.modal .modal-content { border-color: #3e3e3e; background-color: #111; height: 100%; }

.modal-video.modal .modal-content.no-border { border: 0; }

.modal-video.modal .modal-content .model-body { padding: 30px; position: relative; background-color: black; height: 100%; }

.modal-video.modal .modal-content .model-body h3 { padding-right: 40px; }

.modal-video.modal .modal-content .model-body .close { position: absolute; right: 30px; text-shadow: none; color: white; opacity: 1; outline: none; }

.modal-video.modal.in { z-index: 9999; }

.modal-video.modal.in .modal-dialog { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.fleet-post { padding: 100px 0 110px; position: relative; }

.fleet-post:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/industry-applications-bg.png") no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-position: 100% 150%; opacity: 0.1; }

.fleet-post .container { position: relative; z-index: 2; }

.fleet-post h2 { font-size: 21px; line-height: 42px; margin: 0 0 5px; font-weight: normal; }

.fleet-post h2 + p { margin: 0; }

.fleet-post p { font-size: 15px; line-height: 24px; color: #323232; }

.fleet-post .item { margin: 60px 0 0; }

@media (max-width: 767px) { .fleet-post .item { margin: 30px 0 0; } }

.fleet-post .item a { display: block; margin: 0 0 20px; border-radius: 10px; overflow: hidden; }

.fleet-post .item h3 { font-size: 15px; font-weight: 600; line-height: 24px; text-align: center; color: #0055C4; margin: 0 0 10px; }

@media (max-width: 767px) { .fleet-post { padding: 50px 0; } }

.fleet-img { position: relative; padding-top: 130px; overflow: hidden; }

.fleet-img .text { position: absolute; width: 150px; left: 33.5%; top: 20px; }

@media (max-width: 767px) { .fleet-img .text { left: 28%; top: 30px; } }

@media (max-width: 390px) { .fleet-img .text { left: 29.5%; top: 20px; } }

.fleet-img .text p { color: #0055C4; }

.fleet-img .text b { height: 24px; width: 24px; background-color: #0055C4; border-radius: 100%; position: absolute; top: 26px; left: -50px; }

@media (max-width: 767px) { .fleet-img .text b { width: 10px; height: 10px; left: -30px; } }

.fleet-img .text b + b { top: 211%; }

@media (min-width: 1400px) { .fleet-img .text b + b { top: 235%; } }

@media (max-width: 992px) and (min-width: 768px) { .fleet-img .text b + b { top: 162%; } }

@media (max-width: 767px) { .fleet-img .text b + b { top: 164%; } }

.fleet-img .text:before { content: ""; position: absolute; width: 3px; top: 30px; bottom: -112%; left: -39px; background: #0055C4; }

@media (min-width: 1400px) { .fleet-img .text:before { bottom: -136%; } }

@media (max-width: 992px) and (min-width: 768px) { .fleet-img .text:before { bottom: -62%; } }

@media (max-width: 767px) { .fleet-img .text:before { left: -26px; width: 2px; bottom: -64%; } }

@media (max-width: 992px) and (min-width: 768px) { .fleet-img .text { left: 35.5%; } }

.fleet-img img.full.w20 { margin: 0; }

@media (max-width: 767px) { .fleet-img img.full.w20 { width: 150%; max-width: 150%; margin: 0 -25%; } }

@media (min-width: 992px) { .lightbox .lb-image { max-width: 675px; height: auto !important; } }

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

.stories-page { padding: 110px 0 210px; color: #323232; }

@media (min-width: 992px) { .stories-page .row .item:nth-child(n+4) { margin-top: 90px; } }

@media (max-width: 992px) and (min-width: 768px) { .stories-page .row .item:nth-child(n+3) { margin-top: 90px; } }

@media (max-width: 767px) { .stories-page .row .item:not(:first-child) { margin-top: 30px; } }

.stories-page .item .img { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-position: center; background-color: #eee; display: block; }

.stories-page .item .img:before { content: ""; display: block; padding: 34% 0; }

.stories-page .item .title { display: block; padding: 20px 15px 20px 20px; font-size: 18px; font-weight: 600; line-height: 24px; }

.stories-page .item .date { padding: 15px 15px 15px 20px; border: dashed #979797; border-width: 1px 0; color: #323232; font-family: ".SF NS Text","Open Sans", "Proxima Nova"; font-size: 13px; font-weight: 600; line-height: 24px; }

.stories-page .item article { padding: 0 15px 20px 20px; display: block; min-height: 194px; }

@media (max-width: 1200px) and (min-width: 992px) { .stories-page .item article { min-height: 208px; } }

.stories-page .item p { font-family: ".SF NS Text","Open Sans", "Proxima Nova"; font-size: 15px; line-height: 24px; }

.stories-page .item .readmore { padding: 15px 7px; text-align: right; border-top: 1px dashed #979797; line-height: 17px; }

.stories-page .item .readmore a { font-family: Arial; font-size: 15px; line-height: 17px; }

.stories-page .item .readmore a:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 7px solid #0055C4; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 7px solid transparent; margin-left: 15px; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; left: 0; top: 1px; }

.stories-page .item .readmore a:hover:after { border-left-color: #006bf7; left: -5px; }

@media (max-width: 992px) and (min-width: 768px) { .stories-page .item a.title { font-size: 16px; } }

@media (max-width: 767px) { .stories-page { padding: 50px 0; } }

.stories-single { background: #F9F9F9; padding: 60px 0 90px; }

.stories-single .title { margin: 0 0 40px; }

.stories-single h1 { font-size: 28px; font-weight: bold; line-height: 42px; color: #0055C4; margin: 0 0 5px; }

.stories-single .info a { font-size: 13px; line-height: 24px; font-family: ".AppleSystemUIFont", "Open Sans", "Proxima Nova"; color: #323232; }

.stories-single .info a:hover { color: #0055C4; }

.stories-single .info span { font-size: 13px; line-height: 24px; font-family: ".AppleSystemUIFont", "Open Sans", "Proxima Nova"; color: #323232; display: inline-block; }

.stories-single .info span:before { content: "•"; display: inline-block; margin: 0 10px; }

.stories-single .cover { width: 100%; display: block; }

.stories-single .cover.w70 { width: 80%; margin: auto; }

.stories-single h3 { font-size: 18px; font-weight: bold; line-height: 24px; margin: -5px 0 30px; }

.stories-single p { font-family: ".SF NS Display","Open Sans","Proxima Nova"; }

.stories-single .quote-img img { position: relative; top: 5px; }

.stories-single .share i, .stories-single .share a { line-height: 26px; width: 46px; border-radius: 3px; text-align: center; color: #fff; margin: 0 3px; }

.stories-single .share i:first-child, .stories-single .share a:first-child { margin-left: 0; }

.stories-single .share i:last-child, .stories-single .share a:last-child { margin-right: 0; }

.stories-single .share i.fa-facebook-f, .stories-single .share a.fa-facebook-f { background-color: #3C5A96; }

.stories-single .share i.fa-facebook-f:hover, .stories-single .share a.fa-facebook-f:hover { background-color: #2d4472; }

.stories-single .share i.fa-twitter, .stories-single .share a.fa-twitter { background: #1da1f2; }

.stories-single .share i.fa-twitter:hover, .stories-single .share a.fa-twitter:hover { background-color: #0c85d0; }

.stories-single .share i.fa-whatsapp, .stories-single .share a.fa-whatsapp { background: #25D366; }

.stories-single .share i.fa-whatsapp:hover, .stories-single .share a.fa-whatsapp:hover { background-color: #1da851; }

.stories-single .share i.fa-google-plus, .stories-single .share a.fa-google-plus { background-color: #BD4C3A; }

.stories-single .share i.fa-google-plus:hover, .stories-single .share a.fa-google-plus:hover { background-color: #963c2e; }

.stories-single .share i.fa-envelope, .stories-single .share a.fa-envelope { background-color: #C21B00; }

.stories-single .share i.fa-envelope:hover, .stories-single .share a.fa-envelope:hover { background-color: #8f1400; }

.stories-single .share i { color: #323232; }

.stories-single hr { margin: 60px 0; border-top: 1px dashed #979797; }

@media (max-width: 767px) { .stories-single { padding: 50px 0; }
  .stories-single h1 { font-size: 21px; line-height: 1.5; }
  .stories-single .title { margin: 0 0 30px; }
  .stories-single .img { margin: 0 0 30px; }
  .stories-single .img:not(:first-child) { margin: 30px 0; }
  .stories-single h3 { margin: 20px 0 15px; }
  .stories-single h3:first-child { margin-top: 0; }
  .stories-single [class*="mb"] { margin-bottom: 15px; }
  .stories-single hr { margin: 30px 0; } }

.downloads { cursor: pointer; }

.downloads .thumbnail { position: relative; float: left; max-width: 70px; box-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.3); }

.downloads .thumbnail img { border: 0.1rem solid #fff; }

.downloads .text { margin-left: 80px; }

.downloads .text h4 { margin: 0 0 10px; font-size: 15px; line-height: 19px; font-weight: 600; }

.downloads .text .lang { color: #4C5157; font-size: 12px; line-height: 1; margin: 0 0 10px; }

.downloads .text .lang b { display: inline-block; width: 24px; background: #7f7f7f; color: #fff; text-align: center; font-size: 11px; font-weight: bold; line-height: 19px; text-transform: uppercase; margin-right: 5px; }

.downloads .text a { color: #0055C4; font-weight: 600; }

.related-cs { padding: 45px 0 210px; background: #f9f9f9; }

.related-cs .container { position: relative; }

.related-cs .container:before { content: ""; position: absolute; top: -45px; left: 15px; right: 15px; height: 1px; border-top: 1px dashed #979797; display: block; }

.related-cs h2 { font-size: 15px; font-weight: 600; line-height: 20px; margin: 0 0 20px; }

.related-cs .img { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-position: center; background-color: #eee; display: block; }

.related-cs .img:before { content: ""; display: block; padding: 34% 0; }

.related-cs .title { display: block; padding: 25px 20px; font-size: 18px; font-weight: 600; line-height: 24px; }

@media (max-width: 992px) and (min-width: 768px) { .related-cs .title { padding: 25px 10px; } }

@media (max-width: 767px) { .related-cs { padding: 50px 0; } }

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

#omron-logo-footer img path, #omron-logo-footer .svg path { fill: #fff; }

@media (min-width: 992px) { #omron-logo-footer img, #omron-logo-footer .svg { width: 150px;  } }


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

#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; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-size: 20px; } }

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

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

#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 ul { padding: 0 !important; }

@media (max-width: 767px) { #footer div.menu ul { max-height: 0; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; 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 { -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 { width: 24px; 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; } }

#share-buttons img { padding: 5px; border: 0; box-shadow: 0; display: inline; width:46px;}

.header-tyre h1 { font-size: 30px; }

.header-tyre h3 { font-size: 24px; font-weight: bold; color: #0055C4; line-height: 42px; margin: 0; }

.stories-single .video-box { width: 100%; font-size: 0; padding-bottom: 40px; }

.stories-single .video-box .video { width: 100%; height: 53vw; }

@media (min-width: 768px) { .stories-single .video-box .video { width: 720px; height: 405px; } }
@media (min-width: 992px) { .stories-single .video-box .video { width: 778px; height: 438px; } }
@media (min-width: 1200px) { .stories-single .video-box .video { width: 945px; height: 532px; } }