.w-1px {
    width: 1px !important
}

.w-2px {
    width: 2px !important
}

.w-3px {
    width: 3px !important
}

.w-4px {
    width: 4px !important
}

.w-5px {
    width: 5px !important
}

.w-6px {
    width: 6px !important
}

.w-7px {
    width: 7px !important
}

.w-8px {
    width: 8px !important
}

.w-9px {
    width: 9px !important
}

.w-10px {
    width: 10px !important
}

.w-15px {
    width: 15px !important
}

.w-20px {
    width: 20px !important
}

.w-25px {
    width: 25px !important
}

.w-30px {
    width: 30px !important
}

.w-35px {
    width: 35px !important
}

.w-40px {
    width: 40px !important
}

.w-45px {
    width: 45px !important
}

.grid-loading::after, .w-50px {
    width: 50px !important
}

.w-55px {
    width: 55px !important
}

.w-60px {
    width: 60px !important
}

.w-65px {
    width: 65px !important
}

.w-70px {
    width: 70px !important
}

.w-75px {
    width: 75px !important
}

.w-80px {
    width: 80px !important
}

.w-85px {
    width: 85px !important
}

.w-90px {
    width: 90px !important
}

.w-95px {
    width: 95px !important
}

.w-100px {
    width: 100px !important
}

.w-110px {
    width: 110px !important
}

.w-120px {
    width: 120px !important
}

.w-130px {
    width: 130px !important
}

.w-140px {
    width: 140px !important
}

.w-150px {
    width: 150px !important
}

.w-160px {
    width: 160px !important
}

.w-170px {
    width: 170px !important
}

.w-180px {
    width: 180px !important
}

.w-190px {
    width: 190px !important
}

.w-200px {
    width: 200px !important
}

.w-210px {
    width: 210px !important
}

.w-220px {
    width: 220px !important
}

.w-230px {
    width: 230px !important
}

.w-240px {
    width: 240px !important
}

.w-250px {
    width: 250px !important
}

.w-260px {
    width: 260px !important
}

.w-270px {
    width: 270px !important
}

.w-280px {
    width: 280px !important
}

.w-290px {
    width: 290px !important
}

.w-300px {
    width: 300px !important
}

.w-310px {
    width: 310px !important
}

.w-320px {
    width: 320px !important
}

.w-330px {
    width: 330px !important
}

.w-340px {
    width: 340px !important
}

.w-350px {
    width: 350px !important
}

.w-360px {
    width: 360px !important
}

.w-370px {
    width: 370px !important
}

.w-380px {
    width: 380px !important
}

.w-390px {
    width: 390px !important
}

.w-400px {
    width: 400px !important
}

.w-450px {
    width: 450px !important
}

.w-500px {
    width: 500px !important
}

.w-550px {
    width: 550px !important
}

.w-600px {
    width: 600px !important
}

.w-650px {
    width: 650px !important
}

.w-700px {
    width: 700px !important
}

.w-750px {
    width: 750px !important
}

.w-800px {
    width: 800px !important
}

.w-850px {
    width: 850px !important
}

.w-900px {
    width: 900px !important
}

.w-950px {
    width: 950px !important
}

.w-1000px {
    width: 1000px !important
}

.w-10 {
    width: 10% !important
}

.w-15 {
    width: 15% !important
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-30 {
    width: 30% !important
}

.w-35 {
    width: 35% !important
}

.w-40 {
    width: 40% !important
}

.w-45 {
    width: 45% !important
}

.w-50 {
    width: 50% !important
}

.w-55 {
    width: 55% !important
}

.w-60 {
    width: 60% !important
}

.w-65 {
    width: 65% !important
}

.w-70 {
    width: 70% !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-85 {
    width: 85% !important
}

.w-90 {
    width: 90% !important
}

.w-95 {
    width: 95% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-1px {
    height: 1px !important
}

.h-2px {
    height: 2px !important
}

.h-3px {
    height: 3px !important
}

.h-4px {
    height: 4px !important
}

.h-5px {
    height: 5px !important
}

.h-6px {
    height: 6px !important
}

.h-7px {
    height: 7px !important
}

.h-8px {
    height: 8px !important
}

.h-9px {
    height: 9px !important
}

.h-10px {
    height: 10px !important
}

.h-11px {
    height: 11px !important
}

.h-12px {
    height: 12px !important
}

.h-13px {
    height: 13px !important
}

.h-14px {
    height: 14px !important
}

.h-15px {
    height: 15px !important
}

.h-20px {
    height: 20px !important
}

.h-25px {
    height: 25px !important
}

.h-30px {
    height: 30px !important
}

.h-35px {
    height: 35px !important
}

.h-40px {
    height: 40px !important
}

.h-42px {
    height: 42px !important
}

.h-45px {
    height: 45px !important
}

.h-50px {
    height: 50px !important
}

.h-55px {
    height: 55px !important
}

.h-60px {
    height: 60px !important
}

.h-65px {
    height: 65px !important
}

.h-70px {
    height: 70px !important
}

.h-75px {
    height: 75px !important
}

.h-80px {
    height: 80px !important
}

.h-85px {
    height: 85px !important
}

.h-90px {
    height: 90px !important
}

.h-95px {
    height: 95px !important
}

.h-100px {
    height: 100px !important
}

.h-110px {
    height: 110px !important
}

.h-120px {
    height: 120px !important
}

.h-130px {
    height: 130px !important
}

.h-140px {
    height: 140px !important
}

.h-150px {
    height: 150px !important
}

.h-160px {
    height: 160px !important
}

.h-170px {
    height: 170px !important
}

.h-180px {
    height: 180px !important
}

.h-190px {
    height: 190px !important
}

.h-200px {
    height: 200px !important
}

.h-210px {
    height: 210px !important
}

.h-220px {
    height: 220px !important
}

.h-230px {
    height: 230px !important
}

.h-240px {
    height: 240px !important
}

.h-250px {
    height: 250px !important
}

.h-260px {
    height: 260px !important
}

.h-270px {
    height: 270px !important
}

.h-280px {
    height: 280px !important
}

.h-290px {
    height: 290px !important
}

.h-300px {
    height: 300px !important
}

.h-350px {
    height: 350px !important
}

.h-400px {
    height: 400px !important
}

.h-450px {
    height: 450px !important
}

.h-480px {
    height: 480px !important
}

.h-500px {
    height: 500px !important
}

.h-550px {
    height: 550px !important
}

.h-580px {
    height: 580px !important
}

.h-600px {
    height: 600px !important
}

.h-650px {
    height: 650px !important
}

.h-700px {
    height: 700px !important
}

.h-750px {
    height: 750px !important
}

.h-800px {
    height: 800px !important
}

.h-850px {
    height: 850px !important
}

.h-auto {
    height: auto !important
}

.extra-very-small-screen {
    height: 250px !important
}

.extra-small-screen {
    height: 300px !important
}

.small-screen {
    height: 400px !important
}

.one-half-screen {
    height: 600px !important
}

.one-third-screen {
    height: 700px !important
}

.one-fourth-screen {
    height: 800px !important
}

.one-fifth-screen {
    height: 900px !important
}

.one-sixth-screen {
    height: 1000px !important
}

.one-seventh-screen {
    height: 1200px !important
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: auto
    }
}

.p-5px {
    padding: 5px !important
}

.p-10px {
    padding: 10px !important
}

.p-15px {
    padding: 15px !important
}

.p-20px {
    padding: 20px !important
}

.infowindow, .p-25px {
    padding: 25px !important
}

.p-30px {
    padding: 30px !important
}

.p-35px {
    padding: 35px !important
}

.p-40px {
    padding: 40px !important
}

.p-45px {
    padding: 45px !important
}

.p-50px {
    padding: 50px !important
}

.p-55px {
    padding: 55px !important
}

.p-60px {
    padding: 60px !important
}

.p-65px {
    padding: 65px !important
}

.p-70px {
    padding: 70px !important
}

.p-1 {
    padding: 1% !important
}

.p-2 {
    padding: 2% !important
}

.p-3 {
    padding: 3% !important
}

.p-4 {
    padding: 4% !important
}

.p-5 {
    padding: 5% !important
}

.p-6 {
    padding: 6% !important
}

.p-7 {
    padding: 7% !important
}

.p-8 {
    padding: 8% !important
}

.p-9 {
    padding: 9% !important
}

.p-10 {
    padding: 10% !important
}

.p-11 {
    padding: 11% !important
}

.p-12 {
    padding: 12% !important
}

.p-13 {
    padding: 13% !important
}

.p-14 {
    padding: 14% !important
}

.p-15 {
    padding: 15% !important
}

.p-16 {
    padding: 16% !important
}

.p-17 {
    padding: 17% !important
}

.p-18 {
    padding: 18% !important
}

.p-19 {
    padding: 19% !important
}

.p-20 {
    padding: 20% !important
}

.p-21 {
    padding: 21% !important
}

.p-22 {
    padding: 22% !important
}

.p-23 {
    padding: 23% !important
}

.p-24 {
    padding: 24% !important
}

.p-25 {
    padding: 25% !important
}

.p-26 {
    padding: 26% !important
}

.p-27 {
    padding: 27% !important
}

.p-28 {
    padding: 28% !important
}

.p-29 {
    padding: 29% !important
}

.p-30 {
    padding: 30% !important
}

.pt-5px {
    padding-top: 5px !important
}

.pt-10px {
    padding-top: 10px !important
}

.pt-15px {
    padding-top: 15px !important
}

.pt-20px {
    padding-top: 20px !important
}

.pt-25px {
    padding-top: 25px !important
}

.pt-30px {
    padding-top: 30px !important
}

.pt-35px {
    padding-top: 35px !important
}

.pt-40px {
    padding-top: 40px !important
}

.pt-45px {
    padding-top: 45px !important
}

.pt-50px {
    padding-top: 50px !important
}

.pt-55px {
    padding-top: 55px !important
}

.pt-60px {
    padding-top: 60px !important
}

.pt-65px {
    padding-top: 65px !important
}

.pt-70px {
    padding-top: 70px !important
}

.pt-1 {
    padding-top: 1% !important
}

.pt-2 {
    padding-top: 2% !important
}

.pt-3 {
    padding-top: 3% !important
}

.pt-4 {
    padding-top: 4% !important
}

.pt-5 {
    padding-top: 5% !important
}

.pt-6 {
    padding-top: 6% !important
}

.pt-7 {
    padding-top: 7% !important
}

.pt-8 {
    padding-top: 8% !important
}

.pt-9 {
    padding-top: 9% !important
}

.pt-10 {
    padding-top: 10% !important
}

.pt-11 {
    padding-top: 11% !important
}

.pt-12 {
    padding-top: 12% !important
}

.pt-13 {
    padding-top: 13% !important
}

.pt-14 {
    padding-top: 14% !important
}

.pt-15 {
    padding-top: 15% !important
}

.pt-16 {
    padding-top: 16% !important
}

.pt-17 {
    padding-top: 17% !important
}

.pt-18 {
    padding-top: 18% !important
}

.pt-19 {
    padding-top: 19% !important
}

.pt-20 {
    padding-top: 20% !important
}

.pt-21 {
    padding-top: 21% !important
}

.pt-22 {
    padding-top: 22% !important
}

.pt-23 {
    padding-top: 23% !important
}

.pt-24 {
    padding-top: 24% !important
}

.pt-25 {
    padding-top: 25% !important
}

.pt-26 {
    padding-top: 26% !important
}

.pt-27 {
    padding-top: 27% !important
}

.pt-28 {
    padding-top: 28% !important
}

.pt-29 {
    padding-top: 29% !important
}

.pt-30 {
    padding-top: 30% !important
}

.pe-5px {
    padding-right: 5px !important
}

.pe-10px {
    padding-right: 10px !important
}

.pe-15px {
    padding-right: 15px !important
}

.pe-20px {
    padding-right: 20px !important
}

.pe-25px {
    padding-right: 25px !important
}

.pe-30px {
    padding-right: 30px !important
}

.pe-35px {
    padding-right: 35px !important
}

.pe-40px {
    padding-right: 40px !important
}

.pe-45px {
    padding-right: 45px !important
}

.pe-50px {
    padding-right: 50px !important
}

.pe-55px {
    padding-right: 55px !important
}

.pe-60px {
    padding-right: 60px !important
}

.pe-65px {
    padding-right: 65px !important
}

.pe-70px {
    padding-right: 70px !important
}

.pe-1 {
    padding-right: 1% !important
}

.pe-2 {
    padding-right: 2% !important
}

.pe-3 {
    padding-right: 3% !important
}

.pe-4 {
    padding-right: 4% !important
}

.pe-5 {
    padding-right: 5% !important
}

.pe-6 {
    padding-right: 6% !important
}

.pe-7 {
    padding-right: 7% !important
}

.pe-8 {
    padding-right: 8% !important
}

.pe-9 {
    padding-right: 9% !important
}

.pe-10 {
    padding-right: 10% !important
}

.pe-11 {
    padding-right: 11% !important
}

.pe-12 {
    padding-right: 12% !important
}

.pe-13 {
    padding-right: 13% !important
}

.pe-14 {
    padding-right: 14% !important
}

.pe-15 {
    padding-right: 15% !important
}

.pe-16 {
    padding-right: 16% !important
}

.pe-17 {
    padding-right: 17% !important
}

.pe-18 {
    padding-right: 18% !important
}

.pe-19 {
    padding-right: 19% !important
}

.pe-20 {
    padding-right: 20% !important
}

.pe-21 {
    padding-right: 21% !important
}

.pe-22 {
    padding-right: 22% !important
}

.pe-23 {
    padding-right: 23% !important
}

.pe-24 {
    padding-right: 24% !important
}

.pe-25 {
    padding-right: 25% !important
}

.pe-26 {
    padding-right: 26% !important
}

.pe-27 {
    padding-right: 27% !important
}

.pe-28 {
    padding-right: 28% !important
}

.pe-29 {
    padding-right: 29% !important
}

.pe-30 {
    padding-right: 30% !important
}

.pb-5px {
    padding-bottom: 5px !important
}

.pb-10px {
    padding-bottom: 10px !important
}

.pb-15px {
    padding-bottom: 15px !important
}

.pb-20px {
    padding-bottom: 20px !important
}

.pb-25px {
    padding-bottom: 25px !important
}

.pb-30px {
    padding-bottom: 30px !important
}

.pb-35px {
    padding-bottom: 35px !important
}

.pb-40px {
    padding-bottom: 40px !important
}

.pb-45px {
    padding-bottom: 45px !important
}

.pb-50px {
    padding-bottom: 50px !important
}

.pb-55px {
    padding-bottom: 55px !important
}

.pb-60px {
    padding-bottom: 60px !important
}

.pb-65px {
    padding-bottom: 65px !important
}

.pb-70px {
    padding-bottom: 70px !important
}

.pb-1 {
    padding-bottom: 1% !important
}

.pb-2 {
    padding-bottom: 2% !important
}

.pb-3 {
    padding-bottom: 3% !important
}

.pb-4 {
    padding-bottom: 4% !important
}

.pb-5 {
    padding-bottom: 5% !important
}

.pb-6 {
    padding-bottom: 6% !important
}

.pb-7 {
    padding-bottom: 7% !important
}

.pb-8 {
    padding-bottom: 8% !important
}

.pb-9 {
    padding-bottom: 9% !important
}

.pb-10 {
    padding-bottom: 10% !important
}

.pb-11 {
    padding-bottom: 11% !important
}

.pb-12 {
    padding-bottom: 12% !important
}

.pb-13 {
    padding-bottom: 13% !important
}

.pb-14 {
    padding-bottom: 14% !important
}

.pb-15 {
    padding-bottom: 15% !important
}

.pb-16 {
    padding-bottom: 16% !important
}

.pb-17 {
    padding-bottom: 17% !important
}

.pb-18 {
    padding-bottom: 18% !important
}

.pb-19 {
    padding-bottom: 19% !important
}

.pb-20 {
    padding-bottom: 20% !important
}

.pb-21 {
    padding-bottom: 21% !important
}

.pb-22 {
    padding-bottom: 22% !important
}

.pb-23 {
    padding-bottom: 23% !important
}

.pb-24 {
    padding-bottom: 24% !important
}

.pb-25 {
    padding-bottom: 25% !important
}

.pb-26 {
    padding-bottom: 26% !important
}

.pb-27 {
    padding-bottom: 27% !important
}

.pb-28 {
    padding-bottom: 28% !important
}

.pb-29 {
    padding-bottom: 29% !important
}

.pb-30 {
    padding-bottom: 30% !important
}

.ps-5px {
    padding-left: 5px !important
}

.ps-10px {
    padding-left: 10px !important
}

.ps-15px {
    padding-left: 15px !important
}

.ps-20px {
    padding-left: 20px !important
}

.ps-25px {
    padding-left: 25px !important
}

.ps-30px {
    padding-left: 30px !important
}

.ps-35px {
    padding-left: 35px !important
}

.ps-40px {
    padding-left: 40px !important
}

.ps-45px {
    padding-left: 45px !important
}

.ps-50px {
    padding-left: 50px !important
}

.ps-55px {
    padding-left: 55px !important
}

.ps-60px {
    padding-left: 60px !important
}

.ps-65px {
    padding-left: 65px !important
}

.ps-70px {
    padding-left: 70px !important
}

.ps-1 {
    padding-left: 1% !important
}

.ps-2 {
    padding-left: 2% !important
}

.ps-3 {
    padding-left: 3% !important
}

.ps-4 {
    padding-left: 4% !important
}

.ps-5 {
    padding-left: 5% !important
}

.ps-6 {
    padding-left: 6% !important
}

.ps-7 {
    padding-left: 7% !important
}

.ps-8 {
    padding-left: 8% !important
}

.ps-9 {
    padding-left: 9% !important
}

.ps-10 {
    padding-left: 10% !important
}

.ps-11 {
    padding-left: 11% !important
}

.ps-12 {
    padding-left: 12% !important
}

.ps-13 {
    padding-left: 13% !important
}

.ps-14 {
    padding-left: 14% !important
}

.ps-15 {
    padding-left: 15% !important
}

.ps-16 {
    padding-left: 16% !important
}

.ps-17 {
    padding-left: 17% !important
}

.ps-18 {
    padding-left: 18% !important
}

.ps-19 {
    padding-left: 19% !important
}

.ps-20 {
    padding-left: 20% !important
}

.ps-21 {
    padding-left: 21% !important
}

.ps-22 {
    padding-left: 22% !important
}

.ps-23 {
    padding-left: 23% !important
}

.ps-24 {
    padding-left: 24% !important
}

.ps-25 {
    padding-left: 25% !important
}

.ps-26 {
    padding-left: 26% !important
}

.ps-27 {
    padding-left: 27% !important
}

.ps-28 {
    padding-left: 28% !important
}

.ps-29 {
    padding-left: 29% !important
}

.ps-30 {
    padding-left: 30% !important
}

.m-5px {
    margin: 5px !important
}

.m-10px {
    margin: 10px !important
}

.m-15px {
    margin: 15px !important
}

.m-20px {
    margin: 20px !important
}

.m-25px {
    margin: 25px !important
}

.m-30px {
    margin: 30px !important
}

.m-35px {
    margin: 35px !important
}

.m-40px {
    margin: 40px !important
}

.m-45px {
    margin: 45px !important
}

.m-50px {
    margin: 50px !important
}

.m-55px {
    margin: 55px !important
}

.m-60px {
    margin: 60px !important
}

.m-65px {
    margin: 65px !important
}

.m-70px {
    margin: 70px !important
}

.m-1 {
    margin: 1% !important
}

.m-2 {
    margin: 2% !important
}

.m-3 {
    margin: 3% !important
}

.m-4 {
    margin: 4% !important
}

.m-5 {
    margin: 5% !important
}

.m-6 {
    margin: 6% !important
}

.m-7 {
    margin: 7% !important
}

.m-8 {
    margin: 8% !important
}

.m-9 {
    margin: 9% !important
}

.m-10 {
    margin: 10% !important
}

.m-11 {
    margin: 11% !important
}

.m-12 {
    margin: 12% !important
}

.m-13 {
    margin: 13% !important
}

.m-14 {
    margin: 14% !important
}

.m-15 {
    margin: 15% !important
}

.m-16 {
    margin: 16% !important
}

.m-17 {
    margin: 17% !important
}

.m-18 {
    margin: 18% !important
}

.m-19 {
    margin: 19% !important
}

.m-20 {
    margin: 20% !important
}

.m-21 {
    margin: 21% !important
}

.m-22 {
    margin: 22% !important
}

.m-23 {
    margin: 23% !important
}

.m-24 {
    margin: 24% !important
}

.m-25 {
    margin: 25% !important
}

.m-26 {
    margin: 26% !important
}

.m-27 {
    margin: 27% !important
}

.m-28 {
    margin: 28% !important
}

.m-29 {
    margin: 29% !important
}

.m-30 {
    margin: 30% !important
}

.infowindow .mb-3, .mb-5px {
    margin-bottom: 5px !important
}

.mt-5px {
    margin-top: 5px !important
}

.mt-10px {
    margin-top: 10px !important
}

.mt-15px {
    margin-top: 15px !important
}

.mt-20px {
    margin-top: 20px !important
}

.mt-25px {
    margin-top: 25px !important
}

.mt-30px {
    margin-top: 30px !important
}

.mt-35px {
    margin-top: 35px !important
}

.mt-40px {
    margin-top: 40px !important
}

.mt-45px {
    margin-top: 45px !important
}

.mt-50px {
    margin-top: 50px !important
}

.mt-55px {
    margin-top: 55px !important
}

.mt-60px {
    margin-top: 60px !important
}

.mt-65px {
    margin-top: 65px !important
}

.mt-70px {
    margin-top: 70px !important
}

.mt-1 {
    margin-top: 1% !important
}

.mt-2 {
    margin-top: 2% !important
}

.mt-3 {
    margin-top: 3% !important
}

.mt-4 {
    margin-top: 4% !important
}

.mt-5 {
    margin-top: 5% !important
}

.mt-6 {
    margin-top: 6% !important
}

.mt-7 {
    margin-top: 7% !important
}

.mt-8 {
    margin-top: 8% !important
}

.mt-9 {
    margin-top: 9% !important
}

.mt-10 {
    margin-top: 10% !important
}

.mt-11 {
    margin-top: 11% !important
}

.mt-12 {
    margin-top: 12% !important
}

.mt-13 {
    margin-top: 13% !important
}

.mt-14 {
    margin-top: 14% !important
}

.mt-15 {
    margin-top: 15% !important
}

.mt-16 {
    margin-top: 16% !important
}

.mt-17 {
    margin-top: 17% !important
}

.mt-18 {
    margin-top: 18% !important
}

.mt-19 {
    margin-top: 19% !important
}

.mt-20 {
    margin-top: 20% !important
}

.mt-21 {
    margin-top: 21% !important
}

.mt-22 {
    margin-top: 22% !important
}

.mt-23 {
    margin-top: 23% !important
}

.mt-24 {
    margin-top: 24% !important
}

.mt-25 {
    margin-top: 25% !important
}

.mt-26 {
    margin-top: 26% !important
}

.mt-27 {
    margin-top: 27% !important
}

.mt-28 {
    margin-top: 28% !important
}

.mt-29 {
    margin-top: 29% !important
}

.mt-30 {
    margin-top: 30% !important
}

.me-5px {
    margin-right: 5px !important
}

.me-10px {
    margin-right: 10px !important
}

.me-15px {
    margin-right: 15px !important
}

.me-20px {
    margin-right: 20px !important
}

.me-25px {
    margin-right: 25px !important
}

.me-30px {
    margin-right: 30px !important
}

.me-35px {
    margin-right: 35px !important
}

.me-40px {
    margin-right: 40px !important
}

.me-45px {
    margin-right: 45px !important
}

.me-50px {
    margin-right: 50px !important
}

.me-55px {
    margin-right: 55px !important
}

.me-60px {
    margin-right: 60px !important
}

.me-65px {
    margin-right: 65px !important
}

.me-70px {
    margin-right: 70px !important
}

.me-1 {
    margin-right: 1% !important
}

.me-2 {
    margin-right: 2% !important
}

.me-3 {
    margin-right: 3% !important
}

.me-4 {
    margin-right: 4% !important
}

.me-5 {
    margin-right: 5% !important
}

.me-6 {
    margin-right: 6% !important
}

.me-7 {
    margin-right: 7% !important
}

.me-8 {
    margin-right: 8% !important
}

.me-9 {
    margin-right: 9% !important
}

.me-10 {
    margin-right: 10% !important
}

.me-11 {
    margin-right: 11% !important
}

.me-12 {
    margin-right: 12% !important
}

.me-13 {
    margin-right: 13% !important
}

.me-14 {
    margin-right: 14% !important
}

.me-15 {
    margin-right: 15% !important
}

.me-16 {
    margin-right: 16% !important
}

.me-17 {
    margin-right: 17% !important
}

.me-18 {
    margin-right: 18% !important
}

.me-19 {
    margin-right: 19% !important
}

.me-20 {
    margin-right: 20% !important
}

.me-21 {
    margin-right: 21% !important
}

.me-22 {
    margin-right: 22% !important
}

.me-23 {
    margin-right: 23% !important
}

.me-24 {
    margin-right: 24% !important
}

.me-25 {
    margin-right: 25% !important
}

.me-26 {
    margin-right: 26% !important
}

.me-27 {
    margin-right: 27% !important
}

.me-28 {
    margin-right: 28% !important
}

.me-29 {
    margin-right: 29% !important
}

.me-30 {
    margin-right: 30% !important
}

.mb-10px {
    margin-bottom: 10px !important
}

.mb-15px {
    margin-bottom: 15px !important
}

.mb-20px {
    margin-bottom: 20px !important
}

.mb-25px {
    margin-bottom: 25px !important
}

.mb-30px {
    margin-bottom: 30px !important
}

.mb-35px {
    margin-bottom: 35px !important
}

.mb-40px {
    margin-bottom: 40px !important
}

.mb-45px {
    margin-bottom: 45px !important
}

.mb-50px {
    margin-bottom: 50px !important
}

.mb-55px {
    margin-bottom: 55px !important
}

.mb-60px {
    margin-bottom: 60px !important
}

.mb-65px {
    margin-bottom: 65px !important
}

.mb-70px {
    margin-bottom: 70px !important
}

.mb-1 {
    margin-bottom: 1% !important
}

.mb-2 {
    margin-bottom: 2% !important
}

.mb-3 {
    margin-bottom: 3% !important
}

.mb-4 {
    margin-bottom: 4% !important
}

.mb-5 {
    margin-bottom: 5% !important
}

.mb-6 {
    margin-bottom: 6% !important
}

.mb-7 {
    margin-bottom: 7% !important
}

.mb-8 {
    margin-bottom: 8% !important
}

.mb-9 {
    margin-bottom: 9% !important
}

.mb-10 {
    margin-bottom: 10% !important
}

.mb-11 {
    margin-bottom: 11% !important
}

.mb-12 {
    margin-bottom: 12% !important
}

.mb-13 {
    margin-bottom: 13% !important
}

.mb-14 {
    margin-bottom: 14% !important
}

.mb-15 {
    margin-bottom: 15% !important
}

.mb-16 {
    margin-bottom: 16% !important
}

.mb-17 {
    margin-bottom: 17% !important
}

.mb-18 {
    margin-bottom: 18% !important
}

.mb-19 {
    margin-bottom: 19% !important
}

.mb-20 {
    margin-bottom: 20% !important
}

.mb-21 {
    margin-bottom: 21% !important
}

.mb-22 {
    margin-bottom: 22% !important
}

.mb-23 {
    margin-bottom: 23% !important
}

.mb-24 {
    margin-bottom: 24% !important
}

.mb-25 {
    margin-bottom: 25% !important
}

.mb-26 {
    margin-bottom: 26% !important
}

.mb-27 {
    margin-bottom: 27% !important
}

.mb-28 {
    margin-bottom: 28% !important
}

.mb-29 {
    margin-bottom: 29% !important
}

.mb-30 {
    margin-bottom: 30% !important
}

.ms-5px {
    margin-left: 5px !important
}

.ms-10px {
    margin-left: 10px !important
}

.ms-15px {
    margin-left: 15px !important
}

.ms-20px {
    margin-left: 20px !important
}

.ms-25px {
    margin-left: 25px !important
}

.ms-30px {
    margin-left: 30px !important
}

.ms-35px {
    margin-left: 35px !important
}

.ms-40px {
    margin-left: 40px !important
}

.ms-45px {
    margin-left: 45px !important
}

.ms-50px {
    margin-left: 50px !important
}

.ms-55px {
    margin-left: 55px !important
}

.ms-60px {
    margin-left: 60px !important
}

.ms-65px {
    margin-left: 65px !important
}

.ms-70px {
    margin-left: 70px !important
}

.ms-1 {
    margin-left: 1% !important
}

.ms-2 {
    margin-left: 2% !important
}

.ms-3 {
    margin-left: 3% !important
}

.ms-4 {
    margin-left: 4% !important
}

.ms-5 {
    margin-left: 5% !important
}

.ms-6 {
    margin-left: 6% !important
}

.ms-7 {
    margin-left: 7% !important
}

.ms-8 {
    margin-left: 8% !important
}

.ms-9 {
    margin-left: 9% !important
}

.ms-10 {
    margin-left: 10% !important
}

.ms-11 {
    margin-left: 11% !important
}

.ms-12 {
    margin-left: 12% !important
}

.ms-13 {
    margin-left: 13% !important
}

.ms-14 {
    margin-left: 14% !important
}

.ms-15 {
    margin-left: 15% !important
}

.ms-16 {
    margin-left: 16% !important
}

.ms-17 {
    margin-left: 17% !important
}

.ms-18 {
    margin-left: 18% !important
}

.ms-19 {
    margin-left: 19% !important
}

.ms-20 {
    margin-left: 20% !important
}

.ms-21 {
    margin-left: 21% !important
}

.ms-22 {
    margin-left: 22% !important
}

.ms-23 {
    margin-left: 23% !important
}

.ms-24 {
    margin-left: 24% !important
}

.ms-25 {
    margin-left: 25% !important
}

.ms-26 {
    margin-left: 26% !important
}

.ms-27 {
    margin-left: 27% !important
}

.ms-28 {
    margin-left: 28% !important
}

.ms-29 {
    margin-left: 29% !important
}

.ms-30 {
    margin-left: 30% !important
}

.top-0px {
    top: 0
}

.top-1px {
    top: 1px
}

.top-2px {
    top: 2px
}

.top-3px {
    top: 3px
}

.top-4px {
    top: 4px
}

.top-5px {
    top: 5px
}

.top-6px {
    top: 6px
}

.top-7px {
    top: 7px
}

.top-8px {
    top: 8px
}

.top-9px {
    top: 9px
}

.top-10px {
    top: 10px
}

.top-11px {
    top: 11px
}

.top-12px {
    top: 12px
}

.top-13px {
    top: 13px
}

.top-14px {
    top: 14px
}

.top-15px {
    top: 15px
}

.top-16px {
    top: 16px
}

.top-17px {
    top: 17px
}

.top-18px {
    top: 18px
}

.top-19px {
    top: 19px
}

.top-20px {
    top: 20px
}

.top-21px {
    top: 21px
}

.top-22px {
    top: 22px
}

.top-23px {
    top: 23px
}

.top-24px {
    top: 24px
}

.top-25px {
    top: 25px
}

.top-26px {
    top: 26px
}

.top-27px {
    top: 27px
}

.top-28px {
    top: 28px
}

.top-29px {
    top: 29px
}

.top-30px {
    top: 30px
}

.top-40px {
    top: 40px
}

.top-50px {
    top: 50px
}

.top-60px {
    top: 60px
}

.top-70px {
    top: 70px
}

.top-80px {
    top: 80px
}

.top-90px {
    top: 90px
}

.top-100px {
    top: 100px
}

.top-110px {
    top: 110px
}

.top-120px {
    top: 120px
}

.top-130px {
    top: 130px
}

.top-140px {
    top: 140px
}

.top-150px {
    top: 150px
}

.right-0px {
    right: 0
}

.right-1px {
    right: 1px
}

.right-2px {
    right: 2px
}

.right-3px {
    right: 3px
}

.right-4px {
    right: 4px
}

.right-5px {
    right: 5px
}

.right-6px {
    right: 6px
}

.right-7px {
    right: 7px
}

.right-8px {
    right: 8px
}

.right-9px {
    right: 9px
}

.right-10px {
    right: 10px
}

.right-11px {
    right: 11px
}

.right-12px {
    right: 12px
}

.right-13px {
    right: 13px
}

.right-14px {
    right: 14px
}

.right-15px {
    right: 15px
}

.right-16px {
    right: 16px
}

.right-17px {
    right: 17px
}

.right-18px {
    right: 18px
}

.right-19px {
    right: 19px
}

.right-20px {
    right: 20px
}

.right-21px {
    right: 21px
}

.right-22px {
    right: 22px
}

.right-23px {
    right: 23px
}

.right-24px {
    right: 24px
}

.right-25px {
    right: 25px
}

.right-26px {
    right: 26px
}

.right-27px {
    right: 27px
}

.right-28px {
    right: 28px
}

.right-29px {
    right: 29px
}

.mfp-arrow-right, .right-30px {
    right: 30px
}

.right-40px {
    right: 40px
}

.right-50px {
    right: 50px
}

.right-60px {
    right: 60px
}

.right-70px {
    right: 70px
}

.right-80px {
    right: 80px
}

.right-90px {
    right: 90px
}

.right-100px {
    right: 100px
}

.right-110px {
    right: 110px
}

.right-120px {
    right: 120px
}

.right-130px {
    right: 130px
}

.right-140px {
    right: 140px
}

.right-150px {
    right: 150px
}

.bottom-0px {
    bottom: 0
}

.bottom-1px {
    bottom: 1px
}

.bottom-2px {
    bottom: 2px
}

.bottom-3px {
    bottom: 3px
}

.bottom-4px {
    bottom: 4px
}

.bottom-5px {
    bottom: 5px
}

.bottom-6px {
    bottom: 6px
}

.bottom-7px {
    bottom: 7px
}

.bottom-8px {
    bottom: 8px
}

.bottom-9px {
    bottom: 9px
}

.bottom-10px {
    bottom: 10px
}

.bottom-11px {
    bottom: 11px
}

.bottom-12px {
    bottom: 12px
}

.bottom-13px {
    bottom: 13px
}

.bottom-14px {
    bottom: 14px
}

.bottom-15px {
    bottom: 15px
}

.bottom-16px {
    bottom: 16px
}

.bottom-17px {
    bottom: 17px
}

.bottom-18px {
    bottom: 18px
}

.bottom-19px {
    bottom: 19px
}

.bottom-20px {
    bottom: 20px
}

.bottom-21px {
    bottom: 21px
}

.bottom-22px {
    bottom: 22px
}

.bottom-23px {
    bottom: 23px
}

.bottom-24px {
    bottom: 24px
}

.bottom-25px {
    bottom: 25px
}

.bottom-26px {
    bottom: 26px
}

.bottom-27px {
    bottom: 27px
}

.bottom-28px {
    bottom: 28px
}

.bottom-29px {
    bottom: 29px
}

.bottom-30px {
    bottom: 30px
}

.bottom-40px {
    bottom: 40px
}

.bottom-50px {
    bottom: 50px
}

.bottom-60px {
    bottom: 60px
}

.bottom-70px {
    bottom: 70px
}

.bottom-80px {
    bottom: 80px
}

.bottom-90px {
    bottom: 90px
}

.bottom-100px {
    bottom: 100px
}

.bottom-110px {
    bottom: 110px
}

.bottom-120px {
    bottom: 120px
}

.bottom-130px {
    bottom: 130px
}

.bottom-140px {
    bottom: 140px
}

.bottom-150px {
    bottom: 150px
}

.left-0px {
    left: 0
}

.left-1px {
    left: 1px
}

.left-2px, .pricing-table-style-08 .nav-tabs > li.nav-item:last-child a:before {
    left: 2px
}

.left-3px {
    left: 3px
}

.left-4px {
    left: 4px
}

.left-5px {
    left: 5px
}

.left-6px {
    left: 6px
}

.left-7px {
    left: 7px
}

.left-8px {
    left: 8px
}

.left-9px {
    left: 9px
}

.left-10px {
    left: 10px
}

.left-11px {
    left: 11px
}

.left-12px {
    left: 12px
}

.left-13px {
    left: 13px
}

.left-14px {
    left: 14px
}

.left-15px {
    left: 15px
}

.left-16px {
    left: 16px
}

.left-17px {
    left: 17px
}

.left-18px {
    left: 18px
}

.left-19px {
    left: 19px
}

.left-20px {
    left: 20px
}

.left-21px {
    left: 21px
}

.left-22px {
    left: 22px
}

.left-23px {
    left: 23px
}

.left-24px {
    left: 24px
}

.left-25px {
    left: 25px
}

.left-26px {
    left: 26px
}

.left-27px {
    left: 27px
}

.left-28px {
    left: 28px
}

.left-29px {
    left: 29px
}

.left-30px {
    left: 30px
}

.left-40px {
    left: 40px
}

.left-50px {
    left: 50px
}

.left-60px {
    left: 60px
}

.left-70px {
    left: 70px
}

.left-80px {
    left: 80px
}

.left-90px {
    left: 90px
}

.left-100px {
    left: 100px
}

.left-110px {
    left: 110px
}

.left-120px {
    left: 120px
}

.left-130px {
    left: 130px
}

.left-140px {
    left: 140px
}

.left-150px {
    left: 150px
}

.top-minus-0px {
    top: 0
}

.top-minus-1px {
    top: -1px
}

.top-minus-2px {
    top: -2px
}

.top-minus-3px {
    top: -3px
}

.top-minus-4px {
    top: -4px
}

.top-minus-5px {
    top: -5px
}

.top-minus-6px {
    top: -6px
}

.top-minus-7px {
    top: -7px
}

.top-minus-8px {
    top: -8px
}

.top-minus-9px {
    top: -9px
}

.top-minus-10px {
    top: -10px
}

.top-minus-11px {
    top: -11px
}

.top-minus-12px {
    top: -12px
}

.top-minus-13px {
    top: -13px
}

.top-minus-14px {
    top: -14px
}

.top-minus-15px {
    top: -15px
}

.top-minus-16px {
    top: -16px
}

.blog-clean .card .card-body .blog-categories, .top-minus-17px {
    top: -17px
}

.top-minus-18px {
    top: -18px
}

.top-minus-19px {
    top: -19px
}

.top-minus-20px {
    top: -20px
}

.top-minus-21px {
    top: -21px
}

.top-minus-22px {
    top: -22px
}

.top-minus-23px {
    top: -23px
}

.top-minus-24px {
    top: -24px
}

.top-minus-25px {
    top: -25px
}

.top-minus-26px {
    top: -26px
}

.top-minus-27px {
    top: -27px
}

.top-minus-28px {
    top: -28px
}

.top-minus-29px {
    top: -29px
}

.top-minus-30px {
    top: -30px
}

.top-minus-40px {
    top: -40px
}

.top-minus-50px {
    top: -50px
}

.top-minus-60px {
    top: -60px
}

.top-minus-70px {
    top: -70px
}

.top-minus-80px {
    top: -80px
}

.top-minus-90px {
    top: -90px
}

.top-minus-100px {
    top: -100px
}

.top-minus-110px {
    top: -110px
}

.top-minus-120px {
    top: -120px
}

.top-minus-130px {
    top: -130px
}

.top-minus-140px {
    top: -140px
}

.top-minus-150px {
    top: -150px
}

.right-minus-0px {
    right: 0
}

.right-minus-1px {
    right: -1px
}

.right-minus-2px {
    right: -2px
}

.right-minus-3px {
    right: -3px
}

.right-minus-4px {
    right: -4px
}

.right-minus-5px {
    right: -5px
}

.right-minus-6px {
    right: -6px
}

.right-minus-7px {
    right: -7px
}

.right-minus-8px, .testimonials-style-12 .swiper-button-next-nav {
    right: -8px
}

.right-minus-9px {
    right: -9px
}

.right-minus-10px {
    right: -10px
}

.right-minus-11px {
    right: -11px
}

.right-minus-12px {
    right: -12px
}

.right-minus-13px {
    right: -13px
}

.right-minus-14px {
    right: -14px
}

.right-minus-15px {
    right: -15px
}

.right-minus-16px {
    right: -16px
}

.right-minus-17px {
    right: -17px
}

.right-minus-18px {
    right: -18px
}

.right-minus-19px {
    right: -19px
}

.right-minus-20px {
    right: -20px
}

.right-minus-21px {
    right: -21px
}

.right-minus-22px {
    right: -22px
}

.right-minus-23px {
    right: -23px
}

.right-minus-24px {
    right: -24px
}

.right-minus-25px {
    right: -25px
}

.right-minus-26px {
    right: -26px
}

.right-minus-27px {
    right: -27px
}

.right-minus-28px {
    right: -28px
}

.right-minus-29px {
    right: -29px
}

.right-minus-30px {
    right: -30px
}

.right-minus-40px {
    right: -40px
}

.right-minus-50px {
    right: -50px
}

.right-minus-60px {
    right: -60px
}

.right-minus-70px {
    right: -70px
}

.right-minus-80px {
    right: -80px
}

.right-minus-90px {
    right: -90px
}

.right-minus-100px {
    right: -100px
}

.right-minus-110px {
    right: -110px
}

.right-minus-120px {
    right: -120px
}

.right-minus-130px {
    right: -130px
}

.right-minus-140px {
    right: -140px
}

.right-minus-150px {
    right: -150px
}

header .header-top-bar, header .navbar {
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transition: .3s
}

.bottom-minus-0px {
    bottom: 0
}

.bottom-minus-1px {
    bottom: -1px
}

.bottom-minus-2px {
    bottom: -2px
}

.bottom-minus-3px {
    bottom: -3px
}

.bottom-minus-4px {
    bottom: -4px
}

.bottom-minus-5px {
    bottom: -5px
}

.bottom-minus-6px {
    bottom: -6px
}

.bottom-minus-7px {
    bottom: -7px
}

.bottom-minus-8px {
    bottom: -8px
}

.bottom-minus-9px {
    bottom: -9px
}

.bottom-minus-10px {
    bottom: -10px
}

.bottom-minus-11px {
    bottom: -11px
}

.bottom-minus-12px {
    bottom: -12px
}

.bottom-minus-13px {
    bottom: -13px
}

.bottom-minus-14px {
    bottom: -14px
}

.bottom-minus-15px {
    bottom: -15px
}

.bottom-minus-16px {
    bottom: -16px
}

.bottom-minus-17px {
    bottom: -17px
}

.bottom-minus-18px {
    bottom: -18px
}

.bottom-minus-19px {
    bottom: -19px
}

.bottom-minus-20px {
    bottom: -20px
}

.bottom-minus-21px {
    bottom: -21px
}

.bottom-minus-22px {
    bottom: -22px
}

.bottom-minus-23px {
    bottom: -23px
}

.bottom-minus-24px {
    bottom: -24px
}

.bottom-minus-25px {
    bottom: -25px
}

.bottom-minus-26px {
    bottom: -26px
}

.bottom-minus-27px {
    bottom: -27px
}

.bottom-minus-28px {
    bottom: -28px
}

.bottom-minus-29px {
    bottom: -29px
}

.bottom-minus-30px {
    bottom: -30px
}

.bottom-minus-40px {
    bottom: -40px
}

.bottom-minus-50px {
    bottom: -50px
}

.bottom-minus-60px {
    bottom: -60px
}

.bottom-minus-70px {
    bottom: -70px
}

.bottom-minus-80px {
    bottom: -80px
}

.bottom-minus-90px {
    bottom: -90px
}

.bottom-minus-100px {
    bottom: -100px
}

.bottom-minus-110px {
    bottom: -110px
}

.bottom-minus-120px {
    bottom: -120px
}

.bottom-minus-130px {
    bottom: -130px
}

.bottom-minus-140px {
    bottom: -140px
}

.bottom-minus-150px {
    bottom: -150px
}

.left-minus-0px {
    left: 0
}

.left-minus-1px {
    left: -1px
}

.left-minus-2px {
    left: -2px
}

.left-minus-3px {
    left: -3px
}

.left-minus-4px {
    left: -4px
}

.left-minus-5px {
    left: -5px
}

.left-minus-6px {
    left: -6px
}

.left-minus-7px {
    left: -7px
}

.left-minus-8px {
    left: -8px
}

.left-minus-9px {
    left: -9px
}

.left-minus-10px {
    left: -10px
}

.left-minus-11px {
    left: -11px
}

.left-minus-12px {
    left: -12px
}

.left-minus-13px {
    left: -13px
}

.left-minus-14px {
    left: -14px
}

.left-minus-15px {
    left: -15px
}

.left-minus-16px {
    left: -16px
}

.left-minus-17px {
    left: -17px
}

.left-minus-18px {
    left: -18px
}

.left-minus-19px {
    left: -19px
}

.left-minus-20px {
    left: -20px
}

.left-minus-21px {
    left: -21px
}

.left-minus-22px {
    left: -22px
}

.left-minus-23px {
    left: -23px
}

.left-minus-24px {
    left: -24px
}

.left-minus-25px {
    left: -25px
}

.left-minus-26px {
    left: -26px
}

.left-minus-27px {
    left: -27px
}

.left-minus-28px {
    left: -28px
}

.left-minus-29px {
    left: -29px
}

.left-minus-30px {
    left: -30px
}

.left-minus-40px {
    left: -40px
}

.left-minus-50px {
    left: -50px
}

.left-minus-60px {
    left: -60px
}

.left-minus-70px {
    left: -70px
}

.left-minus-80px {
    left: -80px
}

.left-minus-90px {
    left: -90px
}

.left-minus-100px {
    left: -100px
}

.clients-style-02 .swiper-button-prev, .left-minus-110px {
    left: -110px
}

.left-minus-120px {
    left: -120px
}

.left-minus-130px {
    left: -130px
}

.left-minus-140px {
    left: -140px
}

.left-minus-150px {
    left: -150px
}

.fw-100 {
    font-weight: 100 !important
}

.fw-200 {
    font-weight: 200 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

.min-h-100px {
    min-height: 100px !important
}

.min-h-150px {
    min-height: 150px !important
}

.min-h-200px {
    min-height: 200px !important
}

.min-h-250px {
    min-height: 250px !important
}

.min-h-300px {
    min-height: 300px !important
}

.min-h-350px {
    min-height: 350px !important
}

.min-h-400px {
    min-height: 400px !important
}

.min-h-450px {
    min-height: 450px !important
}

.min-h-500px {
    min-height: 500px !important
}

.min-h-550px {
    min-height: 550px !important
}

.min-h-600px {
    min-height: 600px !important
}

.min-h-650px {
    min-height: 650px !important
}

.min-h-700px {
    min-height: 700px !important
}

.min-h-750px {
    min-height: 750px !important
}

.min-h-800px {
    min-height: 800px !important
}

.min-h-850px {
    min-height: 850px !important
}

.min-h-900px {
    min-height: 900px !important
}

.min-h-950px {
    min-height: 950px !important
}

.opacity-0 {
    opacity: 0
}

.opacity-1 {
    opacity: .1
}

.opacity-2 {
    opacity: .2
}

.opacity-3 {
    opacity: .3
}

.opacity-4 {
    opacity: .4
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.opacity-8 {
    opacity: .8
}

.opacity-9 {
    opacity: .9
}

.z-index-0 {
    z-index: 0
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-4 {
    z-index: 4
}

.z-index-5 {
    z-index: 5
}

.z-index-6 {
    z-index: 6
}

.z-index-7 {
    z-index: 7
}

.z-index-8 {
    z-index: 8
}

.z-index-9 {
    z-index: 9
}

.z-index-minus-1 {
    z-index: -1
}

.z-index-minus-2 {
    z-index: -2
}

@-moz-keyframes example1 {
    0% {
        -moz-transform: translateX(100%)
    }

    100% {
        -moz-transform: translateX(-100%)
    }
}

@-webkit-keyframes example1 {
    0% {
        -webkit-transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes example1 {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.bg-dark-gray, .bg-dark-gray:focus {
    background-color: var(--dark-gray)
}

.bg-black {
    background-color: var(--black)
}

.bg-medium-gray, header .left-nav .navbar-nav:before {
    background-color: var(--medium-gray)
}

.bg-light-medium-gray {
    background-color: var(--light-medium-gray)
}

.bg-extra-medium-gray {
    background-color: var(--extra-medium-gray)
}

.bg-light-gray {
    background-color: var(--light-gray)
}

.bg-very-light-gray {
    background-color: var(--very-light-gray)
}

.bg-red {
    background-color: var(--red)
}

.bg-light-red {
    background-color: var(--light-red)
}

.bg-green {
    background-color: var(--green)
}

.bg-crusoe-green {
    background-color: var(--crusoe-green)
}

.bg-yellow {
    background-color: var(--yellow)
}

.bg-charcoal-blue {
    background-color: var(--charcoal-blue)
}

.bg-slate-blue {
    background-color: var(--slate-blue)
}

.bg-medium-slate-blue {
    background-color: var(--medium-slate-blue)
}

.bg-extra-medium-slate-blue {
    background-color: var(--extra-medium-slate-blue)
}

.bg-dark-slate-blue {
    background-color: var(--dark-slate-blue)
}

.bg-extra-dark-slate-blue {
    background-color: var(--extra-dark-slate-blue)
}

.bg-extra-very-slate-blue {
    background-color: var(--extra-very-slate-blue)
}

.bg-tussock-yellow {
    background-color: var(--tussock-yellow)
}

.bg-solitude-blue {
    background-color: var(--solitude-blue)
}

.bg-aluminium-grey {
    background-color: var(--aluminium-grey)
}

.bg-selago {
    background-color: var(--selago)
}

.bg-white-ice {
    background-color: var(--white-ice)
}

.bg-golden-yellow {
    background-color: var(--golden-yellow)
}

.bg-jade {
    background-color: var(--jade)
}

.bg-orange {
    background-color: var(--orange)
}

.bg-light-majorelle-blue {
    background-color: var(--light-majorelle-blue)
}

.bg-majorelle-blue {
    background-color: var(--majorelle-blue)
}

.bg-spring-wood {
    background-color: var(--spring-wood)
}

.bg-tropical-blue {
    background-color: var(--tropical-blue)
}

.bg-cornflower-blue {
    background-color: var(--cornflower-blue)
}

.bg-camarone {
    background-color: var(--camarone)
}

.bg-seal-brown {
    background-color: var(--seal-brown)
}

.bg-Wasabi {
    background-color: var(--Wasabi)
}

.bg-gradient-light-pink-light-orange {
    background-image: linear-gradient(to right top,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0)
}

.bg-gradient-purple-pink {
    background-image: linear-gradient(to right top,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e)
}

.bg-gradient-fast-pink-light-yellow {
    background-image: linear-gradient(to right top,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83)
}

.bg-gradient-pink-orange {
    background-image: linear-gradient(to right top,#de347f,#e73a70,#ed4461,#f05152,#ef5f43)
}

.bg-gradient-fast-blue-purple {
    background-image: linear-gradient(to right top,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff)
}

.bg-gradient-light-pink-light-purple {
    background-image: linear-gradient(to right top,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8)
}

.bg-gradient-purple-magento {
    background-image: linear-gradient(to right top,#5553e1,#a34dcc,#ce4fb5,#e75ca1,#f47291)
}

.bg-gradient-blue-green {
    background-image: linear-gradient(to right top,#18cdbb,#22d2ae,#3cd69d,#57da89,#73dc73)
}

.bg-gradient-light-purple-light-orange {
    background-image: linear-gradient(to right top,#b783ff,#e37be0,#fa7cc1,#ff85a6,#ff9393)
}

.bg-gradient-sky-blue-pink {
    background-image: linear-gradient(to right top,#5758df,#a553cb,#d055b5,#ea63a0,#f77991)
}

.bg-gradient-dark-gray-brown {
    background-image: linear-gradient(to right top,#0f130f,#1e1d15,#3d2f20,#4e3b27,#664a2f)
}

.bg-gradient-tan-geraldine {
    background-image: linear-gradient(to right top,#fb7f87,#fc8a82,#fb957f,#fa9f7f,#f7aa80)
}

.bg-gradient-very-light-gray {
    background-image: linear-gradient(to bottom,#f7f8f9,#f9fafb,#fbfbfc,#fdfdfd,#fff)
}

.bg-gradient-top-very-light-gray {
    background-image: linear-gradient(to top,#f7f7f7,#f7f7f7,#fcfafa,#fcfafa,#fff)
}

.bg-gradient-orange-transparent {
    background: linear-gradient(to right,#e97522 10%,rgba(255,255,255,0) 95%)
}

.bg-gradient-blue-transparent {
    background: linear-gradient(to right,#1ea3b1 10%,rgba(255,255,255,0) 95%)
}

.bg-gradient-emerald-blue-emerald-green {
    background-image: linear-gradient(50deg,#09afea 0,#19e089 100%)
}

.bg-gradient-very-ghost-white {
    background-image: linear-gradient(to bottom,#f4f6ff,#f7f8ff,#fafaff,#fdfdff,#fff)
}

.bg-transparent {
    background-color: transparent
}

.bg-gradient-fast-blue-purple-transparent {
    background-image: linear-gradient(to right top,#2a46f4,rgba(95,66,249,.9),rgba(131,60,252,.9),rgba(162,51,254,.9),rgba(191,37,255,.9))
}

.bg-gradient-fast-pink-light-yellow-transparent {
    background-image: linear-gradient(to right top,rgba(247,86,127,.9),rgba(254,113,119,.9),rgba(255,138,116,.9),rgba(255,163,120,.9),rgba(255,186,131,.9))
}

.bg-gradient-sky-blue-pink-transparent {
    background-image: linear-gradient(to right top,rgba(87,88,223,.9),rgba(165,83,203,.9),rgba(208,85,181,.9),rgba(234,99,160,.9),rgba(247,121,145,.9))
}

.bg-gradient-gray-light-dark-transparent {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(32,35,41,.8)),to(transparent));
    background-image: linear-gradient(to top,rgba(32,35,41,.8) 0,transparent 100%)
}

.bg-gradient-dark-transparent {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(7%,#141622),to(transparent));
    background: linear-gradient(to top,#141622 7%,transparent 100%)
}

.bg-gradient-dark-gray-left-transparent {
    background: -webkit-linear-gradient(right,rgba(24,25,28,.5),rgba(255,255,255,0));
    background: linear-gradient(to right,rgba(24,25,28,.5),rgba(255,255,255,0))
}

.bg-gradient-white-transparent {
    background: linear-gradient(to top,#fff 20%,rgba(255,255,255,0) 80%)
}

.bg-gradient-white-dark-transparent {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(35%,#fff),to(transparent));
    background: linear-gradient(to top,#fff 30%,rgba(255,255,255,0) 70%)
}

.bg-gradient-white-bottom-transparent {
    background: #000;
    background: linear-gradient(0deg,rgba(0,0,0,0) 0,#fff 60%)
}

.bg-gradient-black-bottom-transparent {
    background: #fff;
    background: linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(0,0,0,.6) 100%)
}

.bg-gradient-solitude-blue-transparent {
    background: -webkit-linear-gradient(bottom,#f0f4fd,rgba(255,255,255,0));
    background: linear-gradient(to top,#f0f4fd,rgba(255,255,255,0))
}

.bg-gradient-extra-midium-gray-transparent {
    background: -webkit-gradient(left top,left bottom,color-stop(50%,rgba(0,0,0,.5)),color-stop(150%,rgba(20,20,20,.3)));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(20,20,20,.3) 150%)
}

.cover-background, .fix-background {
    position: relative;
    background-repeat: no-repeat !important;
    overflow: hidden
}

.bg-dark-gray-transparent {
    background-color: rgba(35,35,35,.8)
}

.bg-dark-gray-transparent-light {
    background-color: rgba(35,35,35,.2)
}

.bg-dark-gray-transparent-medium {
    background-color: rgba(35,35,35,.4)
}

.bg-light-gray-transparent {
    background-color: #fbfbfb
}

.bg-medium-gray-transparent {
    background-color: rgba(136,136,136,.3)
}

.bg-black-transparent-light {
    background-color: rgba(0,0,0,.2)
}

.bg-black-transparent-medium {
    background-color: rgba(0,0,0,.5)
}

.bg-black-transparent {
    background-color: rgba(0,0,0,.8)
}

.bg-white-transparent-extra-light, .bg-white-transparent-extra-light:focus {
    background-color: rgba(255,255,255,.1)
}

.bg-white-transparent-very-light {
    background-color: rgba(255,255,255,.2)
}

.bg-white-transparent-light {
    background-color: rgba(255,255,255,.4)
}

.bg-white-transparent {
    background-color: rgba(255,255,255,.7)
}

.contain-background {
    background-size: contain
}

.cover-background {
    background-size: cover;
    background-position: center center !important
}

.fix-background {
    background-size: cover !important;
    -webkit-animation-duration: 0s;
    -webkit-animation-fill-mode: none;
    background-position: center center;
    background-attachment: fixed !important
}

.background-size-inherit {
    background-size: inherit !important
}

.background-attachment-inherit {
    background-attachment: inherit !important
}

.background-position-left {
    background-position: left center !important
}

.background-position-left-bottom {
    background-position: left bottom !important
}

.background-position-left-center {
    background-position: left center !important
}

.background-position-right {
    background-position: right center !important
}

.background-position-right-top {
    background-position: right top !important
}

.background-position-center-top {
    background-position: center top !important
}

.background-position-left-top {
    background-position: left top !important
}

.background-position-right-bottom {
    background-position: right bottom !important
}

.background-position-center-bottom {
    background-position: center bottom 0 !important
}

.background-repeat {
    background-repeat: repeat
}

.background-no-repeat, .select-style select {
    background-repeat: no-repeat
}

.background-no-repeat-y {
    background-repeat-y: no-repeat
}

.background-position-center {
    background-position: center !important
}

.background-size-100 {
    background-size: 100% !important
}

.background-size-auto-100 {
    background-size: auto 100% !important
}

.background-size-contain {
    background-size: contain !important
}

.border-6 {
    border-width: 6px !important
}

.border-7 {
    border-width: 7px !important
}

.border-8 {
    border-width: 8px !important
}

.border-9 {
    border-width: 9px !important
}

.border-10 {
    border-width: 10px !important
}

.border-dotted {
    border-style: dotted !important
}

.border-dashed {
    border-style: dashed !important
}

.border-solid {
    border-style: solid !important
}

.border-double {
    border-style: double !important
}

.border-groove {
    border-style: groove !important
}

.border-ridge {
    border-style: ridge !important
}

.border-inset {
    border-style: inset !important
}

.border-outset {
    border-style: outset !important
}

.border-none {
    border-style: none !important
}

.border-hidden {
    border-style: hidden !important
}

.border-color-base-color {
    border-color: var(--base-color) !important
}

.border-color-white {
    border-color: var(--white) !important
}

.border-color-dark-gray {
    border-color: var(--dark-gray) !important
}

.border-color-medium-gray {
    border-color: var(--medium-gray) !important
}

.border-color-light-gray {
    border-color: var(--light-gray) !important
}

.border-color-very-light-gray {
    border-color: var(--very-light-gray) !important
}

.border-color-light-medium-gray {
    border-color: var(--light-medium-gray) !important
}

.border-color-extra-medium-gray {
    border-color: var(--extra-medium-gray) !important
}

.border-color-yellow {
    border-color: var(--yellow) !important
}

.border-color-orange {
    border-color: var(--orange) !important
}

.border-color-red {
    border-color: var(--red) !important
}

.border-color-transparent-dark-very-light {
    border-color: rgba(35,35,35,.1) !important
}

.border-color-transparent-dark-light {
    border-color: rgba(35,35,35,.2) !important
}

.border-color-transparent-white-very-light {
    border-color: rgba(255,255,255,.3) !important
}

.border-color-transparent-white-light {
    border-color: rgba(255,255,255,.1) !important
}

.border-color-transparent-white {
    border-color: rgba(255,255,255,.6) !important
}

.border-color-transparent, .border-color-transparent-on-hover:hover {
    border-color: transparent !important
}

.border-gradient-light-pink-light-orange {
    border-image: linear-gradient(to right top,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0);
    border-image-slice: 1
}

.border-gradient-purple-pink {
    border-image: linear-gradient(to right,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e);
    border-image-slice: 1
}

.border-gradient-fast-pink-light-yellow {
    border-image: linear-gradient(to right top,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83);
    border-image-slice: 1
}

.border-gradient-pink-orange {
    border-image: linear-gradient(to right top,#de347f,#e73a70,#ed4461,#f05152,#ef5f43);
    border-image-slice: 1
}

.border-gradient-fast-blue-purple {
    border-image: linear-gradient(to right top,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff);
    border-image-slice: 1
}

.border-gradient-light-pink-light-purple {
    border-image: linear-gradient(to right top,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8);
    border-image-slice: 1
}

.border-gradient-light-green-light-perotgreen {
    border-image: linear-gradient(to right top,#5553e1,#a34dcc,#ce4fb5,#e75ca1,#f47291);
    border-image-slice: 1
}

.border-gradient-sky-blue-pink {
    border-image: linear-gradient(to right top,#556fff,#556fff,#e05fc4,#f767a6,#ff798e);
    border-image-slice: 1
}

.border-radius-0px {
    border-radius: 0 !important
}

.border-radius-1px {
    border-radius: 1px !important
}

.border-radius-2px {
    border-radius: 2px !important
}

.border-radius-3px {
    border-radius: 3px !important
}

.border-radius-4px {
    border-radius: 4px !important
}

.border-radius-5px {
    border-radius: 5px !important
}

.border-radius-6px {
    border-radius: 6px !important
}

.border-radius-7px {
    border-radius: 7px !important
}

.border-radius-8px {
    border-radius: 8px !important
}

.border-radius-9px {
    border-radius: 9px !important
}

.border-radius-10px {
    border-radius: 10px !important
}

.border-radius-15px {
    border-radius: 15px !important
}

.border-radius-18px {
    border-radius: 18px !important
}

.border-radius-20px {
    border-radius: 20px !important
}

.border-radius-22px {
    border-radius: 22px !important
}

.border-radius-24px {
    border-radius: 24px !important
}

.border-radius-26px {
    border-radius: 26px !important
}

.border-radius-30px {
    border-radius: 30px !important
}

.border-radius-40px {
    border-radius: 40px !important
}

.border-radius-50px {
    border-radius: 50px !important
}

.border-radius-100px {
    border-radius: 100px !important
}

.border-radius-50 {
    border-radius: 50% !important
}

.border-radius-100 {
    border-radius: 100% !important
}

.no-border-radius {
    border-radius: 0 !important
}

.border-radius-top-left {
    border-radius: 10px 0 0 10px !important
}

.parallax {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden;
    background-attachment: fixed !important;
    transition-timing-function: none;
    -webkit-transition-timing-function: none;
    transition-duration: 0s;
    -webkit-transition-duration: 0s
}

/* text gradient color */
.text-gradient-orange-sky-blue {
    background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* bg gradient color */
.bg-gradient-very-light-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
}

.bg-gradient-blue-whale-transparent {
    background: -webkit-linear-gradient(right, rgba(17, 27, 50, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(17, 27, 50, 1.0), rgba(255, 255, 255, 0.0));
}

.bg-gradient-quartz-light-transparent {
    background: -webkit-linear-gradient(right, rgba(227, 225, 245, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(227, 225, 245, 1.0), rgba(255, 255, 255, 0.0));
}

.bg-gradient-quartz-white {
    background-image: linear-gradient(to bottom, #f7f7ff, #f4f4fb, #f8f7fc, #fbfbfe, #ffffff);
}

.bg-gradient-base-color-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0)), to(transparent));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, transparent 100%);
}

.bg-gradient-regal-black-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0)), to(transparent));
    background-image: linear-gradient(to top, rgb(0 0 0) 0%, transparent 100%);
}

.bg-gradient-flamingo-amethyst-green {
    background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af);
}

.bg-gradient-base-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 32, 44, 1)), to(transparent));
    background-image: linear-gradient(to top, rgba(22, 32, 44, .9) 8%, transparent 80%);
}

.bg-gradient-dark-transparent {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #162340), to(transparent));
    background: linear-gradient(to top, #162340 7%, transparent 70%);
}

.bg-regal-blue {
    background-color: #162340;
}

.bg-blue-whale {
    background-color: #16233F;
}

.overlap-section, .select {
    position: relative
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overlap-height {
    transition: .3s height
}

.outside-box-top-15 {
    margin-top: -15vw
}

.outside-box-top-18 {
    margin-top: -18vw
}

.outside-box-left-1 {
    margin-left: -1vw
}

.outside-box-left-2 {
    margin-left: -2vw
}

.outside-box-left-5 {
    margin-left: -5vw
}

.outside-box-left-7 {
    margin-left: -7vw
}

.outside-box-left-8 {
    margin-left: -8vw
}

.outside-box-left-10 {
    margin-left: -10vw
}

.outside-box-left-15 {
    margin-left: -15vw
}

.outside-box-left-20 {
    margin-left: -20vw
}

.outside-box-left-25 {
    margin-left: -25vw
}

.outside-box-left-30 {
    margin-left: -30vw
}

.outside-box-left-35 {
    margin-left: -35vw
}

.outside-box-left-40 {
    margin-left: -40vw
}

.outside-box-left-50 {
    margin-left: -50vw
}

.outside-box-left-60 {
    margin-left: -60vw
}

.outside-box-left-65 {
    margin-left: -65vw
}

.outside-box-right-1 {
    margin-right: -1vw
}

.outside-box-right-2 {
    margin-right: -2vw
}

.outside-box-right-5 {
    margin-right: -5vw
}

.outside-box-right-7 {
    margin-right: -7vw
}

.outside-box-right-10 {
    margin-right: -10vw
}

.outside-box-right-15 {
    margin-right: -15vw
}

.outside-box-right-20 {
    margin-right: -20vw
}

.outside-box-right-25 {
    margin-right: -25vw
}

.outside-box-right-30 {
    margin-right: -30vw
}

.outside-box-right-35 {
    margin-right: -35vw
}

.outside-box-right-40 {
    margin-right: -40vw
}

.outside-box-right-45 {
    margin-right: -45vw
}

.outside-box-right-50 {
    margin-right: -50vw
}

.outside-box-right-60 {
    margin-right: -60vw
}

.outside-box-right-65 {
    margin-right: -65vw
}

.filter-mix-100 {
    filter: grayscale(100%) invert(100%)
}

.filter-grayscale-100, .show-search-popup > section {
    filter: grayscale(100%)
}

.box-shadow, .box-shadow-hover:hover {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
    box-shadow: 0 0 10px rgba(0,0,0,.08);
    -webkit-transition: 350ms ease-in-out;
    transition: 350ms ease-in-out
}

.box-shadow-small, .box-shadow-small-hover:hover {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.08);
    box-shadow: 0 0 15px rgba(0,0,0,.08);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-medium, .box-shadow-medium-hover:hover {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-medium-bottom, .box-shadow-medium-bottom-hover:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.08);
    box-shadow: 0 10px 20px rgba(0,0,0,.08);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-large, .box-shadow-large-hover:hover {
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,.08);
    box-shadow: 0 0 25px rgba(0,0,0,.08);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-extra-large, .box-shadow-extra-large-hover:hover {
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.08);
    box-shadow: 0 0 30px rgba(0,0,0,.08);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-double-large, .box-shadow-double-large-hover:hover {
    -webkit-box-shadow: 0 0 45px rgba(0,0,0,.09);
    box-shadow: 0 0 45px rgba(0,0,0,.09);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-triple-large, .box-shadow-triple-large-hover:hover {
    -webkit-box-shadow: 0 0 60px rgba(0,0,0,.2);
    box-shadow: 0 0 60px rgba(0,0,0,.2);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-quadruple-large, .box-shadow-quadruple-large-hover:hover {
    -webkit-box-shadow: 0 20px 60px rgba(0,0,0,.08);
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
    -webkit-transition: all 350ms cubic-bezier(.37,0,.63,1);
    transition: all 350ms cubic-bezier(.37,0,.63,1)
}

.box-shadow-double-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-hover:hover, .box-shadow-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-quadruple-large-hover:hover, .box-shadow-small-hover:hover {
    -webkit-transform: translate3d(0,-3px,0);
    transform: translate3d(0,-3px,0)
}

.box-shadow-bottom {
    -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.05);
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.05)
}

.interactive-banner-style-01 figure {
    -webkit-transition: all .7s cubic-bezier(.61,1,.88,1);
    transition: all .7s cubic-bezier(.61,1,.88,1)
}

    .interactive-banner-style-01 figure .icon-box {
        opacity: 0;
        position: relative;
        top: 15px
    }

    .interactive-banner-style-01 figure figcaption {
        position: absolute;
        bottom: 0
    }

    .interactive-banner-style-01 figure:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

        .interactive-banner-style-01 figure:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: all .7s cubic-bezier(.61,1,.88,1);
            transition: all .7s cubic-bezier(.61,1,.88,1)
        }

        .interactive-banner-style-01 figure:hover .icon-box {
            opacity: 1;
            top: 0
        }

        .interactive-banner-style-01 figure:hover .box-overlay {
            opacity: .5
        }

.interactive-banner-style-02.hover-box * {
    will-change: auto !important
}

.interactive-banner-style-02 figure figcaption .features-icon {
    margin-bottom: -45px;
    opacity: 0;
    visibility: hidden
}

.interactive-banner-style-02:hover figure img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.interactive-banner-style-02:hover figure figcaption .features-icon {
    margin-bottom: 20px;
    opacity: 1;
    visibility: visible
}

.interactive-banner-style-03 figure {
    position: relative
}

    .interactive-banner-style-03 figure img {
        -webkit-transition: all .7s cubic-bezier(.61,1,.88,1);
        transition: all .7s cubic-bezier(.61,1,.88,1)
    }

    .interactive-banner-style-03 figure figcaption {
        position: absolute;
        bottom: 0;
        top: 0;
        background-color: rgba(0,0,0,.2)
    }

    .interactive-banner-style-03 figure:hover img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

.interactive-banner-style-04 figure, .interactive-banner-style-04 figure * {
    -webkit-transition: all .7s cubic-bezier(.5,1,.89,1);
    transition: all .7s cubic-bezier(.5,1,.89,1)
}

    .interactive-banner-style-04 figure figcaption {
        position: absolute;
        bottom: 0
    }

        .interactive-banner-style-04 figure figcaption .features-content {
            position: absolute;
            left: 25px;
            top: 25px;
            width: calc(100% - 50px);
            height: calc(100% - 50px);
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
            -webkit-transition: all .5s cubic-bezier(.5,1,.89,1);
            transition: all .5s cubic-bezier(.5,1,.89,1)
        }

            .interactive-banner-style-04 figure figcaption .features-content .box-overlay {
                height: 0%;
                -webkit-transition: all .4s cubic-bezier(.5,1,.89,1);
                transition: all .4s cubic-bezier(.5,1,.89,1)
            }

        .interactive-banner-style-04 figure figcaption .box-button {
            opacity: 1;
            visibility: visible;
            position: relative;
            bottom: 0;
            -webkit-transition: all .5s cubic-bezier(.5,1,.89,1);
            transition: all .5s cubic-bezier(.5,1,.89,1)
        }

    .interactive-banner-style-04 figure:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

        .interactive-banner-style-04 figure:hover figcaption .features-content {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .interactive-banner-style-04 figure:hover figcaption .box-overlay {
            height: 100%
        }

        .interactive-banner-style-04 figure:hover figcaption .box-button {
            opacity: 0;
            visibility: hidden;
            position: relative;
            bottom: -70px
        }

.interactive-banner-style-05 figure img {
    -webkit-transition: all .7s cubic-bezier(.61,1,.88,1);
    transition: all .7s cubic-bezier(.61,1,.88,1)
}

.interactive-banner-style-05 figure figcaption .btn {
    margin-bottom: -50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .7s cubic-bezier(.61,1,.88,1);
    transition: all .7s cubic-bezier(.61,1,.88,1)
}

.interactive-banner-style-05 figure figcaption .content-arrow {
    position: absolute;
    right: 0;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.interactive-banner-style-06, .interactive-banner-style-07 figure {
    position: relative;
    overflow: hidden
}

.interactive-banner-style-05 figure:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.interactive-banner-style-05 figure:hover figcaption img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.interactive-banner-style-05 figure:hover figcaption .content-arrow {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.interactive-banner-style-05 figure:hover figcaption .btn {
    margin-bottom: 0;
    visibility: visible;
    opacity: 1
}

.interactive-banner-style-05 .atropos:hover .box-overlay {
    opacity: 1;
    visibility: visible
}

.interactive-banner-style-05 .atropos:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.interactive-banner-style-06 .banners-icon {
    z-index: 9;
    -webkit-transition: 350ms cubic-bezier(.12,0,.39,0);
    transition: 350ms cubic-bezier(.12,0,.39,0)
}

.interactive-banner-style-06 img {
    -webkit-transition: 1s cubic-bezier(.12,0,.39,0);
    transition: 1s cubic-bezier(.12,0,.39,0);
    width: 100%
}

.interactive-banner-style-06 .interactive-banners-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: translateY(calc(100% - 155px));
    -webkit-transition: 550ms cubic-bezier(.12,0,.1,0);
    transition: 550ms cubic-bezier(.12,0,.1,0)
}

    .interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 350ms cubic-bezier(.12,0,.39,0);
        transition: 350ms cubic-bezier(.12,0,.39,0)
    }

.interactive-banner-style-06 .box-overlay {
    height: 25%;
    bottom: 0;
    top: auto;
    visibility: visible;
    opacity: 0;
    -webkit-transition: 350ms cubic-bezier(.12,0,.39,0);
    transition: 350ms cubic-bezier(.12,0,.39,0)
}

.interactive-banner-style-06:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: 3s cubic-bezier(.12,0,.39,0);
    transition: 3s cubic-bezier(.12,0,.39,0)
}

.interactive-banner-style-06:hover .interactive-banners-content {
    transform: translateY(0)
}

    .interactive-banner-style-06:hover .interactive-banners-content .interactive-banners-content-text {
        opacity: 1;
        visibility: visible
    }

.interactive-banner-style-06:hover .box-overlay {
    height: 100%;
    visibility: visible;
    opacity: 1
}

.interactive-banner-style-07 figure > img {
    -webkit-transition: .6s cubic-bezier(.12,0,.39,0);
    transition: .6s cubic-bezier(.12,0,.39,0);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.interactive-banner-style-07 figure .overlay-bg {
    -webkit-transition: .4s cubic-bezier(.12,0,.39,0);
    transition: .4s cubic-bezier(.12,0,.39,0)
}

.interactive-banner-style-07 figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.interactive-banner-style-07 figure .hover-hide-content {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    -webkit-transition: 1s;
    transition: 1s
}

.interactive-banner-style-07 figure .hover-show-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 50px;
    -webkit-transition: .4s cubic-bezier(.12,0,.39,0);
    transition: .4s cubic-bezier(.12,0,.39,0);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.interactive-banner-style-07 figure:hover > img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.interactive-banner-style-07 figure:hover .overlay-bg {
    opacity: .7
}

.interactive-banner-style-07 figure:hover .hover-hide-content {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .1s;
    transition: .1s
}

.interactive-banner-style-07 figure:hover .hover-show-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.interactive-banner-style-08 figure:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: 1.5s;
    transition: 1.5s
}

.interactive-banner-style-08 figure:hover .box-overlay {
    opacity: 1;
    visibility: visible
}

.interactive-banner-style-08 figure:hover figcaption .circle-box {
    background-color: var(--white) !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s cubic-bezier(.61,1,.88,1.5);
    transition: all .5s cubic-bezier(.61,1,.88,1.5)
}

.interactive-banner-style-09 img {
    -webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    transition: all 1.5s cubic-bezier(.19,1,.22,1)
}

.interactive-banner-style-09 .image-content {
    position: absolute;
    top: 0
}

    .interactive-banner-style-09 .image-content .content-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        opacity: .6;
        visibility: visible;
        will-change: transform;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: .4s cubic-bezier(.12,0,.39,0);
        transition: .4s cubic-bezier(.12,0,.39,0)
    }

    .interactive-banner-style-09 .image-content .content-title-hover {
        position: absolute;
        width: auto;
        left: 0;
        bottom: 0;
        visibility: hidden;
        will-change: transform;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: .4s cubic-bezier(.12,0,.39,0);
        transition: .4s cubic-bezier(.12,0,.39,0)
    }

    .interactive-banner-style-09 .image-content .content-arrow {
        will-change: transform;
        position: absolute;
        right: 0;
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .3s cubic-bezier(.12,0,.39,0);
        transition: all .3s cubic-bezier(.12,0,.39,0);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .interactive-banner-style-09 .image-content .label {
        -webkit-transition: .3s cubic-bezier(.12,0,.39,0);
        transition: .3s cubic-bezier(.12,0,.39,0)
    }

    .interactive-banner-style-09 .image-content .hover-label-icon i {
        opacity: 0;
        position: absolute;
        top: 20px;
        left: 0;
        -webkit-transition: .3s cubic-bezier(.12,0,.39,0);
        transition: .3s cubic-bezier(.12,0,.39,0)
    }

    .interactive-banner-style-09 .image-content:hover .content-arrow {
        opacity: 1;
        -webkit-transform: translateY(-42%);
        transform: translateY(-42%)
    }

    .interactive-banner-style-09 .image-content:hover .content-title {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .interactive-banner-style-09 .image-content:hover .content-title-hover {
        visibility: visible;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    .interactive-banner-style-09 .image-content:hover .box-overlay {
        opacity: 1;
        visibility: visible
    }

    .interactive-banner-style-09 .image-content:hover .hover-label-icon .label {
        opacity: 0;
        margin-top: -20px
    }

    .interactive-banner-style-09 .image-content:hover .hover-label-icon i {
        opacity: 1;
        top: 0
    }

.interactive-banner-style-09:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}