@charset "UTF-8";

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

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

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

.mr-10,
.mx-10 {
    margin-right: 10px !important;
}

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

.ml-10,
.mx-10 {
    margin-left: 10px !important;
}

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

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

.mr-15,
.mx-15 {
    margin-right: 15px !important;
}

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

.ml-15,
.mx-15 {
    margin-left: 15px !important;
}

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

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

.mr-20,
.mx-20 {
    margin-right: 20px !important;
}

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

.ml-20,
.mx-20 {
    margin-left: 20px !important;
}

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

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

.mr-25,
.mx-25 {
    margin-right: 25px !important;
}

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

.ml-25,
.mx-25 {
    margin-left: 25px !important;
}

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

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

.mr-30,
.mx-30 {
    margin-right: 30px !important;
}

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

.ml-30,
.mx-30 {
    margin-left: 30px !important;
}

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

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

.mr-35,
.mx-35 {
    margin-right: 35px !important;
}

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

.ml-35,
.mx-35 {
    margin-left: 35px !important;
}

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

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

.mr-40,
.mx-40 {
    margin-right: 40px !important;
}

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

.ml-40,
.mx-40 {
    margin-left: 40px !important;
}

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

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

.mr-50,
.mx-50 {
    margin-right: 50px !important;
}

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

.ml-50,
.mx-50 {
    margin-left: 50px !important;
}

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

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

.mr-55,
.mx-55 {
    margin-right: 55px !important;
}

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

.ml-55,
.mx-55 {
    margin-left: 55px !important;
}

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

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

.mr-60,
.mx-60 {
    margin-right: 60px !important;
}

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

.ml-60,
.mx-60 {
    margin-left: 60px !important;
}

.m-80 {
    margin: 80px !important;
}

.mt-80,
.my-80 {
    margin-top: 80px !important;
}

.mr-80,
.mx-80 {
    margin-right: 80px !important;
}

.mb-80,
.my-80 {
    margin-bottom: 80px !important;
}

.ml-80,
.mx-80 {
    margin-left: 80px !important;
}

.m-100 {
    margin: 100px !important;
}

.mt-100,
.my-100 {
    margin-top: 100px !important;
}

.mr-100,
.mx-100 {
    margin-right: 100px !important;
}

.mb-100,
.my-100 {
    margin-bottom: 100px !important;
}

.ml-100,
.mx-100 {
    margin-left: 100px !important;
}

.m-110 {
    margin: 110px !important;
}

.mt-110,
.my-110 {
    margin-top: 110px !important;
}

.mr-110,
.mx-110 {
    margin-right: 110px !important;
}

.mb-110,
.my-110 {
    margin-bottom: 110px !important;
}

.ml-110,
.mx-110 {
    margin-left: 110px !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

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

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

.pr-10,
.px-10 {
    padding-right: 10px !important;
}

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

.pl-10,
.px-10 {
    padding-left: 10px !important;
}

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

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

.pr-15,
.px-15 {
    padding-right: 15px !important;
}

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

.pl-15,
.px-15 {
    padding-left: 15px !important;
}

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

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

.pr-20,
.px-20 {
    padding-right: 20px !important;
}

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

.pl-20,
.px-20 {
    padding-left: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

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

.pr-25,
.px-25 {
    padding-right: 25px !important;
}

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

.pl-25,
.px-25 {
    padding-left: 25px !important;
}

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

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

.pr-30,
.px-30 {
    padding-right: 30px !important;
}

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

.pl-30,
.px-30 {
    padding-left: 30px !important;
}

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

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

.pr-35,
.px-35 {
    padding-right: 35px !important;
}

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

.pl-35,
.px-35 {
    padding-left: 35px !important;
}

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

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

.pr-40,
.px-40 {
    padding-right: 40px !important;
}

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

.pl-40,
.px-40 {
    padding-left: 40px !important;
}

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

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

.pr-50,
.px-50 {
    padding-right: 50px !important;
}

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

.pl-50,
.px-50 {
    padding-left: 50px !important;
}

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

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

.pr-55,
.px-55 {
    padding-right: 55px !important;
}

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

.pl-55,
.px-55 {
    padding-left: 55px !important;
}

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

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

.pr-60,
.px-60 {
    padding-right: 60px !important;
}

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

.pl-60,
.px-60 {
    padding-left: 60px !important;
}

.p-80 {
    padding: 80px !important;
}

.pt-80,
.py-80 {
    padding-top: 80px !important;
}

.pr-80,
.px-80 {
    padding-right: 80px !important;
}

.pb-80,
.py-80 {
    padding-bottom: 80px !important;
}

.pl-80,
.px-80 {
    padding-left: 80px !important;
}

.p-100 {
    padding: 100px !important;
}

.pt-100,
.py-100 {
    padding-top: 100px !important;
}

.pr-100,
.px-100 {
    padding-right: 100px !important;
}

.pb-100,
.py-100 {
    padding-bottom: 100px !important;
}

.pl-100,
.px-100 {
    padding-left: 100px !important;
}

.p-110 {
    padding: 110px !important;
}

.pt-110,
.py-110 {
    padding-top: 110px !important;
}

.pr-110,
.px-110 {
    padding-right: 110px !important;
}

.pb-110,
.py-110 {
    padding-bottom: 110px !important;
}

.pl-110,
.px-110 {
    padding-left: 110px !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

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

    .mt-sm-10,
    .my-sm-10 {
        margin-top: 10px !important;
    }

    .mr-sm-10,
    .mx-sm-10 {
        margin-right: 10px !important;
    }

    .mb-sm-10,
    .my-sm-10 {
        margin-bottom: 10px !important;
    }

    .ml-sm-10,
    .mx-sm-10 {
        margin-left: 10px !important;
    }

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

    .mt-sm-15,
    .my-sm-15 {
        margin-top: 15px !important;
    }

    .mr-sm-15,
    .mx-sm-15 {
        margin-right: 15px !important;
    }

    .mb-sm-15,
    .my-sm-15 {
        margin-bottom: 15px !important;
    }

    .ml-sm-15,
    .mx-sm-15 {
        margin-left: 15px !important;
    }

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

    .mt-sm-20,
    .my-sm-20 {
        margin-top: 20px !important;
    }

    .mr-sm-20,
    .mx-sm-20 {
        margin-right: 20px !important;
    }

    .mb-sm-20,
    .my-sm-20 {
        margin-bottom: 20px !important;
    }

    .ml-sm-20,
    .mx-sm-20 {
        margin-left: 20px !important;
    }

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

    .mt-sm-25,
    .my-sm-25 {
        margin-top: 25px !important;
    }

    .mr-sm-25,
    .mx-sm-25 {
        margin-right: 25px !important;
    }

    .mb-sm-25,
    .my-sm-25 {
        margin-bottom: 25px !important;
    }

    .ml-sm-25,
    .mx-sm-25 {
        margin-left: 25px !important;
    }

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

    .mt-sm-30,
    .my-sm-30 {
        margin-top: 30px !important;
    }

    .mr-sm-30,
    .mx-sm-30 {
        margin-right: 30px !important;
    }

    .mb-sm-30,
    .my-sm-30 {
        margin-bottom: 30px !important;
    }

    .ml-sm-30,
    .mx-sm-30 {
        margin-left: 30px !important;
    }

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

    .mt-sm-35,
    .my-sm-35 {
        margin-top: 35px !important;
    }

    .mr-sm-35,
    .mx-sm-35 {
        margin-right: 35px !important;
    }

    .mb-sm-35,
    .my-sm-35 {
        margin-bottom: 35px !important;
    }

    .ml-sm-35,
    .mx-sm-35 {
        margin-left: 35px !important;
    }

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

    .mt-sm-40,
    .my-sm-40 {
        margin-top: 40px !important;
    }

    .mr-sm-40,
    .mx-sm-40 {
        margin-right: 40px !important;
    }

    .mb-sm-40,
    .my-sm-40 {
        margin-bottom: 40px !important;
    }

    .ml-sm-40,
    .mx-sm-40 {
        margin-left: 40px !important;
    }

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

    .mt-sm-50,
    .my-sm-50 {
        margin-top: 50px !important;
    }

    .mr-sm-50,
    .mx-sm-50 {
        margin-right: 50px !important;
    }

    .mb-sm-50,
    .my-sm-50 {
        margin-bottom: 50px !important;
    }

    .ml-sm-50,
    .mx-sm-50 {
        margin-left: 50px !important;
    }

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

    .mt-sm-55,
    .my-sm-55 {
        margin-top: 55px !important;
    }

    .mr-sm-55,
    .mx-sm-55 {
        margin-right: 55px !important;
    }

    .mb-sm-55,
    .my-sm-55 {
        margin-bottom: 55px !important;
    }

    .ml-sm-55,
    .mx-sm-55 {
        margin-left: 55px !important;
    }

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

    .mt-sm-60,
    .my-sm-60 {
        margin-top: 60px !important;
    }

    .mr-sm-60,
    .mx-sm-60 {
        margin-right: 60px !important;
    }

    .mb-sm-60,
    .my-sm-60 {
        margin-bottom: 60px !important;
    }

    .ml-sm-60,
    .mx-sm-60 {
        margin-left: 60px !important;
    }

    .m-sm-80 {
        margin: 80px !important;
    }

    .mt-sm-80,
    .my-sm-80 {
        margin-top: 80px !important;
    }

    .mr-sm-80,
    .mx-sm-80 {
        margin-right: 80px !important;
    }

    .mb-sm-80,
    .my-sm-80 {
        margin-bottom: 80px !important;
    }

    .ml-sm-80,
    .mx-sm-80 {
        margin-left: 80px !important;
    }

    .m-sm-100 {
        margin: 100px !important;
    }

    .mt-sm-100,
    .my-sm-100 {
        margin-top: 100px !important;
    }

    .mr-sm-100,
    .mx-sm-100 {
        margin-right: 100px !important;
    }

    .mb-sm-100,
    .my-sm-100 {
        margin-bottom: 100px !important;
    }

    .ml-sm-100,
    .mx-sm-100 {
        margin-left: 100px !important;
    }

    .m-sm-110 {
        margin: 110px !important;
    }

    .mt-sm-110,
    .my-sm-110 {
        margin-top: 110px !important;
    }

    .mr-sm-110,
    .mx-sm-110 {
        margin-right: 110px !important;
    }

    .mb-sm-110,
    .my-sm-110 {
        margin-bottom: 110px !important;
    }

    .ml-sm-110,
    .mx-sm-110 {
        margin-left: 110px !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

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

    .pt-sm-10,
    .py-sm-10 {
        padding-top: 10px !important;
    }

    .pr-sm-10,
    .px-sm-10 {
        padding-right: 10px !important;
    }

    .pb-sm-10,
    .py-sm-10 {
        padding-bottom: 10px !important;
    }

    .pl-sm-10,
    .px-sm-10 {
        padding-left: 10px !important;
    }

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

    .pt-sm-15,
    .py-sm-15 {
        padding-top: 15px !important;
    }

    .pr-sm-15,
    .px-sm-15 {
        padding-right: 15px !important;
    }

    .pb-sm-15,
    .py-sm-15 {
        padding-bottom: 15px !important;
    }

    .pl-sm-15,
    .px-sm-15 {
        padding-left: 15px !important;
    }

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

    .pt-sm-20,
    .py-sm-20 {
        padding-top: 20px !important;
    }

    .pr-sm-20,
    .px-sm-20 {
        padding-right: 20px !important;
    }

    .pb-sm-20,
    .py-sm-20 {
        padding-bottom: 20px !important;
    }

    .pl-sm-20,
    .px-sm-20 {
        padding-left: 20px !important;
    }

    .p-sm-25 {
        padding: 25px !important;
    }

    .pt-sm-25,
    .py-sm-25 {
        padding-top: 25px !important;
    }

    .pr-sm-25,
    .px-sm-25 {
        padding-right: 25px !important;
    }

    .pb-sm-25,
    .py-sm-25 {
        padding-bottom: 25px !important;
    }

    .pl-sm-25,
    .px-sm-25 {
        padding-left: 25px !important;
    }

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

    .pt-sm-30,
    .py-sm-30 {
        padding-top: 30px !important;
    }

    .pr-sm-30,
    .px-sm-30 {
        padding-right: 30px !important;
    }

    .pb-sm-30,
    .py-sm-30 {
        padding-bottom: 30px !important;
    }

    .pl-sm-30,
    .px-sm-30 {
        padding-left: 30px !important;
    }

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

    .pt-sm-35,
    .py-sm-35 {
        padding-top: 35px !important;
    }

    .pr-sm-35,
    .px-sm-35 {
        padding-right: 35px !important;
    }

    .pb-sm-35,
    .py-sm-35 {
        padding-bottom: 35px !important;
    }

    .pl-sm-35,
    .px-sm-35 {
        padding-left: 35px !important;
    }

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

    .pt-sm-40,
    .py-sm-40 {
        padding-top: 40px !important;
    }

    .pr-sm-40,
    .px-sm-40 {
        padding-right: 40px !important;
    }

    .pb-sm-40,
    .py-sm-40 {
        padding-bottom: 40px !important;
    }

    .pl-sm-40,
    .px-sm-40 {
        padding-left: 40px !important;
    }

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

    .pt-sm-50,
    .py-sm-50 {
        padding-top: 50px !important;
    }

    .pr-sm-50,
    .px-sm-50 {
        padding-right: 50px !important;
    }

    .pb-sm-50,
    .py-sm-50 {
        padding-bottom: 50px !important;
    }

    .pl-sm-50,
    .px-sm-50 {
        padding-left: 50px !important;
    }

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

    .pt-sm-55,
    .py-sm-55 {
        padding-top: 55px !important;
    }

    .pr-sm-55,
    .px-sm-55 {
        padding-right: 55px !important;
    }

    .pb-sm-55,
    .py-sm-55 {
        padding-bottom: 55px !important;
    }

    .pl-sm-55,
    .px-sm-55 {
        padding-left: 55px !important;
    }

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

    .pt-sm-60,
    .py-sm-60 {
        padding-top: 60px !important;
    }

    .pr-sm-60,
    .px-sm-60 {
        padding-right: 60px !important;
    }

    .pb-sm-60,
    .py-sm-60 {
        padding-bottom: 60px !important;
    }

    .pl-sm-60,
    .px-sm-60 {
        padding-left: 60px !important;
    }

    .p-sm-80 {
        padding: 80px !important;
    }

    .pt-sm-80,
    .py-sm-80 {
        padding-top: 80px !important;
    }

    .pr-sm-80,
    .px-sm-80 {
        padding-right: 80px !important;
    }

    .pb-sm-80,
    .py-sm-80 {
        padding-bottom: 80px !important;
    }

    .pl-sm-80,
    .px-sm-80 {
        padding-left: 80px !important;
    }

    .p-sm-100 {
        padding: 100px !important;
    }

    .pt-sm-100,
    .py-sm-100 {
        padding-top: 100px !important;
    }

    .pr-sm-100,
    .px-sm-100 {
        padding-right: 100px !important;
    }

    .pb-sm-100,
    .py-sm-100 {
        padding-bottom: 100px !important;
    }

    .pl-sm-100,
    .px-sm-100 {
        padding-left: 100px !important;
    }

    .p-sm-110 {
        padding: 110px !important;
    }

    .pt-sm-110,
    .py-sm-110 {
        padding-top: 110px !important;
    }

    .pr-sm-110,
    .px-sm-110 {
        padding-right: 110px !important;
    }

    .pb-sm-110,
    .py-sm-110 {
        padding-bottom: 110px !important;
    }

    .pl-sm-110,
    .px-sm-110 {
        padding-left: 110px !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

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

    .mt-md-10,
    .my-md-10 {
        margin-top: 10px !important;
    }

    .mr-md-10,
    .mx-md-10 {
        margin-right: 10px !important;
    }

    .mb-md-10,
    .my-md-10 {
        margin-bottom: 10px !important;
    }

    .ml-md-10,
    .mx-md-10 {
        margin-left: 10px !important;
    }

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

    .mt-md-15,
    .my-md-15 {
        margin-top: 15px !important;
    }

    .mr-md-15,
    .mx-md-15 {
        margin-right: 15px !important;
    }

    .mb-md-15,
    .my-md-15 {
        margin-bottom: 15px !important;
    }

    .ml-md-15,
    .mx-md-15 {
        margin-left: 15px !important;
    }

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

    .mt-md-20,
    .my-md-20 {
        margin-top: 20px !important;
    }

    .mr-md-20,
    .mx-md-20 {
        margin-right: 20px !important;
    }

    .mb-md-20,
    .my-md-20 {
        margin-bottom: 20px !important;
    }

    .ml-md-20,
    .mx-md-20 {
        margin-left: 20px !important;
    }

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

    .mt-md-25,
    .my-md-25 {
        margin-top: 25px !important;
    }

    .mr-md-25,
    .mx-md-25 {
        margin-right: 25px !important;
    }

    .mb-md-25,
    .my-md-25 {
        margin-bottom: 25px !important;
    }

    .ml-md-25,
    .mx-md-25 {
        margin-left: 25px !important;
    }

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

    .mt-md-30,
    .my-md-30 {
        margin-top: 30px !important;
    }

    .mr-md-30,
    .mx-md-30 {
        margin-right: 30px !important;
    }

    .mb-md-30,
    .my-md-30 {
        margin-bottom: 30px !important;
    }

    .ml-md-30,
    .mx-md-30 {
        margin-left: 30px !important;
    }

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

    .mt-md-35,
    .my-md-35 {
        margin-top: 35px !important;
    }

    .mr-md-35,
    .mx-md-35 {
        margin-right: 35px !important;
    }

    .mb-md-35,
    .my-md-35 {
        margin-bottom: 35px !important;
    }

    .ml-md-35,
    .mx-md-35 {
        margin-left: 35px !important;
    }

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

    .mt-md-40,
    .my-md-40 {
        margin-top: 40px !important;
    }

    .mr-md-40,
    .mx-md-40 {
        margin-right: 40px !important;
    }

    .mb-md-40,
    .my-md-40 {
        margin-bottom: 40px !important;
    }

    .ml-md-40,
    .mx-md-40 {
        margin-left: 40px !important;
    }

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

    .mt-md-50,
    .my-md-50 {
        margin-top: 50px !important;
    }

    .mr-md-50,
    .mx-md-50 {
        margin-right: 50px !important;
    }

    .mb-md-50,
    .my-md-50 {
        margin-bottom: 50px !important;
    }

    .ml-md-50,
    .mx-md-50 {
        margin-left: 50px !important;
    }

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

    .mt-md-55,
    .my-md-55 {
        margin-top: 55px !important;
    }

    .mr-md-55,
    .mx-md-55 {
        margin-right: 55px !important;
    }

    .mb-md-55,
    .my-md-55 {
        margin-bottom: 55px !important;
    }

    .ml-md-55,
    .mx-md-55 {
        margin-left: 55px !important;
    }

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

    .mt-md-60,
    .my-md-60 {
        margin-top: 60px !important;
    }

    .mr-md-60,
    .mx-md-60 {
        margin-right: 60px !important;
    }

    .mb-md-60,
    .my-md-60 {
        margin-bottom: 60px !important;
    }

    .ml-md-60,
    .mx-md-60 {
        margin-left: 60px !important;
    }

    .m-md-80 {
        margin: 80px !important;
    }

    .mt-md-80,
    .my-md-80 {
        margin-top: 80px !important;
    }

    .mr-md-80,
    .mx-md-80 {
        margin-right: 80px !important;
    }

    .mb-md-80,
    .my-md-80 {
        margin-bottom: 80px !important;
    }

    .ml-md-80,
    .mx-md-80 {
        margin-left: 80px !important;
    }

    .m-md-100 {
        margin: 100px !important;
    }

    .mt-md-100,
    .my-md-100 {
        margin-top: 100px !important;
    }

    .mr-md-100,
    .mx-md-100 {
        margin-right: 100px !important;
    }

    .mb-md-100,
    .my-md-100 {
        margin-bottom: 100px !important;
    }

    .ml-md-100,
    .mx-md-100 {
        margin-left: 100px !important;
    }

    .m-md-110 {
        margin: 110px !important;
    }

    .mt-md-110,
    .my-md-110 {
        margin-top: 110px !important;
    }

    .mr-md-110,
    .mx-md-110 {
        margin-right: 110px !important;
    }

    .mb-md-110,
    .my-md-110 {
        margin-bottom: 110px !important;
    }

    .ml-md-110,
    .mx-md-110 {
        margin-left: 110px !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

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

    .pt-md-10,
    .py-md-10 {
        padding-top: 10px !important;
    }

    .pr-md-10,
    .px-md-10 {
        padding-right: 10px !important;
    }

    .pb-md-10,
    .py-md-10 {
        padding-bottom: 10px !important;
    }

    .pl-md-10,
    .px-md-10 {
        padding-left: 10px !important;
    }

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

    .pt-md-15,
    .py-md-15 {
        padding-top: 15px !important;
    }

    .pr-md-15,
    .px-md-15 {
        padding-right: 15px !important;
    }

    .pb-md-15,
    .py-md-15 {
        padding-bottom: 15px !important;
    }

    .pl-md-15,
    .px-md-15 {
        padding-left: 15px !important;
    }

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

    .pt-md-20,
    .py-md-20 {
        padding-top: 20px !important;
    }

    .pr-md-20,
    .px-md-20 {
        padding-right: 20px !important;
    }

    .pb-md-20,
    .py-md-20 {
        padding-bottom: 20px !important;
    }

    .pl-md-20,
    .px-md-20 {
        padding-left: 20px !important;
    }

    .p-md-25 {
        padding: 25px !important;
    }

    .pt-md-25,
    .py-md-25 {
        padding-top: 25px !important;
    }

    .pr-md-25,
    .px-md-25 {
        padding-right: 25px !important;
    }

    .pb-md-25,
    .py-md-25 {
        padding-bottom: 25px !important;
    }

    .pl-md-25,
    .px-md-25 {
        padding-left: 25px !important;
    }

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

    .pt-md-30,
    .py-md-30 {
        padding-top: 30px !important;
    }

    .pr-md-30,
    .px-md-30 {
        padding-right: 30px !important;
    }

    .pb-md-30,
    .py-md-30 {
        padding-bottom: 30px !important;
    }

    .pl-md-30,
    .px-md-30 {
        padding-left: 30px !important;
    }

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

    .pt-md-35,
    .py-md-35 {
        padding-top: 35px !important;
    }

    .pr-md-35,
    .px-md-35 {
        padding-right: 35px !important;
    }

    .pb-md-35,
    .py-md-35 {
        padding-bottom: 35px !important;
    }

    .pl-md-35,
    .px-md-35 {
        padding-left: 35px !important;
    }

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

    .pt-md-40,
    .py-md-40 {
        padding-top: 40px !important;
    }

    .pr-md-40,
    .px-md-40 {
        padding-right: 40px !important;
    }

    .pb-md-40,
    .py-md-40 {
        padding-bottom: 40px !important;
    }

    .pl-md-40,
    .px-md-40 {
        padding-left: 40px !important;
    }

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

    .pt-md-50,
    .py-md-50 {
        padding-top: 50px !important;
    }

    .pr-md-50,
    .px-md-50 {
        padding-right: 50px !important;
    }

    .pb-md-50,
    .py-md-50 {
        padding-bottom: 50px !important;
    }

    .pl-md-50,
    .px-md-50 {
        padding-left: 50px !important;
    }

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

    .pt-md-55,
    .py-md-55 {
        padding-top: 55px !important;
    }

    .pr-md-55,
    .px-md-55 {
        padding-right: 55px !important;
    }

    .pb-md-55,
    .py-md-55 {
        padding-bottom: 55px !important;
    }

    .pl-md-55,
    .px-md-55 {
        padding-left: 55px !important;
    }

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

    .pt-md-60,
    .py-md-60 {
        padding-top: 60px !important;
    }

    .pr-md-60,
    .px-md-60 {
        padding-right: 60px !important;
    }

    .pb-md-60,
    .py-md-60 {
        padding-bottom: 60px !important;
    }

    .pl-md-60,
    .px-md-60 {
        padding-left: 60px !important;
    }

    .p-md-80 {
        padding: 80px !important;
    }

    .pt-md-80,
    .py-md-80 {
        padding-top: 80px !important;
    }

    .pr-md-80,
    .px-md-80 {
        padding-right: 80px !important;
    }

    .pb-md-80,
    .py-md-80 {
        padding-bottom: 80px !important;
    }

    .pl-md-80,
    .px-md-80 {
        padding-left: 80px !important;
    }

    .p-md-100 {
        padding: 100px !important;
    }

    .pt-md-100,
    .py-md-100 {
        padding-top: 100px !important;
    }

    .pr-md-100,
    .px-md-100 {
        padding-right: 100px !important;
    }

    .pb-md-100,
    .py-md-100 {
        padding-bottom: 100px !important;
    }

    .pl-md-100,
    .px-md-100 {
        padding-left: 100px !important;
    }

    .p-md-110 {
        padding: 110px !important;
    }

    .pt-md-110,
    .py-md-110 {
        padding-top: 110px !important;
    }

    .pr-md-110,
    .px-md-110 {
        padding-right: 110px !important;
    }

    .pb-md-110,
    .py-md-110 {
        padding-bottom: 110px !important;
    }

    .pl-md-110,
    .px-md-110 {
        padding-left: 110px !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

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

    .mt-lg-10,
    .my-lg-10 {
        margin-top: 10px !important;
    }

    .mr-lg-10,
    .mx-lg-10 {
        margin-right: 10px !important;
    }

    .mb-lg-10,
    .my-lg-10 {
        margin-bottom: 10px !important;
    }

    .ml-lg-10,
    .mx-lg-10 {
        margin-left: 10px !important;
    }

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

    .mt-lg-15,
    .my-lg-15 {
        margin-top: 15px !important;
    }

    .mr-lg-15,
    .mx-lg-15 {
        margin-right: 15px !important;
    }

    .mb-lg-15,
    .my-lg-15 {
        margin-bottom: 15px !important;
    }

    .ml-lg-15,
    .mx-lg-15 {
        margin-left: 15px !important;
    }

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

    .mt-lg-20,
    .my-lg-20 {
        margin-top: 20px !important;
    }

    .mr-lg-20,
    .mx-lg-20 {
        margin-right: 20px !important;
    }

    .mb-lg-20,
    .my-lg-20 {
        margin-bottom: 20px !important;
    }

    .ml-lg-20,
    .mx-lg-20 {
        margin-left: 20px !important;
    }

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

    .mt-lg-25,
    .my-lg-25 {
        margin-top: 25px !important;
    }

    .mr-lg-25,
    .mx-lg-25 {
        margin-right: 25px !important;
    }

    .mb-lg-25,
    .my-lg-25 {
        margin-bottom: 25px !important;
    }

    .ml-lg-25,
    .mx-lg-25 {
        margin-left: 25px !important;
    }

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

    .mt-lg-30,
    .my-lg-30 {
        margin-top: 30px !important;
    }

    .mr-lg-30,
    .mx-lg-30 {
        margin-right: 30px !important;
    }

    .mb-lg-30,
    .my-lg-30 {
        margin-bottom: 30px !important;
    }

    .ml-lg-30,
    .mx-lg-30 {
        margin-left: 30px !important;
    }

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

    .mt-lg-35,
    .my-lg-35 {
        margin-top: 35px !important;
    }

    .mr-lg-35,
    .mx-lg-35 {
        margin-right: 35px !important;
    }

    .mb-lg-35,
    .my-lg-35 {
        margin-bottom: 35px !important;
    }

    .ml-lg-35,
    .mx-lg-35 {
        margin-left: 35px !important;
    }

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

    .mt-lg-40,
    .my-lg-40 {
        margin-top: 40px !important;
    }

    .mr-lg-40,
    .mx-lg-40 {
        margin-right: 40px !important;
    }

    .mb-lg-40,
    .my-lg-40 {
        margin-bottom: 40px !important;
    }

    .ml-lg-40,
    .mx-lg-40 {
        margin-left: 40px !important;
    }

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

    .mt-lg-50,
    .my-lg-50 {
        margin-top: 50px !important;
    }

    .mr-lg-50,
    .mx-lg-50 {
        margin-right: 50px !important;
    }

    .mb-lg-50,
    .my-lg-50 {
        margin-bottom: 50px !important;
    }

    .ml-lg-50,
    .mx-lg-50 {
        margin-left: 50px !important;
    }

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

    .mt-lg-55,
    .my-lg-55 {
        margin-top: 55px !important;
    }

    .mr-lg-55,
    .mx-lg-55 {
        margin-right: 55px !important;
    }

    .mb-lg-55,
    .my-lg-55 {
        margin-bottom: 55px !important;
    }

    .ml-lg-55,
    .mx-lg-55 {
        margin-left: 55px !important;
    }

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

    .mt-lg-60,
    .my-lg-60 {
        margin-top: 60px !important;
    }

    .mr-lg-60,
    .mx-lg-60 {
        margin-right: 60px !important;
    }

    .mb-lg-60,
    .my-lg-60 {
        margin-bottom: 60px !important;
    }

    .ml-lg-60,
    .mx-lg-60 {
        margin-left: 60px !important;
    }

    .m-lg-80 {
        margin: 80px !important;
    }

    .mt-lg-80,
    .my-lg-80 {
        margin-top: 80px !important;
    }

    .mr-lg-80,
    .mx-lg-80 {
        margin-right: 80px !important;
    }

    .mb-lg-80,
    .my-lg-80 {
        margin-bottom: 80px !important;
    }

    .ml-lg-80,
    .mx-lg-80 {
        margin-left: 80px !important;
    }

    .m-lg-100 {
        margin: 100px !important;
    }

    .mt-lg-100,
    .my-lg-100 {
        margin-top: 100px !important;
    }

    .mr-lg-100,
    .mx-lg-100 {
        margin-right: 100px !important;
    }

    .mb-lg-100,
    .my-lg-100 {
        margin-bottom: 100px !important;
    }

    .ml-lg-100,
    .mx-lg-100 {
        margin-left: 100px !important;
    }

    .m-lg-110 {
        margin: 110px !important;
    }

    .mt-lg-110,
    .my-lg-110 {
        margin-top: 110px !important;
    }

    .mr-lg-110,
    .mx-lg-110 {
        margin-right: 110px !important;
    }

    .mb-lg-110,
    .my-lg-110 {
        margin-bottom: 110px !important;
    }

    .ml-lg-110,
    .mx-lg-110 {
        margin-left: 110px !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

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

    .pt-lg-10,
    .py-lg-10 {
        padding-top: 10px !important;
    }

    .pr-lg-10,
    .px-lg-10 {
        padding-right: 10px !important;
    }

    .pb-lg-10,
    .py-lg-10 {
        padding-bottom: 10px !important;
    }

    .pl-lg-10,
    .px-lg-10 {
        padding-left: 10px !important;
    }

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

    .pt-lg-15,
    .py-lg-15 {
        padding-top: 15px !important;
    }

    .pr-lg-15,
    .px-lg-15 {
        padding-right: 15px !important;
    }

    .pb-lg-15,
    .py-lg-15 {
        padding-bottom: 15px !important;
    }

    .pl-lg-15,
    .px-lg-15 {
        padding-left: 15px !important;
    }

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

    .pt-lg-20,
    .py-lg-20 {
        padding-top: 20px !important;
    }

    .pr-lg-20,
    .px-lg-20 {
        padding-right: 20px !important;
    }

    .pb-lg-20,
    .py-lg-20 {
        padding-bottom: 20px !important;
    }

    .pl-lg-20,
    .px-lg-20 {
        padding-left: 20px !important;
    }

    .p-lg-25 {
        padding: 25px !important;
    }

    .pt-lg-25,
    .py-lg-25 {
        padding-top: 25px !important;
    }

    .pr-lg-25,
    .px-lg-25 {
        padding-right: 25px !important;
    }

    .pb-lg-25,
    .py-lg-25 {
        padding-bottom: 25px !important;
    }

    .pl-lg-25,
    .px-lg-25 {
        padding-left: 25px !important;
    }

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

    .pt-lg-30,
    .py-lg-30 {
        padding-top: 30px !important;
    }

    .pr-lg-30,
    .px-lg-30 {
        padding-right: 30px !important;
    }

    .pb-lg-30,
    .py-lg-30 {
        padding-bottom: 30px !important;
    }

    .pl-lg-30,
    .px-lg-30 {
        padding-left: 30px !important;
    }

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

    .pt-lg-35,
    .py-lg-35 {
        padding-top: 35px !important;
    }

    .pr-lg-35,
    .px-lg-35 {
        padding-right: 35px !important;
    }

    .pb-lg-35,
    .py-lg-35 {
        padding-bottom: 35px !important;
    }

    .pl-lg-35,
    .px-lg-35 {
        padding-left: 35px !important;
    }

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

    .pt-lg-40,
    .py-lg-40 {
        padding-top: 40px !important;
    }

    .pr-lg-40,
    .px-lg-40 {
        padding-right: 40px !important;
    }

    .pb-lg-40,
    .py-lg-40 {
        padding-bottom: 40px !important;
    }

    .pl-lg-40,
    .px-lg-40 {
        padding-left: 40px !important;
    }

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

    .pt-lg-50,
    .py-lg-50 {
        padding-top: 50px !important;
    }

    .pr-lg-50,
    .px-lg-50 {
        padding-right: 50px !important;
    }

    .pb-lg-50,
    .py-lg-50 {
        padding-bottom: 50px !important;
    }

    .pl-lg-50,
    .px-lg-50 {
        padding-left: 50px !important;
    }

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

    .pt-lg-55,
    .py-lg-55 {
        padding-top: 55px !important;
    }

    .pr-lg-55,
    .px-lg-55 {
        padding-right: 55px !important;
    }

    .pb-lg-55,
    .py-lg-55 {
        padding-bottom: 55px !important;
    }

    .pl-lg-55,
    .px-lg-55 {
        padding-left: 55px !important;
    }

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

    .pt-lg-60,
    .py-lg-60 {
        padding-top: 60px !important;
    }

    .pr-lg-60,
    .px-lg-60 {
        padding-right: 60px !important;
    }

    .pb-lg-60,
    .py-lg-60 {
        padding-bottom: 60px !important;
    }

    .pl-lg-60,
    .px-lg-60 {
        padding-left: 60px !important;
    }

    .p-lg-80 {
        padding: 80px !important;
    }

    .pt-lg-80,
    .py-lg-80 {
        padding-top: 80px !important;
    }

    .pr-lg-80,
    .px-lg-80 {
        padding-right: 80px !important;
    }

    .pb-lg-80,
    .py-lg-80 {
        padding-bottom: 80px !important;
    }

    .pl-lg-80,
    .px-lg-80 {
        padding-left: 80px !important;
    }

    .p-lg-100 {
        padding: 100px !important;
    }

    .pt-lg-100,
    .py-lg-100 {
        padding-top: 100px !important;
    }

    .pr-lg-100,
    .px-lg-100 {
        padding-right: 100px !important;
    }

    .pb-lg-100,
    .py-lg-100 {
        padding-bottom: 100px !important;
    }

    .pl-lg-100,
    .px-lg-100 {
        padding-left: 100px !important;
    }

    .p-lg-110 {
        padding: 110px !important;
    }

    .pt-lg-110,
    .py-lg-110 {
        padding-top: 110px !important;
    }

    .pr-lg-110,
    .px-lg-110 {
        padding-right: 110px !important;
    }

    .pb-lg-110,
    .py-lg-110 {
        padding-bottom: 110px !important;
    }

    .pl-lg-110,
    .px-lg-110 {
        padding-left: 110px !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

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

    .mt-xl-10,
    .my-xl-10 {
        margin-top: 10px !important;
    }

    .mr-xl-10,
    .mx-xl-10 {
        margin-right: 10px !important;
    }

    .mb-xl-10,
    .my-xl-10 {
        margin-bottom: 10px !important;
    }

    .ml-xl-10,
    .mx-xl-10 {
        margin-left: 10px !important;
    }

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

    .mt-xl-15,
    .my-xl-15 {
        margin-top: 15px !important;
    }

    .mr-xl-15,
    .mx-xl-15 {
        margin-right: 15px !important;
    }

    .mb-xl-15,
    .my-xl-15 {
        margin-bottom: 15px !important;
    }

    .ml-xl-15,
    .mx-xl-15 {
        margin-left: 15px !important;
    }

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

    .mt-xl-20,
    .my-xl-20 {
        margin-top: 20px !important;
    }

    .mr-xl-20,
    .mx-xl-20 {
        margin-right: 20px !important;
    }

    .mb-xl-20,
    .my-xl-20 {
        margin-bottom: 20px !important;
    }

    .ml-xl-20,
    .mx-xl-20 {
        margin-left: 20px !important;
    }

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

    .mt-xl-25,
    .my-xl-25 {
        margin-top: 25px !important;
    }

    .mr-xl-25,
    .mx-xl-25 {
        margin-right: 25px !important;
    }

    .mb-xl-25,
    .my-xl-25 {
        margin-bottom: 25px !important;
    }

    .ml-xl-25,
    .mx-xl-25 {
        margin-left: 25px !important;
    }

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

    .mt-xl-30,
    .my-xl-30 {
        margin-top: 30px !important;
    }

    .mr-xl-30,
    .mx-xl-30 {
        margin-right: 30px !important;
    }

    .mb-xl-30,
    .my-xl-30 {
        margin-bottom: 30px !important;
    }

    .ml-xl-30,
    .mx-xl-30 {
        margin-left: 30px !important;
    }

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

    .mt-xl-35,
    .my-xl-35 {
        margin-top: 35px !important;
    }

    .mr-xl-35,
    .mx-xl-35 {
        margin-right: 35px !important;
    }

    .mb-xl-35,
    .my-xl-35 {
        margin-bottom: 35px !important;
    }

    .ml-xl-35,
    .mx-xl-35 {
        margin-left: 35px !important;
    }

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

    .mt-xl-40,
    .my-xl-40 {
        margin-top: 40px !important;
    }

    .mr-xl-40,
    .mx-xl-40 {
        margin-right: 40px !important;
    }

    .mb-xl-40,
    .my-xl-40 {
        margin-bottom: 40px !important;
    }

    .ml-xl-40,
    .mx-xl-40 {
        margin-left: 40px !important;
    }

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

    .mt-xl-50,
    .my-xl-50 {
        margin-top: 50px !important;
    }

    .mr-xl-50,
    .mx-xl-50 {
        margin-right: 50px !important;
    }

    .mb-xl-50,
    .my-xl-50 {
        margin-bottom: 50px !important;
    }

    .ml-xl-50,
    .mx-xl-50 {
        margin-left: 50px !important;
    }

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

    .mt-xl-55,
    .my-xl-55 {
        margin-top: 55px !important;
    }

    .mr-xl-55,
    .mx-xl-55 {
        margin-right: 55px !important;
    }

    .mb-xl-55,
    .my-xl-55 {
        margin-bottom: 55px !important;
    }

    .ml-xl-55,
    .mx-xl-55 {
        margin-left: 55px !important;
    }

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

    .mt-xl-60,
    .my-xl-60 {
        margin-top: 60px !important;
    }

    .mr-xl-60,
    .mx-xl-60 {
        margin-right: 60px !important;
    }

    .mb-xl-60,
    .my-xl-60 {
        margin-bottom: 60px !important;
    }

    .ml-xl-60,
    .mx-xl-60 {
        margin-left: 60px !important;
    }

    .m-xl-80 {
        margin: 80px !important;
    }

    .mt-xl-80,
    .my-xl-80 {
        margin-top: 80px !important;
    }

    .mr-xl-80,
    .mx-xl-80 {
        margin-right: 80px !important;
    }

    .mb-xl-80,
    .my-xl-80 {
        margin-bottom: 80px !important;
    }

    .ml-xl-80,
    .mx-xl-80 {
        margin-left: 80px !important;
    }

    .m-xl-100 {
        margin: 100px !important;
    }

    .mt-xl-100,
    .my-xl-100 {
        margin-top: 100px !important;
    }

    .mr-xl-100,
    .mx-xl-100 {
        margin-right: 100px !important;
    }

    .mb-xl-100,
    .my-xl-100 {
        margin-bottom: 100px !important;
    }

    .ml-xl-100,
    .mx-xl-100 {
        margin-left: 100px !important;
    }

    .m-xl-110 {
        margin: 110px !important;
    }

    .mt-xl-110,
    .my-xl-110 {
        margin-top: 110px !important;
    }

    .mr-xl-110,
    .mx-xl-110 {
        margin-right: 110px !important;
    }

    .mb-xl-110,
    .my-xl-110 {
        margin-bottom: 110px !important;
    }

    .ml-xl-110,
    .mx-xl-110 {
        margin-left: 110px !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

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

    .pt-xl-10,
    .py-xl-10 {
        padding-top: 10px !important;
    }

    .pr-xl-10,
    .px-xl-10 {
        padding-right: 10px !important;
    }

    .pb-xl-10,
    .py-xl-10 {
        padding-bottom: 10px !important;
    }

    .pl-xl-10,
    .px-xl-10 {
        padding-left: 10px !important;
    }

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

    .pt-xl-15,
    .py-xl-15 {
        padding-top: 15px !important;
    }

    .pr-xl-15,
    .px-xl-15 {
        padding-right: 15px !important;
    }

    .pb-xl-15,
    .py-xl-15 {
        padding-bottom: 15px !important;
    }

    .pl-xl-15,
    .px-xl-15 {
        padding-left: 15px !important;
    }

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

    .pt-xl-20,
    .py-xl-20 {
        padding-top: 20px !important;
    }

    .pr-xl-20,
    .px-xl-20 {
        padding-right: 20px !important;
    }

    .pb-xl-20,
    .py-xl-20 {
        padding-bottom: 20px !important;
    }

    .pl-xl-20,
    .px-xl-20 {
        padding-left: 20px !important;
    }

    .p-xl-25 {
        padding: 25px !important;
    }

    .pt-xl-25,
    .py-xl-25 {
        padding-top: 25px !important;
    }

    .pr-xl-25,
    .px-xl-25 {
        padding-right: 25px !important;
    }

    .pb-xl-25,
    .py-xl-25 {
        padding-bottom: 25px !important;
    }

    .pl-xl-25,
    .px-xl-25 {
        padding-left: 25px !important;
    }

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

    .pt-xl-30,
    .py-xl-30 {
        padding-top: 30px !important;
    }

    .pr-xl-30,
    .px-xl-30 {
        padding-right: 30px !important;
    }

    .pb-xl-30,
    .py-xl-30 {
        padding-bottom: 30px !important;
    }

    .pl-xl-30,
    .px-xl-30 {
        padding-left: 30px !important;
    }

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

    .pt-xl-35,
    .py-xl-35 {
        padding-top: 35px !important;
    }

    .pr-xl-35,
    .px-xl-35 {
        padding-right: 35px !important;
    }

    .pb-xl-35,
    .py-xl-35 {
        padding-bottom: 35px !important;
    }

    .pl-xl-35,
    .px-xl-35 {
        padding-left: 35px !important;
    }

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

    .pt-xl-40,
    .py-xl-40 {
        padding-top: 40px !important;
    }

    .pr-xl-40,
    .px-xl-40 {
        padding-right: 40px !important;
    }

    .pb-xl-40,
    .py-xl-40 {
        padding-bottom: 40px !important;
    }

    .pl-xl-40,
    .px-xl-40 {
        padding-left: 40px !important;
    }

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

    .pt-xl-50,
    .py-xl-50 {
        padding-top: 50px !important;
    }

    .pr-xl-50,
    .px-xl-50 {
        padding-right: 50px !important;
    }

    .pb-xl-50,
    .py-xl-50 {
        padding-bottom: 50px !important;
    }

    .pl-xl-50,
    .px-xl-50 {
        padding-left: 50px !important;
    }

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

    .pt-xl-55,
    .py-xl-55 {
        padding-top: 55px !important;
    }

    .pr-xl-55,
    .px-xl-55 {
        padding-right: 55px !important;
    }

    .pb-xl-55,
    .py-xl-55 {
        padding-bottom: 55px !important;
    }

    .pl-xl-55,
    .px-xl-55 {
        padding-left: 55px !important;
    }

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

    .pt-xl-60,
    .py-xl-60 {
        padding-top: 60px !important;
    }

    .pr-xl-60,
    .px-xl-60 {
        padding-right: 60px !important;
    }

    .pb-xl-60,
    .py-xl-60 {
        padding-bottom: 60px !important;
    }

    .pl-xl-60,
    .px-xl-60 {
        padding-left: 60px !important;
    }

    .p-xl-80 {
        padding: 80px !important;
    }

    .pt-xl-80,
    .py-xl-80 {
        padding-top: 80px !important;
    }

    .pr-xl-80,
    .px-xl-80 {
        padding-right: 80px !important;
    }

    .pb-xl-80,
    .py-xl-80 {
        padding-bottom: 80px !important;
    }

    .pl-xl-80,
    .px-xl-80 {
        padding-left: 80px !important;
    }

    .p-xl-100 {
        padding: 100px !important;
    }

    .pt-xl-100,
    .py-xl-100 {
        padding-top: 100px !important;
    }

    .pr-xl-100,
    .px-xl-100 {
        padding-right: 100px !important;
    }

    .pb-xl-100,
    .py-xl-100 {
        padding-bottom: 100px !important;
    }

    .pl-xl-100,
    .px-xl-100 {
        padding-left: 100px !important;
    }

    .p-xl-110 {
        padding: 110px !important;
    }

    .pt-xl-110,
    .py-xl-110 {
        padding-top: 110px !important;
    }

    .pr-xl-110,
    .px-xl-110 {
        padding-right: 110px !important;
    }

    .pb-xl-110,
    .py-xl-110 {
        padding-bottom: 110px !important;
    }

    .pl-xl-110,
    .px-xl-110 {
        padding-left: 110px !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: bold;
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/SF-Pro-Display-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 200;
    src: url('/fonts/SF-Pro-Display-ThinItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/SF-Pro-Display-Light.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/SF-Pro-Display-LightItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/SF-Pro-Display-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/SF-Pro-Display-RegularItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/SF-Pro-Display-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/SF-Pro-Display-MediumItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/SF-Pro-Display-Semibold.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 600;
    src: url('/fonts/SF-Pro-Display-SemiboldItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/SF-Pro-Display-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/SF-Pro-Display-BoldItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/SF-Pro-Display-Heavy.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 800;
    src: url('/fonts/SF-Pro-Display-HeavyItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/SF-Pro-Display-Black.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: italic;
    font-weight: 900;
    src: url('/fonts/SF-Pro-Display-BlackItalic.otf') format('opentype');
}

@font-face {
    font-family: 'SF Pro Icon';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/SF-Pro-Display-Thin.otf') format('opentype');
}

@font-face {
    font-family: 'Aaux Next Regular';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/maxis-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Aaux Next Light';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/maxis-light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Aaux Next Bold';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/maxis-bold-webfont.woff') format('woff');
}

/* Vendor
// :::::::::::::
*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*# sourceMappingURL=slick.min.css.map */

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat;
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format('embedded-opentype'), url(fonts/slick.woff) format('woff'), url(fonts/slick.ttf) format('truetype'), url(fonts/slick.svg#slick) format('svg');
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 0.25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #000;
}

/*# sourceMappingURL=slick-theme.min.css.map */

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

/* Global Use */

/****** HEADER *******/
.header-bar {
    background-color: #fff;
    width: 100%;
    font-family: "maxisbold", sans-serif;
}

.header-bar .navbar-nav {
    align-self: stretch;
    display: flex;
}

.header-bar .navbar-nav a,
.header-bar .navbar-nav a:hover,
.header-bar .navbar-nav a:active,
.header-bar .navbar-nav a:focus,
.header-bar .navbar-nav a:visited,
.header-bar .navbar-nav span,
.header-bar .navbar-nav span:hover,
.header-bar .navbar-nav span:active,
.header-bar .navbar-nav span:focus,
.header-bar .navbar-nav span:visited {
    color: #000000;
    text-decoration: none;
    position: relative;
    margin-right: 1.5rem;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    flex: 1 1 auto !important;
    align-self: stretch;
    align-items: center;
    display: flex;
}

.header-bar .navbar-nav a img.icon {
    height: 14px;
    width: auto;
    margin-right: 0.5rem;
    transition: all 0.3s ease;
}

.header-bar .navbar-nav a:hover img.icon {
    transform: translateX(-5px);

}

.header-bar .navbar-nav>span.current {
    display: none;
    ;
}


.header-bar .container-wrap {
    padding: 10px 25px 10px 15px;
    display: flex;
    align-items: center;
}

.logo-max {
    background-image: url(../img/rebrand/maxis-logo.png);
}

.header-bar .brand .logo-max {
    background-size: contain;
    height: 45px;
    background-repeat: no-repeat;
    background-position: right;
    width: 100px;
}

@media (min-width: 768px) {
    .header-bar .brand .logo-max {
        width: 140px;
    }

    .header-bar .container-wrap {
        padding: 10px 25px 10px 25px;
    }

    .header-bar .navbar-nav a img.icon {
        display: none;
    }

    .header-bar .navbar-nav>span.current {
        display: flex;
    }

    .header-bar .navbar-nav>a:after,
    .header-bar .navbar-nav>span:after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: rgba(0, 0, 0, 0);
        transition: background-color 0.3s ease;
    }

    .header-bar .navbar-nav a:hover:after,
    .header-bar .navbar-nav span.current:after {
        background-color: rgba(0, 0, 0, 1);
    }
}

/***** CROSS SELL or CONTENT CARD *****/
.cross-sell-bg {
    background-color: #EFF8F2;
}

.cross-sell-title {
    font-size: 1.5rem;
    color: #115e68;
    text-align: left;
    font-weight: 800;
    font-family: 'maxisbold', sans-serif;
}

.cross-sell-container {
    background-color: transparent;
}

.cross-sell-container .cross-sell-tile {
    max-width: 1300px;
    margin: auto;
    flex-wrap: wrap;
    position: relative;
    display: flex;
    justify-content: center;
}

.cross-sell-container .cross-sell-tile .tile-item {
    position: relative;
    width: 100%;
    padding: 20px 0px;
    margin: 10px;
    background-color: transparent;
    max-height: 100%;
}

.cross-sell-container .cross-sell-tile .tile-item img {
    width: 100%;
}

.cross-sell-container .cross-sell-tile .tile-item a {
    text-decoration: none;
    color: #3E4A56;
}

.cross-sell-container .cross-sell-tile .tile-item .card-detail {
    color: #3E4A56;
    margin: -20px 20px 0;
    padding: 20px;
    border-top: 5px solid #40c706;
    background: #fff;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    /* Card Height (manually) */
    max-height: 140px;
}

.cross-sell-container .cross-sell-tile .tile-item .card-detail h4 {
    font-size: 18px;
    line-height: 1.1;
    font-family: 'maxisbold', sans-serif;
    color: #115e68;
}

.cross-sell-container .cross-sell-tile .tile-item .card-detail p {
    font-size: 16px;
}

.cross-sell-container .cross-sell-tile .tile-item .card-detail .btn-text {
    outline: none;
    font-family: 'maxisbold', sans-serif;
    font-size: 13px;
    color: #40c706;
    font-weight: 800;
    padding: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    background: none;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.cross-sell-container .cross-sell-tile .tile-item .card-detail h4 {
    font-weight: 700;
}

.cross-sell-container .cross-sell-tile .tile-item .card-detail .btn-text img {
    margin-left: 10px;
    transition: all .3s ease;
    width: 24px;
    margin-top: -4px;
}

.cross-sell-container .cross-sell-tile .tile-item .card-detail:hover .btn-text img {
    transform: translateX(5px);
}

/* Content Card / Cross Sell Responsive */

@media (min-width: 576px) {
    .cross-sell-title {
        font-size: 30px;
    }

    .cross-sell-title {
        padding: 0 15px;
    }

    .cross-sell-container .cross-sell-tile .tile-item {
        padding: 20px;
        max-width: none;
    }

    .cross-sell-container .cross-sell-tile .tile-item .card-detail {
        /* Card Height (manually) */
        max-height: 200px;
    }
}

@media (min-width: 768px) {

    .cross-sell-container .cross-sell-tile {
        display: block;
    }
}

@media (min-width: 992px) {
    .cross-sell-bg {
        background-image: linear-gradient(#EFF8F2 80%, rgb(255, 255, 255) 80%);
        background-color: #EFF8F2;
    }

    .cross-sell-container .cross-sell-tile {
        flex-wrap: nowrap;
        display: flex;
        justify-content: center;
    }

    .cross-sell-container .cross-sell-tile .tile-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding: 20px 0px;
    }
}

@media (min-width: 1200px) {
    .cross-sell-container .cross-sell-tile .tile-item .card-detail {
        /* Card Height (manually) */
        max-height: 180px;
    }
}

/* Cross Sell (Slick) */
.cross-sell-container .cross-sell-tile .tile-item .tiles-div {
    text-decoration: none;
}

.cross-sell-container .cross-sell-tile .tile-item .tiles-div .featured-img {
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 230px;
}

.cross-sell-container .cross-sell-tile .tile-item .tiles-div .description {
    color: #222222;
    padding: 15px 20px 20px 10px;
    font-size: 14px;
    margin: auto;
    font-family: 'Aaux Next Light';
    font-weight: 600;
}

.cross-sell-container .slick-next:before,
.cross-sell-container .slick-prev:before {
    cursor: pointer;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.cross-sell-container .slick-arrow {
    display: none !important;
    top: 50%;
}

.cross-sell-container .slick-prev {
    /**position: absolute;
        color: #000;
        padding-left: 30px;
        top: -10%;
        left: 75%;
        @include media-breakpoint-up(md) {**/
    display: none !important;
    /**}
        &::before {
            font-size: 25px;
            content: "\f104";
            color: #000;
        }**/
}

.cross-sell-container .slick-next {
    position: absolute;
    color: #000;
    padding-left: 30px;
    top: -10%;
    right: 0;
}

@media (min-width: 768px) {
    .cross-sell-container .slick-next {
        display: none !important;
    }
}

.cross-sell-container .slick-next::before {
    font-size: 25px;
    content: '\f105';
    color: #000;
}

.cross-sell-container .slick-dots {
    position: absolute;
    padding-top: 20px;
    padding-bottom: 20px;
    bottom: -80px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

@media (max-width: 991.98px) {
    .cross-sell-container .slick-dots {
        bottom: -50px;
    }
}

.cross-sell-container .slick-dots.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: black;
    background-color: #000;
    border: 1px solid #000;
}

.cross-sell-container .slick-dots>li>button {
    border: 1px solid #000;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}

.cross-sell-container .slick-dots>li>button:before {
    display: none;
}

.cross-sell-container .slick-dots>li.slick-active>button {
    background-color: transparent;
}

body {
    font-family: 'maxisregular', sans-serif !important;
    font-size: 1rem;
    overflow: hidden;
}

.logo-max {
    text-align: right;
}

b,
strong {
    font-family: 'maxisbold', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

h5 {
    font-family: 'maxisbold', sans-serif;
    font-size: 1.25em;
    font-stretch: normal;
    line-height: 1.1;
}

ol.mxs-list.circled-number-list {
    padding-left: 3rem;
}

.mxs-list.circled-number-list>li::before {
    background-color: #115e68;
    top: 0;
}

.mxs-list li {
    margin-bottom: 1.4rem;
    padding-left: 0.5rem;
}

.align-right {
    text-align: end;
}

.maxis-regular {
    font-family: "maxisregular", sans-serif !important;
}

.maxis-bold {
    font-family: "maxisbold", sans-serif !important;
}

/**
 * USP
 */
.pre-order-container .usp-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.pre-order-container .usp-item .content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pre-order-container .usp-item .content .icon {
    margin-right: 10px;
    max-height: 40px;
}

.pre-order-container .usp-item .content img {
    width: 40px;
    height: 100%;
}

.pre-order-container .usp-item .content .text {
    -ms-flex-preferred-size: 0px;
    flex-basis: 0px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.pre-order-container .usp-item .content .text .title {
    font-size: 1.1rem;
    margin-bottom: 3px;
    color: #212529;
    font-family: 'maxisbold', sans-serif;
}

.pre-order-container .usp-item .content .text .description {
    font-size: .875em;
    /* color: #3E4A56; */
    font-family: 'maxisregular', sans-serif;
    text-align: left;
    width: auto;
    line-height: 1.4;
}

.pre-order-container .content-section .usp-item .content .icon img {
    width: 40px;
}

/**
 * Herobanner
 */
.herobanner {
    position: relative;
    overflow: hidden;
}

.herobanner img.banner-img {
    margin: auto;
    width: 100%;
    height: 190px;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.herobanner>a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.herobanner>a .content {
    height: 100%;
    padding: 0 30px;
    color: #3e4a56;
}

.herobanner>a .content h1,
.herobanner>a .content h1>span,
.herobanner>a .content h2,
.herobanner>a .content h2>span {
    font-weight: 800;
    color: #000;
    font-family: "maxisbold", sans-serif;
}

.herobanner>a .content h2,
.herobanner>a .content h2>span {
    font-size: 20px;
}

.herobanner>a .content h1 .text-disclaimer,
.herobanner>a .content h2 .text-disclaimer {
    font-family: 'maxisregular';
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.herobanner>a .content .cta-button>.btn {
    width: auto;
    min-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
}

.pre-order-container {
    /* margin: auto; */
    /* removed by HOW 20210925 */
    background-color: #fff;
}

.pre-order-container .progress-check-div {
    position: absolute;
    display: flex;
    left: 34%;
    top: 10%;
    justify-content: center;
    background-color: #8ce600;
    width: 35px;
    height: 36px;
    text-align: center;
    border-radius: 50%;
    padding: 2px;
    z-index: 3;
}

@media (max-width: 767.98px) {
    .pre-order-container .progress-check-div {
        left: 15%;
        top: 7.5%;
    }
}

.pre-order-container .progress-check-div .progress-check {
    position: relative;
    color: black;
    border-radius: 50%;
    border: 3px solid #000;
    width: 23px;
    height: 24px;
    top: 9%;
}

.pre-order-container .subheader {
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: 0.009em;
    margin-bottom: 1em;
    text-align: center;
}

@media (max-width: 991.98px) {
    .pre-order-container .subheader {
        font-size: 17px;
    }
}


.pre-order-container .description {
    font-family: 'AauxNext_Regular';
    color: #333;
    font-size: 18px;
    line-height: 1.16667;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.009em;
    width: 820px;
    margin: auto;
}

@media (max-width: 991.98px) {
    .pre-order-container .description {
        font-size: 17px;
        width: 100%;
    }
}

.pre-order-container .description a.click-here {
    color: #8ce600;
}

.pre-order-container .img-div {
    display: flex;
    justify-content: center;
}

/* @media (max-width: 991.98px) {
    .pre-order-container .img-div {
        display: block;
    }
} */

.pre-order-container .img-div .iph-1 {
    margin-bottom: auto;
    margin-right: 20px;
    margin-left: 20px;
}

.pre-order-container .img-div .iph-1.iph-2 {
    margin-bottom: auto;
    margin-right: 20px;
    margin-left: 20px;
    width: 250px;
}

.pre-order-container .img-div .iph-1 .img-wrapper {
    position: relative;
    text-align: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
}

@media (max-width: 991.98px) {
    .pre-order-container .img-div .iph-1 .img-wrapper {
        height: 200px;
    }
}

.pre-order-container .img-div .iph-1 #top-mobile {
    top: 3px;
}

@media (max-width: 991.98px) {
    .pre-order-container .img-div .iph-1 #top-mobile {
        top: 10px;
    }
}

.pre-order-container .img-div .tagline {
    width: 160px;
    height: 21px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://www.apple.com/v/iphone-xs/b/images/overview/hero_logo_large.svg');
    margin: auto;
    margin-top: 2em;
}

.pre-order-container .img-div .tagline .visualHidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    text-align: center;
}

.pre-order-container .btn-div {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (min-width: 768px) {
    .pre-order-container .btn-div {
        width: 500px;
    }
}

.pre-order-container .btn-div .btn-primary {
    margin: 15px 20px;
    position: relative;
    text-decoration: none;
}

.pre-order-container .btn-div .btn-primary:first-of-type {
    margin-right: 85px;
    margin-left: -40px;
}

@media (max-width: 767.98px) {
    .pre-order-container .btn-div .btn-primary {
        font-size: 14px;
        padding-right: 25px;
        padding-left: 25px;
    }

    .pre-order-container .btn-div .btn-primary:first-of-type {
        margin-left: 0;
    }

    .pre-order-container .btn-div .btn-primary:last-of-type {
        margin-right: 0;
    }
}

.pre-order-container .btn-div .btn-disabled {
    background-color: #d0d0d0;
    color: #fff;
    margin: 15px 15px;
}

@media (max-width: 767.98px) {
    .pre-order-container .btn-div .btn-disabled {
        font-size: 14px;
        margin: auto 5px;
    }
}


.pre-order-container .header {
    font-size: 1.5rem;
    color: #000;
    font-family: 'maxisbold', sans-serif;
    font-size: 30px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
}

.pre-order-container .subheader {
    font-size: 1.125rem;
    color: #212529;
    font-family: 'maxisbold', sans-serif;
}

.pre-order-button {
    font-size: 80%;
    padding: 10px 0px;
}

.pre-order-button.cta-button .btn span {
    display: none;
}

.pre-order-button.cta-button a {
    padding: 25px 10px;
}

.cta-arrow-green a {
    background: transparent;
    font-family: 'maxisbold';
    font-size: 15px;
    letter-spacing: 1px;
    padding: 0 0 2px 0;
    color: #40c806;
    text-transform: uppercase;
    border-radius: 0px;
}

.cta-arrow-green a>span {
    border-bottom: 3px solid transparent;
}

.cta-arrow-green a:hover {
    background: transparent;
    color: #40c806;
}

.cta-arrow-green a:hover>span {
    border-bottom-color: #40c806;
}

.pre-order-container .usp-item .content .cta-arrow-green a img.arrow-green,
.cta-arrow-green a img.arrow-green {
    width: 25px;
    transition: 0.15s ease-in-out;
    transform: translateX(5px);
}

.pre-order-container .usp-item .content .cta-arrow-green a:hover img.arrow-green,
.cta-arrow-green a:hover img.arrow-green {
    transform: translateX(10px);
}

.cta-arrow-green a:focus {
    box-shadow: none;
}

/**
 * CTA button
 */
.cta-button .btn {
    font-weight: normal;
    /* font-size: 15px; */
    color: #fff;
    background: #40c806;
    border-radius: 10px;
    transition: color 0.15s, background-color 0.15s;
    cursor: pointer;
    transition: all .4s ease-in-out;
    letter-spacing: 1.5px !important;
    font-family: 'maxisbold', sans-serif;
    /* min-height: 50px;
  padding-left: 25px;
  padding-right: 25px; */
    line-height: 1.2;
    border-width: 0;
    position: relative;
    white-space: normal;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cta-button .btn span {
    transition: none !important;
    letter-spacing: 2.5px;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: none !important;
    transition: none !important;
}

.cta-button .btn:after {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    -webkit-transition: letter-spacing .4s ease-in-out;
    transition: letter-spacing .4s ease-in-out;
    font-size: inherit;
    font-weight: 600;
    padding: 0 15px;
    text-align: center;
    content: attr(data-hover);
    letter-spacing: 1.5px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cta-button .btn:hover:after,
.cta-button .btn:active:after,
.cta-button .btn:focus:after {
    letter-spacing: 2.5px;
}


.cta-button .btn-text,
.cta-button a.btn-text,
.cta-button button.btn-text {
    font-family: 'maxisbold', sans-serif;
    font-size: 13px;
    color: #40c706;
    font-weight: 800;
    padding: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    background: none;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    height: 25px;
}

.cta-button .btn-text img {
    margin-left: 10px;
    transition: all .3s ease;
    width: 24px;
    margin-top: -4px;
}

.cta-button .btn-text:hover,
.cta-button .btn-text:active,
.cta-button a.btn-text:hover,
.cta-button a.btn-text:active .cta-button button.btn-text:hover,
.cta-button button.btn-text:active {
    color: #40c706;
}

.cta-button .btn-text:hover img,
.cta-button .btn-text:active img,
.cta-button a.btn-text:hover img,
.cta-button a.btn-text:active img,
.cta-button button.btn-text:hover img,
.cta-button button.btn-text:active img {
    transform: translateX(5px);
}

.btn-text {
    color: #007bff;
    border-bottom: 1px solid transparent;
}

.btn-text:hover {
    color: #007bff;
    border-bottom-color: #007bff;
}

.btn-text:active,
.btn-text:focus {
    color: #007bff;
}

@media (min-width: 576px) {

    .pre-order-button a {
        font-size: 15px;
        padding: 10px 0px;
    }

    .pre-order-button {
        font-size: 15px;
    }
}




@media (min-width: 768px) {

    .herobanner img.banner-img {
        height: 250px;
    }

    .usp-container {
        display: block;
    }

    .pre-order-container .header {
        font-size: 1.75rem;
    }

    .pre-order-container .subheader {
        font-size: 1.375rem;
    }
}



@media (min-width: 992px) {
    .herobanner img.banner-img {
        height: 350px;
    }

    .herobanner>a .content {
        height: 100%;
        padding: 0 45px;
    }

    .herobanner>a .content h1,
    .herobanner>a .content h1>span,
    .herobanner>a .content h2,
    .herobanner>a .content h2>span {
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    .pre-order-container .header {
        font-size: 2.188rem;
    }

    .pre-order-container .cmp-usp-section[data-columns="2"] .usp-item {
        width: 50%;
    }

    .pre-order-container .cmp-usp-section[data-columns="2"] .usp-item:nth-child(odd) {
        padding-left: 0;
        padding-right: 15px;
    }

    .pre-order-container .usp-item .content .icon {
        margin-right: 15px;
        max-height: 50px;
    }

    .pre-order-container .usp-item .content .icon img {
        width: 50px;
    }

}

@media (max-width: 575.98px) {
    .herobanner .container.content>div>div {
        padding-left: 10px;
    }

    .herobanner img.banner-img {
        object-position: 58% 50%;
    }

    .cta-button .btn-text,
    .cta-button a.btn-text,
    .cta-button button.btn-text {
        padding: 0 5px 0 0;
    }

    .cta-button .btn-text img {
        width: 20px;
    }
}

/* (Safari + MobileSafari >= 14.6) or (All MobileSafari versions) */
@supports (selector(:nth-child(1 of x))) or (-webkit-touch-callout: none) {

    /* .herobanner>a .content h1,
    .herobanner>a .content h1>span,
    .pre-order-container .header {
        letter-spacing: -1px;
    } */

    .herobanner>a .content h1 .text-disclaimer {
        letter-spacing: normal;
    }
}

/* iPhone  */


/* FAQ Questions */

.faq-questions {
    margin-bottom: 35px;
}

p.faq-descriptions {
    font-size: 1pc;
    color: #3e4a56;
}

ul.faq-descriptions-list {
    list-style: circle;
    line-height: 1.6;
    margin-top: 15px;
}


/* Elements
// :::::::::::::

@import 'elements/*';*/

/*Components
// :::::::::::::*/

.error-container .img-wrapper {
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center;
    height: 300px;
}

@media (max-width: 991.98px) {
    .error-container .img-wrapper {
        height: 200px;
    }
}

.error-container .header {
    font-size: 30px;
    line-height: 1.16667;
    font-weight: 600;
    letter-spacing: normal;
    margin-bottom: 0.5em;
    margin-top: 1em;
    text-align: center;
}

@media (max-width: 767.98px) {
    .error-container .header {
        font-size: 22px;
    }
}

.error-container .tagline {
    width: 167px;
    height: 28px;
    background-size: 167px 28px;
    background-repeat: no-repeat;
    background-image: url('https://www.apple.com/v/iphone-xs/b/images/overview/hero_logo_large.svg');
    margin: auto;
    margin-top: 2em;
}

.error-container .tagline .visualHidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    text-align: center;
}

.error-container .description {
    color: #ffe5db;
    font-size: 18px;
    line-height: 1.16667;
    font-weight: 400;
    text-align: center;
    padding: 0 50px;
    letter-spacing: 0.009em;
}

@media (max-width: 991.98px) {
    .error-container .description {
        font-size: 17px;
        padding: 0;
    }
}

footer {
    padding: 0;
}

.footer-bar {
    background-color: #e1e1e1;
}

.footer-bar .footer-wrapper {
    padding: 10px;
    margin-left: 25px;
}

.footer-bar .footer-wrapper .text {
    font-family: 'Aaux Next Light';
    font-size: 14px;
    font-weight: 600;
    color: #8b8d8e;
}

.progress-div {
    padding-bottom: 15px;
}

@media (max-width: 991.98px) {
    .progress-div {
        padding-bottom: 70px;
    }
}

.progress-div .progress-line-div #white-line {
    background-color: #fff;
}

.progress-div #progress-iphxr-check {
    left: 62%;
    background-color: #f0f0f0;
    width: 10px;
    height: 10px;
    top: -3px;
    margin-left: 5px;
    border: 0.5px solid #bababa;
}

.progress-div #progress-iphxs-check {
    left: 62%;
    width: 10px;
    height: 10px;
    top: -3px;
    margin-left: 5px;
}

@media (max-width: 991.98px) {

    .progress-div #progress-iphxr-check,
    .progress-div #progress-iphxs-check {
        left: 72%;
    }
}

.progress-div #progress-iphxr-check #not-check,
.progress-div #progress-iphxs-check #not-check {
    color: transparent;
}

.progress-div #progress-iphxs-on {
    left: 49%;
    border: 2px solid #8dc63f;
    background-color: #000;
}

.progress-div #progress-iphxr-on {
    left: 49%;
    border: 2px solid #8dc63f;
    background-color: #fff;
}

@media (max-width: 991.98px) {
    .progress-div #progress-iphxs-on {
        left: 46%;
    }
}

.progress-div #progress-iphxs-on #check-black {
    color: #000;
    /* border: 2px solid #000;
  width: 24px;
  height: 24px; */
}

.progress-div #blackxr {
    left: 37%;
    width: 21px;
    height: 21px;
}

@media (max-width: 991.98px) {
    .progress-div #blackxr {
        left: 24%;
        top: -12px;
    }
}

.progress-div #blackxs {
    left: 37%;
    width: 21px;
    height: 21px;
}

@media (max-width: 991.98px) {
    .progress-div #blackxs {
        left: 24%;
        top: -12px;
    }
}

.progress-div #blackxs #right-black {
    color: #000;
    width: 22px;
    height: 22px;
}

.progress-div #blackxr #right-black {
    color: #fff;
    width: 22px;
    height: 22px;
}

.hero-container .device-content {
    position: relative;
    width: 100%;
}

.hero-container .device-content .hero-img-wrapper {
    max-width: 680px;
    width: 100%;
    margin: auto;
}

.hero-container .device-content .hero-img-wrapper .hero-img {
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .hero-container .device-content .hero-img-wrapper .hero-img {
        height: 300px;
    }
}

@media (max-width: 991.98px) {
    .hero-container .device-content .hero-img-wrapper #desktop {
        display: none;
    }
}

@media (min-width: 768px) {
    .hero-container .device-content .hero-img-wrapper #mobile {
        display: none;
    }
}

.hero-container .device-content .headline1 {
    height: 28px;
    margin-top: 30px;
    background-size: auto;
    background-size: 167px 28px;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 991.98px) {
    .hero-container .device-content .headline1 {
        margin-top: 10px;
    }
}

.hero-container .device-content .headline1 .visualHidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

.hero-container .device-content .subTagline {
    font-size: 36px;
    line-height: 1.05;
    letter-spacing: -0.015em;
    position: relative;
    text-align: center;
    color: #fff;
    margin-top: 25px;
    padding: 0 115px;
}

@media (max-width: 991.98px) {
    .hero-container .device-content .subTagline {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 32px;
    }
}

.hero-container .device-content .descTagline {
    font-size: 28px;
    line-height: 1.125;
    letter-spacing: 0.05em;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-family: 'Aaux Next Light';
    padding: 0 95px 35px;
    margin-top: 15px;
}

@media (max-width: 991.98px) {
    .hero-container .device-content .descTagline {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 22px;
    }
}

.hero-container .device-content .btn-div {
    display: flex;
    justify-content: center;
}

.hero-container .device-content .btn-div .btn-cta {
    font-size: 20px;
    color: white;
    padding: 12px 25px;
    margin-top: 25px;
    margin-bottom: 25px;
    min-width: 230px;
    max-width: 290px;
    text-decoration: none;
    border-radius: 28px;
    border-radius: 28px;
    text-transform: none;
    display: inline-block;
    text-align: left;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.hero-container .device-content .btn-div .isSticky {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 899;
    margin: 0;
    max-width: initial;
    display: block;
    visibility: hidden;
}

.video-container {
    height: 690px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .video-container {
        height: 150px;
    }
}

.video-container a {
    text-decoration: none;
}

.video-container .text-video-wrapper {
    margin: auto;
}

.video-container .text-video-wrapper .title {
    display: flex;
    justify-content: center;
    position: relative;
    top: 310px;
    color: #fff;
    text-decoration: none;
    font-size: 40px;
}

@media (max-width: 991.98px) {
    .video-container .text-video-wrapper .title {
        font-size: 16px;
        top: 40px;
    }
}

.video-container .text-video-wrapper .click-to-watch {
    display: flex;
    justify-content: center;
    position: relative;
    top: 320px;
    font-size: 24px;
    color: #fff;
}

@media (max-width: 991.98px) {
    .video-container .text-video-wrapper .click-to-watch {
        font-size: 15px;
        top: 45px;
    }
}

.video-container .text-video-wrapper .click-to-watch:after {
    content: '\f01d';
    font-family: FontAwesome;
    padding-left: 0.3em;
    font-weight: 100;
}

.manifesto-wrapper .manifesto-headline {
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -2px;
    display: inline;
}

@media (max-width: 991.98px) {
    .manifesto-wrapper .manifesto-headline {
        font-size: 28px;
    }
}

.manifesto-wrapper .transparent-mask {
    color: #ea9b5a;
    color: transparent;
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    letter-spacing: -2px;
    background-clip: text;
    -webkit-background-clip: text;
    background-repeat: repeat;
}

@media (max-width: 991.98px) {
    .manifesto-wrapper .transparent-mask {
        font-size: 28px;
    }
}

.manifesto-wrapper2 {
    background-clip: text;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    color: #ea9b5a;
    color: transparent;
    font-size: 64px;
    line-height: 1.0625;
    font-weight: 600;
    background-size: cover;
    letter-spacing: -2px;
}

@media (max-width: 991.98px) {
    .manifesto-wrapper2 {
        font-size: 28px;
    }
}

.manifesto-wrapper2 .manifesto-headline2 {
    display: inline;
    color: #fff !important;
}

.manifesto-wrapper2 .transparent-mask2 {
    display: inline;
}

@font-face {
    font-family: AauxNext_Regular;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/AauxNext-Light.woff2) format('woff2'), url(fonts/AauxNext-Light.woff) format('woff');
}

@font-face {
    font-family: AauxNext_Regular;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/AauxNext-Regular.woff2) format('woff2'), url(fonts/AauxNext-Regular.woff) format('woff');
}

@font-face {
    font-family: AauxNext_Regular;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/AauxNext-Medium.woff2) format('woff2'), url(fonts/AauxNext-Medium.woff) format('woff');
}

@font-face {
    font-family: AauxNext_Regular;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/AauxNext-SemiBold.woff2) format('woff2'), url(fonts/AauxNext-SemiBold.woff) format('woff');
}

@font-face {
    font-family: AauxNext_Regular;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/AauxNext-Bold.woff2) format('woff2'), url(fonts/AauxNext-Bold.woff) format('woff');
}

@font-face {
    font-family: 'maxisbold';
    src: url(../fonts/maxis-bold-webfont.woff2) format('woff2'),
        url(../fonts/maxis-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

.iphxs-overview-div {
    display: flex;
    justify-content: center;
}

.iphxs-overview-div .text-wrapper {
    display: block;
    margin: auto;
}

.iphxs-overview-div .text-wrapper .text-content {
    font-size: 17px;
}

.iphxs-overview-div .text-wrapper sup .sup1 {
    color: #fff;
    font-size: 10px;
    text-decoration: none;
}

.iphxs-overview-div .text-wrapper sup .sup1:hover {
    color: blue;
}

.iphxs-overview-div .text-wrapper #rig-cont {
    margin-bottom: 15px;
}

.iphxs-overview-div #left {
    margin-right: -140px;
}

@media (max-width: 767.98px) {
    .iphxs-overview-div #left {
        display: none;
    }
}

.iphxs-overview-div #left-xr {
    margin-right: -100px;
}

@media (max-width: 991.98px) {
    .iphxs-overview-div #left-xr {
        display: none;
    }
}

.iphxs-overview-div #right-xr {
    margin-left: -100px;
}

@media (max-width: 991.98px) {
    .iphxs-overview-div #right-xr {
        display: none;
    }
}

.iphxs-overview-div #right {
    margin-left: -140px;
}

@media (max-width: 767.98px) {
    .iphxs-overview-div #right {
        display: none;
    }
}

.iphxs-overview-div #left-img {
    margin-right: 15px;
}

@media (max-width: 991.98px) {
    .iphxs-overview-div #left-img {
        margin-right: -15px;
    }
}

.iphxs-overview-div #right-img {
    margin-left: 15px;
}

@media (max-width: 991.98px) {
    .iphxs-overview-div #right-img {
        margin-left: -15px;
        margin-top: 50px;
    }
}

.iphxs-overview-div .ph-img-wrapper {
    max-width: 165px;
    width: 100%;
    margin: auto;
}

@media (max-width: 991.98px) {
    .iphxs-overview-div .ph-img-wrapper {
        max-width: 100%;
    }
}

.iphxs-overview-div .ph-img-wrapper .ph-img {
    background-size: cover;
    background-repeat: no-repeat;
}

.iphxs-overview-div .ph-img-wrapper #mobile {
    padding-left: 20px;
}

@media (min-width: 768px) {
    .iphxs-overview-div .ph-img-wrapper #mobile {
        display: none;
    }
}

.compare-div .title-wrapper .compare-title {
    font-size: 32px;
    text-align: center;
}

.compare-div .phn-compare-wrapper {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper {
        display: block;
    }
}

.compare-div .phn-compare-wrapper #ph-comp1 {
    margin-left: -100px;
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper #ph-comp1 {
        margin-left: 0;
    }
}

.compare-div .phn-compare-wrapper #ph-comp2 {
    margin-right: -100px;
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper #ph-comp2 {
        margin-right: 0;
    }
}

.compare-div .phn-compare-wrapper .ph-compare {
    width: 300px;
    margin-top: auto;
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper .ph-compare {
        width: 100%;
        margin-bottom: 30px;
    }
}

.compare-div .phn-compare-wrapper .ph-compare #hide-ip {
    display: none;
}

.compare-div .phn-compare-wrapper .ph-compare #ip-xs-small {
    height: 370px;
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper .ph-compare #ip-xs-small {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper .ph-compare #ipxs-sml {
        display: none;
    }
}

.compare-div .phn-compare-wrapper .ph-compare .ph-compare-bg {
    height: 380px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper .ph-compare .ph-compare-bg {
        height: 380px;
    }
}

.compare-div .phn-compare-wrapper .ph-compare .ph-compare-bg1 {
    height: 390px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .compare-div .phn-compare-wrapper .ph-compare .ph-compare-bg1 {
        height: 150px;
    }
}

.compare-div .phn-compare-wrapper .ph-compare .ip-8plus {
    height: 380px;
}

.compare-div .phn-compare-wrapper .ph-compare .ip-8 {
    height: 335px;
}

.compare-div .phn-compare-wrapper .ph-compare .phn-name {
    text-align: center;
    font-size: 17px;
    margin-top: 10px;
}

.compare-div .phn-compare-wrapper .ph-compare .select-ip8 {
    display: flex;
    justify-content: center;
    margin-bottom: -11px;
}

.compare-div .phn-compare-wrapper .ph-compare .select-ip8 .phn-name1 {
    color: #80736e;
    font-size: 17px;
}

.compare-div .phn-compare-wrapper .ph-compare .select-ip8 .ip8-active {
    color: #fff;
}

.compare-div .phn-compare-wrapper .ph-compare .select-ip8 .middot1 {
    vertical-align: middle;
    margin: auto 0;
}

.bg-img-wrapper {
    margin-top: 70px;
}

@media (max-width: 991.98px) {
    .bg-img-wrapper {
        margin-top: 10px;
    }
}

.bg-img-wrapper .bg-manifesto {
    background-size: contain;
    background-repeat: no-repeat;
    height: 1022px;
    background-position: center;
}

@media (max-width: 991.98px) {
    .bg-img-wrapper .bg-manifesto {
        height: 820px;
    }
}

.bg-img-wrapper #live-gig {
    height: 740px;
}

@media (max-width: 991.98px) {
    .bg-img-wrapper #live-gig {
        height: 230px;
    }
}

.fix-bg {
    background-size: cover;
    background-repeat: no-repeat;
    height: 750px;
    background-position: center;
    background-attachment: fixed;
}

@media (max-width: 991.98px) {
    .fix-bg {
        height: 500px;
        background-size: cover;
    }
}

@media (max-width: 991.98px) {
    #xr-beaut {
        padding-bottom: 90px;
    }
}

.beaut-photo-div {
    margin-top: 50px;
}

@media (max-width: 991.98px) {
    .beaut-photo-div {
        margin-top: 195px;
    }
}

.beaut-photo-div .bt-photo {
    background-size: contain;
    background-repeat: no-repeat;
    height: 740px;
    background-position: center;
}

@media (max-width: 991.98px) {
    .beaut-photo-div .bt-photo {
        height: 455px;
    }
}

@media (min-width: 768px) {
    .beaut-photo-div #mob-bt {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .beaut-photo-div #desktop-bt {
        display: none;
    }
}

.beaut-photo-div .caption-div {
    position: absolute;
    width: 235px;
    right: 0;
    left: 65%;
    margin-top: 75px;
}

@media (max-width: 991.98px) {
    .beaut-photo-div .caption-div {
        left: 10%;
        margin-top: 0;
    }
}

.beaut-photo-div .caption-div .title {
    position: relative;
    color: #fff;
    font-size: 21px;
}

.beaut-photo-div .caption-div .desc {
    position: relative;
    font-size: 21px;
}

@media (max-width: 991.98px) {
    .beaut-photo-div #dept-cont {
        margin-top: -128px;
    }
}

@media (max-width: 991.98px) {
    .beaut-photo-div #dept-cont {
        margin-top: -50px;
    }
}

@media (max-width: 991.98px) {
    #dept-div {
        margin-top: 135px;
    }
}

.material-div {
    display: flex;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .material-div {
        display: block;
    }
}

@media (min-width: 768px) {
    .material-div #mobile-mat {
        display: none;
    }
}

.material-div .material-content {
    position: relative;
    font-size: 21px;
    width: 670px;
    line-height: 1.38105;
    font-weight: 600;
    letter-spacing: 0.011em;
    margin-bottom: 50px;
}

@media (max-width: 991.98px) {
    .material-div .material-content {
        width: 100%;
        margin-bottom: 0;
        margin-top: 30px;
    }
}

.material-div .material-content .desc-material {
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 600;
    letter-spacing: 0.011em;
}

.material-div .material-content .mat-title {
    color: #fff;
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 600;
    letter-spacing: 0.011em;
}

.material-div .material-content #left-bot {
    margin-top: 370px;
}

@media (max-width: 991.98px) {
    .material-div .material-content #left-bot {
        margin-top: 30px;
    }
}

.material-div #right-mat {
    margin-top: 270px;
}

@media (max-width: 991.98px) {
    .material-div #right-mat {
        margin-top: 30px;
    }
}

.material-div .exc-material {
    background-size: contain;
    height: 800px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
    .material-div .exc-material {
        display: none;
    }
}

.material-div-1 .exc-material-1 {
    background-size: contain;
    height: 270px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .material-div-1 .exc-material-1 {
        display: none;
    }
}

.material-div-1 #mob-only {
    margin-top: 270px;
}

@media (min-width: 768px) {
    #gradient-container1 {
        background: linear-gradient(#000, #121212);
        padding-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    #gradient-container2 {
        background: linear-gradient(#000, #121212);
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .bio-mob-div {
        display: none;
    }
}

.bio-mob-div .bionic-mobile .bio-mobile {
    background-size: auto;
    height: 270px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .bio-mob-div .bionic-mobile .bio-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .bio-mob-div .bionic-mobile .bio-content-mobile {
        display: none;
    }
}

.bio-mob-div .bionic-mobile .bio-content-mobile .chip-mob {
    position: relative;
    color: #fff;
    width: 165px;
    font-size: 40px;
    line-height: 0.85417;
    font-weight: 600;
    margin-top: -80px;
}

@media (min-width: 768px) {
    .bio-mob-div .bionic-mobile .bio-content-mobile .chip-mob {
        display: none;
    }
}

.bionic-div {
    background-size: contain;
    height: 810px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('images/png/chip_large.jpg');
}

@media (max-width: 991.98px) {
    .bionic-div {
        background-image: none;
    }
}

.bionic-div .bio-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 200px;
}

@media (max-width: 991.98px) {
    .bionic-div .bio-wrapper {
        display: block;
        margin-top: 30px;
    }
}

.bionic-div .bio-wrapper .bio-content-div {
    margin: auto;
}

.bionic-div .bio-wrapper .bio-content-div .bio-content {
    margin-top: 50px;
    width: 220px;
}

@media (max-width: 991.98px) {
    .bionic-div .bio-wrapper .bio-content-div .bio-content {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.bionic-div .bio-wrapper .bio-content-div .bio-content .small-content {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 400;
    letter-spacing: 0.011em;
    color: #fff;
    margin-bottom: 0;
}

.bionic-div .bio-wrapper .bio-content-div .bio-content .large-content {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: 0.004em;
    color: #fff;
}

.bionic-div .bio-wrapper .bio-content-div .chip-large {
    position: relative;
    color: #fff;
    width: 165px;
    font-size: 48px;
    line-height: 0.85417;
    font-weight: 600;
    margin-top: 250px;
    margin-left: -160px;
}

@media (max-width: 991.98px) {
    .bionic-div .bio-wrapper .bio-content-div .chip-large {
        margin-top: 0px;
        margin-left: 0px;
        display: none;
    }
}

.cam-spec-title {
    font-size: 32px;
    line-height: 1.125;
    display: block;
    font-weight: 600;
    letter-spacing: 0.004em;
    color: #fff;
    margin-bottom: 30px;
}

.camera-spec-div {
    display: flex;
}

.camera-spec-div .cam-content {
    width: 354px;
}

@media (max-width: 991.98px) {
    .camera-spec-div .cam-content {
        width: 100%;
    }
}

.camera-spec-div .cam-content .cam-title {
    font-size: 32px;
    line-height: 1.125;
    display: block;
    font-weight: 600;
    letter-spacing: 0.004em;
    color: #fff;
}

.camera-spec-div .cam-content .desc-cam {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 400;
    letter-spacing: 0.011em;
    position: relative;
    margin-top: 0.2em;
    margin-bottom: 30px;
}

@media (max-width: 991.98px) {
    .camera-spec-div .cam-content #desk-cam {
        display: none;
    }
}

.camera-spec-div #mobile-cam {
    padding-left: 20px;
}

@media (min-width: 768px) {
    .camera-spec-div #mobile-cam {
        display: none;
    }
}

.camera-spec-div .cam-bg {
    background-size: contain;
    height: 550px;
    margin-top: 225px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
    .camera-spec-div .cam-bg {
        display: none;
    }
}

@media (min-width: 768px) {
    .tru-dep {
        display: none;
        padding: 0;
    }
}

.btn-div .btn-1 {
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
    margin-top: 40px;
    padding: 0 23px;
    border-radius: 46px;
    border: 2px solid #f5dfd3;
    letter-spacing: 1px;
    font-size: 18px;
    color: #f5dfd3;
    -webkit-transition: 300ms background cubic-bezier(0.4, 0, 0.6, 1);
    transition: 300ms background cubic-bezier(0.4, 0, 0.6, 1);
}

.btn-div .btn-1:hover {
    color: #000;
    background-color: #f5dfd3;
}

body {
    color: #000;
    font-size: 17px;
    font-family: 'maxisregular';
    letter-spacing: normal;
    line-height: 1.5;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-font-smoothing: subpixel-antialiased !important;
    text-rendering: optimizeLegibility !important;
}

#black-background {
    background-color: #000;
    color: #fff;
}

section {
    padding: 70px 0;
}

/* .row {
  padding: 50px 155px;
  margin-left: 0;
  margin-right: 0;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .row {
    padding: 25px 30px;
  }
} */

a {
    color: #000;
}

.progress-div #progress-preord {
    left: 36%;
}

@media (max-width: 991.98px) {
    .progress-div #progress-preord {
        left: 22%;
        top: -15px;
    }
}

.progress-div #white-circ-1 {
    left: 49%;
    background-color: #4d4d4d;
    width: 10px;
    height: 10px;
    top: -4px;
}

.progress-div #white-circ-1 .progress-onhold {
    color: #4d4d4d;
    top: -25%;
}

.progress-div #white-circ-2 {
    left: 62%;
    background-color: #4d4d4d;
    width: 10px;
    height: 10px;
    top: -4px;
}

@media (max-width: 991.98px) {
    .progress-div #white-circ-2 {
        left: 73%;
    }
}

.progress-div #white-circ-2 .progress-onhold {
    color: #4d4d4d;
    top: -25%;
}

/* Progressive */

.progress-div {
    margin: 40px auto 40px auto;
    position: relative;
}

.progress-div .progress-line-div {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.progress-div .progress-line-div .progress-line {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    /* background-color: #4d4d4d; */
    top: 0%;
}

.progress-div .progress-line-div .progress-line.light {
    background-color: #bababa;
}

.progress-div .progress-line-div .progress-line.dark {
    background-color: #fff;
    border: 0.5px solid #bababa;
}

@media (max-width: 991.98px) {
    .progress-div .progress-line-div .progress-line {
        top: 0%;
        width: 50%;
    }
}

.progress-div .progress-check-div {
    position: absolute;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border: 2px solid #8dc63f;
    left: 61%;
    top: -18px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    /* padding: 2px; */
    z-index: 3;
}

@media (max-width: 991.98px) {
    .progress-div .progress-check-div {
        left: 72%;
        top: -15px;
    }
}

.progress-div .progress-check-div .progress-check {
    position: relative;
    color: #fff;
    background-color: #8dc63f;
    border-radius: 50%;
    /* border: 3px solid #000; */
    font-size: 18px;
    width: 28px;
    height: 28px;
    top: 0%;
    margin: auto;
}

.progress-div .progress-onhold-div {
    position: absolute;
    display: flex;
    top: -11px;
    justify-content: center;
    background-color: #8dc63f;
    width: 22px;
    height: 23px;
    text-align: center;
    border-radius: 50%;
    padding: 2px;
    z-index: 3;
}

@media (max-width: 991.98px) {
    .progress-div .progress-onhold-div {
        left: 75%;
        top: -10px;
    }
}

.progress-div .progress-onhold-div .progress-onhold {
    position: relative;
    color: #fff;
    font-size: 0;
    border-radius: 50%;
    border: none;
    font-weight: 700;
    width: 23px;
    height: 24px;
    top: 0%;
}

.progress-div .progress-onhold-div .progress-onhold .material-icons {
    font-size: 20px;
    line-height: 1;
}

.progress-div .progress-onhold-div#mid {
    left: 48%;
}

@media (max-width: 991.98px) {
    .progress-div .progress-onhold-div#mid {
        left: 48%;
    }
}

.progress-div .progress-onhold-div#right {
    left: 37%;
}

@media (max-width: 991.98px) {
    .progress-div .progress-onhold-div#right {
        left: 23%;
    }
}

.header-div {
    position: relative;
    padding: 0 38px;
}

.header-div .header {
    font-size: 30px;
    color: #333333;
    line-height: 34px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .header-div .header {
        font-size: 28px;
    }
}

.header-div .subheader {
    font-family: 'AauxNext_Regular';
    font-size: 18px;
    color: #333333;
    line-height: 22px;
    text-align: center;
}

.device-selection {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .device-selection {
        display: block;
    }
}

.device-selection .device-overview {
    position: relative;
    width: 100%;
    padding: 20px 0;
}

.device-selection .device-overview .img-div {
    margin: auto;
}

.device-selection .device-overview .img-div .img-wrapper {
    height: 450px;
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 0;
}

@media (max-width: 991.98px) {
    .device-selection .device-overview #hide-img {
        display: none;
    }
}

.device-selection .device-overview .tagline {
    width: auto;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://www.apple.com/v/iphone-xs/b/images/overview/hero_logo_large.svg');
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

@media (max-width: 991.98px) {
    .device-selection .device-overview .tagline {
        width: auto;
    }
}

.device-selection .device-overview .tagline .visualHidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    text-align: center;
}

@media (max-width: 991.98px) {
    .device-selection .device-overview #tagline-iphxs {
        display: none;
    }
}

/* .device-selection .device-overview .device-select .btn {
    font-family: 'Aaux Next Regular';
    width: 70px;
    margin: 10px auto 5px auto;
    background-color: transparent;
    color: #000;
    border-radius: 5%;
    border: 1px solid #333333;
    padding: 10px 20px;
    text-align: center;
}

.device-selection .device-overview .device-select .active {
    background-color: #333333;
    color: #fff;
    border: 1px solid #333333;
} */

@media (max-width: 991.98px) {
    .device-selection .device-overview #device-btn {
        display: none;
    }
}

.device-selection .device-overview .dev-mobile-btn {
    display: flex;
    justify-content: center;
}

@media (min-width: 768px) {
    .device-selection .device-overview .dev-mobile-btn {
        display: none;
    }
}

.device-selection .device-overview .dev-mobile-btn .device-select-mob {
    margin: auto;
}

.device-selection .device-overview .dev-mobile-btn .device-select-mob .btn {
    width: 70px;
    margin: 10px auto 5px auto;
    background-color: transparent;
    color: #000;
    border-radius: 5%;
    border: 1px solid #8ce600;
    padding: 10px 20px;
}

.device-selection .device-overview .dev-mobile-btn .device-select-mob .active {
    background-color: #333333;
    color: #fff;
    border: 1px solid #333333;
}

.price-overview-div {
    padding-top: 10px;
}

@media screen and (max-width: 560px) {

    .my-div {
        margin-top: 15px;
    }
}

.price-overview-div .price-overview {
    position: relative;
    margin: 0 auto;
}

.price-overview-div .price-overview .price-tab {
    display: none;
    padding: 10px 30px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab {
        padding: 0;
    }
}

.price-overview-div .price-overview .price-tab .three-tabs-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn {
        margin-bottom: 0px;
        padding-bottom: 20px;
        display: flex;
        overflow-x: scroll;
        justify-content: unset;
    }
}

.price-overview-div .price-overview .price-tab .three-tabs-btn .tab-nav {
    position: absolute;
    z-index: 999;
    top: 30%;
    display: none;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn .tab-nav {
        display: block;
    }
}

.price-overview-div .price-overview .price-tab .three-tabs-btn .tab-nav.tab-prev {
    left: 0;
}

.price-overview-div .price-overview .price-tab .three-tabs-btn .tab-nav.tab-next {
    right: 0;
}

/* .price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn {
    color: #101010;
    margin: auto 5px;
    font-size: 14px;
    font-family: 'Aaux Next Light';
    font-weight: 700;
    width: 30%;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding:6px 10px;
    text-align: center;
    color: #3e4a56;
    border: 1px solid #3e4a56;
    background-color: transparent;
    border-radius: 8px;
    min-width: 250px;
    min-width: 148px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.2;
    margin: 1px 5px;
    transition: none;
    transition: border-color 0.25s;
    position: relative;
}
.price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn::before{
    position:absolute;
}

.price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn:hover,
.price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn:active,
.price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn:focus{
    letter-spacing: 1.5px!important;
    margin-top: 0;
    margin: 0px 5px;
    border: 2px solid #40c706;
    transition: border-color 0.25s;
} */


/* .price-overview-div .price-overview .price-tab .three-tabs-btn #mid-zero {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0;
    padding: 20px 0;
} */

/* @media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn #mid-zero {
        border-left: none;
        border-right: none;
    }
} */

.price-overview-div .price-overview .price-tab .three-tabs-btn .plan-active,.price-overview-div .price-overview .price-tab .three-tabs-btn .plan-ecem-active {
    /* color: #8ce600;
    border-bottom: 3px solid #8ce600;
    border-radius: 0;
    margin-bottom: 0 !important;
    padding: 20px 0; */
    border: 2px solid #40c706;
    margin: 0px 5px;
    /* //box-shadow: 0 0 1px #40c706; */
}

/* @media (min-width: 768px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn {
        line-height: 1.5;
        padding:15px 10px 15px;
        padding:13px 10px 17px;
    }
    .price-overview-div .price-overview .price-tab .three-tabs-btn .plan-active,
    .price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn:hover,
    .price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn:active,
    .price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn:focus{
        padding:15px 10px 15px;
    }
    display: block;
}
@media (min-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn {
        min-width: 220px!important;
    }
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn .plan-active {
        display: block;
    }
} */

.price-overview-div .price-overview .price-tab .my-div {
    display: none;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab {
    display: flex;
    overflow-x: scroll;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .my-div .plan-tab {
        display: block;
        margin: 0 auto
    }
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table {
    background-color: #ffffff;
    box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    /* min-width: 350px!important; */
    min-height: 350px !important;
    border-radius: 14px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table {
        /* margin: 20px 10px; */
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
}

@media (max-width: 767px) {
    .price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table {
        min-height: 350px !important;
        margin: 15px;
    }
}

@media (max-width: 481px) {
    .price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table {
        /* min-width: 100%!important; */
        min-height: 290px !important;
    }
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .table-header {
    text-align: center;
    font-size: 24px;
    color: #115e67;
    font-weight: 800;
    padding: 50px 10px 10px;
    font-family: 'maxisblack', sans-serif;
}

@media (max-width: 767px) {
    .price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .table-header {
        margin-top: -20px;
        padding: 8px;
    }
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .table-header .title {
    display: inline;
    font-family: 'Aaux Next Light';
    font-weight: 700;
    font-size: 32px;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .table-header .title-bold {
    display: inline;
    font-size: 32px;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .monthly-payment-div {
    font-family: 'Aaux Next Regular';
    display: flex;
    color: #00449d;
    padding: 20px 10px;
    border-bottom: 1px solid #c7c7c7;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .monthly-payment-div .mp-title {
    font-size: 14px;
    width: 80px;
    line-height: 1em;
    margin-right: auto;
    color: #000;
    text-transform: uppercase;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .monthly-payment-div .sup-currency {
    font-size: 14px;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .monthly-payment-div .mp-value {
    font-family: 'Aaux Next Bold';
    font-size: 32px;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .monthly-payment-div .mp-month {
    font-size: 25px;
    font-family: 'Aaux Next Light';
    font-weight: 700;
    padding-top: 7px;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .content-div {
    font-family: 'Aaux Next Light';
    display: flex;
    justify-content: center;
    padding: 0 7px;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .content-div .cust-plus {
    width: 13px !important;
    height: 5px !important;
    background-color: #cecece;
    font-size: 24px !important;
    color: white;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    padding: 8px 10px 0 0px;
    padding-bottom: 12px;
    margin-top: 15px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .content-div .cust-plus:before {
    content: '';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    font-size: 18px;
    padding-right: 0.5em;
    text-decoration: inherit;
    display: inline-block;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .content-div .subtitle-content {
    font-family: 'Aaux Next Bold';
    font-size: 14px;
    line-height: 1em;
    margin-right: auto;
    width: 33%;
    text-transform: uppercase;
    padding: 20px 13px;
    display: inline-flex;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .content-div .main-content {
    font-size: 23px;
    margin-top: 17px;
    display: inline;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .content-div .number {
    font-size: 35px;
    margin-top: 4px;
    display: inline;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .bot-content-div {
    display: flex;
    justify-content: center;
}

.price-overview-div .price-overview .price-tab .my-div .plan-tab .all-plan-table .bot-content-div .bot-content {
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 10px;
    width: 85%;
}

.price-overview-div .price-overview .price-tab .isActive, .price-overview-div .price-overview .price-tab .isEcemActive {
    display: block;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .isActive, .price-overview-div .price-overview .price-tab .isEcemActive {
        display: block;
    }
}



.price-overview-div .price-overview .price-tab .stock-check-div {
    padding: 20px 30px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div {
        display: none;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table {
    border-collapse: collapse;
    width: 100%;
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-title-avaibility {
    width: 100%;
    margin: auto;
    background-color: #8ce600;
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-title-avaibility th.item-title {
    padding: 5px 30px;
    color: #000;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 24px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-title-avaibility th.item-title {
        padding: 5px 10px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility {
    background-color: #f2f2f2;
    border-bottom: 3px solid #fff;
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility td.item-content {
    padding: 5px 30px;
    font-size: 18px;
    color: #88c13c;
    text-align: center;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility td.item-content {
        font-size: 14px;
        padding: 5px 10px;
        line-height: 15px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #selling-fast {
    color: #f0a31f;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #selling-fast {
        padding-left: 15px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #sold-out {
    color: #ec008c;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #sold-out {
        padding-left: 15px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-yellow {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-yellow {
        padding-left: 25px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-yellow:before {
    content: '';
    height: 15px;
    width: 15px;
    background-color: #f9d044;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
    text-align: left;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-yellow:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-coral {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-coral {
        padding-left: 25px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-coral:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #d1cddb;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-coral:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-red {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-red {
        padding-left: 25px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-red:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #c00228;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-red:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue {
        padding-left: 25px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #abe0cc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-black {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-black {
        padding-left: 25px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-black:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #1b1b1c;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-black:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-white {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-white {
        padding-left: 25px;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-white:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-white:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.price-overview-div .price-overview .price-tab .bot-text {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #333333;
}

.price-overview-div .price-overview .price-tab .bot-title {
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
    line-height: 1em;
}

@media (max-width: 991.98px) {
    .price-overview-div .price-overview .price-tab .bot-title {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .price-overview-div .price-overview .price-tab .stock-check-mobile {
        display: none;
    }
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .three-types-btn {
    display: flex;
    justify-content: center;
    margin: 30px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .three-types-btn .mobiletab-btn {
    font-size: 20px;
    font-family: 'Aaux Next Light';
    font-weight: 700;
    line-height: 1em;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .three-types-btn .stock-active {
    color: #8ce600;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .three-types-btn #mid-zero {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob #hide-first {
    display: none;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .title-wrap {
    display: flex;
    justify-content: center;
    background-color: #8ce600;
    padding: 10px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .title-wrap .title {
    margin: auto;
    font-size: 24px;
    line-height: 1em;
    text-align: center;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap {
    display: flex;
    justify-content: center;
    padding: 10px;
    background-color: #f2f2f2;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap .text {
    margin: auto;
    font-size: 18px;
    line-height: 1em;
    text-align: center;
    color: #000000;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #instock {
    color: #80c143;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #color-white:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #color-black:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #color-blue:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #abe0cc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #color-yellow:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #ffe77a;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #color-coral:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #d1cddb;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #color-red:before {
    content: '';
    height: 15px;
    width: 15px;
    text-align: left;
    background-color: #c00228;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

.price-overview-div .price-overview .price-tab .stock-check-mobile .stock-check-mob .stocktable .content-wrap #limited {
    color: #ec008c;
}

.price-overview-div .price-overview .tab-active {
    display: block;
}

.price-overview-div .price-overview {
    width: 100%;
    max-width: 100%;
}

.price-overview-div .price-overview .price-tab .three-tabs-btn {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 900px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn {
        max-width: 100%;
        /* padding: 0px 30px 20px 20px; */
        padding: 0px 30px;
    }
}

/*waiting room*/

.wr-title {
    font-size: 24px;
    line-height: 1em;
    display: inline;
}

.wr-text {
    font-family: 'Aaux Next Light';
    font-weight: 700;
    font-size: 24px;
    line-height: 1em;
    display: inline;
}

@media (max-width: 991.98px) {
    .wr-text {
        padding: 0 15px;
    }

    .wr-row {
        padding: 10px;
    }
}

.signboard-div .signboard-wrapper {
    position: relative;
}

.signboard-div .signboard-wrapper .signboard-bg {
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
    background-position: center;
}

.signboard-div .signboard-text {
    display: flex;
    justify-content: center;
    padding: 5px;
}

.signboard-div .signboard-text .signboard-header {
    position: relative;
    font-size: 28px;
    bottom: 62px;
    color: #88c13c;
    left: 10px;
}

@media (max-width: 991.98px) {
    .signboard-div .signboard-text .signboard-header {
        font-size: 12px;
        bottom: 58px;
        left: 12px;
    }
}

.signboard-div .box-queue {
    background-size: contain;
    background-repeat: no-repeat;
}

.signboard-div .box-queue .queue-content {
    padding: 20px;
}

@media (max-width: 767.98px) {
    .signboard-div .box-queue .queue-content {
        padding: 10px;
    }
}

.signboard-div .box-queue .queue-content .queue-title {
    position: relative;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #004b35;
    margin-left: 82%;
}

@media (max-width: 767.98px) {
    .signboard-div .box-queue .queue-content .queue-title {
        font-size: 14px;
        margin-left: 0;
    }
}

.signboard-div .box-queue .queue-content .queue-text {
    position: relative;
    text-align: center;
    font-size: 52px;
    color: #ec008c;
    margin-left: 82%;
    line-height: 50px;
}

@media (max-width: 767.98px) {
    .signboard-div .box-queue .queue-content .queue-text {
        font-size: 36px;
        line-height: 30px;
        margin-left: 0;
    }
}

.signboard-div #desktop-box-bg {
    background-position: right;
    height: 245px;
    margin-right: 55px;
    margin-top: 50px;
}

@media (max-width: 767.98px) {
    .signboard-div #desktop-box-bg {
        display: none;
    }
}

.signboard-div #mobile-box-bg {
    background-position: center;
    height: 150px;
    margin-left: 145px;
    margin-top: 40px;
    margin-right: 0;
}

@media (min-width: 576px) {
    .signboard-div #mobile-box-bg {
        display: none;
    }
}

.waiting-hall {
    background-size: cover;
    height: 830px;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
    .waiting-hall {
        height: 580px;
    }
}

.waiting-hall .tab-div {
    position: relative;
    width: 610px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div {
        width: 300px;
        margin: 80px auto 10px auto;
    }
}

.waiting-hall .tab-div .avaibility-tab-box {
    background-color: #fff;
    border: 1px solid #6b9243;
    box-shadow: -1px -5px #6b9243;
    -webkit-box-shadow: -1px -5px #6b9243;
    -moz-box-shadow: -1px -5px #6b9243;
    padding: 15px 0;
}

.waiting-hall .tab-div .avaibility-tab-box .tab-title-div {
    background-color: #6b9243;
    position: absolute;
    padding: 5px 10px;
    letter-spacing: 0.05em;
    border-radius: 10px;
    top: -13%;
    left: 0%;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .tab-title-div {
        top: -10%;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .tab-title-div .tab-title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    font-family: 'Aaux Next Light';
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .tab-title-div .tab-title {
        font-size: 16px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .check-stock .tab-content-btn {
    display: flex;
}

.waiting-hall .tab-div .avaibility-tab-box .check-stock .tab-content-btn .model-select {
    color: #c7c7c7;
    font-size: 24px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .check-stock .tab-content-btn .model-select {
        font-size: 16px;
        padding: 8px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .check-stock .tab-content-btn .tab-active {
    color: #335809;
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table {
    border-collapse: collapse;
    width: 100%;
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-title-avaibility {
    width: 100%;
    margin: auto;
    background-color: #88c13c;
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-title-avaibility th.item-title {
    padding: 5px 30px;
    color: #fff;
    letter-spacing: 0.05em;
    font-family: 'Aaux Next Light';
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-title-avaibility th.item-title {
        padding: 5px 10px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility td.item-content {
    padding: 5px 30px;
    font-size: 18px;
    color: #88c13c;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility td.item-content {
        font-size: 14px;
        padding: 5px 10px;
        line-height: 15px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #selling-fast {
    color: #f0a31f;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #selling-fast {
        padding-left: 15px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #sold-out {
    color: #ec008c;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #sold-out {
        padding-left: 15px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-yellow {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-yellow {
        padding-left: 25px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-yellow:before {
    content: '';
    height: 15px;
    width: 15px;
    background-color: #f9d044;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-yellow:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-coral {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-coral {
        padding-left: 25px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-coral:before {
    content: '';
    height: 15px;
    width: 15px;
    background-color: #d1cddb;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-coral:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-red {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-red {
        padding-left: 25px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-red:before {
    content: '';
    height: 15px;
    width: 15px;
    background-color: #c00228;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-red:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-blue {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-blue {
        padding-left: 25px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-blue:before {
    content: '';
    height: 15px;
    width: 15px;
    background-color: #abe0cc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-blue:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-black {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-black {
        padding-left: 25px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-black:before {
    content: '';
    height: 15px;
    width: 15px;
    background-color: #1b1b1c;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-black:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-white {
    color: #004b35;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-white {
        padding-left: 25px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-white:before {
    content: '';
    height: 15px;
    width: 15px;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
}

@media (max-width: 991.98px) {
    .waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility #color-white:before {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-left: -20px;
    }
}

.waiting-hall .tab-div .avaibility-tab-box #hide {
    display: none;
    overflow: hidden;
}

/* iPhone Page CSS */

@media (max-width: 1200px) {
    .content-margin {
        margin-left: -45px;
        margin-right: -45px;
    }
}

/* .apple-font {
    font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
} */

.grey {
    background-color: #111111;
}

.white {
    background-color: #fff;
}

/* .iphone-content {
    margin: 200px auto;
} */

.iphone-content img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.iphone-content .iphone-logo {
    height: auto;
    width: auto;
    margin: 0 auto;
}

.iphone-content h1 {
    font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 70px;
    line-height: 1.2;
    font-weight: 600;
}

.iphone-content h2 {
    font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 500;
}

.iphone-content h3 {
    font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 35px;
    font-weight: 500;
    color: #888888;
}

.iphone-content h5 {
    font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 70px;
    line-height: 1.2;
    font-weight: 600;
}

.iphone-content p {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 28px;
    color: #cccccc;
}

.iphone-content p.details {
    font-size: 20px;
}

.iphone-content p.details span {
    font-weight: 500;
    color: #fff;
}

.iphone-content .btn {
    font-size: 20px;
    color: #fff;
    background: none;
    border-radius: 50px;
    /* padding: 8px 30px; */
    transition: color 0.15s, background-color 0.15s;
    cursor: pointer;
    /* margin-top: 50px; */
}

.iphone-content .btn a {
    color: white;
}

.iphone-content .btn:hover {
    background-color: #fff;
    color: #000;
}

.iphone-content .btn:hover>a {
    color: #000;
}

.iphone-content .btn.isSticky {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 899;
    margin: 0;
    max-width: initial;
    display: block;
    visibility: hidden;
    background-color: #000;
}

.iphone-content .btn.isSticky:hover>a {
    color: white;
}

.iphone-content .btn.alt {
    border: 2px solid #6e6e73;
    color: #6e6e73;
    background-color: #fff;
}

.iphone-content .btn.alt.button-po-btm {
    margin-top: -120px;
}

.iphone-content .btn.alt a {
    color: #6e6e73;
    text-decoration: none
}

.iphone-content .btn.alt:hover {
    border: 2px solid #000000;
    color: #fff;
    background-color: #000000;
}

.iphone-content .btn.alt:hover>a {
    color: #fff;
}

.iphone-content .camera-logo {
    width: 70px;
    height: 70px;
    margin-right: 25px;
}

.iphone-content .camera-logo img {
    height: 100%;
    width: auto;
}

.white .grey {
    background-color: #fafafa;
}

.white .iphone-content .iphone-logo {
    height: auto;
    width: auto;
    margin: 0 auto;
}

.white .iphone-content h2 {
    color: #000;
}

.white .iphone-content h3 {
    font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 35px;
    font-weight: 500;
    color: #666666;
}

.white .iphone-content p {
    font-family: 'maxisbold', sans-serif;
    font-size: 28px;
    color: #333333;
}

.white .iphone-content p.details {
    font-size: 25px;
}

.white .iphone-content p.details span {
    font-weight: 500;
    color: #333333;
}

.white .iphone-content .btn {
    padding: 0;
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    background: #40c806;
    border-radius: 10px;
    transition: color 0.15s, background-color 0.15s;
    cursor: pointer;
    transition: all .4s ease-in-out;
    letter-spacing: 1.5px !important;
    width: 300px;
    font-family: 'maxisbold', sans-serif;
}

.white .iphone-content .btn a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 15px 0;
    /* padding: 20px 70px; */
}

.white .iphone-content .btn:hover {
    letter-spacing: 2.5px !important;
    color: #fff;
}

.white .iphone-content .btn:hover>a {
    color: #fff;
}

.white .iphone-content .camera-logo {
    width: 70px;
    height: 70px;
}

.white .iphone-content .camera-logo img {
    height: 100%;
    width: auto;
}

.iphone-content .specs {
    padding-bottom: 100px;
}

.iphone-content .specs .icons {
    width: 80px;
    margin-bottom: 30px;
}

.iphone-content .specs .icons.smaller {
    width: 50px;
}

.iphone-content .specs .iphone-img {
    height: 330px;
    display: flex;
}

.iphone-content .specs .iphone-img img {
    object-fit: contain;
    margin-top: auto;
}

.iphone-content .specs .btn {
    font-size: 16px;
    font-weight: 400;
    margin-top: 25px;
}

.iphone-content .specs .color-dot {
    height: 45px;
}

.iphone-content .specs .color-dot img {
    height: auto;
}

.iphone-content .specs h3 {
    color: #000 !important;
    margin-top: 50px;
}

.iphone-content .specs h4.title {
    color: #000;
    margin-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #d6d6d6;
    font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 30px;
    font-weight: 500;
}

.iphone-content .specs p {
    font-size: 16px;
}

.legal {
    background-color: #f2f2f2;
    padding: 50px 0;
}

.legal p {
    font-size: 12px;
    color: #888888;
}

.waiting-hall.new-table {
    height: auto;
}

.waiting-hall.new-table .tab-div {
    width: 900px;
}

.waiting-hall.new-table .tab-div .avaibility-tab-box {
    box-shadow: none;
    border: 0;
}

.waiting-hall.new-table .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-title-avaibility {
    background-color: #8ce600;
}

.waiting-hall.new-table .tab-div .avaibility-tab-box .check-stock .tab-content-btn .model-select {
    margin-right: 15px;
}

.waiting-hall.new-table .tab-div .avaibility-tab-box .check-stock .tab-content-btn .model-select:first-of-type {
    margin-left: auto;
}

.waiting-hall.new-table .tab-div .avaibility-tab-box .check-stock .tab-content-btn .model-select:last-of-type {
    margin-right: auto;
}

.waiting-hall.new-table .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-title-avaibility th.item-title {
    color: #000;
    text-align: center;
    font-family: 'Aaux Next Regular';
}

.waiting-hall.new-table .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility {
    font-family: 'Aaux Next Regular';
    text-align: center;
    background-color: #f2f2f2;
    margin-bottom: 3px;
}

.waiting-hall .tab-div .avaibility-tab-box .stock-avaibility-div table tr.item-avaibility .item-content:first-of-type {
    text-align: left;
    padding-left: 40px;
}

.old-btn {
    font-size: 18px;
    text-align: center;
    border-radius: 50px;
    border: none;
    letter-spacing: .006em;
    cursor: pointer;
    text-transform: none;
    padding: 10px 20px 10px 20px;
    transition: color 0.4s ease-in-out;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.old-btn.btn-cta {
    background-color: #ff0092;
    color: white;
    text-decoration: none;
}

.old-btn.btn-cta:after {
    content: ">";
    color: white;
    text-transform: none;
    padding-left: 3em;
}

.old-btn.btn-cta:hover {
    background-color: #b80369;
    color: #ecebeb;
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue.space-grey:before {
    background-color: #52514f;
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue.silver:before {
    background-color: #ebebe3;
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue.gold:before {
    background-color: #fcd8bc;
}

.price-overview-div .price-overview .price-tab .stock-check-div table tr.item-avaibility #color-blue.mid-green:before {
    background-color: #6c7c71;
}

.min-viewport {
    min-height: calc(100vh - 111px);
}

.wr-row {
    padding: 50px 155px;
    margin-left: 0;
    margin-right: 0;
    justify-content: center;
}

@media (max-width: 560px) {
    .content-margin {
        margin-left: -15px;
        margin-right: -15px;
    }

    .iphone-content h1 {
        font-size: 45px;
    }

    .iphone-content h5 {
        font-size: 45px;
    }

    .iphone-content .camera-logo {
        width: 160px;
        height: 70px;
        margin-right: 25px;
    }

    .iphone-content .camera-logo img {
        height: auto;
        width: 100%;
    }

    .iphone-content .specs h3 {
        font-size: 10px;
        text-align: center;
        margin-top: 30px;
    }

    .iphone-content .specs .btn {
        font-size: 14px;
        margin-top: 25px;
        padding: 5px 15px;
    }

    .iphone-content .specs .iphone-img img {
        object-fit: cover;
        margin-top: auto;
        width: 100%;
    }

    .waiting-hall.new-table .tab-div {
        width: 400px;
        margin-top: 0;
    }
}

.margin-auto {
    margin: 0 auto;
}

.plans-options .component-title {
    font-size: 34px;
}

.plans-options .component-title {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.5px;
    text-align: right;
    color: #115e67;
}

.white .iphone-content .plans-options p {
    font-size: 16px;
    text-align: center;
    margin-top: 0px;
}

@media (max-width: 767px) {
    .white .iphone-content .plans-options p {
        font-size: 18px;
        text-align: left;
        margin-top: 10px;
    }
}

@media (max-width: 991.98px) {
    .plans-options .component-title {
        font-size: 34px;
    }
}

.plans-options .component-title div {
    width: 40px;
    height: 6px;
    background-color: #115e67;
    position: absolute;
    margin-left: 270px;
    margin-top: -24px;
}

@media (max-width: 991.98px) {
    .plans-options .component-title div {
        margin-left: 188px;
        margin-top: -19px;
    }
}

.white .iphone-content .capacity-detail.btn:hover {
    color: #3e4a56;
}

.main-container .container {
    overflow: hidden;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.device-select {
    display: flex;
    overflow-x: scroll;
    justify-content: center;
    margin-top: 10px;
}

.iphone-content .device-select .capacity-detail {
    text-align: center;
    color: #3e4a56;
    border: 2px solid #3e4a56;
    background-color: transparent;
    border-radius: 8px;
    cursor: pointer;
    margin: 0 5px;
    min-width: 140px;
    width: 140px;
    font-size: 14px;
}

.iphone-content .device-select .capacity-detail.active {
    border: 2px solid #40c706;
    color: #3e4a56;
}

.iphone-content .device-select .capacity-detail.btn:hover {
    background-color: transparent;
}

.disable-scrollbars::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* Chrome/Safari/Webkit */
}

.disable-scrollbars {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

html {
    overflow: scroll;
    overflow-x: hidden;
}

/* ::-webkit-scrollbar {
    width: 0px;
    Remove scrollbar space;
    background: transparent;
    Optional: just make scrollbar invisible;
} */

.fs-24 {
    font-size: 24px;
}

.text-blue-green {
    color: #115e67;
}

.maxis-extraBold,
.maxis-extraBold-important {
    font-family: "maxisblack";
    font-weight: 800;
}

.plan-card-subtitle {
    color: #3e4a56;
}

.text-gunmetal {
    color: #3e4a56;
}

.plan1-table p.fs-14 {
    font-size: 14px;
    line-height: 1.6;
}

.plan-card-content {
    padding: 5px;
}

.monthly-wrap {
    color: #115e67;
    position: absolute;
    bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px;
    width: 100%;
    justify-content: space-between;
}

.monthly-wrap .monly-payment {
    line-height: 1;
    font-family: 'maxisregular', sans-serif;
}

/* .monthly-wrap .monly-payment-price {} */

.maxis-regular {
    font-family: 'maxisregular', sans-serif;
    font-weight: 100;
}

.maxis-bold,
.maxis-bold-important {
    font-family: "maxisbold";
    font-weight: 700;
}

.plans-bg {
    height: 600px;
    background: #c9dce4 url("../images/green-path.svg") no-repeat right bottom;
    width: 100%;
    position: absolute;
}

.slider-plans .slick-slide {
    margin: 8px;
}

.slick-list {
    padding-right: 60px;
}

.slider-plans .slick-prev:before {
    content: url('../images/plan-bluegreeen-arrow-left.svg');
}

.slider-plans .slick-next:before {
    content: url('../images/plan-bluegreeen-arrow-right.svg');
}

.slider-plans .slick-prev {
    left: 8px;
    z-index: 10;
}

.slider-plans .slick-next {
    right: 8px;
    z-index: 10;
}

.slider-plans .slick-next,
.slick-prev {
    width: 90px;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
}

.slider-plans .slick-next:hover,
.slick-prev:hover {
    opacity: 0.75;
}

@media (max-width: 991.98px) {
    .hide-ms {
        display: none;
    }

    .plan-card-content {
        margin-top: -20px;
    }
}

@media (max-width: 767px) {
    .slick-list {
        padding-right: 0;
    }

    .plans-bg {
        height: 600px;
        background: #c9dce4;
    }

    .device-select {
        justify-content: unset;
    }
}

@media (max-width: 766px) {
    .price-overview-div .price-overview .price-tab .my-div .plan-tab {
        width: 400px;
    }
}

@media (max-width: 480px) {
    .price-overview-div .price-overview .price-tab .my-div .plan-tab {
        display: block;
        width: 100%;
        margin: 0 auto
    }
}

/* CSS for the Table Plans */

.small-text {
    font-size: 14px;
}

.dark-green {
    color: #115e66;
}

.grey-bg {
    background-color: #f2f2f2;
}

.grey-bg th {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding: 5px 20px 15px;
    min-width: 180px;
}

.border-rounded-bottom-left {
    border-bottom-left-radius: 10px;
}

/* .border-right {
    border-bottom-left-radius: 10px;
} */

.plans-table {
    text-align: center;
    color: #3a4757;
    padding: 0;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    position: relative;
    background-color: #ffffff;
}

.plans-table small,
.plans-table .small-text {
    font-size: 80%;
}

.plans-table th,
.plans-table th span {
    font-family: "maxisbold", sans-serif;
    line-height: 1.1;
}

.plans-table td {
    padding: 15px 30px;
    border-bottom: 1px solid #e4e4e4;
}

.plans-table td.colheader {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
}

.plans-table td:after {
    content: ‘’;
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 2px;
    border-bottom: 2px solid red;
}

.plans-table td.iphone-model-title {
    /* padding-top: 10px;
    padding-bottom: 10px; */
    position: relative;
}

.table-disclaimer {
    font-size: 14px;
    font-family: 'Maxis', sans-serif;
    border-bottom: 0px !important;
}

.table-scroll {
    overflow-x: scroll;
}

.iphone-model-title {
    text-align: center;
    background-color: #115e66;
    color: #ffffff;
}

.recommended-sticker {
    font-size: 13px;
    border-radius: 0 0 .5em .5em;
    color: #4071fe;
    border: 1px solid #4071fe;
    border-top: 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 20px;
    padding: 3px;
    letter-spacing: 1px;
}

table {
    position: relative;
}

.plans-title {
    font-size: 28px;
    text-align: center;
    width: 80%;
    margin: auto;
}

.plans-subtitle {
    font-family: 'maxis', sans-serif;
    font-size: 24px;
    text-align: center;
    width: 80%;
    margin: auto;
}

.pre-order-btn-title {
    font-size: 28px;
    text-align: center;
    margin: 0 40px;
}

.pre-order-btn-subtitle {
    font-size: 16px;
    text-align: center;
}

/** 2021 */
.bg-gray {
    background-color: #f2f2f2 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

@media (max-width: 575.98px) {
    .price-overview-div .price-overview .price-tab .three-tabs-btn .priceplan-btn {
        min-width: 184px;
    }
}

/* iphone ci */
h1.iphone {
    font-size: 16px !important;
}

h1.iphone-black {
    color: #000 !important;
}

@media only screen and (min-width: 980px) {
    h1.iphone {
        font-size: 2rem !important;
    }
}

@media only screen and (min-width: 500px){
    h1.iphone {
        font-size: 26px !important;
    }
}

button.btn-iphone {
    background: transparent !important;
    color: #fff;
    border-radius: 50px !important;
    border: 2px solid #fff !important;
}

button.btn-iphone.btn-iphone-black {
    color: #000 !important;
    border-color: #000 !important;
}