/* ------------------------------------------------------------------------------------------------ */ /* Core style */ /* ------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------ */ /* Fonts */ /* ------------------------------------------------------------------------------------------------ */ @font-face { font-family: "Sfprotext"; src: local("Sfprotext"); src: url("../fonts/sfprotext-light.eot"); src: url("../fonts/sfprotext-light.svg") format("svg"), url("../fonts/sfprotext-light.eot#iefix") format("embedded-opentype"), url("../fonts/sfprotext-light.ttf") format("truetype"), url("../fonts/sfprotext-light.woff") format("woff"); font-style: normal; font-weight: 200; } @font-face { font-family: "Sfprotext"; src: local("Sfprotext"); src: url("../fonts/sfprotext-regular.eot"); src: url("../fonts/sfprotext-regular.svg") format("svg"), url("../fonts/sfprotext-regular.eot#iefix") format("embedded-opentype"), url("../fonts/sfprotext-regular.ttf") format("truetype"), url("../fonts/sfprotext-regular.woff") format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: "Sfprotext"; src: local("Sfprotext"); src: url("../fonts/sfprotext-medium.eot"); src: url("../fonts/sfprotext-medium.svg") format("svg"), url("../fonts/sfprotext-medium.eot#iefix") format("embedded-opentype"), url("../fonts/sfprotext-medium.ttf") format("truetype"), url("../fonts/sfprotext-medium.woff") format("woff"); font-style: normal; font-weight: 600; } @font-face { font-family: "Sfprotext"; src: local("Sfprotext"); src: url("../fonts/sfprotext-bold.eot"); src: url("../fonts/sfprotext-bold.svg") format("svg"), url("../fonts/sfprotext-bold.eot#iefix") format("embedded-opentype"), url("../fonts/sfprotext-bold.ttf") format("truetype"), url("../fonts/sfprotext-bold.woff") format("woff"); font-style: normal; font-weight: 800; } @font-face { font-family: "Tiempo"; src: local("Tiempo"); src: url("../fonts/tiempo-regular.eot"); src: url("../fonts/tiempo-regular.svg") format("svg"), url("../fonts/tiempo-regular.eot#iefix") format("embedded-opentype"), url("../fonts/tiempo-regular.ttf") format("truetype"), url("../fonts/tiempo-regular.woff") format("woff"); font-style: normal; font-weight: normal; } @font-face { font-family: "Tiempo"; src: local("Tiempo"); src: url("../fonts/tiempo-bold.eot"); src: url("../fonts/tiempo-bold.svg") format("svg"), url("../fonts/tiempo-bold.eot#iefix") format("embedded-opentype"), url("../fonts/tiempo-bold.ttf") format("truetype"), url("../fonts/tiempo-bold.woff") format("woff"); font-style: normal; font-weight: bold; } .mb0 { margin-bottom: 0px; } @media (max-width: 767px) { .mb0 { margin-bottom: 30px; } } .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: 30px; padding-top: 30px; } } .pt0 { padding-top: 0px; } @media (max-width: 767px) { .pt0 { padding-top: 30px; } } .pb0 { padding-bottom: 0px; } @media (max-width: 767px) { .pb0 { padding-bottom: 30px; } } .plr0 { padding-left: 0px; padding-right: 0px; } @media (max-width: 767px) { .plr0 { padding-left: 15px; padding-right: 15px; } } .mb5 { margin-bottom: 5px; } @media (max-width: 767px) { .mb5 { margin-bottom: 30px; } } .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: 30px; padding-top: 30px; } } .pt5 { padding-top: 5px; } @media (max-width: 767px) { .pt5 { padding-top: 30px; } } .pb5 { padding-bottom: 5px; } @media (max-width: 767px) { .pb5 { padding-bottom: 30px; } } .plr5 { padding-left: 5px; padding-right: 5px; } @media (max-width: 767px) { .plr5 { padding-left: 15px; padding-right: 15px; } } .mb10 { margin-bottom: 10px; } @media (max-width: 767px) { .mb10 { margin-bottom: 30px; } } .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: 30px; padding-top: 30px; } } .pt10 { padding-top: 10px; } @media (max-width: 767px) { .pt10 { padding-top: 30px; } } .pb10 { padding-bottom: 10px; } @media (max-width: 767px) { .pb10 { padding-bottom: 30px; } } .plr10 { padding-left: 10px; padding-right: 10px; } @media (max-width: 767px) { .plr10 { padding-left: 15px; padding-right: 15px; } } .mb15 { margin-bottom: 15px; } @media (max-width: 767px) { .mb15 { margin-bottom: 30px; } } .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: 30px; padding-top: 30px; } } .pt15 { padding-top: 15px; } @media (max-width: 767px) { .pt15 { padding-top: 30px; } } .pb15 { padding-bottom: 15px; } @media (max-width: 767px) { .pb15 { padding-bottom: 30px; } } .plr15 { padding-left: 15px; padding-right: 15px; } @media (max-width: 767px) { .plr15 { padding-left: 15px; padding-right: 15px; } } .mb20 { margin-bottom: 20px; } @media (max-width: 767px) { .mb20 { margin-bottom: 30px; } } .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: 30px; padding-top: 30px; } } .pt20 { padding-top: 20px; } @media (max-width: 767px) { .pt20 { padding-top: 30px; } } .pb20 { padding-bottom: 20px; } @media (max-width: 767px) { .pb20 { padding-bottom: 30px; } } .plr20 { padding-left: 20px; padding-right: 20px; } @media (max-width: 767px) { .plr20 { padding-left: 15px; padding-right: 15px; } } .mb25 { margin-bottom: 25px; } @media (max-width: 767px) { .mb25 { margin-bottom: 30px; } } .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: 30px; padding-top: 30px; } } .pt25 { padding-top: 25px; } @media (max-width: 767px) { .pt25 { padding-top: 30px; } } .pb25 { padding-bottom: 25px; } @media (max-width: 767px) { .pb25 { padding-bottom: 30px; } } .plr25 { padding-left: 25px; padding-right: 25px; } @media (max-width: 767px) { .plr25 { padding-left: 15px; padding-right: 15px; } } .mb30 { margin-bottom: 30px; } @media (max-width: 767px) { .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: 30px; padding-top: 30px; } } .pt30 { padding-top: 30px; } @media (max-width: 767px) { .pt30 { padding-top: 30px; } } .pb30 { padding-bottom: 30px; } @media (max-width: 767px) { .pb30 { padding-bottom: 30px; } } .plr30 { padding-left: 30px; padding-right: 30px; } @media (max-width: 767px) { .plr30 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt35 { padding-top: 35px; } @media (max-width: 767px) { .pt35 { padding-top: 30px; } } .pb35 { padding-bottom: 35px; } @media (max-width: 767px) { .pb35 { padding-bottom: 30px; } } .plr35 { padding-left: 35px; padding-right: 35px; } @media (max-width: 767px) { .plr35 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt40 { padding-top: 40px; } @media (max-width: 767px) { .pt40 { padding-top: 30px; } } .pb40 { padding-bottom: 40px; } @media (max-width: 767px) { .pb40 { padding-bottom: 30px; } } .plr40 { padding-left: 40px; padding-right: 40px; } @media (max-width: 767px) { .plr40 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt50 { padding-top: 50px; } @media (max-width: 767px) { .pt50 { padding-top: 30px; } } .pb50 { padding-bottom: 50px; } @media (max-width: 767px) { .pb50 { padding-bottom: 30px; } } .plr50 { padding-left: 50px; padding-right: 50px; } @media (max-width: 767px) { .plr50 { padding-left: 15px; padding-right: 15px; } } .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 { padding-top: 60px; padding-bottom: 60px; } @media (max-width: 767px) { .ptd60 { padding-bottom: 30px; padding-top: 30px; } } .pt60 { padding-top: 60px; } @media (max-width: 767px) { .pt60 { padding-top: 30px; } } .pb60 { padding-bottom: 60px; } @media (max-width: 767px) { .pb60 { padding-bottom: 30px; } } .plr60 { padding-left: 60px; padding-right: 60px; } @media (max-width: 767px) { .plr60 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt70 { padding-top: 70px; } @media (max-width: 767px) { .pt70 { padding-top: 30px; } } .pb70 { padding-bottom: 70px; } @media (max-width: 767px) { .pb70 { padding-bottom: 30px; } } .plr70 { padding-left: 70px; padding-right: 70px; } @media (max-width: 767px) { .plr70 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt75 { padding-top: 75px; } @media (max-width: 767px) { .pt75 { padding-top: 30px; } } .pb75 { padding-bottom: 75px; } @media (max-width: 767px) { .pb75 { padding-bottom: 30px; } } .plr75 { padding-left: 75px; padding-right: 75px; } @media (max-width: 767px) { .plr75 { padding-left: 15px; padding-right: 15px; } } .mb80 { margin-bottom: 80px; } @media (max-width: 767px) { .mb80 { margin-bottom: 30px; } } .mt80 { margin-top: 80px; } @media (max-width: 767px) { .mt80 { margin-top: 30px; } } .mtd80 { margin-top: 80px; margin-bottom: 80px; } @media (max-width: 767px) { .mtd80 { margin-bottom: 30px; margin-top: 30px; } } .ml80 { margin-left: 80px; } .mlsm80 { margin-left: 80px; } @media (max-width: 768px) { .mlsm80 { margin: 0; } } .mr80 { margin-right: 80px; } .pd80 { padding: 80px; } .ptd80 { padding-top: 80px; padding-bottom: 80px; } @media (max-width: 767px) { .ptd80 { padding-bottom: 30px; padding-top: 30px; } } .pt80 { padding-top: 80px; } @media (max-width: 767px) { .pt80 { padding-top: 30px; } } .pb80 { padding-bottom: 80px; } @media (max-width: 767px) { .pb80 { padding-bottom: 30px; } } .plr80 { padding-left: 80px; padding-right: 80px; } @media (max-width: 767px) { .plr80 { padding-left: 15px; padding-right: 15px; } } .mb90 { margin-bottom: 90px; } @media (max-width: 767px) { .mb90 { margin-bottom: 30px; } } .mt90 { margin-top: 90px; } @media (max-width: 767px) { .mt90 { margin-top: 30px; } } .mtd90 { margin-top: 90px; margin-bottom: 90px; } @media (max-width: 767px) { .mtd90 { margin-bottom: 30px; margin-top: 30px; } } .ml90 { margin-left: 90px; } .mlsm90 { margin-left: 90px; } @media (max-width: 768px) { .mlsm90 { margin: 0; } } .mr90 { margin-right: 90px; } .pd90 { padding: 90px; } .ptd90 { padding-top: 90px; padding-bottom: 90px; } @media (max-width: 767px) { .ptd90 { padding-bottom: 30px; padding-top: 30px; } } .pt90 { padding-top: 90px; } @media (max-width: 767px) { .pt90 { padding-top: 30px; } } .pb90 { padding-bottom: 90px; } @media (max-width: 767px) { .pb90 { padding-bottom: 30px; } } .plr90 { padding-left: 90px; padding-right: 90px; } @media (max-width: 767px) { .plr90 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt100 { padding-top: 100px; } @media (max-width: 767px) { .pt100 { padding-top: 30px; } } .pb100 { padding-bottom: 100px; } @media (max-width: 767px) { .pb100 { padding-bottom: 30px; } } .plr100 { padding-left: 100px; padding-right: 100px; } @media (max-width: 767px) { .plr100 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt120 { padding-top: 120px; } @media (max-width: 767px) { .pt120 { padding-top: 30px; } } .pb120 { padding-bottom: 120px; } @media (max-width: 767px) { .pb120 { padding-bottom: 30px; } } .plr120 { padding-left: 120px; padding-right: 120px; } @media (max-width: 767px) { .plr120 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt150 { padding-top: 150px; } @media (max-width: 767px) { .pt150 { padding-top: 30px; } } .pb150 { padding-bottom: 150px; } @media (max-width: 767px) { .pb150 { padding-bottom: 30px; } } .plr150 { padding-left: 150px; padding-right: 150px; } @media (max-width: 767px) { .plr150 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt200 { padding-top: 200px; } @media (max-width: 767px) { .pt200 { padding-top: 30px; } } .pb200 { padding-bottom: 200px; } @media (max-width: 767px) { .pb200 { padding-bottom: 30px; } } .plr200 { padding-left: 200px; padding-right: 200px; } @media (max-width: 767px) { .plr200 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt240 { padding-top: 240px; } @media (max-width: 767px) { .pt240 { padding-top: 30px; } } .pb240 { padding-bottom: 240px; } @media (max-width: 767px) { .pb240 { padding-bottom: 30px; } } .plr240 { padding-left: 240px; padding-right: 240px; } @media (max-width: 767px) { .plr240 { padding-left: 15px; padding-right: 15px; } } .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: 30px; padding-top: 30px; } } .pt300 { padding-top: 300px; } @media (max-width: 767px) { .pt300 { padding-top: 30px; } } .pb300 { padding-bottom: 300px; } @media (max-width: 767px) { .pb300 { padding-bottom: 30px; } } .plr300 { padding-left: 300px; padding-right: 300px; } @media (max-width: 767px) { .plr300 { padding-left: 15px; padding-right: 15px; } } /* ------------------------------------------------------------------------------------------------ */ /* Common */ /* ------------------------------------------------------------------------------------------------ */ *, *:after, *:before { box-sizing: border-box; } /* Common */ hr { border: 0; border-top: 1px solid #D3D3D3; } .clearfix, .careers-img { display: block; width: 100%; } .clearfix:before, .careers-img:before, .clearfix:after, .careers-img:after { content: " "; display: table; } .clearfix:after, .careers-img:after { clear: both; } /* ------------------------------------------------------------------------------------------------ */ /* Typography */ /* ------------------------------------------------------------------------------------------------ */ a { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #eb7c1c; text-decoration: none; transition: all .3s; } a:focus { text-decoration: none; color: #3F474A; } a:hover { color: #3F474A; opacity: 1; text-decoration: none; } b { font-weight: normal; } p { margin: 0 0 25px; padding: 0; } p em, p i { font-style: italic; } p u { text-decoration: underline; } p a:hover { text-decoration: underline; } h1, h2, h3, h4 { margin: 0 0 20px; } 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 30px; } article p:last-child { margin: 0; } 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: underline; } 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 0 30px; padding-left: 25px; } article ul:last-child, article ol:last-child { 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; } ul { padding: 0; margin: 0; } .list-inline > li { padding: 0; } label, .label { font-weight: normal; } .tac { text-align: center; } .tar { text-align: right; } .tal { text-align: left; } .text-tiempo { font-weight: normal; font-family: "Tiempo"; } .text-tiempo-bold { font-weight: bold; font-family: "Tiempo"; } .text-bold, p strong, p b { font-weight: 900; font-family: "Sfprotext"; } .text-semibold { font-weight: 500; font-family: "Sfprotext"; } .text-regular, html, body { font-weight: normal; font-family: "Sfprotext"; } .text-light { font-weight: 200; font-family: "Sfprotext"; } .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, html, body { font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .font-size-16, html, body { font-size: 14px; line-height: 21px; } } .font-size-18 { font-size: 18px; line-height: 28px; } @media (max-width: 767px) { .font-size-18 { font-size: 16px; line-height: 24px; } } .font-size-20 { font-size: 20px; line-height: 32px; } @media (max-width: 767px) { .font-size-20 { font-size: 18px; line-height: 30px; } } .font-size-21 { font-size: 21px; line-height: 32px; } @media (max-width: 767px) { .font-size-21 { font-size: 18px; line-height: 30px; } } .font-size-24 { font-size: 24px; line-height: 30px; } @media (max-width: 767px) { .font-size-24 { font-size: 20px; line-height: 30px; } } .font-size-26 { font-size: 26px; line-height: 36px; } @media (max-width: 767px) { .font-size-26 { font-size: 24px; line-height: 30px; } } .font-size-30 { font-size: 30px; line-height: 45px; } @media (max-width: 767px) { .font-size-30 { font-size: 26px; line-height: 36px; } } .font-size-32 { font-size: 32px; line-height: 45px; } @media (max-width: 767px) { .font-size-32 { font-size: 20px; line-height: 1.5em; } } .font-size-36 { font-size: 36px; line-height: 45px; } @media (max-width: 767px) { .font-size-36 { font-size: 21px; line-height: 1.5em; } } .font-size-42 { font-size: 42px; line-height: 1.5; } @media (max-width: 767px) { .font-size-42 { font-size: 24px; } } .font-size-46 { font-size: 46px; line-height: 1.5; } @media (max-width: 767px) { .font-size-46 { font-size: 24px; } } .font-size-48 { font-size: 48px; line-height: 55px; } @media (max-width: 767px) { .font-size-48 { font-size: 24px; line-height: 1.5em; } } .font-size-60 { font-size: 60px; line-height: 1.2; } @media (max-width: 767px) { .font-size-60 { font-size: 30px; } } .font-size-64 { font-size: 64px; line-height: 1.2; } @media (max-width: 767px) { .font-size-64 { font-size: 36px; } } .font-size-72 { font-size: 72px; line-height: 1.2; } @media (max-width: 767px) { .font-size-72 { font-size: 60px; } } .text-capital { text-transform: uppercase; } .row.row0 [class*="col-"] { padding: 0; } /* ------------------------------------------------------------------------------------------------ */ /* Bootstrap */ /* ------------------------------------------------------------------------------------------------ */ .form-control { border-color: #e2e2e2; } .form-control:hover, .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none; border-color: #e2e2e2; } html, body { margin: 0px; color: #686E70; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background-color: #fff; } hr { margin: 20px 0; } @media (max-width: 767px) { hr { margin: 10px 0; } } /* ------------------------------------------------------------------------------------------------ */ /* Component style */ /* ------------------------------------------------------------------------------------------------ */ @-webkit-keyframes animate { 0% { opacity: 0; z-index: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } 99% { opacity: 1; z-index: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); z-index: 1; } } @keyframes animate { 0% { opacity: 0; z-index: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } 99% { opacity: 1; z-index: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); z-index: 1; } } @-webkit-keyframes mouse-wheel { 0% { opacity: 0; z-index: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 99% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 0; } } @keyframes mouse-wheel { 0% { opacity: 0; z-index: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 99% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 0; } } .animate.header-bg { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; transition: opacity .5s ease, -webkit-transform .5s ease; transition: transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease; transition-delay: 1s; } .animate.header-bg.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.header-logo { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: opacity .5s ease, -webkit-transform .5s ease; transition: transform .5s ease, opacity .5s ease; transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease; transition-delay: 2s; } .animate.header-logo.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.header-nav { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .5s ease; transition-delay: 3s; } .animate.header-nav.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.prdk { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all .5s ease; transition-delay: 4s; } .animate.prdk.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } @media (max-width: 991px) { .animate.header-nav { -webkit-transform: translateX(300px); transform: translateX(300px); opacity: 1; transition: all .5s; transition-delay: 0s; } .animate.header-nav.animate-in { -webkit-transform: translateX(300px); transform: translateX(300px); opacity: 1; } } @media (max-width: 767px) { .animate.header-nav { -webkit-transform: translateX(100vw); transform: translateX(100vw); } .animate.header-nav.animate-in { -webkit-transform: translateX(100vw); transform: translateX(100vw); } } .animate.fade-in { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all 1s ease; } .animate.fade-in.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.fade-inb { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all 1s ease; } .animate.fade-inb.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.fade-pop { bottom: -75px; opacity: 0; transition: all 1s ease; } .animate.fade-pop.animate-in { bottom: -45px; opacity: 1; } .animate.fade-in.slow { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; transition: all 1s ease; } .animate.fade-in.slow.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } @media (max-width: 767px) { .animate.fade-in.slow { -webkit-transform: translateY(10px); transform: translateY(10px); } } .animate.fade-out { -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; transition: all 1s ease; } .animate.fade-out.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } @media (max-width: 767px) { .animate.fade-out { -webkit-transform: translateY(10px); transform: translateY(10px); } } .animate.fade-outs { opacity: 0; z-index: 0; transition: all 4s ease, opacity 2s, z-index 1s 2s ease; } .animate.fade-outs.animate-in { opacity: 1; z-index: 2; } .detail-content .animate.fade-outs { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all 1s ease; } .detail-content .animate.fade-outs.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .section-dbrocure.animate.fade-outs, .brocure-detail.animate.fade-outs { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; transition: all 1s ease; } .section-dbrocure.animate.fade-outs.animate-in, .brocure-detail.animate.fade-outs.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.fade-in-left { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; transition: all 1s ease; } .animate.fade-in-left.animate-in { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.fade-in-left.before:before { -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; transition: all 1s ease; } .animate.fade-in-left.before.animate-in:before { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .animate.fade-in-right { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0; transition: all 1s ease; } .animate.fade-in-right.animate-in { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } @media (max-width: 767px) { .animate.fade-in-right { -webkit-transform: translateY(10px); transform: translateY(10px); } } .animate.fade-only { opacity: 0; transition: all 1s ease; } .animate.fade-only.animate-in { opacity: 1; } .animate.fade-scale { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); transition: all 1s ease; } .animate.fade-scale.animate-in { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .animate.fade-in.delay:nth-child(1), .animate.fade-inb.delay:nth-child(1), .animate.fade-outs.delay:nth-child(1) { transition-delay: .2s; } .animate.fade-in.delay:nth-child(2), .animate.fade-inb.delay:nth-child(2), .animate.fade-outs.delay:nth-child(2) { transition-delay: .4s; } .animate.fade-in.delay:nth-child(3), .animate.fade-inb.delay:nth-child(3), .animate.fade-outs.delay:nth-child(3) { transition-delay: .6s; } .animate.fade-in.delay:nth-child(4), .animate.fade-inb.delay:nth-child(4), .animate.fade-outs.delay:nth-child(4) { transition-delay: .8s; } .animate.fade-in.delay:nth-child(5), .animate.fade-inb.delay:nth-child(5), .animate.fade-outs.delay:nth-child(5) { transition-delay: 1s; } .animate.fade-in.delay:nth-child(6), .animate.fade-inb.delay:nth-child(6), .animate.fade-outs.delay:nth-child(6) { transition-delay: 1.2s; } .animate.fade-in.delay:nth-child(7), .animate.fade-inb.delay:nth-child(7), .animate.fade-outs.delay:nth-child(7) { transition-delay: 1.4s; } .animate.fade-in.delay:nth-child(8), .animate.fade-inb.delay:nth-child(8), .animate.fade-outs.delay:nth-child(8) { transition-delay: 1.6s; } .animate.fade-in.delay:nth-child(9), .animate.fade-inb.delay:nth-child(9), .animate.fade-outs.delay:nth-child(9) { transition-delay: 1.8s; } .delay-1 { transition-delay: 1s !important; } .delay-2 { transition-delay: 2s !important; } .delay-3 { transition-delay: 3s !important; } .delay-4 { transition-delay: 4s !important; } .delay-5 { transition-delay: 6s !important; } /* ------------------------------------------------------------------------------------------------ */ /* General */ /* ------------------------------------------------------------------------------------------------ */ * { outline: none; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } .icon { display: inline-block; vertical-align: middle; } p { text-align: justify; } p:last-child { margin-bottom: 0; } @media (max-width: 767px) { br { display: none; } } hr { border-color: #E2E2E2; margin: 0 auto 50px; max-width: 1170px; } @media (max-width: 991px) { hr { max-width: 100%; } } @media (max-width: 767px) { hr { margin: 0 auto 15px; } } #preloading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; background-image: url(../images/rolling.gif); background-repeat: no-repeat; background-position: center; background-size: 100px; z-index: 99; } #myList .col-sm-4 { display: none; } .section-part { padding: 60px 0; } .section-part.pb0 { padding-bottom: 0; } .section-part.pb30 { padding-bottom: 30px; } .section-part.pb60 { padding-bottom: 60px; } .section-part:last-child { padding-bottom: 10px; } @media (max-width: 991px) { .section-part { padding: 30px 0; } .section-part:last-child { padding-bottom: 60px; } } @media (max-width: 767px) { .section-part { padding: 15px 0; } .section-part:last-child { padding-bottom: 30px; } } .title { font-size: 36px; line-height: 46px; font-weight: bold; margin-bottom: 0; color: #3F474A; } .title.main { margin-bottom: 60px; } .title span { color: #eb7c1c; } .title.center { text-align: center; } @media (max-width: 991px) { .title { font-size: 33px; line-height: 43px; } .title.main { margin-bottom: 30px; } } @media (max-width: 767px) { .title { font-size: 21px; line-height: 33px; } } .content-text-wrap .content-text { max-width: 945px; } .btn-link { color: #FFF; opacity: .4; font-weight: normal; position: relative; line-height: 24px; } .btn-link:hover { text-decoration: none; color: #FFF; opacity: 1; } .btn-link:hover:after { opacity: 1; } .btn-link:after { content: ""; opacity: .4; width: 70px; height: 2px; display: block; background-color: #FFF; } dl { margin-bottom: 30px; } dl dt { float: left; font-weight: 400; color: #686E70; } dl dd { padding-left: 95px; margin-bottom: 5px; color: #686E70; } .modal { background: rgba(33, 135, 164, 0.8); } .modal .modal-dialog { width: 770px; } @media (max-width: 991px) { .modal .modal-dialog { width: 85%; } } @media (max-width: 767px) { .modal .modal-dialog { width: auto; } } .modal .modal-dialog.modal-sm { max-width: 375px; width: auto; padding: 20px; } .modal .modal-dialog.modal-sm .modal-body { padding: 20px; } .modal .modal-dialog.modal-sm .modal-body p { font-size: 14px; } .modal .modal-dialog.modal-sm label { font-size: 14px; } .modal .modal-dialog.modal-sm .btn-link, .modal .modal-dialog.modal-sm .btn { background-color: #eb7c1c; color: #FFF; opacity: 1; padding: 6px 12px; line-height: 1.5; border-radius: 4px; } .modal .modal-dialog.modal-sm .btn-link:after, .modal .modal-dialog.modal-sm .btn:after { display: none; } .modal .modal-dialog.modal-sm .btn-link:hover, .modal .modal-dialog.modal-sm .btn:hover { background-color: #b97125; text-decoration: none; } .modal .modal-content { position: relative; } .modal .modal-close { cursor: pointer; color: #FFF; font-size: 14px; line-height: 20px; position: absolute; right: -60px; top: 25px; text-align: center; opacity: 1; transition: opacity .5s; display: none; } .modal .modal-close span { display: block; } .modal .modal-close:before { content: ""; display: block; width: 12px; height: 12px; background-image: url(../images/icon-close.svg); margin: 0 auto 10px; } .modal .modal-close:hover { opacity: .5; } .modal .modal-dialog .modal-content { box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.5); border: 0; border-radius: 4px; background-color: #FFF; } .modal .modal-header { border: 0; padding: 60px 60px 0; } .modal .modal-title { font-size: 21px; line-height: 30px; font-weight: 600; } .modal .modal-title:last-child { margin-bottom: 0; } .modal .modal-body { padding: 30px 60px; } .modal .modal-item { padding: 30px 60px; border-bottom: 1px solid #E2E2E2; } .modal .modal-item .wrap-item { padding-left: 180px; position: relative; } .modal .modal-item .box-img { width: 150px; position: absolute; left: 0; top: 0; margin-bottom: 20px; } .modal .modal-item .box-img .img { width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .modal .modal-item h3 { font-size: 18px; line-height: 30px; font-weight: 600; margin-bottom: 10px; } .modal .modal-item p { margin-bottom: 20px; } .modal .modal-item *:last-child { margin-bottom: 0; } .modal .modal-item:last-of-type { padding-bottom: 60px; border-bottom: 0; } .modal .form-control { height: 30px; padding: 6px 0; } .modal.modal-video .modal-body { padding: 20px; } .modal.modal-video .modal-body center { padding: 15px 0; } .modal.modal-video .modal-body center p { font-size: 14px; font-weight: 600; } .modal.modal-video .modal-body br { display: none; } .modal.modal-video .video-embed { width: 100%; padding-top: 56.2%; position: relative; } .modal.modal-video .video-embed iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .modal .modal-dialog { min-height: calc(100% - (1.75rem * 2)); margin: 1.75rem auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .modal .modal-dialog .modal-content { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; pointer-events: auto; width: 100%; } @media (max-width: 991px) { .modal .modal-dialog { margin-top: 80px; } .modal .modal-close { top: -50px; right: 0; } .modal .modal-header { padding: 30px 40px 0; } .modal .modal-body, .modal .modal-item { padding: 30px 40px; } } @media (max-width: 767px) { .modal .modal-item .wrap-item { padding-left: 0; } .modal .modal-item .box-img { position: relative; } } .box-video { position: relative; } .box-video .play { position: absolute; width: 70px; height: 70px; top: calc(50% - 35px); left: calc(50% - 35px); cursor: pointer; border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #000; color: #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; transition: all .3s; z-index: 5; } .box-video .play i { position: relative; left: 4px; } .box-video .play:hover { background-color: #FFF; color: #eb7c1c; } @media (max-width: 991px) { .box-video .play { width: 50px; height: 50px; top: calc(50% - 25px); left: calc(50% - 25px); font-size: 18px; } .box-video .play i { left: 2px; } } .card { transition: all .5s .1s ease; margin-bottom: 60px; } .card .box-img { position: relative; width: 100%; padding-top: 100%; margin-bottom: 20px; } .card .box-img .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .5s; } .card .title { margin-bottom: 20px; } .card .title a { color: #3F474A; } .card .title a:hover { color: #eb7c1c; } .card .btn-link { color: #eb7c1c; transition: all .5s; opacity: 1; } .card .btn-link:after { background-color: #eb7c1c; opacity: 1; transition: all .5s; } .card .btn-link:hover { opacity: .8; } .card .btn-link:hover:after { opacity: .8; } .box-img { overflow: hidden; } .box-img:hover .img { -webkit-transform: scale(1.03); transform: scale(1.03); } .box-img .img { transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; transition: transform .6s,-webkit-transform .6s; } .tag { font-size: 12px; line-height: 14px; color: #FFF; font-weight: 600; padding: 5px 10px; border-radius: 2px; display: inline-block; } .tag.t-sold { background-color: #BF0000; } .tag.t-ongoing { background-color: #eb7c1c; } .tag.t-development { background-color: #686E70; } .tag.t-completed { background-color: #73bf43; } @media (max-width: 991px) { .tag { font-size: 12px; white-space: nowrap; max-width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .content-text p:last-child { margin-bottom: 0; } .form-control { border: 0; outline: 0; box-shadow: none; border-radius: 0; background-color: transparent; padding-left: 0; max-width: 340px; height: 40px; border-bottom: 1px solid #E2E2E2; } .wa-box { position: fixed; bottom: 30px; right: 60px; z-index: 3; padding: 25px 20px; border-radius: 8px 8px 0 0; text-align: center; font-weight: 600; max-height: 0; opacity: 0; visibility: hidden; transition: all .5s ease; -webkit-transform: translateY(60px); transform: translateY(60px); } .wa-box.showed { max-height: 9999px; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .wa-box.ishowed { max-height: 9999px; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .wa-box h3 { font-size: 16px; line-height: 22px; color: #FFF; margin-bottom: 10px; } .wa-box h3 a { color: #FFF; } .wa-box .number { font-size: 21px; line-height: 26px; color: #FFF; } .wa-box .icon-wa { width: 80px; height: 80px; background-image: url(../images/icon-whatsapp.png); background-size: contain; position: absolute; left: calc(50% - 40px); top: -30px; } .msg-box { position: fixed; bottom: 110px; right: 40px; z-index: 3; padding: 25px 20px; border-radius: 8px 8px 0 0; text-align: center; font-weight: 600; max-height: 0; opacity: 0; visibility: hidden; transition: all .5s ease; -webkit-transform: translateY(60px); transform: translateY(60px); } .msg-box .icon-msg { width: 80px; height: 80px; background-image: url(../images/email.png); background-size: contain; position: absolute; left: calc(50% - 40px); top: -30px; } .msg-box.showed { max-height: 99px; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .msg-box.ishowed { max-height: 99px; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .msglock{position: fixed; bottom: 100px; right: 20px; z-index: 3; padding: 25px 20px; border-radius: 8px 8px 0 0; text-align: center;} @media (max-width: 767px) { .wa-box { display: none; } .msglock { display: none; } } .boxpop1{ z-index: 3; position: fixed; bottom: 65px; left: 60px; transition: all .5s ease; -webkit-transform: translateY(60px); transform: translateY(60px);} .boxpop1{ background: rgb(213,213,213); background: linear-gradient(0deg, rgba(213,213,213,0.6866946607744661) 100%, rgba(255,255,255,0) 100%); width: 440px; height: 260px; padding: 10px; } .boxpop1.showed { max-height: 9999px; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .boxpop1.ishowed { max-height: 9999px; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .call-box-m { position: fixed; bottom: 0; right: 0; left: 0; background: #fff; z-index: 100; margin: 0; text-align: center; padding: 0; border-top: 1px solid #E2E2E2; text-transform: uppercase; display: none; } .call-box-m li { padding: 15px 0; list-style: none; float: left; width: 50%; font-weight: 600; } .call-box-m li a i { padding-right: 10px; } .call-box-m li:last-child { border-left: 1px solid #E2E2E2; } .call-box-m li:last-child a { color: #60D36B; } @media (max-width: 767px) { .call-box-m { display: block; } } .lity-iframe { background: #000; } .lity-iframe .lity-container { max-width: 100%; max-height: 100vh; height: 100vh; } .lity-iframe .lity-iframe-container { max-height: 100vh !important; padding: 0; height: 100vh !important; } @media (max-width: 991px) { .lity-iframe .lity-container { height: auto; } .lity-iframe .lity-iframe-container { height: 0 !important; padding: 56.25% 0 0; } } /* ------------------------------------------------------------------------------------------------ */ /* custom owl */ /* ------------------------------------------------------------------------------------------------ */ .owls .owl-nav .owl-prev, .owls .owl-nav .owl-next{ height: 445px; width: 200px; border-radius: 0%; font-size: 1px; border: 0px solid #fff; position: absolute; transition: all 0.3s;} .owls .owl-nav .owl-prev { top:-280px; left: -60px; } .owls .owl-nav .owl-next { top:-280px; text-align: right; right: -60px; } .owl-carousel { position: relative; } .owl-carousel .owl-loaded { overflow: visible; } .owl-carousel .owl-stage-outer { overflow-x: hidden; } .owl-carousel .owl-stage-outer .owl-stage .owl-item { position: relative; } .owl-carousel .owl-nav { position: absolute; top: calc(50% - 15px); width: 100%; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; transition: all 0.3s; } .owl-carousel .owl-nav .owl-prev .fal, .owl-carousel .owl-nav .owl-next .fal { position: absolute; top: calc(50% - 6px); left: calc(50% - 4px); } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { -webkit-transform: scale(1.3); transform: scale(1.3); color: #fff; opacity: .8; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden; } .owl-carousel .owl-nav .owl-next .fal { left: calc(50% - 2px); } .owl-carousel .owl-dots { text-align: center; position: absolute; width: 100%; bottom: 25px; line-height: 10px; } .owl-carousel .owl-dots .owl-dot { display: inline-block; margin: 0 5px; } .owl-carousel .owl-dots .owl-dot span { display: block; width: 10px; height: 10px; border-radius: 5px; background-color: #FFF; } .owl-carousel .owl-dots .owl-dot.active span { background-color: #eb7c1c; } @media (max-width: 991px) { .owl-carousel .owl-nav .owl-nav .owl-prev { left: -10px; } .owl-carousel .owl-nav .owl-nav .owl-next { right: -10px; } } .slider-xs .owl-dots { bottom: 0; } .slider-xs .owl-dots .owl-dot span { background-color: #E2E2E2; } @media (max-width: 767px) { .owl-carousel { padding-bottom: 20px; } .owl-carousel { position: relative; } .owl-carousel .owl-loaded { overflow: visible; } .owl-carousel .owl-stage-outer { overflow-x: hidden; } .owl-carousel .owl-stage-outer .owl-stage .owl-item { position: relative; } .owl-carousel .owl-nav { position: absolute; top: calc(50% - 15px); width: 100%; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { height: 20px; width: 20px; font-size: 12px; border-radius: 50%; border: 1px solid #3F474A; color: #3F474A; position: absolute; transition: all 0.3s; } .owl-carousel .owl-nav .owl-prev .fal, .owl-carousel .owl-nav .owl-next .fal { position: absolute; top: calc(50% - 6px); left: calc(50% - 4px); } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { -webkit-transform: scale(1.3); transform: scale(1.3); color: #88959a; opacity: .8; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden; } .owl-carousel .owl-nav .owl-prev { top:20px; left: -60px; } .owl-carousel .owl-nav .owl-next { top:20px; text-align: right; right: -60px; } .owl-carousel .owl-nav .owl-next .fal { left: calc(50% - 2px); } .owl-carousel .owl-dots { text-align: center; position: absolute; width: 100%; bottom: 25px; line-height: 10px; } .owl-carousel .owl-dots .owl-dot { display: inline-block; margin: 0 5px; } .owl-carousel .owl-dots .owl-dot span { display: block; width: 10px; height: 10px; border-radius: 5px; background-color: #FFF; } .owl-carousel .owl-dots .owl-dot.active span { background-color: #eb7c1c; } } /* ------------------------------------------------------------------------------------------------ */ /* Custom Datetimepicker */ /* ------------------------------------------------------------------------------------------------ */ .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-image: none; background-color: #3F474A; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #3F474A; } /* ------------------------------------------------------------------------------------------------ */ /* Header */ /* ------------------------------------------------------------------------------------------------ */ header { border-bottom: 1px solid #E2E2E2; position: relative; top: 0; width: 100%; min-height: 50px; transition: all 0.5s; z-index: 5; background: #FFF; } header.header-home { background: transparent; position: fixed; padding: 35px 0 0; border-bottom: 0; } header.header-home .hh-wrap { width: 1240px; margin: 0 auto; background: #FFF; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); } .hh-wrap2 { width: 100%; margin: 0 auto; background: #FFF; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); } header .logo { max-width: 220px; display: inline-block; padding: 20px 0 25px; } header .logo img { max-width: 100%; } header .logo:hover { opacity: .7; } header nav ul:not(.sub-wrap), header nav ul:not(.sub-menu) { font-size: 0; line-height: 0; text-align: right; } header nav ul:not(.sub-wrap) > li, header nav ul:not(.sub-menu) > li { list-style: none; display: inline-block; height: 100%; padding: 33px 20px; border-left: 1px solid rgba(226, 226, 226, 0.2); position: relative; } header nav ul:not(.sub-wrap) > li > a, header nav ul:not(.sub-menu) > li > a { text-align: center; padding: 0 20px; font-size: 14px; line-height: 20px; color: #686E70; position: relative; } header nav ul:not(.sub-wrap) > li > a:hover, header nav ul:not(.sub-menu) > li > a:hover { color: #eb7c1c; } header nav ul:not(.sub-wrap) > li.current-menu-item > a, header nav ul:not(.sub-wrap) > li.current_page_parent > a, header nav ul:not(.sub-menu) > li.current-menu-item > a, header nav ul:not(.sub-menu) > li.current_page_parent > a { color: #eb7c1c; } header nav ul:not(.sub-wrap) > li:last-child, header nav ul:not(.sub-menu) > li:last-child { padding: 33px 0 33px 20px; } header nav ul:not(.sub-wrap) > li:last-child a, header nav ul:not(.sub-menu) > li:last-child a { padding: 0 0 0 15px; } header nav ul:not(.sub-wrap) > li.has-sub > a:after, header nav ul:not(.sub-wrap) > li.menu-item-has-children > a:after, header nav ul:not(.sub-menu) > li.has-sub > a:after, header nav ul:not(.sub-menu) > li.menu-item-has-children > a:after { content: "\f0d7"; font-family: FontAwesome; font-size: 16px; position: absolute; right: 3px; color: #686E70; top: 0px; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } header nav ul:not(.sub-wrap) > li.has-sub:hover > a:after, header nav ul:not(.sub-wrap) > li.menu-item-has-children:hover > a:after, header nav ul:not(.sub-menu) > li.has-sub:hover > a:after, header nav ul:not(.sub-menu) > li.menu-item-has-children:hover > a:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } header nav ul:not(.sub-wrap) > li.has-sub:hover > a:after:hover, header nav ul:not(.sub-wrap) > li.menu-item-has-children:hover > a:after:hover, header nav ul:not(.sub-menu) > li.has-sub:hover > a:after:hover, header nav ul:not(.sub-menu) > li.menu-item-has-children:hover > a:after:hover { color: #eb7c1c; } header nav ul:not(.sub-wrap) > li .sub-menu, header nav ul:not(.sub-menu) > li .sub-menu { position: absolute; left: calc(50% - 110px); top: calc(100% + 3px); width: 280px; background-color: #fff; text-align: left; max-height: 0; opacity: 0; border-radius: 2px; visibility: hidden; transition: all .5s; padding: 15px 30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); border: 1px solid #e2e2e2; } header nav ul:not(.sub-wrap) > li .sub-menu ul, header nav ul:not(.sub-menu) > li .sub-menu ul { display: block; margin: 0 auto; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li, header nav ul:not(.sub-menu) > li .sub-menu ul > li { list-style: none; font-size: 14px; line-height: 30px; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li.current-menu-item > a, header nav ul:not(.sub-wrap) > li .sub-menu ul > li.current_page_parent > a, header nav ul:not(.sub-menu) > li .sub-menu ul > li.current-menu-item > a, header nav ul:not(.sub-menu) > li .sub-menu ul > li.current_page_parent > a { color: #eb7c1c !important; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li a, header nav ul:not(.sub-menu) > li .sub-menu ul > li a { font-size: 14px; line-height: 20px; color: #686E70; position: relative; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li a:hover, header nav ul:not(.sub-menu) > li .sub-menu ul > li a:hover { color: #eb7c1c; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li a .stat, header nav ul:not(.sub-menu) > li .sub-menu ul > li a .stat { font-weight: 600; font-size: 12px; line-height: 1.5em; position: absolute; left: calc(100% + 10px); top: 0; display: inline-block; white-space: nowrap; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li a .stat.ongoing, header nav ul:not(.sub-menu) > li .sub-menu ul > li a .stat.ongoing { color: #eb7c1c; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li a .stat.on-progress, header nav ul:not(.sub-menu) > li .sub-menu ul > li a .stat.on-progress { color: #73bf43; } header nav ul:not(.sub-wrap) > li .sub-menu ul > li a .stat.soldout, header nav ul:not(.sub-menu) > li .sub-menu ul > li a .stat.soldout { color: #E62A2C; } @media (max-width: 1200px) { header nav ul:not(.sub-wrap) > li .sub-menu ul > li a .stat, header nav ul:not(.sub-menu) > li .sub-menu ul > li a .stat { left: auto; top: 0px; right: calc(100% + 10px); } } header nav ul:not(.sub-wrap) > li .sub-menu .sub-wrap:before, header nav ul:not(.sub-menu) > li .sub-menu .sub-wrap:before { position: absolute; content: ""; border-bottom: 13px solid #e2e2e2; border-left: 11px solid transparent; border-right: 11px solid transparent; width: 0; height: 0; top: -11px; left: calc(50% - 11px); z-index: 3; } header nav ul:not(.sub-wrap) > li .sub-menu .sub-wrap:after, header nav ul:not(.sub-menu) > li .sub-menu .sub-wrap:after { position: absolute; content: ""; border-bottom: 13px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; width: 0; height: 0; top: -10px; left: calc(50% - 11px); z-index: 3; } header nav ul:not(.sub-wrap) > li .sub-menu .sub-menu:before, header nav ul:not(.sub-menu) > li .sub-menu .sub-menu:before { border-bottom-color: #e2e2e2; top: -12px; z-index: 2; } header nav ul:not(.sub-wrap) > li.has-sub:hover .sub-menu, header nav ul:not(.sub-wrap) > li.menu-item-has-children:hover .sub-menu, header nav ul:not(.sub-menu) > li.has-sub:hover .sub-menu, header nav ul:not(.sub-menu) > li.menu-item-has-children:hover .sub-menu { max-height: 999px; opacity: 1; visibility: visible; } header nav .menu-item-has-children > .sub-menu { position: relative; } header nav .menu-item-has-children > .sub-menu > li { padding: 0; line-height: 30px; display: block; border: 0; } header nav .menu-item-has-children > .sub-menu > li > a { padding: 0; line-height: 20px; } header nav .menu-item-has-children > .sub-menu > li:last-child { padding: 0; line-height: 30px; } header nav .menu-item-has-children > .sub-menu > li:last-child > a { padding: 0; } header nav .menu-item-has-children > .sub-menu > li.current-menu-item > a { color: #eb7c1c !important; } header nav .menu-item-has-children > .sub-menu:before { position: absolute; content: ""; border-bottom: 13px solid #e2e2e2; border-left: 11px solid transparent; border-right: 11px solid transparent; width: 0; height: 0; top: -12px; left: calc(50% - 11px); z-index: 3; } header nav .menu-item-has-children > .sub-menu:after { position: absolute; content: ""; border-bottom: 13px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; width: 0; height: 0; top: -10px; left: calc(50% - 11px); z-index: 3; padding: 0; } header nav .has-sub > .sub-menu > .sub-wrap > li { line-height: 30px; display: block; border: 0; text-align: left; border: 0; padding: 0; } header nav .has-sub > .sub-menu > .sub-wrap > li > a { padding: 0; line-height: 20px; } header nav .has-sub > .sub-menu > .sub-wrap > li:last-child { padding: 0; line-height: 30px; } header nav .has-sub > .sub-menu > .sub-wrap > li:last-child > a { padding: 0; } header.fixed { position: fixed; -webkit-transform: translateY(-160px); transform: translateY(-160px); margin-top: 0; border-bottom: 1px solid #E2E2E2; } header.fixed .hh-wrap { width: 100%; box-shadow: none; } header.show { -webkit-transform: translateY(0); transform: translateY(0); } header.fixed.show { -webkit-transform: translateY(0); transform: translateY(0); padding: 0; background: #FFF; margin-top: 0; } header.fixed.show .logo { padding: 5px 0 15px; } header.fixed.show nav ul:not(.sub-menu) > li { padding: 15px; } header.fixed.show nav .sub-menu li { padding: 0 !important; } header .current-menu-item ul:not(.sub-menu) > li > a, header .current_page_parent ul:not(.sub-menu) > li > a { color: #eb7c1c !important; } header .icon-menu { display: none; position: absolute; right: 20px; top: 30px; width: 30px; transition: all 0.5s; } header .icon-menu span { display: block; width: 30px; height: 4px; background-color: #3F474A; position: absolute; transition: all 0.5s; } header .icon-menu span:nth-child(1) { top: 0; } header .icon-menu span:nth-child(2) { top: 8px; } header .icon-menu span:nth-child(3) { top: 16px; } @media (max-width: 1200px) { header.header-home { padding: 0; } header.header-home .hh-wrap { width: 100%; } header.fixed.show .icon-menu { top: 20px; } header.fixed.show nav { top: 55px; height: calc(100vh - 60px); } header.fixed.show nav ul:not(.sub-menu) li { padding: 15px; } header.fixed.show nav .sub-menu li { padding: 0 0 20px 0 !important; } header .icon-menu { display: block; } header nav { position: fixed; top: 80px; -webkit-transform: translateX(300px); transform: translateX(300px); height: calc(100vh - 80px); width: 300px; right: 0; background: rgba(42, 42, 42, 0.9); z-index: 5; padding: 20px; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; overflow: auto; } header nav ul:not(.sub-wrap) li, header nav ul:not(.sub-menu) li { display: block; padding: 15px 0; -webkit-transform: translateX(100px); transform: translateX(100px); border-left: 0; transition: all .3s; } header nav ul:not(.sub-wrap) li.menu-item-has-children:hover .sub-menu, header nav ul:not(.sub-menu) li.menu-item-has-children:hover .sub-menu { max-height: 0px; opacity: 0; visibility: hidden; } header nav ul:not(.sub-wrap) li:first-child, header nav ul:not(.sub-menu) li:first-child { padding: 15px 0; } header nav ul:not(.sub-wrap) li:last-child, header nav ul:not(.sub-menu) li:last-child { padding: 15px 0 0 0; } header nav ul:not(.sub-wrap) li a, header nav ul:not(.sub-menu) li a { padding: 0; color: #FFF; } header nav ul:not(.sub-wrap) li.has-sub > a:after, header nav ul:not(.sub-menu) li.has-sub > a:after { color: #FFF; right: auto; left: -15px; } header nav ul:not(.sub-wrap) li .sub-menu, header nav ul:not(.sub-menu) li .sub-menu { position: relative; left: auto; right: auto; width: auto; background: transparent; border: 0; padding: 0; box-shadow: none; } header nav ul:not(.sub-wrap) li .sub-menu .sub-wrap:before, header nav ul:not(.sub-wrap) li .sub-menu .sub-wrap:after, header nav ul:not(.sub-menu) li .sub-menu .sub-wrap:before, header nav ul:not(.sub-menu) li .sub-menu .sub-wrap:after { display: none; } header nav ul:not(.sub-wrap) li .sub-menu .sub-wrap li, header nav ul:not(.sub-menu) li .sub-menu .sub-wrap li { text-align: right; line-height: 20px; padding-bottom: 15px; } header nav ul:not(.sub-wrap) li .sub-menu .sub-wrap li a, header nav ul:not(.sub-menu) li .sub-menu .sub-wrap li a { color: #FFF; } header nav ul:not(.sub-wrap) li .sub-menu .sub-wrap li:last-child, header nav ul:not(.sub-menu) li .sub-menu .sub-wrap li:last-child { padding-top: 0; } header nav ul:not(.sub-wrap) .sub-wrap li, header nav ul:not(.sub-menu) .sub-wrap li { border-bottom: 0; } } @media (max-width: 767px) { header nav { -webkit-transform: translateX(100vw); transform: translateX(100vw); width: 100%; } } .menu-open { overflow: hidden; position: relative; } .menu-open .icon-menu span:nth-child(1) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-open .icon-menu span:nth-child(2) { top: 8px; -webkit-transform: scale(0); transform: scale(0); } .menu-open .icon-menu span:nth-child(3) { top: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-open nav { -webkit-transform: translateX(0) !important; transform: translateX(0) !important; } .menu-open nav ul:not(.sub-wrap) li { -webkit-transform: translateX(0); transform: translateX(0); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .menu-open nav ul:not(.sub-wrap) li:nth-child(1) { transition-delay: .4s, .4s; } .menu-open nav ul:not(.sub-wrap) li:nth-child(2) { transition-delay: .45s, .45s; } .menu-open nav ul:not(.sub-wrap) li:nth-child(3) { transition-delay: .5s, .5s; } .menu-open nav ul:not(.sub-wrap) li:nth-child(4) { transition-delay: .55s, .55s; } .menu-open nav ul:not(.sub-wrap) li:nth-child(5) { transition-delay: .6s, .6s; } .menu-open nav ul:not(.sub-wrap) li:last-child { padding: 15px 0 0 0; border-bottom: 0; } .menu-open nav ul:not(.sub-wrap) li.has-sub:hover .sub-menu { max-height: 0; opacity: 0; visibility: hidden; } .menu-open nav ul:not(.sub-wrap) li.has-sub:hover > a:after { -webkit-transform: rotate(0); transform: rotate(0); } @media (max-width: 1200px) { .menu-open nav .menu-item-has-children > a:after { color: #FFF !important; right: auto !important; left: -15px; } .menu-open nav .menu-item-has-children .sub-menu { text-align: right; } .menu-open nav .menu-item-has-children .sub-menu:before, .menu-open nav .menu-item-has-children .sub-menu:after { display: none; } .menu-open nav .menu-item-has-children .sub-menu > li { border-bottom: 0 !important; line-height: 20px; padding: 0 0 15px 0; } .menu-open nav .menu-item-has-children .sub-menu > li:first-child { padding: 15px 0 15px 0; } .menu-open nav .menu-item-has-children .sub-menu > li:last-child { padding-top: 0; } .menu-open nav .menu-item-has-children .sub-menu > li > a { color: #FFF; } .menu-open nav.sub-closed:hover .sub-menu { max-height: 0; visibility: hidden; opacity: 0; } } .sub-closed > a:after { display: none; } .sub-closed .fas { display: inline-block; margin-right: 10px; font-size: 14px; line-height: 1.5; color: #FFF; position: relative; transition: all .3s; } .sub-closed .sub-menu { max-height: 0; visibility: hidden; opacity: 0; } .sub-open .fas { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sub-open .sub-menu { max-height: 999999px !important; visibility: visible !important; opacity: 1 !important; } /* ------------------------------------------------------------------------------------------------ */ /* Footer */ /* ------------------------------------------------------------------------------------------------ */ footer { color: #686E70; background-color: #F2F1E9; padding-bottom: 60px; } footer p { font-size: 14px; line-height: 20px; } footer .footer-top { background-color: #F6F5EE; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px 0; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } footer .footer-top .logo { max-width: 220px; display: inline-block; } footer .footer-top .logo img { max-width: 100%; } footer .footer-top .logo:hover { opacity: .7; } footer .footer-top .to-top { text-align: right; vertical-align: middle; position: relative; line-height: 40px; } footer .footer-top .to-top a { color: #686E70; font-size: 14px; line-height: 20px; } footer .footer-top .to-top a:hover { text-decoration: underline; } footer .footer-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 0; font-size: 14px; line-height: 20px; } footer .footer-menu .item { padding: 0 60px; } footer .footer-menu .item:first-child { padding-left: 0; } footer .footer-menu .item:last-child { padding-right: 0; } footer .footer-menu .item h4 { color: #686E70; font-size: 16px; line-height: 24px; font-weight: bold; } footer .footer-menu .item ul li { list-style: none; } footer .footer-menu .item ul li a { color: #686E70; font-size: 14px; line-height: 30px; } footer .footer-menu .item ul li.current-menu-item a, footer .footer-menu .item ul li.current-sub-item a { text-decoration: underline; } footer .footer-menu .item.subscribe .form-group { position: relative; } footer .footer-menu .item.subscribe .form-control { border: 0; outline: 0; box-shadow: none; border-radius: 0; background-color: transparent; padding-left: 0; max-width: 340px; height: 40px; border-bottom: 1px solid #E2E2E2; } footer .footer-menu .item.subscribe a, footer .footer-menu .item.subscribe button { background: transparent; position: absolute; top: 5px; right: 0; border: none; line-height: 19px; padding: 0; } footer .footer-menu .item.subscribe a i, footer .footer-menu .item.subscribe button i { display: inline-block; width: 21px; height: 19px; font-size: 21px; } footer .footer-menu .item.subscribe a:hover, footer .footer-menu .item.subscribe button:hover { color: #eb7c1c; } footer .footer-menu .item.socmed a { font-size: 20px; display: inline-block; margin-right: 15px; color: x; width: 20px; height: 20px; } footer .footer-menu .item.socmed .fa-facebook-square:hover { color: #3b5998; } footer .footer-menu .item.socmed .fa-instagram:hover { color: #e8424e; } footer .footer-menu .item.socmed .fa-instagram:hover { color: #e8424e; } footer .footer-menu .item.socmed .fa-youtube:hover { color: #dd2c28; } @media (max-width: 991px) { footer .footer-top { text-align: left; } footer .footer-top .to-top { text-align: center; } footer .footer-top .container { width: 100%; } footer .footer-menu .item { padding: 0 15px; margin-bottom: 20px; } footer .footer-menu .item:last-child { padding: 0; } } @media (max-width: 767px) { footer .footer-top { text-align: center; } footer .footer-menu .item { width: 100%; padding: 0; position: relative; } footer .footer-menu .item ul { max-height: 0; visibility: hidden; opacity: 0; padding: 0; position: relative; } footer .footer-menu .item h4 { margin-bottom: 0; } footer .footer-menu .item h4:after { content: "\f196"; font-family: FontAwesome; font-weight: normal; color: #6F7F99; position: absolute; right: 0; top: 0px; } footer .footer-menu .item:last-child h4:after { display: none; } footer .footer-menu .item.open h4 { margin-bottom: 20px; } footer .footer-menu .item.open h4:after { content: "\f147"; } footer .footer-menu .item.open ul { max-height: 9999px; visibility: visible; opacity: 1; padding: 0 0 10px; } footer .footer-menu .item.subscribe h4 { margin-bottom: 15px; } footer .footer-menu .item.subscribe h4:after { display: none; } footer .footer-menu .item.socmed h4 { margin-bottom: 15px; } } /* ------------------------------------------------------------------------------------------------ */ /* Form */ /* ------------------------------------------------------------------------------------------------ */ .custom-form .form-group { margin: 0 auto 20px; } .custom-form .form-control { min-height: 40px; border-radius: 0; border: none; border-bottom: 1px solid #E2E2E2; outline: 0; box-shadow: none; color: #686E70; font-weight: 500; } .custom-form .form-control::-webkit-input-placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .custom-form .form-control::-moz-placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .custom-form .form-control:-ms-input-placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .custom-form .form-control::placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .custom-form.form-brochure .form-group { width: 300px; } .custom-form.form-brochure .form-control { text-align: center; } .custom-form.form-contact .form-group { margin-bottom: 15px; } .custom-form.form-contact .form-group.last { margin-bottom: 0; } .custom-form.form-contact .form-control { min-height: 50px; padding: 12px 0; font-size: 16px; line-height: 26px; } .custom-form.form-contact textarea.form-control { resize: none; } .custom-form.form-contact .form-action { padding-top: 30px; text-align: center; } .form-brochure .form-group, .form-contact .form-group { width: 100% !important; } .form-brochure .gform_wrapper, .form-contact .gform_wrapper { width: 100%; margin: 0; } .form-brochure .gform_wrapper .gform_body, .form-contact .gform_wrapper .gform_body { width: 300px; margin: 0 auto; } .form-brochure .gform_wrapper .top_label .gfield_label, .form-contact .gform_wrapper .top_label .gfield_label { display: none !important; } .form-brochure .gform_wrapper .validation_error, .form-contact .gform_wrapper .validation_error { display: none; } .form-brochure .ginput_container, .form-contact .ginput_container { margin-top: 0; margin-bottom: 15px; } .form-brochure .ginput_container input, .form-brochure .ginput_container textarea, .form-contact .ginput_container input, .form-contact .ginput_container textarea { width: 100% !important; text-align: center; border: 0; border-bottom: 1px solid #E2E2E2; min-height: 40px; border-radius: 0; border: none; border-bottom: 1px solid #E2E2E2; outline: 0; box-shadow: none; color: #686E70; font-weight: 500; } .form-brochure .ginput_container input::-webkit-input-placeholder, .form-brochure .ginput_container textarea::-webkit-input-placeholder, .form-contact .ginput_container input::-webkit-input-placeholder, .form-contact .ginput_container textarea::-webkit-input-placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .form-brochure .ginput_container input::-moz-placeholder, .form-brochure .ginput_container textarea::-moz-placeholder, .form-contact .ginput_container input::-moz-placeholder, .form-contact .ginput_container textarea::-moz-placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .form-brochure .ginput_container input:-ms-input-placeholder, .form-brochure .ginput_container textarea:-ms-input-placeholder, .form-contact .ginput_container input:-ms-input-placeholder, .form-contact .ginput_container textarea:-ms-input-placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .form-brochure .ginput_container input::placeholder, .form-brochure .ginput_container textarea::placeholder, .form-contact .ginput_container input::placeholder, .form-contact .ginput_container textarea::placeholder { color: #686E70; font-size: 16px; line-height: 26px; font-weight: 500; } .form-brochure .gform_footer, .form-contact .gform_footer { text-align: center; } .form-brochure .gform_footer input[type=submit], .form-contact .gform_footer input[type=submit] { background-color: #3F474A; border: 1px solid #3F474A; padding: 0 30px; display: inline-block; line-height: 38px; border-radius: 20px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25); color: #FFF; } .form-brochure .gform_footer input[type=submit]:hover, .form-brochure .gform_footer input[type=submit]:active, .form-brochure .gform_footer input[type=submit].active, .form-contact .gform_footer input[type=submit]:hover, .form-contact .gform_footer input[type=submit]:active, .form-contact .gform_footer input[type=submit].active { background-color: #282d2e; border: 1px solid #282d2e; color: #FFF; } .form-brochure .gform_footer input[type=submit].w-arrow .fal, .form-contact .gform_footer input[type=submit].w-arrow .fal { display: inline-block; vertical-align: middle; opacity: 0; transition: all 0.5s; } .form-brochure .gform_footer input[type=submit].w-arrow:hover, .form-brochure .gform_footer input[type=submit].w-arrow:active, .form-brochure .gform_footer input[type=submit].w-arrow.active, .form-contact .gform_footer input[type=submit].w-arrow:hover, .form-contact .gform_footer input[type=submit].w-arrow:active, .form-contact .gform_footer input[type=submit].w-arrow.active { padding-left: 25px; } .form-brochure .gform_footer input[type=submit].w-arrow:hover .fal, .form-brochure .gform_footer input[type=submit].w-arrow:active .fal, .form-brochure .gform_footer input[type=submit].w-arrow.active .fal, .form-contact .gform_footer input[type=submit].w-arrow:hover .fal, .form-contact .gform_footer input[type=submit].w-arrow:active .fal, .form-contact .gform_footer input[type=submit].w-arrow.active .fal { opacity: 1; width: auto; padding-left: 10px; } .form-contact .form-group { width: 100% !important; } .form-contact .gform_wrapper { width: 100%; margin: 0; } .form-contact .gform_wrapper .gform_body { width: 100%; } .form-contact .ginput_container input, .form-contact .ginput_container textarea { text-align: left; } .form-contact .ginput_container textarea { resize: none; } .form-contact .gform_confirmation_message { font-size: 24px; line-height: 1.5; } .gfield_error { margin: 0 !important; width: 100% !important; border: 0 !important; background: transparent !important; } .gfield_error .ginput_container { margin: 0 !important; margin-bottom: 0 !important; } .gfield_error .ginput_container input, .gfield_error .ginput_container textarea { border: 0 !important; border-bottom: 1px solid red !important; } .gfield_error .validation_message { margin: 0 !important; padding-top: 0 !important; padding: 0 !important; font-weight: 400 !important; color: red !important; } /* ------------------------------------------------------------------------------------------------ */ /* Content */ /* ------------------------------------------------------------------------------------------------ */ .bgdrmh { background-position: center; background-size: cover; background-attachment: fixed;} .mastbg { background-position: center; background-size: cover; background-attachment: fixed;} .mastbga1 { background-position: center; background-size: cover;} .masthead { position: relative; margin-bottom: 0px; } .igbg { background-color: #; width:100%;} .fontaa a { color: #bcefc3; } .fontaa a:hover { color: #fafbc7; } .masthead:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: .5; } .masthead2:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; opacity: .5; } .masthead .owl-stage-outer { padding-top: 0; } .masthead .item { background-position: center; background-size: cover; background-repeat: no-repeat; background-repeat: no-repeat; background-position: center; } .masthead .item .container { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; text-align: center; color: #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } .masthead .item h2 { font-weight: bold; font-size: 64px; line-height: 74px; margin: 0 auto; max-width: 965px; padding: 0 15px; margin-bottom: 30px; text-transform: initial; } .masthead .item .line-logo { width: 70%; margin: 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; left: 0; right: 0; bottom: 60px; } .masthead .item .line-logo .l-logo { display: inline-block; max-height: 60px; margin-top: 10px; max-width: 25%; height: auto; } .masthead .item .line-logo .l-logo img { max-height: 60px; } .masthead .item .arrow-down { position: absolute; bottom: 40px; width: 40px; text-align: center; color: #fff; left: calc(50% - 20px); font-size: 36px; line-height: 36px; z-index: 3; -webkit-animation: mouse-wheel 1.5s linear infinite; animation: mouse-wheel 1.5s linear infinite; } .masthead .item p { font-size: 15px; line-height: 26px; text-transform: initial; } @media (max-width: 991px) { .masthead { margin-bottom: 60px; } .masthead .item .tagline { max-width: 200px; height: auto; } .masthead .item .tagline .img { max-width: 100%; max-height: 100%; } .masthead .item .line-logo { width: calc(90% - 30px); } .masthead .item .line-logo .l-logo .img { max-height: 40px; } .ardwn { position: absolute; top: 300px;} } @media (max-width: 767px) { .masthead .slider-mh { padding-bottom: 0; } .ardwn { position: absolute; margin-top: -290px;} .masthead .item .line-logo { width: calc(100% - 30px); display: block; bottom: 20px; } .masthead .item .line-logo .l-logo { margin-bottom: 10px; padding: 0 5px; margin-top: 10px; } .masthead .item .line-logo .l-logo .img { max-height: 25px; } } .masthead-small { margin-bottom: 0; } .masthead-small .slider-mh .owl-stage-outer { padding-top: 0; } .masthead-small .item { position: relative; } .masthead-small .item:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: .1; z-index: 2; } .masthead-small .item .container { min-height: 60vh; position: relative; z-index: 3; } .masthead-small .item .tagline .title { font-size: 24px; line-height: 1.5em; color: #FFF; margin-bottom: 30px; position: relative; } .masthead-small .item .tagline .title:after { content: ""; width: 100px; height: 3px; background-color: #eb7c1c; display: block; margin: 15px auto 0; } .masthead-small .item .tagline p { font-size: 28px; line-height: 1.5em; } @media (max-width: 1400px) { .masthead-small .item .container { min-height: 75vh; } .cont11a{margin-top:150px; } .modalas{padding-top:120px;} .modalas-header{ padding-right:20px;} .menuatas1{margin-top:-35px;} .ffonts{ color: white; padding-top:-10px; padding-left:30px; font-weight: 600; font-size: 35px;} .secatur1{height:650px;} .ardwn { position: absolute; top: 400px;} } @media (max-width: 2100px) {.masthead-small .item .container { min-height: 75vh; } .cont11a{margin-top:150px; } .modalas{padding-top:120px;} .modalas-header{ padding-right:20px;} .menuatas1{margin-top:-35px;} .ffonts{ color: white; padding-top:-10px; padding-left:30px; font-weight: 600; font-size: 35px;} .ardwn { position: absolute; top: 400px;} } @media (max-width: 991px) { .masthead-small .item .tagline { text-align: center; max-width: 100%; } .masthead-small .item .tagline p { text-align: center; } .masthead-small .item .tagline .title { font-size: 21px; } .masthead-small .item .tagline p { font-size: 24px; } .cont11a{margin-top:150px; } .modalas{padding-top:80px;} .menuatas1{margin-top:-35px;} .ffonts{ color: white; padding-top:-20px; padding-left:20px; font-weight: 600; font-size: 35px;} } @media (max-width: 767px) { .masthead-small .slider-mh { padding-bottom: 0; } } .masthead-product .item .container { text-align: left; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; min-height: 90vh; } .masthead-product .item .container .tagline { margin-top: 30px; } .masthead-product .item .container .tagline .img { max-height: 80px; } .home-popover { max-width: 450px; top:50px; position: absolute; right: 10px; bottom: 130px; border-radius: 0px; z-index: 1;} .posabs1 { max-width: 450px; top:50px; position: absolute; left: 20px; bottom: 130px; border-radius: 0px; z-index: 1;} .home-popover .x-close { width: 30px; height: 30px; border-radius: 50%; background-image: url(../images/icon-close.svg); background-repeat: no-repeat; background-position: center; position: absolute; top: -15px; right: -15px; background-color: #424242; z-index: 4; } .home-popover .box-img { position: relative; width: 100%; padding-top: 98.552%; } .home-popover .box-img .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .5s; } .home-popover .box-text { text-align: center; font-weight: 600; padding: 30px; background: #FFF; font-size: 16px; line-height: 26px; } .home-popover .box-text p { margin-bottom: 10px; } .home-popover .btn-link { color: #eb7c1c; opacity: 1; } .home-popover .btn-link:after { background-color: #eb7c1c; opacity: 1; margin: 0 auto; } .home-popover .btn-link:hover { opacity: .8; } .home-popover .btn-link:hover:after { opacity: .8; } .home-popover2 { max-width: 450px; top:50px; position: absolute; left: 10px; bottom: 130px; border-radius: 0px; z-index: 1;} .home-popover2 .x-close2 { width: 30px; height: 30px; border-radius: 50%; background-image: url(../images/icon-close.svg); background-repeat: no-repeat; background-position: center; position: absolute; top: -15px; right: -15px; background-color: #424242; z-index: 4; } .home-popover2 .box-img2 { position: relative; width: 100%; padding-top: 98.552%; } .home-popover2 .box-img2 .img2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .5s; } .home-popover2 .box-text2 { text-align: center; font-weight: 600; padding: 30px; background: #FFF; font-size: 16px; line-height: 26px; } .home-popover2 .box-text2 p { margin-bottom: 10px; } .home-popover2 .btn-link2 { color: #eb7c1c; opacity: 1; } .home-popover2 .btn-link2:after { background-color: #eb7c1c; opacity: 1; margin: 0 auto; } .home-popover2 .btn-link2:hover { opacity: .8; } .home-popover2 .btn-link2:hover:after { opacity: .8; } .jarak1{padding-bottom:200px;} @media (max-width: 1400px) { .home-popover { -webkit-transform: scale(0.7); transform: scale(0.7); right: -15px; bottom: 450px; } .posabs1 { -webkit-transform: scale(0.7); transform: scale(0.7); left: -15px; bottom: 450px; } .home-popover2 { -webkit-transform: scale(0.7); transform: scale(0.7); left: -15px; bottom: 450px; } .bgrmhaja{margin-top:-150px; } } @media (max-width: 991px) { .home-popover { right: 0; left: 0; margin: 0 auto; } .posabs1{ right: 0; left: 0; margin: 0 auto; } .home-popover2 { right: 0; left: 0; margin: 0 auto; } } .aturss{ margin-top:-130px; } .home-content .title { margin-top:0px; margin-bottom: 60px; } .home-content .title p { text-align: left; } .home-content .box-video { position: relative; padding-top: 48.246%; z-index: 3; } .home-content .box-video img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 4; min-height: 550px; } @media (max-width: 991px) { .home-content .box-video img { min-height: auto; } } .home-content .box-video .video-embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .home-content .box-video .video-embed iframe { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; top: 0; } .home-content .box-video .video-embed .modal-close { cursor: pointer; color: #FFF; font-size: 14px; line-height: 20px; position: absolute; right: 25px; top: 25px; text-align: center; opacity: 1; transition: opacity .5s; display: none; transition: all .5s ease; } .home-content .box-video .video-embed .modal-close span { display: block; } .home-content .box-video .video-embed .modal-close:before { content: ""; display: block; width: 12px; height: 12px; background-image: url(../images/icon-close.svg); margin: 0 auto 10px; } .home-content .content-text-wrap { position: relative; padding: 60px 0; } .home-content .content-text-wrap:before { content: ""; background: linear-gradient(314.57deg, #de7118 0%, #eb7c1c 100%); width: 200%; height: calc(100% + 200px); display: block; position: absolute; right: 200px; top: -200px; z-index: 1; } .home-content .content-text-wrap .content-text { max-width: 760px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; color: #FFF; position: relative; z-index: 2; } .home-content .content-text-wrap .content-text p { padding-right: 30px; } @media (max-width: 991px) { .home-content h3.title { text-align: left; } .home-content .box-video { max-width: 100%; } .home-content .content-text-wrap { padding: 30px 0; } .home-content .content-text-wrap:before { right: 0; top: -180px; } .bgrmhaja{margin-top:150; } } @media (max-width: 767px) { .home-content .content-text-wrap { padding: 30px 15px; background: linear-gradient(314.57deg, #de7118 0%, #eb7c1c 100%); } .jarak1{padding-bottom:790px;} .posss1a{top:-60px;} .home-content .content-text-wrap:before { display: none; } .home-content .content-text-wrap .content-text { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .home-content .content-text-wrap .content-text p { padding-right: 0; } } .home-product .content-text { max-width: 770px; margin: 0 auto; text-align: center; margin-bottom: 30px;} .jrk1 {margin-bottom:-170px} .jrk2 {margin-bottom:-250px} .jrk3 {margin-bottom:-670px} .lgo {margin-left:auto;margin-right:auto;} .txtlgo { position: absolute; left: 60px; top: 45px; width: 300px; border: 0px solid #000;} .txtlgo1 { position: absolute; left: 40px; top: 30px; width: 300px; border: 0px solid #000;} .home-product .title { margin-bottom: 20px; } .home-product .product-list { position: relative; } .home-product .product-list .item { transition: all .5s linear; } .home-product .product-list .card { position: relative; padding-left: 10px; transition: all .5s linear; } .home-product .product-list .card h4 { font-weight: 600; } .home-product .product-list .card .box-img { padding-top: 120%; margin-bottom: 0; } .home-product .product-list .card .box-text { opacity: 0; transition: all .5s; visibility: hidden; padding: 20px 0; } .home-product .product-list .center .card { box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.2) translateX(-131.5px); transform: scale(1.2) translateX(-131.5px); min-width: 650px; background: #FFF; z-index: 80; padding-left: 0; margin-bottom: 0; } .home-product .product-list .center .card .box-img { padding-top: 55%; } .home-product .product-list .center .card .box-text { visibility: visible; opacity: 1; -webkit-transform: scale(0.9); transform: scale(0.9); } .home-product .slider-p .owl-stage-outer { padding-bottom: 50px; } .home-product .slider-p .owl-stage { padding-top: 60px; } .home-product .slider-p .owl-nav { top: calc(40% - 15px); } .home-product .slider-p .owl-nav.disabled { display: block !important; } @media (max-width: 991px) { .home-product .product-list .slider-p { margin-left: 0; margin-right: 0; } .jrk1 {margin-bottom:-100px} .home-product .product-list .slider-p .owl-nav .owl-prev { left: -15px; } .home-product .product-list .slider-p .owl-nav .owl-next { right: -15px; } .home-product .product-list .slider-p .center .card { -webkit-transform: scale(1.2) translateX(-15%); transform: scale(1.2) translateX(-15%); min-width: 400px; } .home-product .product-list .slider-p .owl-nav { top: calc(30% - 15px); } } @media (max-width: 767px) { .home-product .product-list .slider-p .owl-nav { top: calc(50% - 15px); }.jrk1 {margin-bottom:-30px;}.aturs1 { margin-top:-160px; margin-bottom: 60px; } .home-product .product-list .slider-p .owl-nav .owl-prev { left: -10px; } .home-product .product-list .slider-p .owl-nav .owl-next { right: -10px; } .home-product .product-list .slider-p .owl-stage-outer { padding-bottom: 0; } .home-product .product-list .slider-p .card { min-width: 300px; } .home-product .product-list .slider-p .card .box-img { padding-top: 55%; } .home-product .product-list .slider-p .center .item { padding: 0 15px; } .home-product .product-list .slider-p .center .card { -webkit-transform: scale(1) translateY(0) translateX(0); transform: scale(1) translateY(0) translateX(0); min-width: 300px; } } .home-press .title { margin-bottom: 60px; } .home-press .btn-link { color: #eb7c1c; opacity: 1; } .home-press .btn-link:after { opacity: 1; background-color: #eb7c1c; } .home-press .btn-link:hover { opacity: .8; opacity: .8; } .home-press .press-l { margin-bottom: 30px; } .home-press .card .box-img { padding-top: 76.2%; } .home-press .card .date { font-size: 14px; line-height: 20px; display: inline-block; margin-bottom: 10px; } .home-press .card h4 { font-size: 16px; line-height: 24px; } @media (max-width: 767px) { .home-press .title { margin-bottom: 30px; } .home-press .card { margin-bottom: 30px; } } .products-page .products-list { padding-bottom: 60px; } .product-detail .masthead { margin-bottom: 0; } .products-list .card { width: 100%; margin-bottom: 60px; } .products-list .card .box-img { padding-top: 55.556%; } .products-list .card .title { font-size: 18px; line-height: 28px; } .products-list .card .p-detail { margin-bottom: 30px; } .products-list .card .p-detail dt { float: left; font-weight: 400; color: #686E70; } .products-list .card .p-detail dd { padding-left: 95px; margin-bottom: 5px; color: #686E70; } .milestone { padding-top: 0; } .milestone .milestone-box { margin: 0 auto; max-width: 900px; padding: 30px 0 0; } .milestone .milestone-box .step-box { position: relative; top: 7px; width: 450px; padding: 20px; } .milestone .milestone-box .step-box .title { font-size: 18px; line-height: 28px; margin-bottom: 20px; position: relative; position-bottom: 0; } .milestone .milestone-box .step-box:before { content: ''; background: #eb7c1c; position: absolute; top: 32px; width: 38px; height: 5px; } .milestone ul li { position: relative; margin: 0 auto; width: 5px; list-style-type: none; background: #eb7c1c; } .milestone ul li:before { content: ''; background: #eb7c1c; position: absolute; left: 50%; top: 32px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 20px; height: 20px; border: 3px solid #E2E2E2; border-radius: 50%; } .milestone ul li:nth-child(odd) .step-box { left: 50px; } .milestone ul li:nth-child(odd) .step-box:before { left: -38px; } .milestone ul li:nth-child(even) .step-box { left: calc(-450px - 45px); } .milestone ul li:nth-child(even) .step-box:before { right: -38px; } .milestone ul li ul, .milestone ul li ol { padding-left: 25px; } .milestone ul li ul > li, .milestone ul li ol > li { margin: inherit; width: auto; background: transparent; list-style: initial; padding-left: 10px; margin-bottom: 15px; } .milestone ul li ul > li:before, .milestone ul li ol > li:before { display: none; } @media (max-width: 991px) { .milestone { max-width: 100%; } .milestone .milestone-box { max-width: 100%; } .milestone .milestone-box .step-box { width: 320px; } .milestone ul li:nth-child(even) .step-box { left: calc(-320px - 45px); } } @media (max-width: 767px) { .milestone .milestone-box { max-width: calc(100vw - 30px); } .milestone .milestone-box .step-box { width: calc(100vw - 75px); padding: 10px; } .milestone .milestone-box .step-box:before { width: 25px; top: 22px; } .milestone ul li { margin: initial; } .milestone ul li:nth-child(odd) .step-box { left: 45px; } .milestone ul li:nth-child(even) .step-box { left: 45px; } .milestone ul li:nth-child(even) .step-box:before { left: -33px; } .milestone ul li:before { top: 22px; } } .contact-page { margin-bottom: 15%; } .contact-page .title { margin-bottom: 60px; } @media (max-width: 991px) { .contact-page .title { margin-bottom: 30px; } } @media (max-width: 767px) { .contact-page .title { margin-bottom: 15px; } } .address-box h4 { font-size: 18px; line-height: 28px; color: #3F474A; margin-bottom: 10px; font-weight: bold; } .address-box ul { list-style: none; } .address-box ul li { margin-bottom: 20px; } .address-box ul li p { margin-bottom: 0; } .address-box strong { color: #3F474A; } .address-box .icon-wa { width: 20px; height: 20px; display: inline-block; background-image: url(../images/icon-whatsapp.png); background-size: cover; background-repeat: no-repeat; vertical-align: middle; position: relative; margin-right: 10px; } .map { position: relative; width: 100%; height: 100%; padding-top: 66.668%; z-index: 1; } .tagline { font-size: 20px; line-height: 30px; margin-bottom: 0px; margin-top:100px } @media (max-width: 767px) { .tagline { font-size: 18px; line-height: 28px; } .bgrmhaja{position:absolute; top:600px; } } @media (max-width:2200px){.bgrmhaja{margin-top:-180px; } } .static-body article .img { max-width: 100%; display: block; text-align: center; margin: 60px auto; } .static-body article p { max-width: 80%; } .static-body ul, .static-body ol { padding-left: 30px; } @media (max-width: 767px) { .static-body article p { max-width: 100%; } } .content-text ul, .content-text ol, article ul, article ol { padding-left: 30px; margin-bottom: 15px; } .content-text ul li, .content-text ol li, article ul li, article ol li { padding-left: 10px; } .content-text img.aligncenter, article img.aligncenter { display: block; margin: 0 auto; } .content-text img.alignright, article img.alignright { float: right; } .content-text.alignleft, article.alignleft { float: left; } .careers-body h4 { font-weight: 600; font-size: 18px; line-height: 28px; color: #3F474A; } .careers-body .how-to { margin-bottom: 30px; } .careers-img { margin-bottom: 30px; } .careers-img .img { width: 100%; background: #E2E2E2; background-position: center; background-size: cover; background-repeat: no-repeat; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; transition: transform .6s,-webkit-transform .6s; } .careers-img .img-lg { margin-bottom: 10px; } .careers-img .img-lg .img { padding-top: 72.074%; } .careers-img .img-md, .careers-img .img-sm { float: left; } .careers-img .img-md { width: 54.055%; background: linear-gradient(314.57deg, #de7118 0%, #eb7c1c 100%); } .careers-img .img-md .text { color: #FFF; padding: 60px 35px 65px; } .careers-img .img-md .text span { font-size: 14px; line-height: 20px; } .careers-img .img-sm { width: calc(45.94% - 10px); margin-left: 10px; } .careers-img .img-sm .img { padding-top: 110%; } .careers-img .img-lg, .careers-img .img-md, .careers-img .img-sm { overflow: hidden; } .careers-img .img-lg:hover .img, .careers-img .img-md:hover .img, .careers-img .img-sm:hover .img { -webkit-transform: scale(1.03); transform: scale(1.03); } @media (max-width: 991px) { .careers-img .img-lg .img, .careers-img .img-sm .img { padding-top: 71.019%; } .careers-img .img-md, .careers-img .img-sm { width: 100%; margin-left: 0; } .careers-img .img-md { margin-bottom: 10px; } } .position-list .position { display: block; padding: 20px 0; font-weight: 800; position: relative; width: 100%; transition: all .5s; } .position-list .position.collapsed h4:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .position-list .position h4 { margin-bottom: 0; position: relative; color: #eb7c1c; } .position-list .position h4:after { content: "\f0d7"; font-family: FontAwesome; font-size: 16px; position: absolute; right: 0; color: #686E70; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .position-list .detail-position strong { display: inline-block; margin-bottom: 15px; } .position-list .detail-position ul { padding-left: 30px; margin-bottom: 30px; } .position-list .detail-position ul li { padding-left: 10px; } .position-list .detail-position ul:last-child { margin-bottom: 0; } .position-list .panel { border: none; border-bottom: 1px solid #E2E2E2; box-shadow: none; border-radius: 0; margin-bottom: 0; } .position-list .panel .panel-body { padding: 0; padding-bottom: 20px; } .press-filter { list-style: none; text-align: right; vertical-align: middle; position: relative; line-height: 46px; } .press-filter li { display: inline-block; margin-right: 30px; } .press-filter li:last-child { margin-right: 0; } .press-filter li a { color: #686E70; } .press-filter li.current a, .press-filter li:hover a { color: #eb7c1c; } @media (max-width: 991px) { .press-filter { text-align: right; margin-bottom: 15px; } .press-filter li { margin-right: 20px; } } @media (max-width: 767px) { .press-filter { text-align: left; } } .press-list .card .box-img { padding-top: 76.196%; } .press-list .card .date-time { font-size: 14px; line-height: 20px; color: #98A3A7; margin-bottom: 15px; } .press-list .card .title { font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 20px; max-height: 50px; overflow: hidden; } .press-list .card .title a { color: #eb7c1c; } .press-list .card .title a:hover { color: #3F474A; } @media (max-width: 991px) { .press-list .card .title { overflow: hidden; } } .pagination { margin-top: 0; text-align: center; } .pagination .load { text-align: center; display: inline-block; } .pagination .load:after { content: ""; opacity: .4; width: 70px; height: 2px; display: block; background-color: #eb7c1c; opacity: 1; transition: all .5s; } .pagination .load:hover { cursor: pointer; } .page-numbers { text-align: center; padding-left: 0; } .page-numbers li { list-style: none; display: inline-block; margin: 0 2px; padding-bottom: 5px; } .page-numbers li:hover a, .page-numbers li:hover span { border-bottom: 1px solid #E2E2E2; } .page-numbers li a, .page-numbers li span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 2px; color: #686E70; font-size: 14px; vertical-align: middle; margin: 0; padding: 0; text-decoration: none; border: 0; } .page-numbers li .current { border-bottom: 1px solid #E2E2E2; } .page-numbers li.more:hover a, .page-numbers li.more:hover span { border-bottom: 0; } .page-numbers a { padding: 0 10px; font-size: 18px; } .page-numbers a:hover { text-decoration: underline; } .page-numbers a.current:hover { text-decoration: none; } .page-numbers .prev, .page-numbers .next { font-size: 0; position: relative; } .page-numbers .prev:before, .page-numbers .next:before { content: ""; font-family: FontAwesome; font-size: 18px; position: relative; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .page-numbers .next:before { content: "\f105"; } .page-numbers .prev:before { content: "\f104"; } .press-detail .masthead-press { margin-bottom: 0; } .press-detail .masthead-press .item { padding-top: 63.159%; } .press-detail .event-time { margin-top: 75px; padding-top: 30px; border-top: 1px solid #E2E2E2; font-size: 14px; line-height: 20px; } .press-detail .event-time p { margin-bottom: 20px; } .press-detail .event-time .share p { margin-bottom: 5px; } .press-detail .event-time .share a { display: inline-block; color: #686E70; text-decoration: underline; margin-right: 10px; } .press-detail .event-time .share a:last-child { margin-right: 0; } .press-detail .event-time .share a:hover { text-decoration: none; } .press-detail .content-text { border-bottom: 1px solid #E2E2E2; } .press-detail .press-list { padding-bottom: 60px; } @media (max-width: 767px) { .press-detail .event-time { margin-top: 30px; margin-bottom: 30px; } .secatur1{height:650px;} } .section-slider { overflow-x: hidden; overflow-y: hidden; position: relative; } .section-slider .quote { margin-bottom: 60px; } .section-slider .quote .title:nth-child(2) { font-size: 28px; line-height: 40px; } .section-slider .full-slider, .section-slider .projects-slider, .section-slider .sf-slider { margin-bottom: 10px; } .section-slider .full-slider .item, .section-slider .projects-slider .item, .section-slider .sf-slider .item { padding-bottom: 48.246%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .section-slider .full-slider.owl-carousel, .section-slider .projects-slider.owl-carousel, .section-slider .sf-slider.owl-carousel { overflow: visible; } .section-slider .full-slider.owl-carousel .owl-stage-outer, .section-slider .projects-slider.owl-carousel .owl-stage-outer, .section-slider .sf-slider.owl-carousel .owl-stage-outer { overflow: visible; } .section-slider .full-slider .owl-nav .owl-prev, .section-slider .full-slider .owl-nav .owl-next, .section-slider .projects-slider .owl-nav .owl-prev, .section-slider .projects-slider .owl-nav .owl-next, .section-slider .sf-slider .owl-nav .owl-prev, .section-slider .sf-slider .owl-nav .owl-next { width: 60px; height: 60px; background: #000000; opacity: .9; border-radius: 0; font-size: 30px; color: #FFF; } .section-slider .full-slider .owl-nav .owl-prev .fal, .section-slider .full-slider .owl-nav .owl-next .fal, .section-slider .projects-slider .owl-nav .owl-prev .fal, .section-slider .projects-slider .owl-nav .owl-next .fal, .section-slider .sf-slider .owl-nav .owl-prev .fal, .section-slider .sf-slider .owl-nav .owl-next .fal { top: calc(50% - 15px); left: calc(50% - 7.5px); } .section-slider .full-slider .owl-nav .owl-prev:hover, .section-slider .full-slider .owl-nav .owl-next:hover, .section-slider .projects-slider .owl-nav .owl-prev:hover, .section-slider .projects-slider .owl-nav .owl-next:hover, .section-slider .sf-slider .owl-nav .owl-prev:hover, .section-slider .sf-slider .owl-nav .owl-next:hover { -webkit-transform: scale(1); transform: scale(1); } .section-slider .full-slider .owl-nav .owl-prev, .section-slider .projects-slider .owl-nav .owl-prev, .section-slider .sf-slider .owl-nav .owl-prev { left: 0; } .section-slider .full-slider .owl-nav .owl-next, .section-slider .projects-slider .owl-nav .owl-next, .section-slider .sf-slider .owl-nav .owl-next { right: 0; } .section-slider .full-slider { max-width: 100%; } .section-slider .full-slider .item.w-video { position: relative; } .section-slider .full-slider .item.w-video .play-btn { position: absolute; position: absolute; width: 70px; height: 70px; top: calc(50% - 35px); left: calc(50% - 35px); cursor: pointer; border-radius: 50%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #000; color: #FFF; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 28px; transition: all .3s; z-index: 5; } .section-slider .full-slider .item.w-video .play-btn i { margin-left: 5px; } .section-slider .full-slider .item.w-video .play-btn:hover { background-color: #FFF; color: #eb7c1c; } .section-slider .projects-slider.owl-carousel, .section-slider .sf-slider.owl-carousel { overflow: hidden; } .section-slider .projects-slider.owl-carousel .owl-stage-outer, .section-slider .sf-slider.owl-carousel .owl-stage-outer { overflow: hidden; } .section-slider .projects-slider .owl-dots, .section-slider .sf-slider .owl-dots { text-align: right; padding-right: 30px; } .section-slider .projects-slider .owl-dots .owl-dot, .section-slider .sf-slider .owl-dots .owl-dot { margin: 0 10px; } .section-slider .projects-slider .owl-dots .owl-dot span, .section-slider .sf-slider .owl-dots .owl-dot span { opacity: .5; } .section-slider .projects-slider .owl-dots .owl-dot.active span, .section-slider .sf-slider .owl-dots .owl-dot.active span { opacity: 1; background-color: #FFFFFF; } .section-slider .projects-slider .owl-nav .owl-prev, .section-slider .sf-slider .owl-nav .owl-prev { left: -60px; opacity: 0; } .section-slider .projects-slider .owl-nav .owl-next, .section-slider .sf-slider .owl-nav .owl-next { right: -60px; opacity: 0; } .section-slider .projects-slider:hover .owl-nav .owl-next, .section-slider .projects-slider:hover .owl-nav .owl-prev, .section-slider .sf-slider:hover .owl-nav .owl-next, .section-slider .sf-slider:hover .owl-nav .owl-prev { opacity: .8; } .section-slider .projects-slider:hover .owl-nav .owl-prev, .section-slider .sf-slider:hover .owl-nav .owl-prev { left: 0; } .section-slider .projects-slider:hover .owl-nav .owl-next, .section-slider .sf-slider:hover .owl-nav .owl-next { right: 0; } .section-slider .sf-slider .img { padding-bottom: 48.246%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 30px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15); } .section-slider .sf-slider .box-desc h4 { font-size: 30px; line-height: 40px; margin-bottom: 20px; } .section-slider .sf-slider .owl-nav { top: calc(50% - 60px); } @media (max-width: 991px) { .section-slider .sf-slider .box-desc h4 { font-size: 21px; line-height: 1.5em; } } @media (max-width: 991px) { .section-slider .full-slider .owl-nav { top: calc(50% - 0px); } .section-slider .full-slider .owl-nav .owl-prev, .section-slider .full-slider .owl-nav .owl-next { width: 40px; height: 40px; font-size: 20px; } .section-slider .full-slider .owl-nav .owl-prev .fal, .section-slider .full-slider .owl-nav .owl-next .fal { top: calc(50% - 10px); left: calc(50% - 5px); } .section-slider .full-slider .item { width: 500px; } } .poslgo { margin-left: 0px; margin-bottom: 10px; } @media (max-width: 767px) { .section-slider .full-slider .owl-nav { top: calc(50% - 0px); } .pdgrmh{margin-top:80px; height:2000px;} .poslgo { margin-left: 0px; margin-bottom: 10px; } .vdodrmh{position:absolute; top:-500px;} .section-slider .full-slider .owl-nav .owl-prev, .section-slider .full-slider .owl-nav .owl-next { width: 30px; height: 30px; font-size: 10px; } .section-slider .full-slider .owl-nav .owl-prev .fal, .section-slider .full-slider .owl-nav .owl-next .fal { top: calc(50% - 5px); left: calc(50% - 3px); } .section-slider .full-slider .item { width: 250px; } } .section-dbrocure { background: #fac68e; } .section-dbrocure dl { margin-bottom: 60px; } .section-dbrocure .btn-link { color: #eb7c1c; display: inline-block; opacity: 1; margin-bottom: 20px; margin-right: 15px; } .section-dbrocure .btn-link:last-child { margin-bottom: 0; rgin-right: 0; } .section-dbrocure .btn-link:after { opacity: 1; background-color: #eb7c1c; } .section-dbrocure .btn-link:hover { opacity: .8; } .section-dbrocure .btn-link:hover:after { opacity: .8; } @media (max-width: 767px) { .section-dbrocure dl { margin-bottom: 30px; } } .brocure-detail { padding-top: 0; } .menu-content { border-bottom: 1px solid #E2E2E2; } .menu-content ul:not(.sub-wrap) { font-size: 0; line-height: 0; text-align: center; } .menu-content ul:not(.sub-wrap) > li { list-style: none; display: inline-block; height: 100%; padding: 20px; position: relative; } .menu-content ul:not(.sub-wrap) > li > a { text-align: center; padding: 0 20px; font-size: 14px; line-height: 20px; color: #686E70; position: relative; } .menu-content ul:not(.sub-wrap) > li > a:hover { color: #eb7c1c; } .menu-content ul:not(.sub-wrap) > li.has-sub > a { pointer-events: none; } .menu-content ul:not(.sub-wrap) > li.has-sub > a:after { content: "\f0d7"; font-family: FontAwesome; font-size: 12px; position: absolute; right: 3px; color: #686E70; top: 0px; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .menu-content ul:not(.sub-wrap) > li.has-sub:hover > a:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .menu-content ul:not(.sub-wrap) > li.has-sub:hover > a:after:hover { color: #eb7c1c; } .menu-content ul:not(.sub-wrap) > li.has-sub:hover .sub-menu { max-height: 999px; opacity: 1; visibility: visible; } .menu-content ul:not(.sub-wrap) > li .sub-menu { position: absolute; left: calc(50% - 110px); top: calc(100% + 3px); width: 220px; background-color: #fff; text-align: left; max-height: 0; opacity: 0; border-radius: 2px; visibility: hidden; transition: all .5s; padding: 15px 30px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); border: 1px solid #e2e2e2; z-index: 10; } .menu-content ul:not(.sub-wrap) > li .sub-menu ul { display: block; margin: 0 auto; } .menu-content ul:not(.sub-wrap) > li .sub-menu ul > li { list-style: none; font-size: 14px; line-height: 30px; } .menu-content ul:not(.sub-wrap) > li .sub-menu ul > li a { font-size: 14px; line-height: 20px; color: #686E70; } .menu-content ul:not(.sub-wrap) > li .sub-menu ul > li a:hover { color: #eb7c1c; } .menu-content ul:not(.sub-wrap) > li .sub-menu ul > li.active a { color: #eb7c1c; } .menu-content ul:not(.sub-wrap) > li .sub-menu .sub-wrap:before { position: absolute; content: ""; border-bottom: 13px solid #e2e2e2; border-left: 11px solid transparent; border-right: 11px solid transparent; width: 0; height: 0; top: -12px; left: calc(50% - 11px); z-index: 3; } .menu-content ul:not(.sub-wrap) > li .sub-menu .sub-wrap:after { position: absolute; content: ""; border-bottom: 13px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; width: 0; height: 0; top: -10px; left: calc(50% - 11px); z-index: 3; } .menu-content ul:not(.sub-wrap) > li .sub-menu .sub-menu:before { border-bottom-color: #e2e2e2; top: -12px; z-index: 2; } @media (max-width: 767px) { .menu-content { z-index: 10; } .menu-content ul:not(.sub-wrap) > li { padding: 20px 15px; display: inline-block; } .menu-content ul:not(.sub-wrap) > li:first-child { padding-left: 0; } .menu-content ul:not(.sub-wrap) > li:last-child { padding-right: 0; } .menu-content ul:not(.sub-wrap) > li a { padding: 0; } .menu-content ul:not(.sub-wrap) > li.has-sub > a:after { right: -10px; } .menu-content ul:not(.sub-wrap) > li .sub-menu { width: 150px; left: calc(50% - 75px); top: calc(100% + 3px); } } .detail-content { padding-top: 60px; } .detail-content .title { font-size: 21px; line-height: 30px; font-weight: normal; margin-bottom: 30px; } .detail-content .box-img { position: relative; width: 100%; padding-top: 63.159%; margin-bottom: 60px; background: #000; } .detail-content .box-img .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; transition: all .5s; } .detail-content .desc-box { margin-bottom: 60px; } .detail-content .desc-list .list { padding-bottom: 60px; border-bottom: 1px solid #E2E2E2; margin-bottom: 30px; } .detail-content .desc-list .list:last-child { margin-bottom: 0; } .detail-content .desc-list .title { font-size: 21px; line-height: 33px; font-weight: 800; color: #3F474A; margin-bottom: 20px; } .detail-content .desc-list p { margin-bottom: 20px; } .detail-content .desc-list .subtitle { font-weight: 600; font-size: 18px; line-height: 1.5em; color: #3F474A; padding-left: 10px; } .detail-content .desc-list .subtitle2 { font-weight: 600; font-size: 18px; line-height: 1.5em; color: #3F474A; position: relative; padding-left: 10px; } .detail-content .desc-list .subtitle2:after { content: ""; width: 50px; height: 2px; background-color: #3F474A; display: block; } .detail-content .desc-list strong { color: #3F474A; position: relative; } .detail-content .desc-list strong:after { content: ""; width: 60px; height: 2px; background-color: #3F474A; display: block; } .detail-content .desc-list ul { padding-left: 25px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .detail-content .desc-list ul li { padding-left: 10px; line-height: 30px; } .detail-content .desc-list dl { line-height: 30px; margin-bottom: 0; } .detail-content .desc-list dl dd { margin-bottom: 10px; } .detail-content .desc-list dl a { color: #686E70; } .detail-content .desc-list dl a:hover { color: #eb7c1c; } .detail-content .desc-list .detail-dl2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; list-style: none; padding-left: 10px; } .detail-content .desc-list .details .subtitle { list-style: none; padding-left: 0; } .detail-content .desc-list .details ul { padding-left: 0; } .detail-content .desc-list .details ul li { list-style: none; } .detail-content .desc-list .details ul li > ul { padding-left: 25px; } .detail-content .desc-list .details ul li > ul li { list-style: inherit; font-size: 14px; line-height: 1.5em; } @media (max-width: 767px) { .detail-content { padding: 30px 0; } .detail-content .box-img { margin-bottom: 30px; } .detail-content .desc-box { margin-bottom: 30px; } .detail-content .desc-list .list { padding-bottom: 30px; } .detail-content .desc-list ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .projects-page .box-img { position: relative; width: 100%; padding-top: 63.159%; margin-bottom: 60px; } .projects-page .box-img .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-size: cover; object-fit: cover; background-position: center; background-repeat: no-repeat; transition: all .5s; } .block-section .block { position: relative; margin: 120px 0; } .block-section .block:last-child { margin-bottom: 0; } .block-section .block:before { content: ""; display: block; background-color: #FFF; width: 55px; height: 100%; position: absolute; left: 0; top: 0; } .block-section .block .col-sm-6 { position: relative; } .block-section .block .box-img { margin-bottom: 0; max-width: 580px; padding-top: 123.079%; position: absolute; left: 0; top: -60px; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.25); } .block-section .block.residential { background-color: #eb7c1c; } .block-section .block.club { background-color: #de7118; } .block-section .block.club:before { left: auto; right: 0; } .block-section .block .box-text { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 43.155% 60px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #FFF; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; } .block-section .block .box-text .title { font-size: 30px; line-height: 40px; color: #FFF; margin-bottom: 30px; } @media (max-width: 991px) { .block-section .block { margin: 60px 0; } .block-section .block:before { width: 33px; } .block-section .block .box-img { max-width: 345px; padding-top: 123.079%; left: 15px; top: -30px; } .block-section .block .box-text { padding: 28% 30px; } } @media (max-width: 991px) { .block-section .block:before { display: none; } .block-section .block .box-img { max-width: 100%; padding-top: 100%; position: relative; left: auto; top: auto; } .block-section .block .box-text { padding: 30px; } .block-section .block .box-text .title { font-size: 19px; line-height: 33px; } } .ch-page .caption { font-size: 28px; line-height: 38px; margin-bottom: 20px; text-transform: uppercase; color: #eb7c1c; } .ch-page .section-part:nth-child(odd) { background: linear-gradient(314.57deg, #de7118 0%, #eb7c1c 100%); color: #FFF; } .ch-page .section-part:nth-child(odd) .title, .ch-page .section-part:nth-child(odd) .caption { color: #FFF; } .ch-page .section-part:nth-child(odd) a { color: #FFF; } .ch-page .section-part:nth-child(odd) a:hover { opacity: .4; } .ch-page .patt { position: relative; } .ch-sport .desc { margin-bottom: 30px; } .ch-sport .row { text-align: center; } .ch-sport .card-sport { width: 33%; display: inline-block; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; text-align: left; vertical-align: top; margin-bottom: 30px; } .ch-sport .card-sport .box-img { margin-bottom: 30px; padding-top: 100%; } .ch-sport .card-sport .box-img .txt-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-align: center; box-pack: center; } .ch-sport .card-sport .box-img .txt-wrap h4 { position: relative; margin: auto; text-align: center; color: #FFF; font-weight: bold; z-index: 5; } .ch-sport .card-sport:hover .box-img .img { -webkit-transform: scale(1.2); transform: scale(1.2); } .ch-sport .card-sport:hover .box-img:after { opacity: .8; } .ch-sport .card-sport .title { font-size: 18px; line-height: 28px; font-weight: bold; color: #3F474A; margin-bottom: 20px; } .ch-sport .box-text .box-desc { margin-bottom: 30px; } .ch-sport .box-text .title { margin-bottom: 15px; font-size: 24px; line-height: 36px; } @media (max-width: 991px) { .ch-sport .card-sport { width: 32%; } } @media (max-width: 767px) { .ch-sport .card-sport { width: 49%; } } .ch-wem .block .cols { width: 50%; float: left; position: relative; z-index: 3; } .ch-wem .block .cols.section-slider .projects-slider { margin-bottom: 0; } .ch-wem .block .cols.section-slider .owl-stage-outer { padding-top: 0; } .ch-wem .block:nth-child(even) .cols { float: right; } .ch-wem .box-text .box { padding: 30px; } .ch-wem .box-text .box .inner-box { margin: auto; } .ch-wem .box-text .title { font-size: 30px; line-height: 40px; margin-bottom: 20px; } .ch-wem .box-img { padding-top: 100%; margin-bottom: 0; } .ch-wem .spec-list { margin-bottom: 25px; } .ch-wem .spec-list .title { font-size: 18px; line-height: 28px; } .ch-wem .inner-box ul { margin-bottom: 25px; padding-left: 30px; } .ch-wem .gh-block .block .cols { float: left; } .ch-wem .wrap-title { background-color: #F6F5EE; padding: 30px 0; } @media (max-width: 991px) { .ch-wem .block:nth-child(odd) .cols { float: left; } .ch-wem .box-img { padding-top: 75%; } .ch-wem .box-text { padding-top: initial; } .ch-wem .box-text .box { position: relative; height: auto; } } @media (max-width: 767px) { .ch-wem .box-text .box { padding: 30px 0; } } .ch-wem { padding: 0; } .ch-wem .item { height: auto; } .ch-wem .div-full { min-height: 100vh; position: relative; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -ms-flexbox; display: flex; display: -webkit-flex; box-align: center; width: 100%; z-index: 2; color: #3f474a; } .ch-wem .div-full:before { content: ""; width: 50%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; opacity: .8; z-index: 3; } .ch-wem .div-full:nth-child(even):before { right: 0; left: auto; } .ch-wem .div-full .bg-auto { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ch-wem .div-full .item { width: 100%; min-height: 100vh; background-size: cover; background-repeat: no-repeatb; background-position: center; } .ch-wem .div-full .cols { position: relative; } .ch-wem .div-full .owl-dots { text-align: right; padding: 0 30px; } .ch-wem .div-full:nth-child(even) .owl-dots { text-align: left; } @media (max-width: 991px) { .ch-wem .div-full { display: block; min-height: auto; } .ch-wem .div-full:before { display: none; } .ch-wem .div-full .bg-auto { position: relative; top: auto; left: auto; } .ch-wem .div-full .item { min-height: 80vh; max-height: 80vh; } .ch-wem .div-full .owl-dots { text-align: center; padding: 15px 0; } .ch-wem .div-full:nth-child(even) .owl-dots { text-align: center; } .ch-wem .block .cols { width: 100%; float: none !important; } .ch-wem .block .box { padding: 15px; } } @media (max-width: 767px) { .ch-wem .div-full .item { min-height: 60vh; max-height: 60vh; } .ch-wem .box-text .title { font-size: 21px; line-height: 1.5em; } .ch-wem .caption { font-size: 18px; line-height: 1.5em; } } #gh .bg-auto { height: 100%; } #gh .bg-auto .owl-stage-outer { height: 100% !important; } #gh .div-full:before { background: #2c74a9; } #gh .div-full:nth-child(even):before { right: auto; left: 0; } #gh .div-full:nth-child(even) .owl-dots { text-align: right; } #gh .block:nth-child(even) .cols { float: left; } #gh .inner-box p, #gh .inner-box ul { color: #FFF; } @media (min-width: 1400px) { #gh h3.title { font-size: 36px; line-height: 46px; } } @media (max-width: 991px) { #gh .div-full { background: linear-gradient(314.57deg, #de7118 0%, #eb7c1c 100%); } #gh .div-full .owl-dots { text-align: center; padding: 15px 0; } #gh .div-full:nth-child(even) .owl-dots { text-align: center; } #gh .boxt-text { background: red; } #gh .boxt-text .inner-box .title { padding: 0; } #gh .caption { color: #FFF; font-size: 22px; line-height: 1.5em; } #gh .title { color: #FFF; padding: 0 0 30px 0; } } @media (max-width: 767px) { #gh .box-text .title { font-size: 21px; line-height: 1.5em; padding-bottom: 0; } #gh .caption { font-size: 18px; line-height: 1.5em; } } .membership { padding: 60px 0; } .membership .container-sm { max-width: 770px; margin: 0 auto; } .membership .title { margin-bottom: 25px; } .membership ul li { list-style: none; margin-bottom: 20px; } .membership h4.title { font-size: 18px; line-height: 28px; margin-bottom: 0; } @media (max-width: 767px) { .membership p strong { display: block; } } .membership-w { text-align: center; overflow: hidden; } .membership-w p { text-align: center; } .membership-w .title, .membership-w p { z-index: 2; position: relative; } .membership-w .pt { position: absolute; z-index: 1; } .membership-w .pt-01 { width: 80px; height: auto; bottom: 35%; right: 0; } .membership-w .pt-02 { width: 100px; height: auto; top: -18%; left: 0; } .membership-w .pt-03 { width: 60px; height: auto; bottom: -18%; left: 20%; } .membership-w .pt-04 { width: 100px; height: auto; bottom: -18%; left: -38%; } .membership-w .pt-05 { width: 100px; height: auto; top: 0; right: -44%; } .ch-contact { padding: 60px 0; } .ch-contact .title { margin-bottom: 25px; } .ch-contact h4.title { font-size: 18px; line-height: 28px; margin-bottom: 10px; } .ch-contact .address-box { margin-bottom: 30px; } .ch-contact .address-box ul li { margin-bottom: 15px; } .ch-contact .address-box p strong { margin-bottom: 15px; display: inline-block; font-size: 16px; } @media (max-width: 767px) { .ch-contact .address-box p strong { display: block; } } .ch-location .title { margin-bottom: 60px; } .ch-location h4.title { font-size: 18px; line-height: 28px; margin-bottom: 10px; } .ch-location ul { padding-left: 30px; margin-bottom: 30px; } .menu-right { position: fixed; right: 0; top: calc(50% - 230px); padding: 30px; background-color: #000; opacity: .8; border-radius: 4px; z-index: 4; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; } .menu-right .arrow { position: absolute; width: 30px; height: 30px; text-align: center; vertical-align: middle; color: #FFF; top: 35px; left: -30px; background-color: #000; border-radius: 4px 0 0 4px; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; display: block; cursor: pointer; } .menu-right .arrow:before { content: "\f0d9"; font-family: FontAwesome; font-size: 18px; line-height: 30px; display: inline-block; } .menu-right.slide-h { -webkit-transform: translateX(100%); transform: translateX(100%); } .menu-right.slide-h .arrow:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .menu-right ul li { list-style: none; line-height: 40px; border-bottom: 1px solid #FFF; } .menu-right ul li a { color: #FFF; } @media (max-width: 767px) { .menu-right { top: calc(50% - 180px); } .menu-right.slide-h { -webkit-transform: translateX(235px); transform: translateX(235px); } } .page-notfound { text-align: center; } .page-notfound h2 { font-size: 144px; line-height: 197px; font-weight: 900; margin-bottom: 30px; position: relative; color: #eb7c1c; } .page-notfound h2:after { content: ""; display: block; width: 100px; height: 5px; margin: 0 auto; color: #eb7c1c; background-color: #eb7c1c; } .page-notfound p { text-align: center; font-size: 36px; line-height: 49px; } @media (max-width: 991px) { .page-notfound h2 { font-size: 100px; line-height: 120px; } .page-notfound p { font-size: 16px; line-height: 21px; } } .map-box { width: 100%; padding-top: 41%; background-color: #f7b74f; position: relative; overflow: hidden; } .map-box .mask { position: absolute; top: 0; left: 0; height: 100%; width: 15%; z-index: 3; } .map-box .map { transition: all .5s; padding-top: 0 !important; } .map-box #map { position: absolute; top: 0; left: 0; right: 0; width: 25%; height: 100%; } .map-box #map.slide { width: 100%; z-index: 4; } .map-box #map.active { left: 15%; width: 85%; z-index: 3; } .map-box #app { position: absolute; top: 0; left: -5%; bottom: 0; right: 0; width: 105%; height: 100%; } .active.hovered { -webkit-transform: translateX(5%); transform: translateX(5%); } .box-panorama { position: absolute; top: 0; left: 0; right: 0; width: 15%; height: 100%; box-shadow: 10px 0 30px 20px rgba(10, 10, 10, 0.5); transition: all .5s; z-index: 3; } .box-panorama.slide { width: 100%; z-index: 4; } .box-panorama.active { left: 15%; width: 85%; z-index: 3; } .box-panorama #bx-panorama { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover !important; } .box-panorama .pnlm-compass { bottom: auto; top: 10px; } @media (max-width: 1200px) and (min-width: 992px) { .map-box { padding-top: 50%; } .modalas-content1{width:250px; top:50px;} } @media (max-width: 991px) { .map-box { padding-top: 110%; } .modalas-content1{width:250px; top:50px;} } @media (max-width: 767px) { height: calc(100vh - 48px); overflow: hidden; .map-box { padding-top: 100vh; } #main-navigation { display: none !important; } #app .main.content { top: 0 !important; } .igcaro-control { font-size: 25px;} .secatur1{height:650px;} } /*# sourceMappingURL=main.css.map */ .igcaro { position: relative; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64); margin-top: 0px; } .igcaro-inner { position: relative; overflow: hidden; width: 100%; height:100%; padding-top:10px; padding-bottom:30px; } .igcaro-open:checked + .igcaro-item { position: static; opacity: 100; } .igcaro-item { position: absolute; opacity: 0; -webkit-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; height:100%; } .igcaro-item img { display: block; height: auto; max-width: 100%; margin-top:-15px; } .igcaro-control { background: rgba(121,121,121, 0.70); border-radius: 50%; color: #fff; cursor: pointer; display: none; font-size: 45px; height: 70px; line-height: 70px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); cursor: pointer; -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; width: 70px; z-index: 10; } .igcaro-control.prev { left: 1%; } .igcaro-control.next { right: 1%; } .igcaro-control:hover { background: rgba(45,45,45, 0.8); color: #fff; } #igcaro-1:checked ~ .control-1, #igcaro-2:checked ~ .control-2, #igcaro-3:checked ~ .control-3, #igcaro-4:checked ~ .control-4 { display: block; } .igcaro-indicators { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 340px; left: 0; right: 0; text-align: center; z-index: 10; } .igcaro-indicators li { display: inline-block; margin: 0 5px; } .igcaro-bullet { color: #85e085; cursor: pointer; display: block; font-size: 35px; } .igcaro-bullet:hover { color: #155115; } #igcaro-1:checked ~ .control-1 ~ .igcaro-indicators li:nth-child(1) .igcaro-bullet, #igcaro-2:checked ~ .control-2 ~ .igcaro-indicators li:nth-child(2) .igcaro-bullet, #igcaro-3:checked ~ .control-3 ~ .igcaro-indicators li:nth-child(3) .igcaro-bullet, #igcaro-4:checked ~ .control-4 ~ .igcaro-indicators li:nth-child(4) .igcaro-bullet{ color: #248f24; } #title { width: 100%; position: absolute; padding: 0px; margin: 0px auto; text-align: center; font-size: 27px; color: rgba(255, 255, 255, 1); font-family: 'Open Sans', sans-serif; z-index: 9999; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), -1px 0px 2px rgba(255, 255, 255, 0); } .igdivbg { max-width: 100%; margin-bottom:50px; background:#fff; } .igdivboxtext { text-align: center; font-weight: 600; color: #8c8c8c; font-size: 6px; line-height: 26px; } .igdivboxtext p { margin: 0px; padding-left: 20px; padding-right: 20px; } @media (max-width: 767px) { img { top: calc(50% - 15px); } .igres { padding-left:0px; padding-right:0px; } .igdivboxtext4 { text-align: justify; color: #8c8c8c; padding: 10px; padding-top:30px; font-weight: 600; font-size: 14px; line-height: 18px; } .rtpadding1{ left:1px; right:1px; top:650px; margin-bottom:-150px;} .pdgg1{padding-top:0px;} .mastheadas1{height:550px;} .modalas{width:450px; top:50px;} .cont11a{margin-top:110px; } .modalas {left:2px;right:2px;} .menuatas1{margin-top:0px;} .ffonts{ color: white; padding-top:-10px; padding-left:-10px; font-weight: 600; font-size: 21px;} .textss1{visibility: visible; opacity: 1; -webkit-transform: scale(0.9); transform: scale(0.9);} .modalas-header{width:100%;} .scrolas img{width:100%;} .modalas-header{ padding-right:10px;} .ukuran1{height:230px;} .hiasannewyear { display: none; } } .btn-linkz { font-weight: normal; position: relative; line-height: 28px; opacity: 1; transition: all .5s; color: #eb7c1c;} .btn-linkz:hover{color: #196619; text-decoration: underline;} .igdivboxtext { text-align: justify; color: #8c8c8c; padding-left: 10px; padding-right: 10px; padding-top:40px; font-weight: 600; font-size: 16px; line-height: 26px; } .igdivboxtext1 { text-align: justify; color: #8c8c8c; padding: 12px; padding-top:60px; font-weight: 600; font-size: 12px; line-height: 18px; } .igdivboxtext2 { text-align: justify; color: #8c8c8c; padding: 12px; padding-top:20px; font-weight: 600; font-size: 12px; line-height: 18px; } .igdivboxtext3 { text-align: justify; color: #242424; padding: 12px; padding-top:20px; font-weight: 600; font-size: 14px; line-height: 18px; } .igdivboxtext4 { text-align: justify; color: #8c8c8c; padding: 10px; padding-top:30px; font-weight: 600; font-size: 14px; line-height: 18px; } .poss1 { top:-20px; left:-30px; z-index: 1; position: absolute; }/*-moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); ===>> miring*/ .poss2 { top:-45px; left:1220px; z-index: 3; position: absolute; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); } .cardas1 { /* Add shadows to create the "card" effect */ box-shadow: 0 4px 11px 0 rgba(0,0,0,0.2); transition: 0.3s; } /* On mouse-over, add a deeper shadow */ .cardas1:hover { box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.5); } /* Add some padding inside the card container */ .contcardas1 { padding: 2px 16px; } .mm11a{margin-top:20px; margin-bottom:50px;} /* Modal Header */ .modalas-header { background-color: #cc5308; width: 100%; border-radius: 15px 15px 0px 0px ; margin-top:-21px; padding-bottom:3px; padding-top:4px; } /* Modal Body */ .modalas { z-index:1; display: none; /* Hidden by default */ position: fixed; /* Stay in place */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .modalas-body { padding:20px; background: #fff; overflow: scroll; height:380px; } /* Modal Footer */ .modalas-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } /* Modal Content */ .modalas-content1 { position: relative; background-color: #fefefe; margin: auto; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s } .closessa{cursor:pointer; font-size:25px; text-align: right; padding-bottom:-15px; z-index: 1;} .closessb{cursor:pointer; font-size:25px; text-align: right; padding-bottom:-15px; z-index: 1;} .closessc{cursor:pointer; font-size:25px; text-align: right; padding-bottom:-15px; z-index: 1;} .closessd{cursor:pointer; font-size:25px; text-align: right; padding-bottom:-15px; z-index: 1;} /* Add Animation */ @keyframes animatetop { from {top: -300px; opacity: 0} to {top: 0; opacity: 1} } .mdlpop1{padding:100px;} .mgn{margin-top:-140px;} .mastdrmhaja { background-position: center; background-size: cover; background-attachment: fixed; width:100%; height:750;} .wrna1aa{ padding:0px; width:100%;} .secatur1{height:750px;} .pdk2s{width:350px;} .bgpdkrmh{ background-color:#fff;} .btnsrmh{ border: 1px solid; color: #eb7c1c; padding: 10px 18px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; transition: all .5s;} .posbtnhm { position: absolute; left: calc(50% - 60px); text-align: center; top:350px; } .ardwn { width: 40px; text-align: center; color: #fff; left: calc(50% - 20px); font-size: 56px; line-height: 36px; z-index: 1; -webkit-animation: mouse-wheel 1.5s linear infinite; animation: mouse-wheel 1.5s linear infinite; } .btnsrmh1{ border: 1px solid; color: #fff; padding: 10px 18px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; transition: all .5s;} .btnsrmh1:hover{color: #fff; background-color: #eb7c1c; text-decoration: none;} .pdgrmhview{margin-top:80px;}