/*!
 * Copyright 2021 Tyresonline.ae Authors (https://www.tyresonline.ae/)
*/
@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l5qjHrRpiYlJ.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l5qjHrFpiQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iura6YBj_oCad4k1nzSBC45I.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iura6YBj_oCad4k1nzGBCw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l4qkHrFpiQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l5anHrRpiYlJ.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l5anHrFpiQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l7KmHrRpiYlJ.woff2) format("woff2");
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC
}

@font-face {
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/tajawal/v9/Iurf6YBj_oCad4k1l7KmHrFpiQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body,
.theme-form-style4 .form-control,
.theme-form-style1 .form-control {
    color: #000;
    font-size: 0.6956521739rem;
    line-height: 1.3;
    font-family: "Tajawal", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    direction: rtl;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    height: auto;
    overflow-x: hidden
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    body,
    .theme-form-style4 .form-control,
    .theme-form-style1 .form-control {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {

    body,
    .theme-form-style4 .form-control,
    .theme-form-style1 .form-control {
        font-size: .8333333333vw
    }
}

img {
    max-width: 100%;
    height: auto;
    width: auto
}

a {
    text-decoration: none;
    color: #000;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

a:hover,
a:focus,
a.active {
    text-decoration: none;
    outline: none
}

a:hover {
    color: #d60000
}

a:visited {
    color: #000
}

button {
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

textarea,
button,
input,
input[type=checkbox] {
    outline: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none
}

textarea:focus,
button:focus,
input:focus,
input[type=checkbox]:focus {
    outline: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: "Tajawal", sans-serif
}

h1,
.h1 {
    font-size: 2.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    h1,
    .h1 {
        font-size: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {

    h1,
    .h1 {
        font-size: 2.6041666667vw
    }
}

h2,
.h2 {
    font-size: 1.3913043478rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    h2,
    .h2 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {

    h2,
    .h2 {
        font-size: 1.6666666667vw
    }
}

h3,
.h3 {
    font-size: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    h3,
    .h3 {
        font-size: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {

    h3,
    .h3 {
        font-size: 1.3020833333vw
    }
}

h4,
.h4 {
    font-size: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    h4,
    .h4 {
        font-size: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {

    h4,
    .h4 {
        font-size: 1.0416666667vw
    }
}

h5,
.h5 {
    font-size: 0.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    h5,
    .h5 {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {

    h5,
    .h5 {
        font-size: .8333333333vw
    }
}

h6,
.h6 {
    font-size: 0.6260869565rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    h6,
    .h6 {
        font-size: 0.7578947368rem
    }
}

@media screen and (min-width: 1500px) {

    h6,
    .h6 {
        font-size: .75vw
    }
}

ul li,
ol li {
    margin-bottom: 0
}

.button {
    display: inline-block;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    border-radius: 0rem;
    -ms-border-radius: 0rem;
    -webkit-border-radius: 0rem;
    position: relative;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 2.2608695652rem;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button {
        border-radius: 0rem;
        -ms-border-radius: 0rem;
        -webkit-border-radius: 0rem
    }
}

@media screen and (min-width: 1500px) {
    .button {
        border-radius: 0vw;
        -ms-border-radius: 0vw;
        -webkit-border-radius: 0vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button {
        min-height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .button {
        min-height: 2.7083333333vw
    }
}

.button span {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 0.2173913043rem 1.2173913043rem 0.2173913043rem 1.2173913043rem;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    font-size: 0.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button span {
        padding: 0.2631578947rem 1.4736842105rem 0.2631578947rem 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .button span {
        padding: .2604166667vw 1.4583333333vw .2604166667vw 1.4583333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button span {
        font-size: 0.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .button span {
        font-size: .8854166667vw
    }
}

.button span svg {
    height: 0.8695652174rem;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button span svg {
        height: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .button span svg {
        height: 1.0416666667vw
    }
}

.button span:not(.custom-size span) {
    min-width: 5.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button span:not(.custom-size span) {
        min-width: 7.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .button span:not(.custom-size span) {
        min-width: 7.03125vw
    }
}

.button-lg span {
    padding: 0.652173913rem 1.3043478261rem 0.652173913rem 1.3043478261rem;
    font-size: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-lg span {
        padding: 0.7894736842rem 1.5789473684rem 0.7894736842rem 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .button-lg span {
        padding: .78125vw 1.5625vw .78125vw 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-lg span {
        font-size: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .button-lg span {
        font-size: 1.0416666667vw
    }
}

.button-flg span {
    padding: 0.5217391304rem 1.5217391304rem 0.5217391304rem 1.5217391304rem;
    font-size: 0.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-flg span {
        padding: 0.6315789474rem 1.8421052632rem 0.6315789474rem 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .button-flg span {
        padding: .625vw 1.8229166667vw .625vw 1.8229166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-flg span {
        font-size: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .button-flg span {
        font-size: 1.1458333333vw
    }
}

.button-sm {
    min-height: 0px
}

.button-sm span {
    padding: 0.347826087rem 0.4347826087rem 0.347826087rem 0.4347826087rem;
    font-size: 0.6086956522rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-sm span {
        padding: 0.4210526316rem 0.5263157895rem 0.4210526316rem 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .button-sm span {
        padding: .4166666667vw .5208333333vw .4166666667vw .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-sm span {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .button-sm span {
        font-size: .7291666667vw
    }
}

.button-xxl {
    min-height: 0px
}

.button-xxl span {
    padding: 0.7826086957rem 2.1739130435rem 0.7826086957rem 2.1739130435rem;
    font-size: 1.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-xxl span {
        padding: 0.9473684211rem 2.6315789474rem 0.9473684211rem 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .button-xxl span {
        padding: .9375vw 2.6041666667vw .9375vw 2.6041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-xxl span {
        font-size: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .button-xxl span {
        font-size: 2.0833333333vw
    }
}

.button-rounded {
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-rounded {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .button-rounded {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

.button-rounded span {
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-rounded span {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .button-rounded span {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

.button-block {
    width: 100%
}

.button-text-overflow span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0.4347826087rem;
    padding-right: 0.4347826087rem;
    max-width: 5.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-text-overflow span {
        padding-left: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .button-text-overflow span {
        padding-left: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-text-overflow span {
        padding-right: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .button-text-overflow span {
        padding-right: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-text-overflow span {
        max-width: 7.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .button-text-overflow span {
        max-width: 7.03125vw
    }
}

.button.button-primary {
    background-color: #640000
}

.button.button-primary span {
    color: #fff
}

.button.button-primary:hover {
    background-color: #000
}

.button.button-primary:hover span {
    color: #fff
}

.button.button-primary-100 {
    background-color: #d70000
}

.button.button-primary-100 span {
    color: #fff
}

.button.button-primary-100:hover {
    background-color: #000
}

.button.button-primary-100:hover span {
    color: #fff
}

.button.button-primary-200 {
    background-color: #d60000
}

.button.button-primary-200 span {
    color: #fff
}

.button.button-primary-200:hover {
    background-color: #000
}

.button.button-primary-200:hover span {
    color: #fff
}

.button.button-primary-grey {
    background-color: #e6e6e6
}

.button.button-primary-grey span {
    color: #000
}

.button.button-primary-grey:hover {
    background-color: #ccc
}

.button.button-primary-grey:hover span {
    color: #000
}

.button.button-primary-lightgrey {
    background-color: #ececec
}

.button.button-primary-lightgrey span {
    color: #000
}

.button.button-primary-lightgrey:hover {
    background-color: #ddd
}

.button.button-primary-lightgrey:hover span {
    color: #000
}

.button.button-white {
    background-color: #fff
}

.button.button-white span {
    color: #000
}

.button.button-white:hover {
    background-color: #000
}

.button.button-white:hover span {
    color: #fff
}

.button.button-outline-dark {
    border: 1px solid #000;
    background-color: #fff
}

.button.button-outline-dark span {
    color: #000
}

.button.button-outline-dark:hover {
    background-color: #000
}

.button.button-outline-dark:hover span {
    color: #fff
}

.button.button-outline-primary-200 {
    border: 1px solid #d60000;
    background-color: #fff
}

.button.button-outline-primary-200 span {
    color: #000
}

.button.button-outline-primary-200:hover {
    background-color: #000;
    border-color: #000
}

.button.button-outline-primary-200:hover span {
    color: #fff
}

.button.button-outline-white {
    border: 1px solid #fff;
    background-color: #d70000
}

.button.button-outline-white span {
    color: #fff
}

.button.button-outline-white:hover {
    background-color: #fff
}

.button.button-outline-white:hover span {
    color: #000
}

.button-rounded-one {
    border-radius: 100px 100px 100px 0px
}

.button-dark {
    background-color: #000
}

.button-dark:hover {
    background-color: #d60000
}

.button-dark span {
    color: #fff
}

.button-dark:hover span {
    color: #fff
}

.toggle-change::after,
.toggle-change::before {
    position: absolute;
    content: "";
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.button-outline-primary {
    background-color: #fff;
    border: solid #fff;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .button-outline-primary {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .button-outline-primary {
        border-width: .0520833333vw
    }
}

.button-outline-primary::before {
    background-color: #fff
}

.button-outline-primary span {
    color: #000
}

.button-outline-primary:hover span {
    color: #fff
}

.modal-slide,
.modal-popup {
    bottom: 0;
    left: 0;
    min-width: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s .3s, opacity .3s ease;
    transition: visibility 0s .3s, opacity .3s ease
}

.modal-popup {
    z-index: 900;
    left: 0;
    overflow-y: auto;
    pointer-events: none
}

.modals-overlay {
    background-color: rgba(51, 51, 51, .5490196078);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.modal-slide._show,
.modal-popup._show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.modal-popup {
    pointer-events: none
}

.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap {
    background-color: #fff;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35);
    opacity: 1;
    pointer-events: auto
}

.modal-popup .modal-inner-wrap {
    margin: 5rem auto;
    width: 75%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: -webkit-transform .2s ease;
    transition: transform .2s ease
}

.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-popup.confirm .modal-inner-wrap {
    max-width: 50rem
}

.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal-popup._inner-scroll {
    overflow-y: visible
}

.modal-custom .action-close>span,
.modal-popup .action-close>span,
.modal-slide .action-close>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-family: "luma-icons";
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.modal .modal-custom-width {
    max-width: 80%
}

.modal .modal-custom-width-lg {
    max-width: 1000px
}

.bs-custom-modal .close {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-color: #d70000;
    text-align: center;
    border-radius: 50%;
    line-height: 23px;
    z-index: 1;
    transition: transform .5s cubic-bezier(0.16, 0.81, 0.32, 1), opacity .5s ease
}

.bs-custom-modal .close svg {
    width: 10px;
    fill: #fff
}

.bs-custom-modal .close.white {
    background-color: #fff
}

.bs-custom-modal .close.white svg {
    fill: #000
}

.bs-custom-modal .modal-content {
    border: none
}

.bs-custom-modal .modal-title {
    padding: .7rem 1rem;
    font-size: 15px;
    color: #fff;
    background-color: #000;
    font-weight: 400;
    border-radius: 3px 3px 0px 0px
}

.bs-custom-modal .modal-title.theme-bg {
    background-color: #d70000
}

.bs-custom-modal .modal-title.theme-bg h5 {
    color: #fff
}

.modal-popup .modal-inner-wrap {
    border-radius: 3px
}

.modal-popup .modal-inner-wrap {
    margin: 2rem auto
}

.modal-popup .modal-header {
    padding: 0;
    border: none;
    background-color: #000;
    padding: .76rem 1rem
}

.modal-popup .modal-title {
    border-bottom: none;
    font-weight: 400;
    font-size: 15px;
    min-height: 1em;
    word-wrap: break-word;
    width: 100%;
    color: #fff;
    margin: 0;
    padding: 0
}

.modal-popup .modal-header .action-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 24px;
    z-index: 1;
    margin: 0;
    border: none;
    transition: transform .5s cubic-bezier(0.16, 0.81, 0.32, 1), opacity .5s ease
}

.modal-popup .modal-header .action-close:before {
    font-size: 11px;
    line-height: 25px;
    color: #000
}

.modal-popup .modal-header .action-close:hover {
    transform: rotate(180deg)
}

.modal-popup .modal-content {
    padding: 25px 30px;
    border: none
}

.modal-popup .modal-footer {
    padding: 15px;
    background-color: #fff
}

.modal-popup .modal-footer button {
    height: 40px;
    padding: 0 25px;
    margin: 0 4px;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    min-width: 100px;
    text-align: center;
    border-radius: 3px;
    font-size: 14px
}

.modal-popup .modal-footer .action-secondary {
    background-color: #000;
    color: #fff
}

.modal-popup .modal-footer .action-secondary:hover {
    background-color: #d60000
}

.modal-popup .modal-footer .action-primary {
    background-color: #d60000;
    color: #fff
}

.modal-popup .modal-footer .action-primary:hover {
    background-color: #000
}

.modal-popup.confirm .modal-header {
    padding: 0
}

.modal-popup.confirm .modal-header h1 {
    padding: .76rem 1rem
}

.modal-popup.confirm .modal-header .action-close {
    padding: 0;
    background-color: #d60000
}

.modal-popup.confirm .modal-header .action-close:before {
    color: #fff
}

.modal-popup.confirm .modal-content {
    padding: 30px 30px;
    font-size: 15px
}

@media screen and (max-width: 767px) {
    .modal .modal-custom-width {
        max-width: 95%
    }

    .modal-popup .modal-inner-wrap {
        width: 95%
    }

    .modal .modal-custom-width-lg {
        max-width: 95%
    }

    .modal-popup.modal-slide {
        left: 0
    }

    .modal-popup._inner-scroll .modal-inner-wrap {
        max-height: calc(100% - 4rem);
        top: 0;
        overflow-y: auto
    }

    .modal-popup .modal-inner-wrap {
        border-radius: 0
    }

    .modal-popup .modal-footer {
        justify-content: center
    }
}

@media screen and (min-width: 1400px) {
    .custom-width {
        max-width: 86.89%
    }

    .custom-width-1170 {
        max-width: 1170px
    }
}

section,
.section {
    position: relative
}

section.section-padding,
.section.section-padding {
    padding: 3.75rem 0rem
}

@media(max-width: 1200px) {

    section.section-padding,
    .section.section-padding {
        padding: calc(1.5rem + 3vw) 0rem
    }
}

section.section-padding-sm,
.section.section-padding-sm {
    padding: 2.5rem 0rem
}

@media(max-width: 1200px) {

    section.section-padding-sm,
    .section.section-padding-sm {
        padding: calc(1.375rem + 1.5vw) 0rem
    }
}

section.section-padding-lg,
.section.section-padding-lg {
    padding: 5rem 0rem
}

@media(max-width: 1200px) {

    section.section-padding-lg,
    .section.section-padding-lg {
        padding: calc(1.625rem + 4.5vw) 0rem
    }
}

.heading-style1 h2 {
    font-weight: 900;
    line-height: 1.4
}

.heading-style1 h2 span {
    color: #d80000
}

.heading-style1 p {
    font-size: 1.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style1 p {
        font-size: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style1 p {
        font-size: 1.4583333333vw
    }
}

.heading-style1.mb-90 {
    margin-bottom: 3.9130434783rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style1.mb-90 {
        margin-bottom: 4.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style1.mb-90 {
        margin-bottom: 4.6875vw
    }
}

.heading-style1.mb-85 {
    margin-bottom: 3.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style1.mb-85 {
        margin-bottom: 4.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style1.mb-85 {
        margin-bottom: 4.4270833333vw
    }
}

.heading-style1.mb-80 {
    margin-bottom: 3.4782608696rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style1.mb-80 {
        margin-bottom: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style1.mb-80 {
        margin-bottom: 4.1666666667vw
    }
}

.heading-style1.mb-70 {
    margin-bottom: 3.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style1.mb-70 {
        margin-bottom: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style1.mb-70 {
        margin-bottom: 3.6458333333vw
    }
}

.heading-style2 h2 {
    font-size: 1.4782608696rem;
    font-weight: bold;
    line-height: 1.4
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style2 h2 {
        font-size: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style2 h2 {
        font-size: 1.7708333333vw
    }
}

.heading-style2.mb-50 {
    margin-bottom: 2.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style2.mb-50 {
        margin-bottom: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style2.mb-50 {
        margin-bottom: 2.6041666667vw
    }
}

.heading-style3 h2 {
    font-size: 1.2173913043rem;
    font-weight: 900;
    line-height: 1.4
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style3 h2 {
        font-size: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style3 h2 {
        font-size: 1.4583333333vw
    }
}

.heading-style3.white h2 {
    color: #fff
}

.heading-style3.mb-50 {
    margin-bottom: 2.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style3.mb-50 {
        margin-bottom: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style3.mb-50 {
        margin-bottom: 2.6041666667vw
    }
}

.heading-style4 h2 {
    font-size: 1.3913043478rem;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style4 h2 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style4 h2 {
        font-size: 1.6666666667vw
    }
}

.heading-style4 p {
    font-size: 1.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style4 p {
        font-size: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style4 p {
        font-size: 1.4583333333vw
    }
}

.heading-style4.mb-80 {
    margin-bottom: 3.4782608696rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style4.mb-80 {
        margin-bottom: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style4.mb-80 {
        margin-bottom: 4.1666666667vw
    }
}

.heading-style5 h1,
.heading-style5 h2 {
    font-size: 1.3913043478rem;
    margin-bottom: 0.8695652174rem;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 0;
    color: #fff
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .heading-style5 h1,
    .heading-style5 h2 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {

    .heading-style5 h1,
    .heading-style5 h2 {
        font-size: 1.6666666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .heading-style5 h1,
    .heading-style5 h2 {
        margin-bottom: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {

    .heading-style5 h1,
    .heading-style5 h2 {
        margin-bottom: 1.0416666667vw
    }
}

.heading-style5 p {
    font-size: 1.0434782609rem;
    color: #fff
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style5 p {
        font-size: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style5 p {
        font-size: 1.25vw
    }
}

.heading-style5.mb-80 {
    margin-bottom: 3.4782608696rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style5.mb-80 {
        margin-bottom: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style5.mb-80 {
        margin-bottom: 4.1666666667vw
    }
}

@media screen and (max-width: 767px) {

    .heading-style5 h1,
    .heading-style5 h2 {
        font-size: 1.25rem
    }

    .heading-style5 p {
        font-size: 0.875rem
    }
}

.heading-style6 h2 {
    font-size: 1.3913043478rem;
    font-weight: 900;
    line-height: 1.4
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6 h2 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6 h2 {
        font-size: 1.6666666667vw
    }
}

.heading-style6 h2 span {
    color: #d80000
}

.heading-style6 p {
    font-size: 1.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6 p {
        font-size: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6 p {
        font-size: 1.25vw
    }
}

.heading-style6 p span {
    display: block
}

.heading-style6 .button {
    margin-top: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6 .button {
        margin-top: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6 .button {
        margin-top: 1.5625vw
    }
}

.heading-style6 .button span {
    min-width: 7.8260869565rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6 .button span {
        min-width: 9.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6 .button span {
        min-width: 9.375vw
    }
}

.heading-style6.mb-75 {
    margin-bottom: 3.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6.mb-75 {
        margin-bottom: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6.mb-75 {
        margin-bottom: 3.6458333333vw
    }
}

.heading-style6.mb-55 {
    margin-bottom: 2.3913043478rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6.mb-55 {
        margin-bottom: 2.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6.mb-55 {
        margin-bottom: 2.8645833333vw
    }
}

.heading-style6.mb-50 {
    margin-bottom: 2.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6.mb-50 {
        margin-bottom: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6.mb-50 {
        margin-bottom: 2.6041666667vw
    }
}

.heading-style6.mb-45 {
    margin-bottom: 1.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style6.mb-45 {
        margin-bottom: 2.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style6.mb-45 {
        margin-bottom: 2.34375vw
    }
}

.heading-style6.white h2,
.heading-style6.white p {
    color: #fff
}

@media screen and (max-width: 991px) {
    .heading-style6 h2 {
        font-size: 1.25rem
    }

    .heading-style6 p {
        font-size: 0.8125rem
    }
}

@media screen and (max-width: 767px) {
    .heading-style6 h2 {
        font-size: 1.25rem
    }

    .heading-style6 p {
        font-size: 0.75rem
    }
}

.heading-style7 h2 {
    font-size: 1.3913043478rem;
    font-weight: 900;
    line-height: 1.4
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style7 h2 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style7 h2 {
        font-size: 1.6666666667vw
    }
}

.heading-style7 h2 span {
    color: #d80000
}

.heading-style7 p {
    font-size: 1.0434782609rem;
    max-width: 26.0869565217rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style7 p {
        font-size: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style7 p {
        font-size: 1.25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style7 p {
        max-width: 31.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style7 p {
        max-width: 31.25vw
    }
}

.heading-style7 p span {
    display: block
}

.heading-style7 .icon {
    margin-bottom: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style7 .icon {
        margin-bottom: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style7 .icon {
        margin-bottom: 1.3020833333vw
    }
}

.heading-style7 .icon svg {
    width: 11.7391304348rem;
    height: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style7 .icon svg {
        width: 14.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style7 .icon svg {
        width: 14.0625vw
    }
}

.heading-style7.mb-90 {
    margin-bottom: 3.9130434783rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style7.mb-90 {
        margin-bottom: 4.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style7.mb-90 {
        margin-bottom: 4.6875vw
    }
}

.heading-style7.mb-40 {
    margin-bottom: 1.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .heading-style7.mb-40 {
        margin-bottom: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .heading-style7.mb-40 {
        margin-bottom: 2.0833333333vw
    }
}

.heading-style7.white h2,
.heading-style7.white p {
    color: #fff
}

@media screen and (max-width: 767px) {
    .heading-style7 h2 {
        font-size: 1.25rem
    }

    .heading-style7 p {
        font-size: 0.875rem
    }
}

.sprite {
    background: url("../images/section/sprite.png") no-repeat
}

.icon-sprite,
.filter-options-title:after,
.mgs-filter-item-checkbox input:checked+.mgs-content:before,
.form-check-custom-style5 .checkbox:checked+label:after,
.form-check-custom-style4 .checkbox:checked+label span:first-child,
.form-check-custom-style4 .radio:checked+label span:first-child,
.form-check-custom-style3 .checkbox:checked+label:after,
.form-check-custom-style2 .checkbox:checked+label span:first-child,
.form-check-custom-style2 .radio:checked+label span:first-child,
.form-check-custom-style1 .checkbox:checked+label:after,
.select2-style4 .select2-container .select2-selection--single .select2-selection__arrow b,
.select2-style3 .select2-container .select2-selection--single .select2-selection__arrow b,
.select2-style2 .select2-container .select2-selection--single .select2-selection__arrow b {
    background: url("../images/icon/Icon-sprite.png") no-repeat
}

.bg-cover-image {
    background-size: cover;
    background-repeat: no-repeat
}

.bg-contain-image {
    background-size: contain;
    background-repeat: no-repeat
}

.bg-fix-image {
    background-attachment: fixed
}

.bg-overlay {
    position: relative;
    z-index: 1
}

.bg-overlay::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: -1
}

.list-custom {
    margin: 0;
    padding: 0
}

.list-custom li {
    list-style-type: none
}

.image-wrap {
    position: relative
}

.image-wrap.aspect-16x9 {
    padding-bottom: 56.25%
}

.image-wrap.aspect-9x16 {
    padding-bottom: 177.77778%
}

.image-wrap.aspect-4x3 {
    padding-bottom: 75%
}

.image-wrap.aspect-3x4 {
    padding-bottom: 133.33333%
}

.image-wrap.aspect-3x2 {
    padding-bottom: 66.66667%
}

.image-wrap.aspect-2x3 {
    padding-bottom: 150%
}

.image-wrap.aspect-1x1 {
    padding-bottom: 100%
}

.image-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-wrap.loader img {
    background-image: url("../images/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    background-color: #fff
}

.image-wrap.picture picture {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.image-wrap.picture img {
    position: relative
}

.image-wrap.no-position img {
    position: relative;
    height: auto;
    width: auto
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}

.icon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: normal
}

.fw-500 {
    font-weight: 500
}

.fw-900 {
    font-weight: 900
}

.fs-12 {
    font-size: 0.5217391304rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .fs-12 {
        font-size: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .fs-12 {
        font-size: .625vw
    }
}

.fs-14 {
    font-size: 0.6086956522rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .fs-14 {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .fs-14 {
        font-size: .7291666667vw
    }
}

.fs-18 {
    font-size: 0.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .fs-18 {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .fs-18 {
        font-size: .9375vw
    }
}

.fs-20 {
    font-size: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .fs-20 {
        font-size: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .fs-20 {
        font-size: 1.0416666667vw
    }
}

.fs-22 {
    font-size: 0.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .fs-22 {
        font-size: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .fs-22 {
        font-size: 1.1458333333vw
    }
}

.fs-24 {
    font-size: 1.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .fs-24 {
        font-size: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .fs-24 {
        font-size: 1.25vw
    }
}

.form-group {
    margin-bottom: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-group {
        margin-bottom: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-group {
        margin-bottom: 1.0416666667vw
    }
}

.scroll-overflow {
    overflow: hidden
}

.scroll-overflow body,
.scroll-overflow .theme-form-style4 .form-control,
.theme-form-style4 .scroll-overflow .form-control,
.scroll-overflow .theme-form-style1 .form-control,
.theme-form-style1 .scroll-overflow .form-control {
    overflow-y: scroll;
    position: relative
}

.hover-transition {
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.hide {
    display: none
}

.show {
    display: block
}

.bg-black {
    background-color: #000
}

.toi-edit {
    background-color: #d70000;
    background-position: .5% .7%;
    background-size: 2130%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    height: 1rem;
    width: 1rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-edit {
        height: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-edit {
        height: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-edit {
        width: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-edit {
        width: 1.1979166667vw
    }
}

.toi-edit.bg-red-600 {
    background-color: #960000
}

.toi-edit:hover {
    background-color: #000;
    background-position: .5% 5.7%
}

.toi-edit-outline {
    background-position: .5% 19.7%;
    background-size: 2130%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    height: 1rem;
    width: 1rem;
    border: solid #fff;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-edit-outline {
        height: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-edit-outline {
        height: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-edit-outline {
        width: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-edit-outline {
        width: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-edit-outline {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-edit-outline {
        border-width: .0520833333vw
    }
}

.toi-edit-outline:hover {
    background-color: #fff;
    border-color: #000;
    background-position: .3% 25.1%
}

.toi-info {
    background-color: #d70000;
    background-position: .3% 60.8%;
    background-size: 1700%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    height: 1rem;
    width: 1rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-info {
        height: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-info {
        height: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-info {
        width: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-info {
        width: 1.1979166667vw
    }
}

.toi-info.bg-red-600 {
    background-color: #960000
}

.toi-info:hover {
    background-color: #000;
    background-position: .3% 67.8%
}

.toi-info-outline {
    background-position: .3% 60.8%;
    background-size: 1700%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    height: 1rem;
    width: 1rem;
    border: solid #fff;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-info-outline {
        height: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-info-outline {
        height: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-info-outline {
        width: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-info-outline {
        width: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .toi-info-outline {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .toi-info-outline {
        border-width: .0520833333vw
    }
}

.toi-info-outline:hover {
    background-color: #000;
    border-color: #000;
    background-position: .3% 67.8%
}

.form-control:focus {
    box-shadow: none
}

.theme-form-style1 .form-control {
    color: #000;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0.0434782609rem;
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem;
    padding: 0.2173913043rem 1.3043478261rem;
    font-size: 0.7826086957rem;
    min-height: 2.2608695652rem;
    font-weight: 300
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .form-control {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .form-control {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .form-control {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .form-control {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .form-control {
        padding: 0.2631578947rem 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .form-control {
        padding: .2604166667vw 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .form-control {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .form-control {
        font-size: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .form-control {
        min-height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .form-control {
        min-height: 2.7083333333vw
    }
}

.theme-form-style1 .form-control::-webkit-input-placeholder {
    color: #000
}

.theme-form-style1 .form-control:-moz-placeholder {
    color: #000
}

.theme-form-style1 .form-control::-moz-placeholder {
    color: #000
}

.theme-form-style1 .form-control:-ms-input-placeholder {
    color: #000
}

.theme-form-style1 .form-control:focus {
    outline: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none
}

.theme-form-style1 .info-text {
    text-align: right;
    color: #fff;
    font-size: 0.6086956522rem;
    font-weight: 300;
    margin-top: 0.2173913043rem
}

.theme-form-style1 .info-text a {
    color: #fff
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .info-text {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .info-text {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .info-text {
        margin-top: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .info-text {
        margin-top: .2604166667vw
    }
}

.theme-form-style1 .mage-error:not(.form-control) {
    font-size: 0.6086956522rem;
    font-weight: 300;
    margin-top: 0.4347826087rem;
    background-color: rgba(255, 255, 255, .31);
    padding: 0.3043478261rem 0.652173913rem 0.2173913043rem 0.652173913rem;
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem;
    border: solid #fff;
    border-width: 0.0434782609rem;
    color: #fff;
    position: relative
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        margin-top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        margin-top: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        padding: 0.3684210526rem 0.7894736842rem 0.2631578947rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        padding: .3645833333vw .78125vw .2604166667vw .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) {
        border-width: .0520833333vw
    }
}

.theme-form-style1 .mage-error:not(.form-control) .icon {
    background-color: #fff;
    height: 0.9565217391rem;
    width: 0.9565217391rem;
    display: inline-block;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 0.0434782609rem;
    left: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        height: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        height: 1.1458333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        width: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        width: 1.1458333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        top: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        top: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        left: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style1 .mage-error:not(.form-control) .icon {
        left: .0520833333vw
    }
}

.theme-form-style1 .mage-error:not(.form-control) .icon.toi-close {
    background-position: .8% 14.6%;
    background-size: 2700%
}

.theme-form-style2 .input-text {
    background: #fff;
    padding: 8px 10px;
    border: 1px solid #e0e0e0;
    height: auto;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    min-height: 45px;
    font-family: "Rubik", sans-serif
}

.theme-form-style2 .field {
    margin-bottom: 1.5rem
}

.theme-form-style2 input.mage-error,
.theme-form-style2 select.mage-error,
.theme-form-style2 textarea.mage-error {
    border-color: var(--bs-red)
}

.theme-form-style3 .input-text {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    font-family: "Rubik";
    min-height: 46px;
    line-height: 1.4;
    padding: 10px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    min-height: 46px;
    letter-spacing: 1px
}

.theme-form-style3 div.mage-error[generated] {
    color: #fff !important
}

.theme-form-style3 .input-text::-webkit-input-placeholder {
    color: #b5b5b5
}

.theme-form-style3 .input-text::-moz-placeholder {
    color: #b5b5b5
}

.theme-form-style3 .input-text:-ms-input-placeholder {
    color: #b5b5b5
}

.theme-form-style3 .input-text:-moz-placeholder {
    color: #b5b5b5
}

.theme-form-style4 .form-control {
    color: #000;
    border: solid #e0e0e0;
    border-width: 0.0434782609rem;
    border-radius: 0.1304347826rem;
    -ms-border-radius: 0.1304347826rem;
    -webkit-border-radius: 0.1304347826rem;
    padding: 0.347826087rem 0.5217391304rem;
    font-size: 0.6956521739rem;
    min-height: 2.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .form-control {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .form-control {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .form-control {
        border-radius: 0.1578947368rem;
        -ms-border-radius: 0.1578947368rem;
        -webkit-border-radius: 0.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .form-control {
        border-radius: .15625vw;
        -ms-border-radius: .15625vw;
        -webkit-border-radius: .15625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .form-control {
        padding: 0.4210526316rem 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .form-control {
        padding: .4166666667vw .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .form-control {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .form-control {
        font-size: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .form-control {
        min-height: 2.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .form-control {
        min-height: 2.5vw
    }
}

.theme-form-style4 .form-control::-webkit-input-placeholder {
    color: #000
}

.theme-form-style4 .form-control:-moz-placeholder {
    color: #000
}

.theme-form-style4 .form-control::-moz-placeholder {
    color: #000
}

.theme-form-style4 .form-control:-ms-input-placeholder {
    color: #000
}

.theme-form-style4 .form-control:focus {
    outline: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none
}

.theme-form-style4 .label {
    margin-bottom: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .label {
        margin-bottom: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .label {
        margin-bottom: .2604166667vw
    }
}

.theme-form-style4 .label sup {
    color: var(--bs-red);
    font-size: 0.6086956522rem;
    font-weight: 600;
    top: -0.1em
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .label sup {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .label sup {
        font-size: .7291666667vw
    }
}

.theme-form-style4 .mage-error:not(.form-control) {
    font-size: 0.6086956522rem;
    margin-top: 0.2173913043rem;
    color: var(--bs-red)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .mage-error:not(.form-control) {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .mage-error:not(.form-control) {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .theme-form-style4 .mage-error:not(.form-control) {
        margin-top: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .theme-form-style4 .mage-error:not(.form-control) {
        margin-top: .2604166667vw
    }
}

.field-error,
div.mage-error[generated] {
    color: var(--bs-red);
    font-size: 12px;
    margin-top: 5px
}

.progress-wrap {
    position: fixed;
    left: 1.3043478261rem;
    bottom: 1.3043478261rem;
    width: 2.3913043478rem;
    height: 2.3913043478rem;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, .09);
    -ms-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, .09);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, .09);
    z-index: 999;
    background-color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    transition: all .4s linear;
    -ms-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -webkit-transition: all .4s linear
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .progress-wrap {
        left: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .progress-wrap {
        left: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .progress-wrap {
        bottom: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .progress-wrap {
        bottom: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .progress-wrap {
        width: 2.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .progress-wrap {
        width: 2.8645833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .progress-wrap {
        height: 2.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .progress-wrap {
        height: 2.8645833333vw
    }
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 2.3913043478rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .progress-wrap .icon {
        line-height: 2.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .progress-wrap .icon {
        line-height: 2.8645833333vw
    }
}

.progress-wrap .icon svg {
    height: 1.0869565217rem;
    transition: all .4s linear;
    -ms-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -webkit-transition: all .4s linear
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .progress-wrap .icon svg {
        height: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .progress-wrap .icon svg {
        height: 1.3020833333vw
    }
}

.progress-wrap .icon path {
    fill: #000
}

.progress-wrap .svg-content path {
    fill: none
}

.progress-wrap .svg-content.progress-circle path {
    stroke: #d60000;
    stroke-width: 4px;
    transition: all .4s linear;
    -ms-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -webkit-transition: all .4s linear
}

.progress-wrap:hover .icon svg {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.box-loader {
    background-color: #fff;
    position: absolute;
    height: 100%;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 1.0869565217rem;
    -ms-border-radius: 1.0869565217rem;
    -webkit-border-radius: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .box-loader {
        border-radius: 1.3157894737rem;
        -ms-border-radius: 1.3157894737rem;
        -webkit-border-radius: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .box-loader {
        border-radius: 1.3020833333vw;
        -ms-border-radius: 1.3020833333vw;
        -webkit-border-radius: 1.3020833333vw
    }
}

.box-loader .inner {
    height: 100%;
    width: 100%
}

.box-loader .inner .spinner {
    height: 3.0434782609rem;
    width: 3.0434782609rem;
    background-image: url("../images/icon/loader.gif");
    background-position: center;
    background-size: cover
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .box-loader .inner .spinner {
        height: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .box-loader .inner .spinner {
        height: 3.6458333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .box-loader .inner .spinner {
        width: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .box-loader .inner .spinner {
        width: 3.6458333333vw
    }
}

.box-loader .inner .text {
    margin-top: 0.652173913rem;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .box-loader .inner .text {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .box-loader .inner .text {
        margin-top: .78125vw
    }
}

.section-loader {
    background-color: #fff;
    position: absolute;
    height: 100%;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0
}

.section-loader .inner {
    height: 100%;
    width: 100%
}

.section-loader .inner .spinner {
    height: 2.6086956522rem;
    width: 2.6086956522rem;
    background-image: url("../images/icon/loader.gif");
    background-position: center;
    background-size: cover
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .section-loader .inner .spinner {
        height: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .section-loader .inner .spinner {
        height: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .section-loader .inner .spinner {
        width: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .section-loader .inner .spinner {
        width: 3.125vw
    }
}

.section-loader .inner .text {
    margin-top: 0.652173913rem;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .section-loader .inner .text {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .section-loader .inner .text {
        margin-top: .78125vw
    }
}

.section-loader.size-sm .inner .spinner {
    height: 1.3043478261rem;
    width: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .section-loader.size-sm .inner .spinner {
        height: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .section-loader.size-sm .inner .spinner {
        height: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .section-loader.size-sm .inner .spinner {
        width: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .section-loader.size-sm .inner .spinner {
        width: 1.5625vw
    }
}

.section-loader.searchloader {
    background-color: #fafafa
}

.iziModal .iziModal-button {
    opacity: 1
}

.izimodal-style1 {
    max-width: 28.8695652174rem;
    border-radius: 1.0869565217rem;
    -ms-border-radius: 1.0869565217rem;
    -webkit-border-radius: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 {
        max-width: 34.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 {
        max-width: 34.5833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 {
        border-radius: 1.3157894737rem;
        -ms-border-radius: 1.3157894737rem;
        -webkit-border-radius: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 {
        border-radius: 1.3020833333vw;
        -ms-border-radius: 1.3020833333vw;
        -webkit-border-radius: 1.3020833333vw
    }
}

.izimodal-style1 .iziModal-button-close {
    height: 1.4782608696rem;
    width: 1.4782608696rem;
    opacity: 1;
    position: absolute;
    right: 0.5217391304rem;
    top: 0.4347826087rem;
    background-size: 100% !important;
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .iziModal-button-close {
        height: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .iziModal-button-close {
        height: 1.7708333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .iziModal-button-close {
        width: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .iziModal-button-close {
        width: 1.7708333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .iziModal-button-close {
        right: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .iziModal-button-close {
        right: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .iziModal-button-close {
        top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .iziModal-button-close {
        top: .5208333333vw
    }
}

.izimodal-style1 .modal-content-wrap {
    padding: 1.9565217391rem 3.9130434783rem 0.8695652174rem 3.9130434783rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .modal-content-wrap {
        padding: 2.3684210526rem 4.7368421053rem 1.0526315789rem 4.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .modal-content-wrap {
        padding: 2.34375vw 4.6875vw 1.0416666667vw 4.6875vw
    }
}

.izimodal-style1 .modal-content-wrap .logo img {
    max-height: 2.8260869565rem;
    width: auto;
    height: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .modal-content-wrap .logo img {
        max-height: 3.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .modal-content-wrap .logo img {
        max-height: 3.3854166667vw
    }
}

.izimodal-style1 .modal-content-wrap .modal-text-cl {
    margin-top: 0.4347826087rem;
    margin-bottom: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl {
        margin-top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl {
        margin-top: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl {
        margin-bottom: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl {
        margin-bottom: 1.5625vw
    }
}

.izimodal-style1 .modal-content-wrap .modal-text-cl h3 {
    color: #fff;
    font-size: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl h3 {
        font-size: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl h3 {
        font-size: 1.5625vw
    }
}

.izimodal-style1 .modal-content-wrap .modal-text-cl h3 span {
    font-weight: 900
}

.izimodal-style1 .modal-content-wrap .modal-text-cl p {
    color: #fff;
    font-size: 0.7826086957rem;
    line-height: 1.5
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl p {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .modal-content-wrap .modal-text-cl p {
        font-size: .9375vw
    }
}

@media screen and (max-width: 767px) {
    .izimodal-style1 {
        max-width: 90%
    }

    .izimodal-style1 .modal-content-wrap {
        padding: 30px 6%
    }
}

.izimodal-style2 {
    background-color: #fff !important;
    max-width: 28.8695652174rem;
    border-radius: 1.0869565217rem;
    -ms-border-radius: 1.0869565217rem;
    -webkit-border-radius: 1.0869565217rem;
    overflow: hidden
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 {
        max-width: 34.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 {
        max-width: 34.5833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 {
        border-radius: 1.3157894737rem;
        -ms-border-radius: 1.3157894737rem;
        -webkit-border-radius: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 {
        border-radius: 1.3020833333vw;
        -ms-border-radius: 1.3020833333vw;
        -webkit-border-radius: 1.3020833333vw
    }
}

.izimodal-style2 .iziModal-button-close {
    height: 1.0869565217rem;
    width: 1.0869565217rem;
    opacity: 1;
    position: absolute;
    right: 0.8695652174rem;
    top: 0.7391304348rem;
    background-size: 100% !important
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 .iziModal-button-close {
        height: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 .iziModal-button-close {
        height: 1.3020833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 .iziModal-button-close {
        width: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 .iziModal-button-close {
        width: 1.3020833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 .iziModal-button-close {
        right: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 .iziModal-button-close {
        right: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 .iziModal-button-close {
        top: 0.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 .iziModal-button-close {
        top: .8854166667vw
    }
}

.izimodal-style2 .iziModal-header-title {
    padding: 0.8695652174rem 2.6086956522rem 0.7826086957rem 0.8695652174rem;
    font-size: 0.7826086957rem;
    background-color: #d60000;
    font-family: "Rubik", sans-serif;
    direction: ltr
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 .iziModal-header-title {
        padding: 1.0526315789rem 3.1578947368rem 0.9473684211rem 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 .iziModal-header-title {
        padding: 1.0416666667vw 3.125vw .9375vw 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 .iziModal-header-title {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 .iziModal-header-title {
        font-size: .9375vw
    }
}

.izimodal-style2 .modal-content-wrap {
    padding: 0.8695652174rem 0.8695652174rem 0.8695652174rem 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style2 .modal-content-wrap {
        padding: 1.0526315789rem 1.0526315789rem 1.0526315789rem 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style2 .modal-content-wrap {
        padding: 1.0416666667vw 1.0416666667vw 1.0416666667vw 1.0416666667vw
    }
}

@media screen and (max-width: 767px) {
    .izimodal-style2 {
        max-width: 90%
    }

    .izimodal-style2 .modal-content-wrap {
        padding: 20px
    }
}

.izimodal-style3 {
    max-width: 60%
}

.izimodal-style3 .Modal-header {
    padding: 1.0869565217rem 0.8695652174rem 1.0869565217rem 0.8695652174rem;
    background-color: #000;
    position: relative
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style3 .Modal-header {
        padding: 1.3157894737rem 1.0526315789rem 1.3157894737rem 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style3 .Modal-header {
        padding: 1.3020833333vw 1.0416666667vw 1.3020833333vw 1.0416666667vw
    }
}

.izimodal-style3 .Modal-header h3 {
    color: #fff;
    font-size: 0.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style3 .Modal-header h3 {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style3 .Modal-header h3 {
        font-size: .9375vw
    }
}

.izimodal-style3 .header-buttons {
    position: absolute;
    right: 0.8695652174rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style3 .header-buttons {
        right: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style3 .header-buttons {
        right: 1.0416666667vw
    }
}

.izimodal-style3 .header-buttons .iziModal-button-close {
    height: 1.4782608696rem;
    width: 1.4782608696rem;
    opacity: 1;
    background-size: 100% !important
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style3 .header-buttons .iziModal-button-close {
        height: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style3 .header-buttons .iziModal-button-close {
        height: 1.7708333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style3 .header-buttons .iziModal-button-close {
        width: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style3 .header-buttons .iziModal-button-close {
        width: 1.7708333333vw
    }
}

.izimodal-style3 .modal-content-wrap {
    padding: 1.3043478261rem 1.3043478261rem 1.3043478261rem 1.3043478261rem;
    background-color: #fff
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style3 .modal-content-wrap {
        padding: 1.5789473684rem 1.5789473684rem 1.5789473684rem 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style3 .modal-content-wrap {
        padding: 1.5625vw 1.5625vw 1.5625vw 1.5625vw
    }
}

@media screen and (max-width: 767px) {
    .izimodal-style3 {
        max-width: 90%
    }

    .izimodal-style3 .modal-content-wrap {
        padding: 20px
    }
}

.white-popup {
    max-width: 28.8695652174rem;
    border-radius: 1.0869565217rem;
    -ms-border-radius: 1.0869565217rem;
    -webkit-border-radius: 1.0869565217rem;
    margin: auto;
    background-color: #d70000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: relative
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup {
        max-width: 34.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup {
        max-width: 34.5833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup {
        border-radius: 1.3157894737rem;
        -ms-border-radius: 1.3157894737rem;
        -webkit-border-radius: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup {
        border-radius: 1.3020833333vw;
        -ms-border-radius: 1.3020833333vw;
        -webkit-border-radius: 1.3020833333vw
    }
}

.white-popup .mfp-close {
    color: rgba(0, 0, 0, 0) !important;
    height: 1.4782608696rem;
    width: 1.4782608696rem;
    opacity: 1;
    position: absolute;
    right: 0.5217391304rem;
    top: 0.4347826087rem;
    background-size: 100% !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    transition: transform .5s cubic-bezier(0.16, 0.81, 0.32, 1), opacity .5s ease;
    padding: 0;
    line-height: normal
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .mfp-close {
        height: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .mfp-close {
        height: 1.7708333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .mfp-close {
        width: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .mfp-close {
        width: 1.7708333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .mfp-close {
        right: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .mfp-close {
        right: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .mfp-close {
        top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .mfp-close {
        top: .5208333333vw
    }
}

.white-popup .mfp-close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: .8
}

.white-popup .mfp-close:active {
    top: 0.4347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .mfp-close:active {
        top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .mfp-close:active {
        top: .5208333333vw
    }
}

.white-popup .modal-content-wrap {
    padding: 1.9565217391rem 3.9130434783rem 0.8695652174rem 3.9130434783rem;
    position: relative
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap {
        padding: 2.3684210526rem 4.7368421053rem 1.0526315789rem 4.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap {
        padding: 2.34375vw 4.6875vw 1.0416666667vw 4.6875vw
    }
}

.white-popup .modal-content-wrap .logo img {
    max-height: 2.8260869565rem;
    margin: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .logo img {
        max-height: 3.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .logo img {
        max-height: 3.3854166667vw
    }
}

.white-popup .modal-content-wrap .modal-text-cl {
    margin-top: 0.4347826087rem;
    margin-bottom: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .modal-text-cl {
        margin-top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .modal-text-cl {
        margin-top: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .modal-text-cl {
        margin-bottom: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .modal-text-cl {
        margin-bottom: 1.5625vw
    }
}

.white-popup .modal-content-wrap .modal-text-cl h3 {
    color: #fff;
    font-size: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .modal-text-cl h3 {
        font-size: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .modal-text-cl h3 {
        font-size: 1.5625vw
    }
}

.white-popup .modal-content-wrap .modal-text-cl h3 span {
    font-weight: 900
}

.white-popup .modal-content-wrap .modal-text-cl p {
    color: #fff;
    font-size: 0.7826086957rem;
    line-height: 1.5
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .modal-text-cl p {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .modal-text-cl p {
        font-size: .9375vw
    }
}

.white-popup .modal-content-wrap .back-button {
    position: absolute;
    left: 0.5217391304rem;
    top: 0.4347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .back-button {
        left: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .back-button {
        left: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .back-button {
        top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .back-button {
        top: .5208333333vw
    }
}

.white-popup .modal-content-wrap .back-button svg {
    height: 1.4782608696rem;
    fill: #fff;
    transition: transform .5s cubic-bezier(0.16, 0.81, 0.32, 1), opacity .5s ease
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .back-button svg {
        height: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .back-button svg {
        height: 1.7708333333vw
    }
}

.white-popup .modal-content-wrap .back-button svg:hover {
    opacity: .8
}

.white-popup .modal-content-wrap .captcha .nested {
    background-color: #960000;
    padding: 0.652173913rem 0.652173913rem;
    border-radius: 0.652173913rem;
    -ms-border-radius: 0.652173913rem;
    -webkit-border-radius: 0.652173913rem;
    margin-top: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .captcha .nested {
        padding: 0.7894736842rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .captcha .nested {
        padding: .78125vw .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .captcha .nested {
        border-radius: 0.7894736842rem;
        -ms-border-radius: 0.7894736842rem;
        -webkit-border-radius: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .captcha .nested {
        border-radius: .78125vw;
        -ms-border-radius: .78125vw;
        -webkit-border-radius: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .captcha .nested {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .captcha .nested {
        margin-top: .78125vw
    }
}

.white-popup .modal-content-wrap .captcha .nested .captcha-image {
    margin-top: 0
}

.white-popup .modal-content-wrap .captcha .nested .captcha-image img {
    margin: 0;
    border: solid #ddd;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .white-popup .modal-content-wrap .captcha .nested .captcha-image img {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .white-popup .modal-content-wrap .captcha .nested .captcha-image img {
        border-width: .0520833333vw
    }
}

.social-login .social-login-customer-authentication {
    width: 100%
}

@media screen and (max-width: 767px) {
    .white-popup {
        max-width: 90%
    }

    .white-popup .modal-content-wrap {
        padding: 30px 6%
    }
}

.izimodal-style4 {
    max-width: 47.8260869565rem;
    border-radius: 1.0869565217rem;
    -ms-border-radius: 1.0869565217rem;
    -webkit-border-radius: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style4 {
        max-width: 57.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style4 {
        max-width: 57.2916666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style4 {
        border-radius: 1.3157894737rem;
        -ms-border-radius: 1.3157894737rem;
        -webkit-border-radius: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style4 {
        border-radius: 1.3020833333vw;
        -ms-border-radius: 1.3020833333vw;
        -webkit-border-radius: 1.3020833333vw
    }
}

.izimodal-style4 .iziModal-button-close {
    height: 1.4782608696rem;
    width: 1.4782608696rem;
    opacity: 1;
    position: absolute;
    right: 0.5217391304rem;
    top: 0.4347826087rem;
    background-size: 100% !important
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style4 .iziModal-button-close {
        height: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style4 .iziModal-button-close {
        height: 1.7708333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style4 .iziModal-button-close {
        width: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style4 .iziModal-button-close {
        width: 1.7708333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style4 .iziModal-button-close {
        right: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style4 .iziModal-button-close {
        right: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style4 .iziModal-button-close {
        top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style4 .iziModal-button-close {
        top: .5208333333vw
    }
}

.izimodal-style4 .modal-content-wrap {
    padding: 1.0869565217rem 1.0869565217rem 1.0869565217rem 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style4 .modal-content-wrap {
        padding: 1.3157894737rem 1.3157894737rem 1.3157894737rem 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style4 .modal-content-wrap {
        padding: 1.3020833333vw 1.3020833333vw 1.3020833333vw 1.3020833333vw
    }
}

@media screen and (max-width: 767px) {
    .izimodal-style4 {
        max-width: 90%
    }

    .izimodal-style4 .modal-content-wrap {
        padding: 30px
    }
}

select.select2-qty {
    opacity: 0
}

.select2-container.select2-container--below {
    width: 100% !important
}

.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
    width: 5px;
    background-color: #eee
}

.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d60000
}

.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #eee
}

.select2-style1 select {
    opacity: 0
}

.select2-style1 .select2-container {
    width: 100% !important;
    outline: none
}

.select2-style1 .select2-container .select2-selection--single {
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem;
    border: none;
    height: 2.2608695652rem;
    outline: none
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style1 .select2-container .select2-selection--single {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style1 .select2-container .select2-selection--single {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style1 .select2-container .select2-selection--single {
        height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style1 .select2-container .select2-selection--single {
        height: 2.7083333333vw
    }
}

.select2-style1 .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 2.2608695652rem;
    color: #000;
    text-align: center;
    font-weight: 300;
    font-size: 0.7826086957rem;
    padding: 0rem 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style1 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style1 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style1 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style1 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style1 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0rem 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style1 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0vw 1.0416666667vw
    }
}

.select2-style1 .select2-container .select2-selection--single .select2-selection__arrow {
    display: none
}

.select2-style1 .select2-container.select2-container--open .select2-selection {
    border-radius: 100px !important;
    -ms-border-radius: 100px !important
}

.dropdown-style1 {
    border: solid #000;
    border-width: 0.0434782609rem;
    border-radius: 0rem;
    -ms-border-radius: 0rem;
    -webkit-border-radius: 0rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style1 {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style1 {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style1 {
        border-radius: 0rem;
        -ms-border-radius: 0rem;
        -webkit-border-radius: 0rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style1 {
        border-radius: 0vw;
        -ms-border-radius: 0vw;
        -webkit-border-radius: 0vw
    }
}

.dropdown-style1 .select2-results__options {
    font-size: 0.6086956522rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style1 .select2-results__options {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style1 .select2-results__options {
        font-size: .7291666667vw
    }
}

.dropdown-style1 .select2-results__options .select2-results__option--highlighted {
    background-color: #d60000
}

.dropdown-style1 .select2-search--dropdown {
    padding: 0.4347826087rem 0.2608695652rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style1 .select2-search--dropdown {
        padding: 0.5263157895rem 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style1 .select2-search--dropdown {
        padding: .5208333333vw .3125vw
    }
}

.dropdown-style1 .select2-search--dropdown .select2-search__field {
    border: solid #000;
    border-width: 0.0434782609rem;
    border-radius: 23px;
    border-radius: 1rem;
    -ms-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    padding: 0.2173913043rem 0.652173913rem;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style1 .select2-search--dropdown .select2-search__field {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style1 .select2-search--dropdown .select2-search__field {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style1 .select2-search--dropdown .select2-search__field {
        border-radius: 1.2105263158rem;
        -ms-border-radius: 1.2105263158rem;
        -webkit-border-radius: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style1 .select2-search--dropdown .select2-search__field {
        border-radius: 1.1979166667vw;
        -ms-border-radius: 1.1979166667vw;
        -webkit-border-radius: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style1 .select2-search--dropdown .select2-search__field {
        padding: 0.2631578947rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style1 .select2-search--dropdown .select2-search__field {
        padding: .2604166667vw .78125vw
    }
}

.select2-style2 select {
    height: 1.7826086957rem;
    background-image: url("../images/icon/loader.gif");
    background-size: 15px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 select {
        height: 2.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 select {
        height: 2.1354166667vw
    }
}

.select2-style2 .select2-container {
    outline: none
}

.select2-style2 .select2-container.select2-container--default {
    width: 100% !important
}

.select2-style2 .select2-container .select2-selection--single {
    border-radius: 0.5217391304rem;
    -ms-border-radius: 0.5217391304rem;
    -webkit-border-radius: 0.5217391304rem;
    border: none;
    height: 1.7826086957rem;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: solid #646464;
    border-width: 1px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single {
        border-radius: 0.6315789474rem;
        -ms-border-radius: 0.6315789474rem;
        -webkit-border-radius: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single {
        border-radius: .625vw;
        -ms-border-radius: .625vw;
        -webkit-border-radius: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single {
        height: 2.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single {
        height: 2.1354166667vw
    }
}

@media screen and (max-width: 991px) {
    .select2-style2 .select2-container .select2-selection--single {
        height: 2.2608695652rem;
        border-radius: 0.347826087rem;
        -ms-border-radius: 0.347826087rem;
        -webkit-border-radius: 0.347826087rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single {
        height: 2.7368421053rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single {
        height: 2.7083333333vw
    }
}

@media screen and (max-width: 991px)and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single {
        border-radius: 0.4210526316rem;
        -ms-border-radius: 0.4210526316rem;
        -webkit-border-radius: 0.4210526316rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single {
        border-radius: .4166666667vw;
        -ms-border-radius: .4166666667vw;
        -webkit-border-radius: .4166666667vw
    }
}

.select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.7826086957rem;
    color: #646464;
    font-weight: 500;
    font-size: 0.6086956522rem;
    padding: 0rem 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.1354166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0vw .78125vw
    }
}

@media screen and (max-width: 991px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.2608695652rem;
        font-size: 0.6956521739rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.7368421053rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.7083333333vw
    }
}

@media screen and (max-width: 991px)and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 0.8421052632rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: .8333333333vw
    }
}

.select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
    height: 1.7826086957rem;
    width: 1.7391304348rem;
    top: 0;
    left: 0;
    right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.1354166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
        width: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
        width: 2.0833333333vw
    }
}

@media screen and (max-width: 991px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.2608695652rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.7368421053rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.7083333333vw
    }
}

.select2-style2 .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    background-position: 1.2% 78.9%;
    background-size: 3170%;
    margin: 0;
    height: 0.5217391304rem;
    width: 0.6956521739rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow b {
        height: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow b {
        height: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow b {
        width: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single .select2-selection__arrow b {
        width: .8333333333vw
    }
}

.select2-style2 .select2-container.select2-container--open .select2-selection .select2-selection__arrow b {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    transform: translateY(-50%) translateX(-50%) rotate(-180deg)
}

@media screen and (max-width: 767px) {
    .select2-style2 .select2-container .select2-selection--single {
        border-radius: 0.347826087rem;
        -ms-border-radius: 0.347826087rem;
        -webkit-border-radius: 0.347826087rem
    }
}

@media screen and (max-width: 767px)and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style2 .select2-container .select2-selection--single {
        border-radius: 0.4210526316rem;
        -ms-border-radius: 0.4210526316rem;
        -webkit-border-radius: 0.4210526316rem
    }
}

@media screen and (max-width: 767px)and (min-width: 1500px) {
    .select2-style2 .select2-container .select2-selection--single {
        border-radius: .4166666667vw;
        -ms-border-radius: .4166666667vw;
        -webkit-border-radius: .4166666667vw
    }
}

.dropdown-style2 {
    border: solid #eee;
    border-width: 0.0434782609rem;
    border-radius: 0rem;
    -ms-border-radius: 0rem;
    -webkit-border-radius: 0rem;
    text-align: right
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style2 {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style2 {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style2 {
        border-radius: 0rem;
        -ms-border-radius: 0rem;
        -webkit-border-radius: 0rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style2 {
        border-radius: 0vw;
        -ms-border-radius: 0vw;
        -webkit-border-radius: 0vw
    }
}

.dropdown-style2 .select2-results__options .select2-results__option {
    padding: 0.4347826087rem 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style2 .select2-results__options .select2-results__option {
        padding: 0.5263157895rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style2 .select2-results__options .select2-results__option {
        padding: .5208333333vw .78125vw
    }
}

.dropdown-style2 .select2-results__options .select2-results__option--highlighted {
    background-color: #d60000
}

.dropdown-style2 .select2-search--dropdown {
    padding: 0.8695652174rem 0.2608695652rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style2 .select2-search--dropdown {
        padding: 1.0526315789rem 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style2 .select2-search--dropdown {
        padding: 1.0416666667vw .3125vw
    }
}

.select2-style3 select {
    opacity: 0
}

.select2-style3 .select2-container {
    outline: none
}

.select2-style3 .select2-container.select2-container--default {
    width: 100% !important
}

.select2-style3 .select2-container .select2-selection--single {
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem;
    border: none;
    height: 2.2608695652rem;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: solid #d60000;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single {
        height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single {
        height: 2.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single {
        border-width: .0520833333vw
    }
}

.select2-style3 .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 2.2608695652rem;
    color: #000;
    font-weight: 600;
    font-size: 0.6956521739rem;
    padding: 0rem 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0rem 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0vw 1.0416666667vw
    }
}

.select2-style3 .select2-container .select2-selection--single .select2-selection__arrow {
    height: 2.2608695652rem;
    width: 1.7391304348rem;
    top: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow {
        width: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow {
        width: 2.0833333333vw
    }
}

.select2-style3 .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    background-position: 1.2% 78.9%;
    background-size: 3170%;
    margin: 0;
    height: 0.5217391304rem;
    width: 0.6956521739rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow b {
        height: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow b {
        height: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow b {
        width: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style3 .select2-container .select2-selection--single .select2-selection__arrow b {
        width: .8333333333vw
    }
}

.select2-style3 .select2-container.select2-container--open .select2-selection {
    border-radius: 100px !important;
    -ms-border-radius: 100px !important
}

.select2-style3 .select2-container.select2-container--open .select2-selection .select2-selection__arrow b {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    transform: translateY(-50%) translateX(-50%) rotate(-180deg)
}

.dropdown-style3 {
    border: solid #eee;
    border-width: 0.0434782609rem;
    border-radius: 0rem;
    -ms-border-radius: 0rem;
    -webkit-border-radius: 0rem;
    z-index: 99999
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style3 {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style3 {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style3 {
        border-radius: 0rem;
        -ms-border-radius: 0rem;
        -webkit-border-radius: 0rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style3 {
        border-radius: 0vw;
        -ms-border-radius: 0vw;
        -webkit-border-radius: 0vw
    }
}

.dropdown-style3 .select2-results__options {
    font-size: 0.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style3 .select2-results__options {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style3 .select2-results__options {
        font-size: .8333333333vw
    }
}

.dropdown-style3 .select2-results__options .select2-results__option--highlighted {
    background-color: #d60000
}

.dropdown-style3 .select2-search--dropdown {
    padding: 0.4347826087rem 0.2608695652rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style3 .select2-search--dropdown {
        padding: 0.5263157895rem 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style3 .select2-search--dropdown {
        padding: .5208333333vw .3125vw
    }
}

.dropdown-style3 .select2-search--dropdown .select2-search__field {
    border: solid #000;
    border-width: 0.0434782609rem;
    border-radius: 23px;
    border-radius: 1rem;
    -ms-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    padding: 0.2173913043rem 0.652173913rem;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style3 .select2-search--dropdown .select2-search__field {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style3 .select2-search--dropdown .select2-search__field {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style3 .select2-search--dropdown .select2-search__field {
        border-radius: 1.2105263158rem;
        -ms-border-radius: 1.2105263158rem;
        -webkit-border-radius: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style3 .select2-search--dropdown .select2-search__field {
        border-radius: 1.1979166667vw;
        -ms-border-radius: 1.1979166667vw;
        -webkit-border-radius: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .dropdown-style3 .select2-search--dropdown .select2-search__field {
        padding: 0.2631578947rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .dropdown-style3 .select2-search--dropdown .select2-search__field {
        padding: .2604166667vw .78125vw
    }
}

.select2-style4 select {
    height: 1.7391304348rem;
    background-image: url("../images/icon/loader.gif");
    background-size: 15px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 select {
        height: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 select {
        height: 2.0833333333vw
    }
}

.select2-style4 .select2-container {
    outline: none
}

.select2-style4 .select2-container.select2-container--default {
    width: 100% !important
}

.select2-style4 .select2-container .select2-selection--single {
    border-radius: 0.1304347826rem;
    -ms-border-radius: 0.1304347826rem;
    -webkit-border-radius: 0.1304347826rem;
    border: none;
    height: 1.7391304348rem;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border: solid #646464;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single {
        border-radius: 0.1578947368rem;
        -ms-border-radius: 0.1578947368rem;
        -webkit-border-radius: 0.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single {
        border-radius: .15625vw;
        -ms-border-radius: .15625vw;
        -webkit-border-radius: .15625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single {
        height: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single {
        height: 2.0833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single {
        border-width: .0520833333vw
    }
}

.select2-style4 .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 1.7391304348rem;
    color: #646464;
    font-size: 0.6956521739rem;
    padding: 0rem 0.4347826087rem 0rem 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 2.0833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0rem 0.5263157895rem 0rem 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0vw .5208333333vw 0vw 1.5625vw
    }
}

.select2-style4 .select2-container .select2-selection--single .select2-selection__arrow {
    height: 1.7391304348rem;
    width: 1.3043478261rem;
    top: 0;
    left: 0;
    right: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow {
        height: 2.0833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow {
        width: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow {
        width: 1.5625vw
    }
}

.select2-style4 .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    background-position: 1.2% 78.9%;
    background-size: 3170%;
    margin: 0;
    height: 0.5217391304rem;
    width: 0.6956521739rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow b {
        height: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow b {
        height: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow b {
        width: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .select2-style4 .select2-container .select2-selection--single .select2-selection__arrow b {
        width: .8333333333vw
    }
}

.select2-style4 .select2-container.select2-container--open .select2-selection .select2-selection__arrow b {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) translateX(-50%) rotate(-180deg);
    transform: translateY(-50%) translateX(-50%) rotate(-180deg)
}

.owl-carousel {
    direction: initial;
}

.owl-carousel .owl-item {
    direction: rtl;
}

.owl-nav-style1 .owl-nav {
    opacity: 0;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.owl-nav-style1 .owl-nav button.owl-next,
.owl-nav-style1 .owl-nav button.owl-prev {
    background-color: #000;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    width: 1.7391304348rem;
    height: 1.7391304348rem;
    box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, .2117647059);
    -ms-box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, .2117647059);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, .2117647059);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style1 .owl-nav button.owl-next,
    .owl-nav-style1 .owl-nav button.owl-prev {
        width: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style1 .owl-nav button.owl-next,
    .owl-nav-style1 .owl-nav button.owl-prev {
        width: 2.0833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style1 .owl-nav button.owl-next,
    .owl-nav-style1 .owl-nav button.owl-prev {
        height: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style1 .owl-nav button.owl-next,
    .owl-nav-style1 .owl-nav button.owl-prev {
        height: 2.0833333333vw
    }
}

.owl-nav-style1 .owl-nav button.owl-next svg,
.owl-nav-style1 .owl-nav button.owl-prev svg {
    height: 15px
}

.owl-nav-style1 .owl-nav button.owl-next:hover,
.owl-nav-style1 .owl-nav button.owl-prev:hover {
    background-color: #d60000
}

.owl-nav-style1 .owl-nav button.owl-prev {
    left: 0.8695652174rem;
    pointer-events: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-nav-style1 .owl-nav button.owl-prev {
        left: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-nav-style1 .owl-nav button.owl-prev {
        left: 1.0416666667vw
    }
}

.owl-nav-style1 .owl-nav button.owl-next {
    right: 0.8695652174rem;
    pointer-events: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-nav-style1 .owl-nav button.owl-next {
        right: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-nav-style1 .owl-nav button.owl-next {
        right: 1.0416666667vw
    }
}

.owl-nav-style1:hover .owl-nav {
    opacity: 1
}

@media screen and (min-width: 992px)and (max-width: 1024px) {
    .owl-nav-style1 .owl-nav {
        opacity: 1
    }
}

.owl-nav-style2 .owl-nav {
    opacity: 0;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.owl-nav-style2 .owl-nav button.owl-next,
.owl-nav-style2 .owl-nav button.owl-prev {
    background-color: #fff;
    position: absolute;
    top: 34%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    width: 2.6086956522rem;
    height: 2.6086956522rem;
    border: solid #fff;
    border-width: 0.0434782609rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style2 .owl-nav button.owl-next,
    .owl-nav-style2 .owl-nav button.owl-prev {
        width: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style2 .owl-nav button.owl-next,
    .owl-nav-style2 .owl-nav button.owl-prev {
        width: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style2 .owl-nav button.owl-next,
    .owl-nav-style2 .owl-nav button.owl-prev {
        height: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style2 .owl-nav button.owl-next,
    .owl-nav-style2 .owl-nav button.owl-prev {
        height: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style2 .owl-nav button.owl-next,
    .owl-nav-style2 .owl-nav button.owl-prev {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style2 .owl-nav button.owl-next,
    .owl-nav-style2 .owl-nav button.owl-prev {
        border-width: .0520833333vw
    }
}

.owl-nav-style2 .owl-nav button.owl-next svg,
.owl-nav-style2 .owl-nav button.owl-prev svg {
    height: 1.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style2 .owl-nav button.owl-next svg,
    .owl-nav-style2 .owl-nav button.owl-prev svg {
        height: 2.2631578947rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style2 .owl-nav button.owl-next svg,
    .owl-nav-style2 .owl-nav button.owl-prev svg {
        height: 2.2395833333vw
    }
}

.owl-nav-style2 .owl-nav button.owl-next:hover,
.owl-nav-style2 .owl-nav button.owl-prev:hover {
    border-color: #000
}

.owl-nav-style2 .owl-nav button.owl-prev {
    left: -4.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-nav-style2 .owl-nav button.owl-prev {
        left: -5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-nav-style2 .owl-nav button.owl-prev {
        left: -5.2083333333vw
    }
}

.owl-nav-style2 .owl-nav button.owl-next {
    right: -4.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-nav-style2 .owl-nav button.owl-next {
        right: -5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-nav-style2 .owl-nav button.owl-next {
        right: -5.2083333333vw
    }
}

.owl-nav-style2:hover .owl-nav {
    opacity: 1
}

@media screen and (max-width: 767px) {
    .owl-nav-style2 .owl-nav {
        opacity: 1
    }

    .owl-nav-style2 .owl-nav button.owl-next,
    .owl-nav-style2 .owl-nav button.owl-prev {
        border-radius: 0px;
        -ms-border-radius: 0px;
        -webkit-border-radius: 0px;
        height: 60px;
        width: 40px
    }

    .owl-nav-style2 .owl-nav button.owl-prev {
        left: 0
    }

    .owl-nav-style2 .owl-nav button.owl-next {
        right: 0
    }
}

.owl-nav-style3 .owl-nav button.owl-next,
.owl-nav-style3 .owl-nav button.owl-prev {
    background-color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    width: 2.6086956522rem;
    height: 2.6086956522rem;
    border: solid #fff;
    border-width: 0.0434782609rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style3 .owl-nav button.owl-next,
    .owl-nav-style3 .owl-nav button.owl-prev {
        width: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style3 .owl-nav button.owl-next,
    .owl-nav-style3 .owl-nav button.owl-prev {
        width: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style3 .owl-nav button.owl-next,
    .owl-nav-style3 .owl-nav button.owl-prev {
        height: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style3 .owl-nav button.owl-next,
    .owl-nav-style3 .owl-nav button.owl-prev {
        height: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style3 .owl-nav button.owl-next,
    .owl-nav-style3 .owl-nav button.owl-prev {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style3 .owl-nav button.owl-next,
    .owl-nav-style3 .owl-nav button.owl-prev {
        border-width: .0520833333vw
    }
}

.owl-nav-style3 .owl-nav button.owl-next svg,
.owl-nav-style3 .owl-nav button.owl-prev svg {
    height: 1.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .owl-nav-style3 .owl-nav button.owl-next svg,
    .owl-nav-style3 .owl-nav button.owl-prev svg {
        height: 2.2631578947rem
    }
}

@media screen and (min-width: 1500px) {

    .owl-nav-style3 .owl-nav button.owl-next svg,
    .owl-nav-style3 .owl-nav button.owl-prev svg {
        height: 2.2395833333vw
    }
}

.owl-nav-style3 .owl-nav button.owl-next span,
.owl-nav-style3 .owl-nav button.owl-prev span {
    opacity: 0;
    position: absolute;
    z-index: -999
}

.owl-nav-style3 .owl-nav button.owl-next:hover,
.owl-nav-style3 .owl-nav button.owl-prev:hover {
    border-color: #000
}

.owl-nav-style3 .owl-nav button.owl-prev {
    left: -3.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-nav-style3 .owl-nav button.owl-prev {
        left: -4.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-nav-style3 .owl-nav button.owl-prev {
        left: -4.4270833333vw
    }
}

.owl-nav-style3 .owl-nav button.owl-next {
    right: -3.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-nav-style3 .owl-nav button.owl-next {
        right: -4.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-nav-style3 .owl-nav button.owl-next {
        right: -4.4270833333vw
    }
}

.owl-dot-style1 .owl-dots {
    text-align: center;
    margin-top: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style1 .owl-dots {
        margin-top: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style1 .owl-dots {
        margin-top: 1.0416666667vw
    }
}

.owl-dot-style1 .owl-dots .owl-dot {
    width: 1.3043478261rem;
    height: 0.3043478261rem;
    margin: 0rem 0.1739130435rem;
    border: none;
    background-color: #ccc;
    display: inline-block;
    border: solid rgba(255, 255, 255, .34);
    border-width: 0.0434782609rem;
    border-radius: 100px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        width: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        width: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        height: 0.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        height: .3645833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        margin: 0rem 0.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        margin: 0vw .2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        border-width: .0520833333vw
    }
}

.owl-dot-style1 .owl-dots .owl-dot.active {
    background-color: #d60000;
    width: 2.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style1 .owl-dots .owl-dot.active {
        width: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style1 .owl-dots .owl-dot.active {
        width: 2.6041666667vw
    }
}

@media screen and (max-width: 767px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        height: 0.2173913043rem
    }
}

@media screen and (max-width: 767px)and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        height: 0.2631578947rem
    }
}

@media screen and (max-width: 767px)and (min-width: 1500px) {
    .owl-dot-style1 .owl-dots .owl-dot {
        height: .2604166667vw
    }
}

.owl-dot-style2 .owl-dots {
    text-align: center;
    margin-top: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style2 .owl-dots {
        margin-top: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style2 .owl-dots {
        margin-top: 1.3020833333vw
    }
}

.owl-dot-style2 .owl-dots .owl-dot {
    width: 0.7826086957rem;
    height: 0.7826086957rem;
    margin: 0rem 0.1739130435rem;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 100px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style2 .owl-dots .owl-dot {
        width: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style2 .owl-dots .owl-dot {
        width: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style2 .owl-dots .owl-dot {
        height: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style2 .owl-dots .owl-dot {
        height: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style2 .owl-dots .owl-dot {
        margin: 0rem 0.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style2 .owl-dots .owl-dot {
        margin: 0vw .2083333333vw
    }
}

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

.owl-dot-style3 .owl-dots {
    text-align: center;
    margin-top: 0.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style3 .owl-dots {
        margin-top: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style3 .owl-dots {
        margin-top: .9375vw
    }
}

.owl-dot-style3 .owl-dots .owl-dot {
    width: 0.7826086957rem;
    height: 0.7826086957rem;
    margin: 0rem 0.1739130435rem;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    display: inline-block;
    border: 1px solid #d60000;
    border-radius: 100px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style3 .owl-dots .owl-dot {
        width: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style3 .owl-dots .owl-dot {
        width: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style3 .owl-dots .owl-dot {
        height: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style3 .owl-dots .owl-dot {
        height: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style3 .owl-dots .owl-dot {
        margin: 0rem 0.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style3 .owl-dots .owl-dot {
        margin: 0vw .2083333333vw
    }
}

.owl-dot-style3 .owl-dots .owl-dot.active {
    background-color: #d60000
}

.owl-dot-style4 .owl-dots {
    text-align: center;
    margin-top: 0.5217391304rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style4 .owl-dots {
        margin-top: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style4 .owl-dots {
        margin-top: .625vw
    }
}

.owl-dot-style4 .owl-dots .owl-dot {
    width: 0.9565217391rem;
    height: 0.9565217391rem;
    margin: 0rem 0.347826087rem;
    border: none;
    background-color: #e1e1e1;
    display: inline-block;
    border-radius: 100px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style4 .owl-dots .owl-dot {
        width: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style4 .owl-dots .owl-dot {
        width: 1.1458333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style4 .owl-dots .owl-dot {
        height: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style4 .owl-dots .owl-dot {
        height: 1.1458333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .owl-dot-style4 .owl-dots .owl-dot {
        margin: 0rem 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .owl-dot-style4 .owl-dots .owl-dot {
        margin: 0vw .4166666667vw
    }
}

.owl-dot-style4 .owl-dots .owl-dot.active {
    background-color: #d70000
}

.hover-border-animated {
    position: relative
}

.hover-border-animated:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.1304347826rem;
    width: 0;
    height: 0.0434782609rem;
    background-color: #d60000;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .hover-border-animated:after {
        bottom: -0.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .hover-border-animated:after {
        bottom: -0.15625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .hover-border-animated:after {
        height: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .hover-border-animated:after {
        height: .0520833333vw
    }
}

.hover-border-animated:hover:after {
    width: 100%
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    left: 2px;
    top: 0;
    width: 10px
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 1
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #eee
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #d60000
}

.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #d60000
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #000
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-outer>.scroll-element {
    background-color: #fff
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    left: 0;
    top: 0;
    width: 12px
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 10px
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eee
}

.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track,
.scrollbar-outer>.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d60000
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #d60000
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #000
}

.scrollbar-style2.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #fff
}

.scrollbar-style2.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #960000
}

.scrollbar-style2.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #960000
}

.page-banner .banner-wrap {
    padding-top: 0.652173913rem;
    padding-bottom: 0.4347826087rem;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-banner .banner-wrap {
        padding-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .page-banner .banner-wrap {
        padding-top: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-banner .banner-wrap {
        padding-bottom: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .page-banner .banner-wrap {
        padding-bottom: .5208333333vw
    }
}

.page-banner .banner-wrap .contact-info {
    position: relative;
    width: fit-content;
    direction: ltr
}

.page-banner .banner-wrap .contact-info ul li {
    padding-right: 0.652173913rem;
    position: relative
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-banner .banner-wrap .contact-info ul li {
        padding-right: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .page-banner .banner-wrap .contact-info ul li {
        padding-right: .78125vw
    }
}

.page-banner .banner-wrap .contact-info ul li:last-child {
    padding-right: 0
}

.page-banner .banner-wrap .contact-info ul li:after {
    position: absolute;
    right: 0.2608695652rem;
    width: 0.1304347826rem;
    top: 0.1304347826rem;
    height: 85%;
    background-color: #000;
    content: ""
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-banner .banner-wrap .contact-info ul li:after {
        right: 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .page-banner .banner-wrap .contact-info ul li:after {
        right: .3125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-banner .banner-wrap .contact-info ul li:after {
        width: 0.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .page-banner .banner-wrap .contact-info ul li:after {
        width: .15625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-banner .banner-wrap .contact-info ul li:after {
        top: 0.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .page-banner .banner-wrap .contact-info ul li:after {
        top: .15625vw
    }
}

.page-banner .banner-wrap .contact-info ul li:last-child:after {
    display: none
}

.page-banner .banner-wrap .contact-info ul li a {
    font-size: 1.8043478261rem;
    font-weight: 900
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-banner .banner-wrap .contact-info ul li a {
        font-size: 2.1842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .page-banner .banner-wrap .contact-info ul li a {
        font-size: 2.1614583333vw
    }
}

.page-banner .banner-wrap .contact-info ul li a span {
    color: #d60000
}

.main-search {
    background-color: #fff;
    border-top: solid #d80000;
    border-width: 0.0869565217rem;
    padding: 1.3043478261rem 0rem;
    width: 100%;
    z-index: 94;
    position: fixed;
    bottom: 0;
    display: none
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search {
        border-width: 0.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search {
        border-width: .1041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search {
        padding: 1.5789473684rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search {
        padding: 1.5625vw 0vw
    }
}

.main-search ul li {
    margin: 0rem 0.4347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li {
        margin: 0rem 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li {
        margin: 0vw .5208333333vw
    }
}

.main-search ul li .button:not(.search-button):not(.toggle-change) {
    font-weight: 500
}

.main-search ul li .button.toggle-fix {
    min-width: 11.0869565217rem;
    font-style: italic;
    text-transform: uppercase
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .button.toggle-fix {
        min-width: 13.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .button.toggle-fix {
        min-width: 13.28125vw
    }
}

.main-search ul li .form-control-outline {
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem;
    background-color: #fff;
    border: solid #000;
    border-width: 0.0434782609rem;
    height: 2.2608695652rem;
    padding: 0.2173913043rem 1.3043478261rem 0.2173913043rem 1.3043478261rem;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 0.7826086957rem;
    width: calc(17.6086956522rem + 2rem)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .form-control-outline {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .form-control-outline {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .form-control-outline {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .form-control-outline {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .form-control-outline {
        height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .form-control-outline {
        height: 2.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .form-control-outline {
        padding: 0.2631578947rem 1.5789473684rem 0.2631578947rem 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .form-control-outline {
        padding: .2604166667vw 1.5625vw .2604166667vw 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .form-control-outline {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .form-control-outline {
        font-size: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .form-control-outline {
        width: calc(21.3157894737rem + 2.4210526316rem)
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .form-control-outline {
        width: calc(21.09375vw + 2.3958333333vw)
    }
}

.main-search ul li .form-control-outline::-webkit-input-placeholder {
    color: #000
}

.main-search ul li .form-control-outline:-moz-placeholder {
    color: #000
}

.main-search ul li .form-control-outline::-moz-placeholder {
    color: #000
}

.main-search ul li .form-control-outline:-ms-input-placeholder {
    color: #000
}

.main-search ul li .button.search-button {
    font-style: italic
}

.main-search ul li .button.button-primary-200 {
    letter-spacing: 0px
}

.main-search ul li .button.toggle-change {
    font-style: italic;
    text-transform: uppercase;
    min-width: 13.0434782609rem;
    text-align: left;
    border: solid #d60000;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .button.toggle-change {
        min-width: 15.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .button.toggle-change {
        min-width: 15.625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .button.toggle-change {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .button.toggle-change {
        border-width: .0520833333vw
    }
}

.main-search ul li .button.toggle-change span {
    z-index: 3
}

.main-search ul li .button.toggle-change:before {
    height: 100%;
    width: 0;
    right: 0
}

.main-search ul li .button.toggle-change .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2.1739130435rem;
    border-left: solid #d60000;
    border-width: 0.0434782609rem;
    z-index: 4
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .button.toggle-change .icon {
        width: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .button.toggle-change .icon {
        width: 2.6041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .button.toggle-change .icon {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .button.toggle-change .icon {
        border-width: .0520833333vw
    }
}

.main-search ul li .button.toggle-change .icon svg {
    width: 1.5217391304rem;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li .button.toggle-change .icon svg {
        width: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li .button.toggle-change .icon svg {
        width: 1.8229166667vw
    }
}

.main-search ul li .button.btAnimate .icon svg {
    transform: scale(1.1)
}

.main-search ul li .button.btAnimate:before {
    right: auto;
    left: 0;
    width: 100%
}

.main-search ul li .button.search-size-button {
    background-color: #d60000
}

.main-search ul li .button.search-size-button span {
    color: #fff
}

.main-search ul li .button.search-size-button:before {
    background-color: #fff
}

.main-search ul li .button.search-size-button .icon {
    background-color: #fff
}

.main-search ul li .button.search-size-button .icon svg {
    fill: #d60000
}

.main-search ul li .button.search-size-button.btAnimate:hover span {
    color: #000
}

.main-search ul li .button.search-size-button {
    background-color: #d60000
}

.main-search ul li .button.search-size-button span {
    color: #fff
}

.main-search ul li .button.search-size-button:before {
    background-color: #fff
}

.main-search ul li .button.search-size-button .icon {
    background-color: #fff
}

.main-search ul li .button.search-size-button .icon svg {
    fill: #d60000
}

.main-search ul li .button.search-size-button.btAnimate:hover span {
    color: #000
}

.main-search ul li .button.search-vehicle-button span {
    color: #d60000
}

.main-search ul li .button.search-vehicle-button:before {
    background-color: #d60000
}

.main-search ul li .button.search-vehicle-button .icon {
    background-color: #d60000;
    border-color: #fff
}

.main-search ul li .button.search-vehicle-button .icon svg {
    fill: #fff
}

.main-search ul li .button.search-vehicle-button.btAnimate:hover span {
    color: #fff
}

.main-search ul li.different-rear {
    text-align: center;
    position: relative;
    min-width: 4.1304347826rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search ul li.different-rear {
        min-width: 5rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search ul li.different-rear {
        min-width: 4.9479166667vw
    }
}

.main-search ul li.different-rear .form-check-custom-style1 {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0
}

.main-search ul li.no-read>* {
    visibility: hidden;
    opacity: 0
}

.main-search .style2 {
    text-align: center
}

.main-search .style2 .search-wrap {
    border-radius: 100px;
    display: inline-block;
    background-color: #fff
}

.main-search .style2 .search-wrap ul li.mn {
    position: relative;
    margin-right: -2.6086956522rem;
    margin-left: -2.6086956522rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li.mn {
        margin-right: -3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li.mn {
        margin-right: -3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li.mn {
        margin-left: -3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li.mn {
        margin-left: -3.125vw
    }
}

.main-search .style2 .search-wrap ul li .size {
    width: 7.3913043478rem;
    color: #fff;
    text-align: center;
    padding: 0.652173913rem 0.6956521739rem 0.652173913rem 0.6956521739rem;
    background-color: #d60000;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 100px;
    font-size: 0.6086956522rem;
    cursor: pointer;
    border: solid #d60000;
    border-width: 0.0652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .size {
        width: 8.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .size {
        width: 8.8541666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .size {
        padding: 0.7894736842rem 0.8421052632rem 0.7894736842rem 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .size {
        padding: .78125vw .8333333333vw .78125vw .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .size {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .size {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .size {
        border-width: 0.0789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .size {
        border-width: .078125vw
    }
}

.main-search .style2 .search-wrap ul li .size svg {
    height: 0.652173913rem;
    fill: #fff;
    display: inline-block;
    margin-left: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .size svg {
        height: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .size svg {
        height: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .size svg {
        margin-left: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .size svg {
        margin-left: .2604166667vw
    }
}

.main-search .style2 .search-wrap ul li .vehicle {
    width: 9.1304347826rem;
    color: #fff;
    text-align: left;
    padding: 0.652173913rem 0.7826086957rem 0.652173913rem 1.4347826087rem;
    background-color: #000;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 100px;
    cursor: pointer;
    font-size: 0.6086956522rem;
    border: solid #000;
    border-width: 0.0652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        width: 11.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        width: 10.9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        padding: 0.7894736842rem 0.9473684211rem 0.7894736842rem 1.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        padding: .78125vw .9375vw .78125vw 1.71875vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        border-width: 0.0789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .vehicle {
        border-width: .078125vw
    }
}

.main-search .style2 .search-wrap ul li .vehicle svg {
    height: 0.652173913rem;
    fill: #fff;
    display: inline-block;
    margin-left: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .vehicle svg {
        height: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .vehicle svg {
        height: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .vehicle svg {
        margin-left: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .vehicle svg {
        margin-left: .2604166667vw
    }
}

.main-search .style2 .search-wrap ul li .label {
    font-weight: 700;
    width: 7.5652173913rem;
    text-align: right;
    padding: 0.652173913rem 0.9565217391rem 0.652173913rem 0.4347826087rem;
    font-size: 0.6086956522rem;
    height: 100%;
    border-radius: 100px;
    border: solid #000;
    border-width: 0.0652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .label {
        width: 9.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .label {
        width: 9.0625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .label {
        padding: 0.7894736842rem 1.1578947368rem 0.7894736842rem 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .label {
        padding: .78125vw 1.1458333333vw .78125vw .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .label {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .label {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .main-search .style2 .search-wrap ul li .label {
        border-width: 0.0789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .main-search .style2 .search-wrap ul li .label {
        border-width: .078125vw
    }
}

.brand-brand-patternview .main-search,
.cms-mobile-tyre-fitting-service-in-uae .main-search,
.cms-oil-change .main-search,
.cms-bicycle-tyres .main-search,
.cms-brakes .main-search,
.cms-home-page .main-search {
    display: block
}

@media screen and (max-width: 767px) {

    .brand-brand-patternview .main-search,
    .cms-mobile-tyre-fitting-service-in-uae .main-search,
    .cms-oil-change .main-search,
    .cms-bicycle-tyres .main-search,
    .cms-brakes .main-search,
    .cms-home-page .main-search {
        display: none
    }
}

.brand-brand-patternview .page-footer,
.cms-mobile-tyre-fitting-service-in-uae .page-footer,
.cms-oil-change .page-footer,
.cms-bicycle-tyres .page-footer,
.cms-brakes .page-footer {
    padding-bottom: 4.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .brand-brand-patternview .page-footer,
    .cms-mobile-tyre-fitting-service-in-uae .page-footer,
    .cms-oil-change .page-footer,
    .cms-bicycle-tyres .page-footer,
    .cms-brakes .page-footer {
        padding-bottom: 5.7894736842rem
    }
}

@media screen and (min-width: 1500px) {

    .brand-brand-patternview .page-footer,
    .cms-mobile-tyre-fitting-service-in-uae .page-footer,
    .cms-oil-change .page-footer,
    .cms-bicycle-tyres .page-footer,
    .cms-brakes .page-footer {
        padding-bottom: 5.7291666667vw
    }
}

@media screen and (max-width: 767px) {

    .brand-brand-patternview .page-footer,
    .cms-mobile-tyre-fitting-service-in-uae .page-footer,
    .cms-oil-change .page-footer,
    .cms-bicycle-tyres .page-footer,
    .cms-brakes .page-footer {
        padding-bottom: 0
    }
}

.category-bicycle-tyres .main-search,
.categorypath-all-auto-parts .main-search,
.categorypath-all-auto-parts-battery .main-search {
    display: none
}

.category-bicycle-tyres .page-footer,
.categorypath-all-auto-parts .page-footer,
.categorypath-all-auto-parts-battery .page-footer {
    padding-bottom: 0
}

.cms-brakes .main-search ul li.different-rear,
.categorypath-all-auto-parts-brakes .main-search ul li.different-rear {
    display: none
}

.cms-servicepacks .main-search ul li.different-rear,
.cms-oil-change .main-search ul li.different-rear,
.cms-bicycle-tyres .main-search ul li.different-rear {
    display: none
}

.cms-servicepacks .main-search ul li .button.toggle-change,
.cms-oil-change .main-search ul li .button.toggle-change,
.cms-bicycle-tyres .main-search ul li .button.toggle-change {
    background-color: #d60000;
    text-align: center
}

.cms-servicepacks .main-search ul li .button.toggle-change span,
.cms-oil-change .main-search ul li .button.toggle-change span,
.cms-bicycle-tyres .main-search ul li .button.toggle-change span {
    color: #fff
}

.cms-bicycle-tyres .main-search ul li .button.search-vehicle-button span {
    color: #000
}

.cms-bicycle-tyres .main-search ul li .button.toggle-change {
    background-color: #d60000;
    text-align: center;
    min-width: 0.0434782609rem;
    border-width: 1px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cms-bicycle-tyres .main-search ul li .button.toggle-change {
        min-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .cms-bicycle-tyres .main-search ul li .button.toggle-change {
        min-width: .0520833333vw
    }
}

.cms-bicycle-tyres .main-search ul li .button.toggle-change span {
    color: #fff
}

.cms-bicycle-tyres .main-search ul li .button.button-outline-primary-200 {
    font-weight: 900;
    font-style: italic
}

.cms-bicycle-tyres .main-search ul li .button.button-outline-primary-200 span {
    min-width: 8.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .cms-bicycle-tyres .main-search ul li .button.button-outline-primary-200 span {
        min-width: 10.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .cms-bicycle-tyres .main-search ul li .button.button-outline-primary-200 span {
        min-width: 10.4166666667vw
    }
}

.cms-bicycle-tyres .main-search ul li .button.button-outline-primary-200:hover span {
    color: #fff
}

.search-selection {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    background-color: #fafafa;
    display: none;
    z-index: 99999
}

.search-selection .search-selection-inner {
    min-height: 100vh;
    padding: 3.4782608696rem 0.8695652174rem 1.9130434783rem 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-inner {
        padding: 4.2105263158rem 1.0526315789rem 2.3157894737rem 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-inner {
        padding: 4.1666666667vw 1.0416666667vw 2.2916666667vw 1.0416666667vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-selection-inner {
        padding: 1.25rem 0.9375rem
    }
}

@media screen and (max-device-width: 900px)and (orientation: landscape) {
    .search-selection .search-selection-inner {
        padding: 1.875rem 0.9375rem
    }
}

.search-selection .search-close {
    position: absolute;
    left: 0.8695652174rem;
    top: 1.1130434783rem;
    cursor: pointer;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-close {
        left: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-close {
        left: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-close {
        top: 1.3473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-close {
        top: 1.3333333333vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-close {
        top: 0.625rem;
        left: 0.625rem
    }
}

.search-selection .search-close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.search-selection .search-close svg {
    height: 1.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-close svg {
        height: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-close svg {
        height: 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-close svg {
        width: 1.5rem
    }
}

.search-selection .selection-search-toggle {
    position: absolute;
    left: 2.2608695652rem;
    top: 0.5217391304rem;
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-search-toggle {
        left: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-search-toggle {
        left: 2.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-search-toggle {
        top: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-search-toggle {
        top: .625vw
    }
}

.search-selection .selection-search-toggle svg {
    height: 1.0434782609rem;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-search-toggle svg {
        height: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-search-toggle svg {
        height: 1.25vw
    }
}

.search-selection .selection-search-toggle:hover svg {
    fill: #d60000
}

.search-selection .search-selection-wrap {
    max-width: 35.4782608696rem;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap {
        max-width: 42.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap {
        max-width: 42.5vw
    }
}

.search-selection .search-selection-wrap .selection-title+.selection-title {
    margin-top: 0.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-title+.selection-title {
        margin-top: 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-title+.selection-title {
        margin-top: .4166666667vw
    }
}

.search-selection .search-selection-wrap .selection-title .crnt-or-frnt .h3,
.search-selection .search-selection-wrap .selection-title .crnt-or-rear .h3,
.search-selection .search-selection-wrap .selection-title .crnt-or-vehicle .h3 {
    display: inline-block;
    font-size: 1.3913043478rem;
    font-weight: bold
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .search-selection-wrap .selection-title .crnt-or-frnt .h3,
    .search-selection .search-selection-wrap .selection-title .crnt-or-rear .h3,
    .search-selection .search-selection-wrap .selection-title .crnt-or-vehicle .h3 {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .search-selection-wrap .selection-title .crnt-or-frnt .h3,
    .search-selection .search-selection-wrap .selection-title .crnt-or-rear .h3,
    .search-selection .search-selection-wrap .selection-title .crnt-or-vehicle .h3 {
        font-size: 1.6666666667vw
    }
}

@media screen and (max-width: 767px) {

    .search-selection .search-selection-wrap .selection-title .crnt-or-frnt .h3,
    .search-selection .search-selection-wrap .selection-title .crnt-or-rear .h3,
    .search-selection .search-selection-wrap .selection-title .crnt-or-vehicle .h3 {
        font-size: 1.125rem
    }
}

.search-selection .search-selection-wrap .selection-title .crnt-or-frnt strong,
.search-selection .search-selection-wrap .selection-title .crnt-or-rear strong,
.search-selection .search-selection-wrap .selection-title .crnt-or-vehicle strong {
    direction: ltr;
    display: inline-block;
    font-size: 1.3913043478rem;
    font-weight: 300
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .search-selection-wrap .selection-title .crnt-or-frnt strong,
    .search-selection .search-selection-wrap .selection-title .crnt-or-rear strong,
    .search-selection .search-selection-wrap .selection-title .crnt-or-vehicle strong {
        font-size: 1.6842105263rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .search-selection-wrap .selection-title .crnt-or-frnt strong,
    .search-selection .search-selection-wrap .selection-title .crnt-or-rear strong,
    .search-selection .search-selection-wrap .selection-title .crnt-or-vehicle strong {
        font-size: 1.6666666667vw
    }
}

@media screen and (max-width: 767px) {

    .search-selection .search-selection-wrap .selection-title .crnt-or-frnt strong,
    .search-selection .search-selection-wrap .selection-title .crnt-or-rear strong,
    .search-selection .search-selection-wrap .selection-title .crnt-or-vehicle strong {
        display: block;
        font-size: 1.125rem
    }
}

.search-selection .search-selection-wrap .selection-title .selected-step {
    font-size: 0.6608695652rem;
    font-weight: bold;
    color: #d70000;
    text-transform: uppercase
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-title .selected-step {
        font-size: 0.8rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-title .selected-step {
        font-size: .7916666667vw
    }
}

.search-selection .search-selection-wrap .selection-block {
    margin-top: 0.9739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block {
        margin-top: 1.1789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block {
        margin-top: 1.1666666667vw
    }
}

.search-selection .search-selection-wrap .selection-block .section-search {
    position: relative;
    max-width: 18.6434782609rem;
    margin-bottom: 1.5652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .section-search {
        max-width: 22.5684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .section-search {
        max-width: 22.3333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .section-search {
        margin-bottom: 1.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .section-search {
        margin-bottom: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-selection-wrap .selection-block .section-search {
        max-width: 100%
    }
}

.search-selection .search-selection-wrap .selection-block .section-search input {
    background-color: #fff;
    border: 2px solid #d70000;
    height: 2.0869565217rem;
    font-size: 0.5565217391rem;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0.1739130435rem 0.7652173913rem 0.1739130435rem 0.7652173913rem;
    box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    -ms-box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    -webkit-box-shadow: 0px 8px 10px rgba(135, 110, 110, .5)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .section-search input {
        height: 2.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .section-search input {
        height: 2.5vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .section-search input {
        font-size: 0.6736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .section-search input {
        font-size: .6666666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .section-search input {
        padding: 0.2105263158rem 0.9263157895rem 0.2105263158rem 0.9263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .section-search input {
        padding: .2083333333vw .9166666667vw .2083333333vw .9166666667vw
    }
}

.search-selection .search-selection-wrap .selection-block .section-search .search-icon {
    position: absolute;
    left: 1.2173913043rem;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .section-search .search-icon {
        left: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .section-search .search-icon {
        left: 1.4583333333vw
    }
}

.search-selection .search-selection-wrap .selection-block .section-search .search-icon svg {
    width: 0.6260869565rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .section-search .search-icon svg {
        width: 0.7578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .section-search .search-icon svg {
        width: .75vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search {
    position: relative;
    max-width: 18.6434782609rem;
    margin-bottom: 1.5652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search {
        max-width: 22.5684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search {
        max-width: 22.3333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search {
        margin-bottom: 1.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search {
        margin-bottom: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-selection-wrap .selection-block .selection-search {
        max-width: 100%
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .search-button {
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: no-repeat;
    padding: 0.1739130435rem 0.1739130435rem 0.1739130435rem 1.2173913043rem;
    height: 2.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button {
        left: 0rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button {
        left: 0vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button {
        padding: 0.2105263158rem 0.2105263158rem 0.2105263158rem 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button {
        padding: .2083333333vw .2083333333vw .2083333333vw 1.4583333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button {
        height: 2.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button {
        height: 2.5vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .search-button svg {
    width: 0.6260869565rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button svg {
        width: 0.7578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .search-button svg {
        width: .75vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2.select2-container {
    width: 100% !important
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-hidden-accessible {
    height: 100% !important;
    width: 100% !important;
    max-height: 40px !important
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 2px solid #d70000;
    height: 2.0869565217rem;
    min-height: 1px;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 0.1739130435rem 0.7652173913rem 0.1739130435rem 0.7652173913rem;
    box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    -ms-box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    -webkit-box-shadow: 0px 8px 10px rgba(135, 110, 110, .5);
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: flex-end
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple {
        height: 2.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple {
        height: 2.5vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple {
        padding: 0.2105263158rem 0.9263157895rem 0.2105263158rem 0.9263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple {
        padding: .2083333333vw .9166666667vw .2083333333vw .9166666667vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-search__field {
    margin: 0px;
    vertical-align: middle;
    font-size: 0.5565217391rem;
    font-family: "Rubik", sans-serif;
    position: relative;
    top: 2px;
    text-align: right
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-search__field {
        font-size: 0.6736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-search__field {
        font-size: .6666666667vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 2px 5px 2px 0px;
    margin: 0.1739130435rem 0.4347826087rem 0.1739130435rem 0rem;
    background-color: #d60000;
    border: 1px solid #d60000;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    color: #fff
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin: 0.2105263158rem 0.5263157895rem 0.2105263158rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin: .2083333333vw .5208333333vw .2083333333vw 0vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid #d60000;
    padding: 0rem 0.2608695652rem 0rem 0.2608695652rem;
    color: #fff
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        padding: 0rem 0.3157894737rem 0rem 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        padding: 0vw .3125vw 0vw .3125vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 3px;
    padding-right: 0.347826087rem;
    color: #fff;
    font-weight: normal;
    font-size: 0.5217391304rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        padding-right: 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        padding-right: .4166666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        font-size: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        font-size: .625vw
    }
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default.select2-container--focus .select2-selection--multiple {
    display: flex;
    align-items: center
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    margin: 0
}

.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.search-selection .search-selection-wrap .selection-block .selection-search .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px
}

.search-selection .search-selection-wrap .selection-block .confirm_sub-block {
    margin-top: 0.1043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block {
        margin-top: 0.1263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block {
        margin-top: .125vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block {
        text-align: center
    }
}

.search-selection .search-selection-wrap .selection-block .confirm_sub-block .button {
    margin-top: 0.1043478261rem;
    max-width: 14.4695652174rem;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, .25)
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button {
        margin-top: 0.1263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button {
        margin-top: .125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button {
        max-width: 17.5157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button {
        max-width: 17.3333333333vw
    }
}

.search-selection .search-selection-wrap .selection-block .confirm_sub-block .button span {
    padding: 0.347826087rem 1.0434782609rem 0.347826087rem 1.0434782609rem;
    min-height: 2.1565217391rem;
    font-weight: 600;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button span {
        padding: 0.4210526316rem 1.2631578947rem 0.4210526316rem 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button span {
        padding: .4166666667vw 1.25vw .4166666667vw 1.25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button span {
        min-height: 2.6105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .confirm_sub-block .button span {
        min-height: 2.5833333333vw
    }
}

.search-selection .search-selection-wrap .selection-block .scrollbar-inner {
    height: 38vh;
    padding-left: 0.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .scrollbar-inner {
        padding-left: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .scrollbar-inner {
        padding-left: .8333333333vw
    }
}

@media screen and (max-device-width: 767px)and (orientation: portrait) {
    .search-selection .search-selection-wrap .selection-block .scrollbar-inner {
        height: 54vh
    }
}

@media screen and (max-device-width: 767px)and (orientation: landscape) {
    .search-selection .search-selection-wrap .selection-block .scrollbar-inner {
        height: 22vh
    }
}

.search-selection .search-selection-wrap .selection-block .button-list li {
    width: 10.71%;
    margin: 0 .2%;
    margin-bottom: 0.4173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .button-list li {
        margin-bottom: 0.5052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .button-list li {
        margin-bottom: .5vw
    }
}

@media screen and (max-width: 575px) {
    .search-selection .search-selection-wrap .selection-block .button-list li {
        width: 19.6%;
        text-align: center
    }
}

.search-selection .search-selection-wrap .selection-block .button-list li .button {
    font-weight: 600;
    height: 3.4782608696rem;
    width: 3.4782608696rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button {
        height: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button {
        height: 4.1666666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button {
        width: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button {
        width: 4.1666666667vw
    }
}

.search-selection .search-selection-wrap .selection-block .button-list li .button span {
    font-size: 0.8695652174rem;
    padding: 0rem 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button span {
        font-size: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button span {
        font-size: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button span {
        padding: 0rem 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .button-list li .button span {
        padding: 0vw .2604166667vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-image li {
    margin-top: 0;
    margin-bottom: 0.4173913043rem;
    max-width: 14.28%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li {
        margin-bottom: 0.5052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li {
        margin-bottom: .5vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li {
        max-width: 25%
    }
}

@media screen and (max-width: 450px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li {
        max-width: 33.3333%
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-image li.engine-li1 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin-bottom: 0.6956521739rem;
    font-weight: 600;
    font-size: 0.6260869565rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li.engine-li1 {
        margin-bottom: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li.engine-li1 {
        margin-bottom: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li.engine-li1 {
        font-size: 0.7578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li.engine-li1 {
        font-size: .75vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    padding: 0.1739130435rem 0.1739130435rem 0.1739130435rem 0.1739130435rem;
    margin: auto;
    height: 6.4347826087rem;
    width: 6.4347826087rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
        padding: 0.2105263158rem 0.2105263158rem 0.2105263158rem 0.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
        padding: .2083333333vw .2083333333vw .2083333333vw .2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
        height: 7.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
        height: 7.7083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
        width: 7.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
        width: 7.7083333333vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box {
        height: 5.9375rem;
        width: 5.9375rem
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-image li .box .image {
    height: 3.4782608696rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box .image {
        height: 4.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box .image {
        height: 4.1666666667vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-image li .box .image img {
    max-height: 100%
}

.search-selection .search-selection-wrap .selection-block .brand-list-image li .box span.title {
    margin-top: 0.347826087rem;
    display: inline-block;
    font-weight: 600;
    font-size: 0.6260869565rem;
    max-width: 80%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box span.title {
        margin-top: 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box span.title {
        margin-top: .4166666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box span.title {
        font-size: 0.7578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-image li .box span.title {
        font-size: .75vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-image li .box:hover,
.search-selection .search-selection-wrap .selection-block .brand-list-image li .box.active {
    border-color: #d60000
}

.search-selection .search-selection-wrap .selection-block .brand-list-button li {
    max-width: 11.111%
}

@media screen and (max-width: 991px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li {
        max-width: 12.5%
    }
}

@media screen and (max-width: 767px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li {
        max-width: 20%
    }
}

@media screen and (max-width: 480px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li {
        max-width: 25%
    }
}

@media screen and (max-width: 399px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li {
        max-width: 33.3333%
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-button .button {
    font-weight: 600;
    height: 5.2173913043rem;
    width: 5.2173913043rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button {
        height: 6.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button {
        height: 6.25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button {
        width: 6.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button {
        width: 6.25vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-button .button span {
    font-size: 0.6260869565rem;
    padding: 0rem 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button span {
        font-size: 0.7578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button span {
        font-size: .75vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button span {
        padding: 0rem 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button span {
        padding: 0vw .2604166667vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-button .button .lightsup {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0.6260869565rem 0.5217391304rem;
    background-color: #d70000;
    color: #fff
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button .lightsup {
        padding: 0.7578947368rem 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button .button .lightsup {
        padding: .75vw .625vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-button li#last-note {
    background-color: #fff3cd;
    border: solid #ffecb5;
    margin-top: 0.8695652174rem;
    padding: 0.5217391304rem 0.6956521739rem;
    border-width: 0.052173913rem;
    max-width: 100%;
    flex: 0 0 auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li#last-note {
        margin-top: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li#last-note {
        margin-top: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li#last-note {
        padding: 0.6315789474rem 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li#last-note {
        padding: .625vw .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li#last-note {
        border-width: 0.0631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li#last-note {
        border-width: .0625vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-button li.engine-li1 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin-bottom: 0.6956521739rem;
    font-weight: 600;
    font-size: 0.6260869565rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li.engine-li1 {
        margin-bottom: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li.engine-li1 {
        margin-bottom: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li.engine-li1 {
        font-size: 0.7578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .search-selection-wrap .selection-block .brand-list-button li.engine-li1 {
        font-size: .75vw
    }
}

.search-selection .search-selection-wrap .selection-block .brand-list-button.button-text-overflow-max .button-text-overflow span {
    max-width: calc(100% - 16px)
}

.search-selection .selection-breadcrumb {
    padding: 0rem 5.2173913043rem;
    margin-top: 0.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb {
        padding: 0rem 6.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb {
        padding: 0vw 6.25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb {
        margin-top: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb {
        margin-top: .8333333333vw
    }
}

@media screen and (max-width: 991px) {
    .search-selection .selection-breadcrumb {
        padding: 0
    }
}

.search-selection .selection-breadcrumb .reset-size-selection,
.search-selection .selection-breadcrumb .reset-vehicle-selection,
.search-selection .selection-breadcrumb .allback,
.search-selection .selection-breadcrumb .vehicleallbackbutton {
    cursor: pointer
}

.search-selection .selection-breadcrumb .reset-size-selection .icon,
.search-selection .selection-breadcrumb .reset-vehicle-selection .icon,
.search-selection .selection-breadcrumb .allback .icon,
.search-selection .selection-breadcrumb .vehicleallbackbutton .icon {
    height: 3.0434782609rem;
    width: 3.0434782609rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #e3e3e3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon,
    .search-selection .selection-breadcrumb .allback .icon,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon {
        height: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon,
    .search-selection .selection-breadcrumb .allback .icon,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon {
        height: 3.6458333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon,
    .search-selection .selection-breadcrumb .allback .icon,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon {
        width: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon,
    .search-selection .selection-breadcrumb .allback .icon,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon {
        width: 3.6458333333vw
    }
}

@media screen and (max-width: 767px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon,
    .search-selection .selection-breadcrumb .allback .icon,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon {
        width: 1.875rem;
        height: 1.875rem
    }
}

.search-selection .selection-breadcrumb .reset-size-selection .icon svg,
.search-selection .selection-breadcrumb .reset-vehicle-selection .icon svg,
.search-selection .selection-breadcrumb .allback .icon svg,
.search-selection .selection-breadcrumb .vehicleallbackbutton .icon svg {
    fill: #d70000;
    display: block;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.search-selection .selection-breadcrumb .reset-size-selection .text,
.search-selection .selection-breadcrumb .reset-vehicle-selection .text,
.search-selection .selection-breadcrumb .allback .text,
.search-selection .selection-breadcrumb .vehicleallbackbutton .text {
    font-size: 0.8695652174rem;
    font-weight: 500;
    margin-top: 0.2782608696rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .selection-breadcrumb .reset-size-selection .text,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .text,
    .search-selection .selection-breadcrumb .allback .text,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .text {
        font-size: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .selection-breadcrumb .reset-size-selection .text,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .text,
    .search-selection .selection-breadcrumb .allback .text,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .text {
        font-size: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .selection-breadcrumb .reset-size-selection .text,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .text,
    .search-selection .selection-breadcrumb .allback .text,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .text {
        margin-top: 0.3368421053rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .selection-breadcrumb .reset-size-selection .text,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .text,
    .search-selection .selection-breadcrumb .allback .text,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .text {
        margin-top: .3333333333vw
    }
}

@media screen and (max-width: 767px) {

    .search-selection .selection-breadcrumb .reset-size-selection .text,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .text,
    .search-selection .selection-breadcrumb .allback .text,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .text {
        display: none
    }
}

.search-selection .selection-breadcrumb .reset-size-selection:hover .icon,
.search-selection .selection-breadcrumb .reset-vehicle-selection:hover .icon,
.search-selection .selection-breadcrumb .allback:hover .icon,
.search-selection .selection-breadcrumb .vehicleallbackbutton:hover .icon {
    background-color: #d70000
}

.search-selection .selection-breadcrumb .reset-size-selection:hover .icon svg,
.search-selection .selection-breadcrumb .reset-vehicle-selection:hover .icon svg,
.search-selection .selection-breadcrumb .allback:hover .icon svg,
.search-selection .selection-breadcrumb .vehicleallbackbutton:hover .icon svg {
    fill: #fff
}

.search-selection .selection-breadcrumb .reset-size-selection .icon svg,
.search-selection .selection-breadcrumb .reset-vehicle-selection .icon svg {
    width: 1.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon svg,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon svg {
        width: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon svg,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon svg {
        width: 2.0833333333vw
    }
}

@media screen and (max-width: 767px) {

    .search-selection .selection-breadcrumb .reset-size-selection .icon svg,
    .search-selection .selection-breadcrumb .reset-vehicle-selection .icon svg {
        width: 0.9375rem
    }
}

.search-selection .selection-breadcrumb .allback .icon svg,
.search-selection .selection-breadcrumb .vehicleallbackbutton .icon svg {
    width: 0.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .search-selection .selection-breadcrumb .allback .icon svg,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon svg {
        width: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {

    .search-selection .selection-breadcrumb .allback .icon svg,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon svg {
        width: .8333333333vw
    }
}

@media screen and (max-width: 767px) {

    .search-selection .selection-breadcrumb .allback .icon svg,
    .search-selection .selection-breadcrumb .vehicleallbackbutton .icon svg {
        width: 0.5rem
    }
}

.search-selection .selection-breadcrumb .steps {
    width: 26.4347826087rem;
    padding: 0.652173913rem 0rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps {
        width: 32rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps {
        width: 31.6666666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps {
        padding: 0.7894736842rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps {
        padding: .78125vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .selection-breadcrumb .steps {
        width: 100%;
        padding: 0
    }
}

.search-selection .selection-breadcrumb .steps ul li {
    position: relative;
    z-index: 1
}

.search-selection .selection-breadcrumb .steps ul li span {
    display: inline-block
}

.search-selection .selection-breadcrumb .steps ul li span span.text {
    font-size: 0.8695652174rem;
    font-weight: 500;
    margin-bottom: 0.6956521739rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps ul li span span.text {
        font-size: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps ul li span span.text {
        font-size: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps ul li span span.text {
        margin-bottom: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps ul li span span.text {
        margin-bottom: .8333333333vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .selection-breadcrumb .steps ul li span span.text {
        font-size: 0.8125rem;
        margin-bottom: 0.3125rem
    }
}

.search-selection .selection-breadcrumb .steps ul li span span.dot {
    display: inline-block;
    background-color: #fafafa
}

.search-selection .selection-breadcrumb .steps ul li span span.dot span {
    height: 1.3043478261rem;
    width: 1.3043478261rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #e3e3e3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps ul li span span.dot span {
        height: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps ul li span span.dot span {
        height: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps ul li span span.dot span {
        width: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps ul li span span.dot span {
        width: 1.5625vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .selection-breadcrumb .steps ul li span span.dot span {
        font-size: 0.8125rem;
        margin-bottom: 0.3125rem
    }
}

.search-selection .selection-breadcrumb .steps ul li span span.dot span svg {
    width: 0.6956521739rem;
    fill: #fff;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps ul li span span.dot span svg {
        width: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps ul li span span.dot span svg {
        width: .8333333333vw
    }
}

.search-selection .selection-breadcrumb .steps ul li:after {
    content: "";
    position: absolute;
    right: 50%;
    width: 100%;
    border-top: dotted #e3e3e3;
    border-width: 0.4347826087rem;
    bottom: 0.4782608696rem;
    z-index: -1
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps ul li:after {
        border-width: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps ul li:after {
        border-width: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection .selection-breadcrumb .steps ul li:after {
        bottom: 0.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection .selection-breadcrumb .steps ul li:after {
        bottom: .5729166667vw
    }
}

@media screen and (max-width: 767px) {
    .search-selection .selection-breadcrumb .steps ul li:after {
        bottom: 0.75rem
    }
}

.search-selection .selection-breadcrumb .steps ul li:last-child:after {
    display: none
}

.search-selection .selection-breadcrumb .steps ul li.active span.dot span {
    background-color: #d70000
}

.search-selection .selection-breadcrumb .steps ul li.active span.dot span svg {
    opacity: 1;
    visibility: visible
}

.search-selection .selection-breadcrumb .steps ul li.active span.text {
    opacity: 1
}

.search-selection .selection-breadcrumb .steps ul li.active:after {
    border-color: #d70000
}

.search-selection.search-by-vehicle .search-selection-wrap {
    max-width: 52.1739130435rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection.search-by-vehicle .search-selection-wrap {
        max-width: 63.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection.search-by-vehicle .search-selection-wrap {
        max-width: 62.5vw
    }
}

.search-selection.search-by-vehicle .selection-breadcrumb .steps {
    width: 45.9130434783rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-selection.search-by-vehicle .selection-breadcrumb .steps {
        width: 55.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .search-selection.search-by-vehicle .selection-breadcrumb .steps {
        width: 55vw
    }
}

@media screen and (max-width: 1199px) {
    .search-selection.search-by-vehicle .selection-breadcrumb .steps {
        width: 31.25rem
    }
}

@media screen and (max-width: 767px) {
    .search-selection.search-by-vehicle .selection-breadcrumb .steps {
        width: 100%
    }
}

.search-selection.search-by-vehicle .search-selection-wrap .selection-block .scrollbar-inner {
    height: 54vh
}

@media screen and (max-height: 720px)and (orientation: landscape) {
    .search-selection.search-by-vehicle .search-selection-wrap .selection-block .scrollbar-inner {
        height: 38vh
    }
}

@media screen and (max-height: 800px)and (orientation: landscape) {
    .search-selection.search-by-vehicle .search-selection-wrap .selection-block .scrollbar-inner {
        height: 42vh
    }
}

@media screen and (max-height: 920px)and (orientation: landscape) {
    .search-selection.search-by-vehicle .search-selection-wrap .selection-block .scrollbar-inner {
        height: 48vh
    }
}

@media screen and (max-device-width: 767px)and (orientation: portrait) {
    .search-selection.search-by-vehicle .search-selection-wrap .selection-block .scrollbar-inner {
        height: 60vh
    }
}

@media screen and (max-device-width: 767px)and (orientation: landscape) {
    .search-selection.search-by-vehicle .search-selection-wrap .selection-block .scrollbar-inner {
        height: 32vh
    }
}

.form-check-custom-style1 .checkbox {
    position: absolute;
    opacity: 0
}

.form-check-custom-style1 .checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-size: 0.5652173913rem;
    padding-bottom: 1.7826086957rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style1 .checkbox+label {
        font-size: 0.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style1 .checkbox+label {
        font-size: .6770833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style1 .checkbox+label {
        padding-bottom: 2.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style1 .checkbox+label {
        padding-bottom: 2.1354166667vw
    }
}

.form-check-custom-style1 .checkbox+label:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    height: 1.5652173913rem;
    width: 1.9130434783rem;
    display: inline-block;
    border: solid #d60000;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-width: 0.0652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style1 .checkbox+label:before {
        height: 1.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style1 .checkbox+label:before {
        height: 1.875vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style1 .checkbox+label:before {
        width: 2.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style1 .checkbox+label:before {
        width: 2.2916666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style1 .checkbox+label:before {
        border-width: 0.0789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style1 .checkbox+label:before {
        border-width: .078125vw
    }
}

.form-check-custom-style1 .checkbox:checked+label:before {
    background: #eee;
    border-color: #000
}

.form-check-custom-style1 .checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.form-check-custom-style1 .checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd
}

.form-check-custom-style1 .checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 1.5652173913rem;
    width: 1.9130434783rem;
    background-size: 510%;
    background-position: 19% -3.1%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style1 .checkbox:checked+label:after {
        height: 1.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style1 .checkbox:checked+label:after {
        height: 1.875vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style1 .checkbox:checked+label:after {
        width: 2.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style1 .checkbox:checked+label:after {
        width: 2.2916666667vw
    }
}

.form-check-custom-style2 label {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.form-check-custom-style2 label span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0)
}

.form-check-custom-style2 label span:first-child {
    position: relative;
    height: 0.8695652174rem;
    width: 0.8695652174rem;
    vertical-align: middle;
    border: solid #555;
    border-width: 0.0434782609rem;
    border-radius: 0.2173913043rem;
    -ms-border-radius: 0.2173913043rem;
    -webkit-border-radius: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style2 label span:first-child {
        height: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style2 label span:first-child {
        height: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style2 label span:first-child {
        width: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style2 label span:first-child {
        width: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style2 label span:first-child {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style2 label span:first-child {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style2 label span:first-child {
        border-radius: 0.2631578947rem;
        -ms-border-radius: 0.2631578947rem;
        -webkit-border-radius: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style2 label span:first-child {
        border-radius: .2604166667vw;
        -ms-border-radius: .2604166667vw;
        -webkit-border-radius: .2604166667vw
    }
}

@media screen and (max-width: 767px) {
    .form-check-custom-style2 label span:first-child {
        border-width: 1px
    }
}

.form-check-custom-style2 label span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #d60000;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: .2s
}

.form-check-custom-style2 label span.text {
    font-size: 0.7826086957rem;
    font-weight: 300;
    color: #000;
    letter-spacing: 0.0434782609rem;
    margin-left: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style2 label span.text {
        font-size: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style2 label span.text {
        font-size: .9375vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style2 label span.text {
        letter-spacing: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style2 label span.text {
        letter-spacing: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style2 label span.text {
        margin-left: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style2 label span.text {
        margin-left: .78125vw
    }
}

.form-check-custom-style2 label:hover span:first-child {
    border-color: #000
}

.form-check-custom-style2 .checkbox,
.form-check-custom-style2 .radio {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.form-check-custom-style2 .checkbox:checked+label span:first-child,
.form-check-custom-style2 .radio:checked+label span:first-child {
    border-color: #000;
    animation: check .6s ease;
    background-size: 720%;
    background-position: 20% 11.9%
}

.form-check-custom-style2 .checkbox:checked+label span:first-child:before,
.form-check-custom-style2 .radio:checked+label span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all .6s ease
}

.form-check-custom-style2.disabled {
    opacity: .7;
    cursor: not-allowed;
    pointer-events: none
}

.form-check-custom-style2.disabled .checkbox:checked+label span:first-child,
.form-check-custom-style2.disabled .radio:checked+label span:first-child {
    border-color: rgba(0, 0, 0, 0)
}

.form-check-custom-style2.text-bold-italic label .text {
    font-weight: bold;
    font-style: italic
}

.form-check-custom-style3 {
    margin-top: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 {
        margin-top: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 {
        margin-top: .2604166667vw
    }
}

.form-check-custom-style3 .checkbox {
    position: absolute;
    opacity: 0
}

.form-check-custom-style3 .checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-weight: 500;
    color: #fff;
    display: block;
    text-align: right
}

.form-check-custom-style3 .checkbox+label:before {
    content: "";
    height: 1.5652173913rem;
    width: 1.9130434783rem;
    display: inline-block;
    border: solid #fff;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-width: 0.0652173913rem;
    vertical-align: middle;
    margin-left: 0.5217391304rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 .checkbox+label:before {
        height: 1.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 .checkbox+label:before {
        height: 1.875vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 .checkbox+label:before {
        width: 2.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 .checkbox+label:before {
        width: 2.2916666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 .checkbox+label:before {
        border-width: 0.0789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 .checkbox+label:before {
        border-width: .078125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 .checkbox+label:before {
        margin-left: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 .checkbox+label:before {
        margin-left: .625vw
    }
}

.form-check-custom-style3 .checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.form-check-custom-style3 .checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd
}

.form-check-custom-style3 .checkbox:checked+label:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0.0652173913rem;
    height: 1.5652173913rem;
    width: 1.9130434783rem;
    background-size: 560%;
    background-position: 19% 25.1%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 .checkbox:checked+label:after {
        top: 0.0789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 .checkbox:checked+label:after {
        top: .078125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 .checkbox:checked+label:after {
        height: 1.8947368421rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 .checkbox:checked+label:after {
        height: 1.875vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style3 .checkbox:checked+label:after {
        width: 2.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style3 .checkbox:checked+label:after {
        width: 2.2916666667vw
    }
}

.mgs-filter-item-checkbox .mgs-content:before {
    content: "";
    height: 0.8695652174rem;
    width: 0.8695652174rem;
    margin-left: 0.4347826087rem;
    display: block;
    vertical-align: middle;
    border: solid #555;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        height: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        height: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        width: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        width: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        margin-left: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        margin-left: .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        border-width: .0520833333vw
    }
}

@media screen and (max-width: 767px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        border-width: 1px
    }
}

.form-check-custom-style4 label {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.form-check-custom-style4 label span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0)
}

.form-check-custom-style4 label span:first-child {
    position: relative;
    height: 0.8695652174rem;
    width: 0.8695652174rem;
    vertical-align: middle;
    border: solid #555;
    border-width: 0.0434782609rem;
    border-radius: 0.2173913043rem;
    -ms-border-radius: 0.2173913043rem;
    -webkit-border-radius: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style4 label span:first-child {
        height: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style4 label span:first-child {
        height: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style4 label span:first-child {
        width: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style4 label span:first-child {
        width: 1.0416666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style4 label span:first-child {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style4 label span:first-child {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style4 label span:first-child {
        border-radius: 0.2631578947rem;
        -ms-border-radius: 0.2631578947rem;
        -webkit-border-radius: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style4 label span:first-child {
        border-radius: .2604166667vw;
        -ms-border-radius: .2604166667vw;
        -webkit-border-radius: .2604166667vw
    }
}

@media screen and (max-width: 767px) {
    .form-check-custom-style4 label span:first-child {
        border-width: 1px
    }
}

.form-check-custom-style4 label span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #d60000;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: .2s
}

.form-check-custom-style4 label span.text {
    font-size: 0.6956521739rem;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.0434782609rem;
    margin-right: 0.347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style4 label span.text {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style4 label span.text {
        font-size: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style4 label span.text {
        letter-spacing: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style4 label span.text {
        letter-spacing: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style4 label span.text {
        margin-right: 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style4 label span.text {
        margin-right: .4166666667vw
    }
}

.form-check-custom-style4 label:hover span:first-child {
    border-color: #000
}

.form-check-custom-style4 .checkbox,
.form-check-custom-style4 .radio {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.form-check-custom-style4 .checkbox:checked+label span:first-child,
.form-check-custom-style4 .radio:checked+label span:first-child {
    border-color: #000;
    animation: check .6s ease;
    background-size: 720%;
    background-position: 20% 11.9%
}

.form-check-custom-style4 .checkbox:checked+label span:first-child:before,
.form-check-custom-style4 .radio:checked+label span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all .6s ease
}

.form-check-custom-style4.disabled {
    opacity: .7;
    cursor: not-allowed;
    pointer-events: none
}

.form-check-custom-style4.disabled .checkbox:checked+label span:first-child,
.form-check-custom-style4.disabled .radio:checked+label span:first-child {
    border-color: rgba(0, 0, 0, 0)
}

.form-check-custom-style4.text-bold-italic label .text {
    font-weight: bold;
    font-style: italic
}

.form-check-custom-style5 {
    margin-bottom: 2.4347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style5 {
        margin-bottom: 2.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style5 {
        margin-bottom: 2.9166666667vw
    }
}

.form-check-custom-style5 .checkbox {
    position: absolute;
    opacity: 0
}

.form-check-custom-style5 .checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.7304347826rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style5 .checkbox+label {
        font-size: 0.8842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style5 .checkbox+label {
        font-size: .875vw
    }
}

.form-check-custom-style5 .checkbox+label:after {
    position: relative;
    top: -1px;
    content: "";
    height: 1.0434782609rem;
    width: 1.0434782609rem;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px;
    vertical-align: middle;
    margin-right: 0.6956521739rem;
    background-color: #f5f5f5
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style5 .checkbox+label:after {
        height: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style5 .checkbox+label:after {
        height: 1.25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style5 .checkbox+label:after {
        width: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style5 .checkbox+label:after {
        width: 1.25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style5 .checkbox+label:after {
        margin-right: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style5 .checkbox+label:after {
        margin-right: .8333333333vw
    }
}

.form-check-custom-style5 .checkbox:checked+label:after {
    background: #eee;
    border-color: #000
}

.form-check-custom-style5 .checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.form-check-custom-style5 .checkbox:disabled+label:after {
    box-shadow: none;
    background: #ddd
}

.form-check-custom-style5 .checkbox:checked+label:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 1.0434782609rem;
    width: 1.0434782609rem;
    background-size: 408%;
    background-position: 15.2% -2.64%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style5 .checkbox:checked+label:after {
        height: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style5 .checkbox:checked+label:after {
        height: 1.25vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .form-check-custom-style5 .checkbox:checked+label:after {
        width: 1.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .form-check-custom-style5 .checkbox:checked+label:after {
        width: 1.25vw
    }
}

.mgs-filter-item-checkbox input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.mgs-filter-item-checkbox input:checked+.mgs-content:before {
    border-color: #000;
    background-size: 720%;
    background-position: 20% 25.3%;
    background-color: #646464
}

@keyframes check {
    50% {
        transform: scale(1.2)
    }
}

@media screen and (max-width: 767px) {
    .mgs-filter-item-checkbox .mgs-content:before {
        height: 1.0625rem;
        width: 1.0625rem
    }
}

.dot-animated {
    position: relative
}

.dot-animated:after {
    position: absolute;
    right: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.375rem;
    height: 1.375rem;
    animation: pulse 1s linear infinite;
    content: "";
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .15)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(0, 0, 0, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }
}

.overlay {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, .9019607843);
    z-index: 9;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.overlay.open {
    opacity: 1;
    visibility: visible
}

.search-overlay {
    position: fixed;
    top: calc(5.7391304348rem + 1.5652173913rem);
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(28, 28, 28, .4784313725);
    z-index: 93;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .search-overlay {
        top: calc(6.9473684211rem + 1.8947368421rem)
    }
}

@media screen and (min-width: 1500px) {
    .search-overlay {
        top: calc(6.875vw + 1.875vw)
    }
}

.search-overlay.open {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 767px) {
    .search-overlay {
        top: 0
    }
}

.cms-home .search-overlay {
    display: none
}

.color-selection {
    position: relative
}

.color-selection .icon {
    position: absolute;
    left: 0.8695652174rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .icon {
        left: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .icon {
        left: 1.0416666667vw
    }
}

.color-selection .icon svg {
    width: 0.9565217391rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .icon svg {
        width: 1.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .icon svg {
        width: 1.1458333333vw
    }
}

.color-selection .main-color-option-list {
    margin: 0 auto;
    padding: 0;
    max-width: 3.9130434783rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .main-color-option-list {
        max-width: 4.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .main-color-option-list {
        max-width: 4.6875vw
    }
}

.color-selection .main-color-option-list li {
    list-style-type: none;
    border: solid #646464;
    border-width: 0.0434782609rem;
    padding: 0.4347826087rem 0.652173913rem 0.4347826087rem 0.652173913rem;
    cursor: pointer;
    border-radius: 100px;
    -ms-border-radius: 100px;
    -webkit-border-radius: 100px
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .main-color-option-list li {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .main-color-option-list li {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .main-color-option-list li {
        padding: 0.5263157895rem 0.7894736842rem 0.5263157895rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .main-color-option-list li {
        padding: .5208333333vw .78125vw .5208333333vw .78125vw
    }
}

.color-selection .main-color-option-list li span {
    display: none
}

.color-selection .main-color-option-list li img {
    height: 1.3043478261rem;
    width: 1.3043478261rem;
    border: solid #c8c8c8;
    border-width: 0.0434782609rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .main-color-option-list li img {
        height: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .main-color-option-list li img {
        height: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .main-color-option-list li img {
        width: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .main-color-option-list li img {
        width: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .main-color-option-list li img {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .main-color-option-list li img {
        border-width: .0520833333vw
    }
}

.color-selection .select-color-option-list {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow-y: scroll;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9;
    top: 0;
    max-width: 3.9130434783rem;
    max-height: 7.3913043478rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list {
        max-width: 4.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list {
        max-width: 4.6875vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list {
        max-height: 8.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list {
        max-height: 8.8541666667vw
    }
}

.color-selection .select-color-option-list::-webkit-scrollbar {
    width: 10px;
    background-color: #eee
}

.color-selection .select-color-option-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d60000
}

.color-selection .select-color-option-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #eee
}

.color-selection .select-color-option-list li {
    list-style-type: none;
    border: solid #646464;
    border-width: 0.0434782609rem;
    padding: 0.347826087rem 0.652173913rem 0.347826087rem 0.652173913rem;
    cursor: pointer;
    background-color: #fff;
    text-align: center;
    border-top: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list li {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list li {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list li {
        padding: 0.4210526316rem 0.7894736842rem 0.4210526316rem 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list li {
        padding: .4166666667vw .78125vw .4166666667vw .78125vw
    }
}

.color-selection .select-color-option-list li:nth-child(1) {
    border-top: solid #646464;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list li:nth-child(1) {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list li:nth-child(1) {
        border-width: .0520833333vw
    }
}

.color-selection .select-color-option-list li span {
    display: none
}

.color-selection .select-color-option-list li img {
    height: 1.3043478261rem;
    width: 1.3043478261rem;
    border: solid #c8c8c8;
    border-width: 0.0434782609rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list li img {
        height: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list li img {
        height: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list li img {
        width: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list li img {
        width: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .color-selection .select-color-option-list li img {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .color-selection .select-color-option-list li img {
        border-width: .0520833333vw
    }
}

@media screen and (min-width: 992px)and (max-width: 1199px) {
    .color-selection .icon {
        left: 0.4347826087rem
    }
}

.viewport-height {
    height: calc(100vh - 5.7391304348rem - 80px)
}

html .safari .viewport-height {
    height: calc(100vh - 5.7391304348rem - 80px)
}

html .chrome .viewport-height {
    height: calc(100vh - 5.7391304348rem - 65px)
}

@media screen and (max-width: 767px)and (orientation: landscape) {
    html .safari .viewport-height {
        height: auto
    }

    html .chrome .viewport-height {
        height: auto
    }
}

._block-content-loading {
    position: static
}

.loading-mask {
    background: rgba(255, 255, 255, .9607843137);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0
}

.loading-mask .loader {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    height: 100%
}

.loading-mask .loader .inner {
    text-align: center
}

.loading-mask .loader .inner>img {
    max-width: 50px;
    background-color: #fff
}

.loading-mask .loader>img {
    max-width: 35px
}

.loading-mask .loader .inner>p {
    display: none
}

.loading-mask .loader .inner>.text {
    display: block;
    cursor: pointer;
    margin-top: 20px
}

.loading-mask .loader .inner>.close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #d60000;
    height: 27px;
    width: 27px;
    border-radius: 100px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    transition: transform .5s cubic-bezier(0.16, 0.81, 0.32, 1), opacity .5s ease
}

.loading-mask .loader .inner>.close svg {
    width: 12px;
    fill: #fff
}

.loading-mask .loader .inner>.close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page.messages {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem)
}

div[data-content-type=html] {
    width: 100%
}

@font-face {
    font-family: "luma-icons";
    src: url("../fonts/Luma-Icons.woff2") format("woff2"), url("../fonts/Luma-Icons.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=search],
input[type=number],
input[type*=date],
input[type=email] {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857143;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
    outline: none
}

.minicart-wrapper {
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.minicart-wrapper .action.showcart .text,
.minicart-wrapper .action.showcart .counter-label,
.minicart-wrapper .action.close>span,
.minicart-items .action.edit>span,
.minicart-items .action.delete>span,
.action.skip:not(:focus),
.field.street .field .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.minicart-wrapper .block-minicart {
    width: 330px;
    padding: 10px;
    left: 0;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .1);
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    margin-top: 18px;
    background: #fff;
    z-index: 101;
    position: absolute;
    top: 100%;
    display: none
}

.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
    border-bottom-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.minicart-wrapper .block-minicart:before {
    border: 6px solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
    z-index: 99
}

.minicart-wrapper .block-minicart:before {
    left: 12px;
    top: -12px
}

.minicart-wrapper .block-minicart:after {
    border: 7px solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0);
    z-index: 98
}

.minicart-wrapper .block-minicart:after {
    left: 11px;
    top: -14px
}

.minicart-wrapper .block-minicart .block-title {
    display: none
}

.block-minicart .subtotal {
    margin: 0;
    text-align: right;
    background-color: #f5f5f5;
    padding: 12px 20px
}

.minicart-wrapper .block-minicart:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0)
}

.block-minicart .amount .price-wrapper:first-child .price {
    font-size: 15px;
    font-weight: 500
}

.block-minicart .block-content>.actions>.primary .action.primary {
    display: none
}

.minicart-items {
    padding: 0;
    margin: 0
}

.minicart-items::-webkit-scrollbar {
    width: 10px;
    background-color: #eee
}

.minicart-items::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d60000
}

.minicart-items::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #eee
}

.minicart-wrapper .mage-dropdown-dialog .minicart-items {
    max-height: 246px;
    overflow-y: auto
}

.minicart-items .product .toggle {
    padding: 5px 0 5px 0;
    font-size: 12px
}

.minicart-items .product .toggle:after {
    color: #000;
    font-size: 10px
}

.minicart-items-wrapper {
    border: 0;
    margin: 5px 0;
    border-right: 0;
    border-left: 0;
    overflow-x: auto;
    padding: 0;
    height: auto !important
}

.minicart-items .product-item,
.minicart-items .price-excluding-tax {
    font-size: 14px
}

.minicart-items .product-item {
    padding: 10px 0;
    margin: 0 !important
}

.minicart-items .product-item .message {
    margin-bottom: 0
}

.minicart-items .product-item-details {
    position: relative;
    padding-right: 80px
}

.minicart-items .product-item-name {
    font-weight: 400;
    margin: 0px;
    font-size: 14px;
    line-height: normal;
    word-wrap: break-word;
    display: block;
    hyphens: auto
}

.minicart-items .product-item-name a {
    color: #000;
    text-decoration: none
}

.minicart-items .product-item-details .price {
    font-weight: 600;
    font-size: 16px
}

.minicart-items .product-item-details .price-excluding-tax {
    margin: 0
}

.minicart-items .product-item-details .product-item-pricing {
    margin-top: 10px
}

.minicart-items .product-item-details .details-qty {
    padding: 0;
    margin-top: 12px
}

.block-minicart .block-content>.actions>.secondary {
    text-align: center;
    margin: 0px -10px -10px -10px
}

.block-minicart .block-content>.actions>.secondary a {
    color: #fff;
    text-transform: uppercase;
    background-color: #d60000;
    padding: 12px 10px;
    display: block
}

.block-minicart .block-content>.actions>.secondary a:hover {
    background-color: #000
}

.minicart-items .item-qty {
    text-align: center;
    width: 50px;
    border: 1px solid #000;
    border-radius: 3px;
    margin-right: 5px;
    height: 30px
}

.minicart-items .update-cart-item {
    font-size: 14px;
    margin-right: 5px;
    vertical-align: top;
    height: 32px;
    font-weight: normal;
    background-color: #d60000;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 5px 12px;
    display: none !important
}

.minicart-items .update-cart-item:hover {
    background-color: #000
}

.minicart-wrapper .product .actions {
    float: none;
    margin: 0;
    position: absolute;
    left: 10px;
    bottom: 2px
}

.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
    color: #fff
}

.minicart-items .action.delete {
    height: 24px;
    width: 24px;
    display: block;
    text-align: center;
    line-height: 29px;
    border-radius: 3px
}

.minicart-items .action.delete:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16px"><path d="M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z"/></svg>')
}

.minicart-wrapper .product .actions>.primary:not(:last-child),
.minicart-wrapper .product .actions>.secondary:not(:last-child) {
    margin-left: 5px
}

.minicart-wrapper .minicart-widgets {
    margin-top: 0
}

.block-minicart .block-content>.actions {
    margin-top: 0
}

.block-minicart .block-content>.actions>.primary {
    margin: 0
}

.block-minicart .items-total .count {
    font-weight: bold
}

.minicart-wrapper .action.close {
    background-color: #000;
    left: 3px;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    top: 3px;
    position: absolute;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-shadow: none;
    font-weight: 400;
    display: inline-block;
    text-decoration: none
}

.minicart-wrapper .action.close:before {
    line-height: 26px;
    color: #fff;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" height="12px" width="12px" fill="white"><path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/></svg>');
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.block-minicart .items-total {
    float: none;
    margin: 0;
    position: absolute;
    left: 25px;
    top: 31px
}

.minicart-items .product-item:not(:first-child) {
    border-top: 1px solid #e0e0e0
}

.minicart-wrapper .product .actions .primary {
    display: none
}

.block-minicart .subtitle.empty {
    padding: 25px 20px 20px 20px;
    display: block;
    font-size: 14px;
    text-align: center
}

.block-minicart .subtitle {
    display: none
}

.minicart-items .product>.product-item-photo,
.minicart-items .product>.product-image-container {
    float: right
}

.product-image-container {
    display: inline-block;
    max-width: 100%
}

.minicart-items .product-image-wrapper {
    height: auto;
    padding: 0 !important
}

.minicart-items .product-image-wrapper .product-image-photo {
    position: static
}

.product-image-photo {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: auto
}

.page-products .toolbar .limiter {
    display: none
}

.page-products .toolbar .modes {
    display: none
}

.toolbar-products .pages {
    display: none
}

.products.wrapper~.toolbar .sorter {
    display: none
}

.products.wrapper~.toolbar .modes {
    display: none
}

.products.wrapper~.toolbar-products .pages {
    display: block
}

.limiter .control {
    display: inline-block
}

.modes-label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pages>.label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pages .items {
    font-size: 0;
    letter-spacing: -1px;
    line-height: 0;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none none;
    display: inline-block;
    font-weight: 400
}

.pages .item .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pages .action.next>span,
.pages .action.previous>span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pages .action.next:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="9px" fill="white"><path d="M206.7 464.6l-183.1-191.1C18.22 267.1 16 261.1 16 256s2.219-11.97 6.688-16.59l183.1-191.1c9.152-9.594 24.34-9.906 33.9-.7187c9.625 9.125 9.938 24.37 .7187 33.91L73.24 256l168 175.4c9.219 9.5 8.906 24.78-.7187 33.91C231 474.5 215.8 474.2 206.7 464.6z"/></svg>');
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.pages .action.previous:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="9px" fill="white"><path d="M113.3 47.41l183.1 191.1c4.469 4.625 6.688 10.62 6.688 16.59s-2.219 11.97-6.688 16.59l-183.1 191.1c-9.152 9.594-24.34 9.906-33.9 .7187c-9.625-9.125-9.938-24.38-.7187-33.91l168-175.4L78.71 80.6c-9.219-9.5-8.906-24.78 .7187-33.91C88.99 37.5 104.2 37.82 113.3 47.41z"/></svg>');
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.filter-options-title {
    cursor: pointer;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    padding: 10px 40px 0 10px;
    position: relative;
    text-transform: uppercase;
    word-break: break-all;
    z-index: 1;
    display: block;
    text-decoration: none
}

.filter-options-content .item {
    line-height: 1.5em;
    margin: 10px 0
}

.filter-options-content a {
    color: #494949;
    margin-right: -5px;
    margin-left: -5px;
    padding-right: 5px;
    padding-left: 7px
}

.action-skip-wrapper {
    height: 0;
    position: relative
}

.breadcrumbs .items {
    font-size: 1.2rem;
    color: #707070;
    margin: 0;
    padding: 0;
    list-style: none none
}

.breadcrumbs .item {
    margin: 0
}

.breadcrumbs .items>li {
    display: inline-block;
    vertical-align: top
}

.breadcrumbs strong {
    font-weight: 400
}

.breadcrumbs .item:not(:last-child) {
    display: inline-block;
    text-decoration: none
}

.breadcrumbs .item:not(:last-child):after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 18px;
    content: "";
    font-family: "luma-icons";
    margin: 0 10px;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.breadcrumbs .item:not(:last-child):after {
    font-size: 10px;
    line-height: 20px;
    margin: 0 7px
}

.table-wrapper {
    margin-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden
}

table>caption {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.table tfoot {
    background: #f5f5f5
}

.table tfoot>tr:first-child th,
.table tfoot>tr:first-child td {
    border-top: 1px solid #ccc;
    padding-top: 20px
}

.table tfoot th,
.table tfoot td {
    border: 0
}

.table tfoot .mark {
    font-weight: 400;
    text-align: left
}

table>caption {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.cart.table-wrapper .cart tbody td {
    border: 0
}

.cart.table-wrapper .product-item-photo {
    display: block;
    left: 15px;
    max-width: 65px;
    padding: 0;
    position: absolute;
    top: 15px;
    width: 100%
}

.product-image-wrapper {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.products-list .product-image-wrapper,
.cart.table-wrapper .product-image-wrapper,
.minicart-items .product-image-wrapper,
.block-giftregistry-shared-items .product-image-wrapper {
    height: auto;
    padding: 0 !important
}

.products-list .product-image-wrapper .product-image-photo,
.cart.table-wrapper .product-image-wrapper .product-image-photo,
.minicart-items .product-image-wrapper .product-image-photo,
.block-giftregistry-shared-items .product-image-wrapper .product-image-photo {
    position: static
}

.cart-summary {
    background: #f5f5f5;
    margin-bottom: 25px;
    padding: 1px 0 25px
}

.cart-summary>.title {
    font-size: 2.4rem;
    display: none;
    font-weight: 300;
    margin: 12px 0
}

.page-main .cart-summary .block {
    margin-bottom: 0
}

.abs-discount-block .block .content,
.cart-summary .block .content,
.paypal-review-discount .block .content,
.cart-discount .block .content {
    display: none;
    padding: 5px 15px 23px;
    position: relative
}

.cart-totals .table-wrapper,
.opc-block-summary .table-totals .table-wrapper {
    margin-bottom: 0
}

.cart-totals tbody .mark,
.cart-totals tfoot .mark {
    text-align: left
}

.cart-totals tbody .mark,
.cart-totals tfoot .mark,
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark {
    border: 0;
    font-weight: 400;
    padding: 6px 0
}

.cart-totals .mark {
    max-width: 209px
}

.cart-totals tbody .amount,
.cart-totals tfoot .amount,
.opc-block-summary .table-totals tbody .amount,
.opc-block-summary .table-totals tfoot .amount {
    border: 0;
    font-weight: 400;
    padding: 6px 0 6px 14px;
    text-align: left;
    white-space: nowrap
}

.cart.table-wrapper .item .col.item {
    display: block;
    min-height: 75px;
    padding: 15px 15px 10px 90px;
    position: relative
}

.cart-totals .grand strong,
.opc-block-summary .table-totals .grand strong {
    display: inline-block;
    font-weight: 600;
    padding: 3px 0 0
}

.opc-block-summary {
    background: #f5f5f5;
    margin: 0 0 20px;
    padding: 22px 30px
}

.field-tooltip {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 1px
}

.opc-wrapper .form-login .fieldset .field .label,
.opc-wrapper .form-shipping-address .fieldset .field .label {
    font-weight: 400
}

.field-tooltip .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.field-tooltip .field-tooltip-action {
    display: inline-block;
    text-decoration: none
}

.field-tooltip .field-tooltip-action:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    font-size: 16px;
    color: #000;
    content: "";
    font-family: "luma-icons";
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center
}

.field-tooltip .field-tooltip-action:before {
    padding-right: 1px
}

.field-tooltip .field-tooltip-content {
    background: #f4f4f4;
    border: 1px solid #999;
    border-radius: 1px;
    font-size: 14px;
    padding: 12px;
    width: 270px;
    display: none;
    right: 38px;
    position: absolute;
    text-transform: none;
    top: -9px;
    word-wrap: break-word;
    z-index: 2
}

.field-tooltip._active .field-tooltip-content {
    display: block
}

.field .control._with-tooltip {
    position: relative
}

.field-tooltip .field-tooltip-content:before,
.field-tooltip .field-tooltip-content:after {
    border: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
    border-left-color: #f4f4f4;
    right: -21px;
    top: 12px;
    content: "";
    display: block;
    position: absolute;
    z-index: 3
}

.field-tooltip .field-tooltip-content:before {
    border-left-color: #666
}

.field-tooltip .field-tooltip-content:after {
    border-left-color: #f4f4f4;
    width: 1px;
    z-index: 4
}

.fieldset>.field .note,
.fieldset>.fields>.field .note {
    font-size: 1.2rem;
    margin: 3px 0 0;
    padding: 0;
    display: inline-block;
    text-decoration: none
}

.opc-wrapper .form-login .fieldset .note,
.opc-wrapper .form-shipping-address .fieldset .note {
    font-size: 14px;
    margin-top: 10px
}

.checkout-container:after {
    clear: both;
    content: "";
    display: table
}

.opc-wrapper .opc {
    margin: 0;
    padding: 0;
    list-style: none none
}

.amazon-validate-container .block .block-title,
.login-container .block .block-title {
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.8rem;
    margin-bottom: 15px;
    padding-bottom: 12px
}

.login-container .fieldset:after {
    margin: 10px 0 0;
    content: attr(data-hasrequired);
    display: block;
    letter-spacing: normal;
    word-spacing: normal;
    color: #e02b27
}

.fieldset>.field>.label,
.fieldset>.fields>.field>.label {
    font-weight: 600
}

.fieldset>.field.choice .label,
.fieldset>.fields>.field.choice .label {
    display: inline;
    font-weight: normal;
    margin: 0
}

.fieldset>.field.required>.label:after,
.fieldset>.fields>.field.required>.label:after,
.fieldset>.field._required>.label:after,
.fieldset>.fields>.field._required>.label:after {
    content: "*";
    color: #e02b27;
    font-size: 17px;
    margin: 0 5px 0 0px;
    line-height: normal
}

.abs-account-blocks .block-title,
.account .legend,
.form-giftregistry-search .legend,
.block-giftregistry-results .block-title,
.block-giftregistry-shared-items .block-title,
.block-wishlist-search-form .block-title,
.block-wishlist-search-results .block-title,
.multicheckout .block-title,
.multicheckout .block-content .title,
.customer-review .review-details .title,
.paypal-review .block .block-title,
.account .column.main .block:not(.widget) .block-title,
.multicheckout .block-title,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title,
[class^=sales-guest-] .column.main .block:not(.widget) .block-title,
.sales-guest-view .column.main .block:not(.widget) .block-title {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 25px;
    padding-bottom: 10px
}

.fieldset>.legend {
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
    float: right;
    font-weight: 300;
    line-height: 1.2;
    font-size: 1.8rem
}

.password-strength-meter {
    background-color: #f4f4f4;
    height: 32px;
    line-height: 32px;
    padding: 0 9px;
    position: relative;
    z-index: 1
}

.password-strength-meter:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.password-very-strong .password-strength-meter:before {
    background-color: #81b562;
    width: 100%
}

.field.password .control {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.field.password .control .mage-error {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}

.field.password .control .input-text {
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    z-index: 2
}

.form-create-account .fieldset.create.account:after {
    margin: 10px 0 0;
    content: attr(data-hasrequired);
    display: block;
    letter-spacing: normal;
    word-spacing: normal;
    color: #e02b27;
    font-size: 1.2rem
}

.actions-toolbar>.secondary .action.back {
    display: none
}

.fieldset>.field,
.fieldset>.fields>.field {
    margin: 0 0 20px
}

.form.password.forget .fieldset:after {
    margin: 10px 0 0;
    content: attr(data-hasrequired);
    display: block;
    letter-spacing: normal;
    word-spacing: normal;
    color: #e02b27;
    font-size: 1.2rem
}

.message.info {
    display: block;
    background: #fdf0d5;
    color: #6f4400;
    position: relative
}

.message.info a {
    color: #006bb4
}

.message.info a:hover {
    color: #006bb4
}

.message.info a:active {
    color: #006bb4
}

.message.info>*:first-child:before {
    color: #c07600;
    content: "";
    font-family: "luma-icons"
}

.message.error {
    display: block;
    background: #fae5e5;
    color: #e02b27;
    position: relative
}

.message.error a {
    color: #006bb4
}

.message.error a:hover {
    color: #006bb4
}

.message.error a:active {
    color: #006bb4
}

.message.error>*:first-child:before {
    color: #b30000;
    content: "";
    font-family: "luma-icons"
}

.message.warning {
    display: block;
    background: #fdf0d5;
    color: #6f4400;
    position: relative
}

.message.warning a {
    color: #006bb4
}

.message.warning a:hover {
    color: #006bb4
}

.message.warning a:active {
    color: #006bb4
}

.message.warning>*:first-child:before {
    color: #c07600;
    content: "";
    font-family: "luma-icons"
}

.message.notice {
    display: block;
    background: #fdf0d5;
    color: #6f4400;
    position: relative
}

.message.notice a {
    color: #006bb4
}

.message.notice a:hover {
    color: #006bb4
}

.message.notice a:active {
    color: #006bb4
}

.message.notice>*:first-child:before {
    color: #c07600;
    content: "";
    font-family: "luma-icons"
}

.message.success {
    display: block;
    background: #e5efe5;
    color: #006400;
    position: relative
}

.message.success a {
    color: #006bb4
}

.message.success a:hover {
    color: #006bb4
}

.message.success a:active {
    color: #006bb4
}

.message.success>*:first-child:before {
    color: #006400;
    content: "";
    font-family: "luma-icons"
}

.message.error,
.message.info,
.message.warning,
.message.notice,
.message.success {
    font-size: 14px;
    margin: 1rem 0;
    padding: 1rem 2.6rem 1rem 1rem
}

.message.error>*:first-child::before,
.message.info>*:first-child::before,
.message.warning>*:first-child::before,
.message.notice>*:first-child::before,
.message.success>*:first-child::before {
    font-size: 20px;
    top: 25px;
    right: 0;
    width: 45px;
    position: absolute;
    text-align: center;
    margin: -12px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        display: none
    }

    .cart.table-wrapper thead .col.item,
    .cart.table-wrapper thead .col.qty,
    .cart.table-wrapper thead .col.price,
    .cart.table-wrapper thead .col.subtotal,
    .cart.table-wrapper thead .col.msrp {
        display: none
    }

    .cart.table-wrapper .col.qty,
    .cart.table-wrapper .col.price,
    .cart.table-wrapper .col.subtotal,
    .cart.table-wrapper .col.msrp {
        box-sizing: border-box;
        display: block;
        float: right;
        white-space: nowrap;
        width: 33%
    }

    .cart.table-wrapper .col.qty[data-th]:before,
    .cart.table-wrapper .col.price[data-th]:before,
    .cart.table-wrapper .col.subtotal[data-th]:before,
    .cart.table-wrapper .col.msrp[data-th]:before {
        content: attr(data-th);
        display: block;
        font-weight: 600;
        padding-bottom: 10px
    }
}

@media screen and (min-width: 768px) {

    .table>tbody>tr>th,
    .table>tbody>tr>td {
        border-top: 1px solid #ccc
    }
}

@media screen and (min-width: 768px) {
    .page-products .toolbar .modes {
        display: inline-block
    }

    .products.wrapper~.toolbar .limiter {
        display: inline-block
    }

    .cart.table-wrapper .item .col.item {
        padding: 20px 8px 20px 0
    }

    .cart.table-wrapper .product-item-photo {
        display: table-cell;
        max-width: 100%;
        padding-left: 20px;
        position: static;
        vertical-align: top;
        width: 1%
    }

    .cart.table-wrapper .product-item-details {
        display: table-cell;
        padding-bottom: 35px;
        vertical-align: top;
        white-space: normal;
        width: 99%
    }

    .cart-summary {
        width: 25%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        padding: 1px 20px 25px;
        position: relative
    }

    .cart-summary>.title {
        display: block
    }

    .abs-revert-side-paddings,
    .checkout-cart-index .page-title-wrapper,
    .cart-summary .block .content,
    .cart-empty {
        padding-right: 0;
        padding-left: 0
    }

    .abs-visually-hidden-desktop,
    .modes-label,
    .block-search .label,
    .block-collapsible-nav .title {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media screen and (max-width: 767px) {
    .field-tooltip .field-tooltip-content {
        left: 38px;
        right: auto
    }

    .field-tooltip .field-tooltip-content:before,
    .field-tooltip .field-tooltip-content:after {
        left: -21px;
        right: auto
    }

    .field-tooltip .field-tooltip-content:before {
        border-right-color: #666;
        border-left-color: rgba(0, 0, 0, 0)
    }

    .field-tooltip .field-tooltip-content:after {
        border-right-color: #f4f4f4;
        border-left-color: rgba(0, 0, 0, 0)
    }
}

.site-header {
    position: relative;
    z-index: 9;
    background-color: rgba(255, 255, 255, .9)
}

.site-header.default-version {
    background-color: #fff
}

.site-header .mid-header {
    padding-left: 2.1739130435rem;
    padding-right: 2.1739130435rem;
    min-height: 5.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header {
        padding-left: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header {
        padding-left: 2.6041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header {
        padding-right: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header {
        padding-right: 2.6041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header {
        min-height: 6.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header {
        min-height: 6.875vw
    }
}

.site-header .mid-header .logo {
    min-height: 5.7391304348rem;
    width: auto;
    height: auto;
    margin: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .logo {
        min-height: 6.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .logo {
        min-height: 6.875vw
    }
}

.site-header .mid-header .logo img {
    height: 2.2608695652rem;
    width: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .logo img {
        height: 2.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .logo img {
        height: 2.7083333333vw
    }
}

.site-header .mid-header .header-right ul li {
    position: relative
}

.site-header .mid-header .header-right ul li+li {
    margin-right: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li+li {
        margin-right: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li+li {
        margin-right: 1.0416666667vw
    }
}

.site-header .mid-header .header-right ul li.cart .icon svg {
    height: 1.2608695652rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.cart .icon svg {
        height: 1.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.cart .icon svg {
        height: 1.5104166667vw
    }
}

.site-header .mid-header .header-right ul li.cart .minicart-wrapper {
    margin: 0;
    float: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart:before {
    display: none
}

.site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart {
    width: 100%;
    height: 100%;
    display: block
}

.site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty.empty {
    display: block
}

.site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
    height: 1rem;
    width: 1rem;
    z-index: 1;
    background-color: #fff;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    line-height: 1.6;
    border: solid #d60000;
    border-width: 0.0869565217rem;
    font-size: 0.5217391304rem;
    color: #000;
    margin: 0;
    padding: 0;
    font-weight: 500;
    min-width: 1px;
    position: absolute;
    top: -0.5217391304rem;
    left: -0.4347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        height: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        height: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        width: 1.2105263158rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        width: 1.1979166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        border-width: 0.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        border-width: .1041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        font-size: 0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        font-size: .625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        top: -0.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        top: -0.625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        left: -0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.cart .minicart-wrapper .action.showcart .counter.qty {
        left: -.5208333333vw
    }
}

.site-header .mid-header .header-right ul li.user-login .icon svg {
    height: 1.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.user-login .icon svg {
        height: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.user-login .icon svg {
        height: 2.0833333333vw
    }
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-toggle {
    cursor: pointer
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-toggle::after {
    display: none
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu {
    box-shadow: 0 7px 20px rgba(0, 0, 0, .11);
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    padding: 0;
    top: 10px !important
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu::before,
.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu::after {
    border-bottom-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu::before {
    border: 6px solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
    z-index: -3;
    left: 7px;
    top: -10px
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu::after {
    border: 7px solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e0e0e0 rgba(0, 0, 0, 0);
    z-index: -7;
    right: 6px;
    top: -14px
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li {
    margin: 0
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a {
    font-size: 0.6956521739rem;
    padding-top: 0.5652173913rem;
    padding-bottom: 0.5652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a {
        font-size: 0.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a {
        font-size: .8333333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a {
        padding-top: 0.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a {
        padding-top: .6770833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a {
        padding-bottom: 0.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a {
        padding-bottom: .6770833333vw
    }
}

.site-header .mid-header .header-right ul li.user-login .dropdown .dropdown-menu li a:hover {
    background-color: #d60000;
    color: #fff
}

.site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown {
    margin: 0;
    padding: 0
}

.site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option span {
    margin-left: 0.347826087rem;
    color: #000;
    font-weight: bold
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option span {
        margin-left: 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option span {
        margin-left: .4166666667vw
    }
}

.site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option img {
    width: 1.5217391304rem;
    height: 1.5217391304rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option img {
        width: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option img {
        width: 1.8229166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option img {
        height: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option img {
        height: 1.8229166667vw
    }
}

.site-header .mid-header .header-right ul li.vehical .icon.toi-car {
    margin-right: 0.7826086957rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.vehical .icon.toi-car {
        margin-right: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.vehical .icon.toi-car {
        margin-right: .9375vw
    }
}

.site-header .mid-header .header-right ul li.vehical .icon.toi-car svg {
    height: 1.4782608696rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.vehical .icon.toi-car svg {
        height: 1.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.vehical .icon.toi-car svg {
        height: 1.7708333333vw
    }
}

.site-header .mid-header .header-right ul li.vehical .text {
    color: #d70000
}

.site-header .mid-header .header-right ul li.vehical .toi-edit {
    margin-left: 0.7826086957rem;
    cursor: pointer
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.vehical .toi-edit {
        margin-left: 0.9473684211rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.vehical .toi-edit {
        margin-left: .9375vw
    }
}

.site-header .mid-header .header-right ul li.vehical.added .vehical-info .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 7rem;
    width: 100%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.vehical.added .vehical-info .info {
        max-width: 8.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.vehical.added .vehical-info .info {
        max-width: 8.3854166667vw
    }
}

.site-header .mid-header .header-right ul li.menu-toggle {
    margin-right: 1.7391304348rem;
    min-width: 2rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.menu-toggle {
        margin-right: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.menu-toggle {
        margin-right: 2.0833333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.menu-toggle {
        min-width: 2.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.menu-toggle {
        min-width: 2.3958333333vw
    }
}

.site-header .mid-header .header-right ul li.menu-toggle span {
    cursor: pointer
}

.site-header .mid-header .header-right ul li.menu-toggle span svg {
    height: 1.1739130435rem;
    width: 1.9565217391rem;
    display: block;
    margin: auto
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.menu-toggle span svg {
        height: 1.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.menu-toggle span svg {
        height: 1.40625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .mid-header .header-right ul li.menu-toggle span svg {
        width: 2.3684210526rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .mid-header .header-right ul li.menu-toggle span svg {
        width: 2.34375vw
    }
}

.site-header .mid-header .header-right ul li.menu-toggle span .close-icon {
    display: none
}

.site-header .mid-header .header-right ul li.menu-toggle span.active .close-icon {
    display: block
}

.site-header .mid-header .header-right ul li.menu-toggle span.active .hamburger-icon {
    display: none
}

.site-header .main-navbar .navbar-nav {
    z-index: 2;
    position: relative
}

.site-header .main-navbar .navbar-nav .nav-item {
    position: relative;
    border-right: 1px solid #000
}

.site-header .main-navbar .navbar-nav .nav-item .nav-link {
    color: #000;
    padding: 0rem 0.4347826087rem;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 500;
    font-size: 0.6086956522rem;
    text-align: center
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .main-navbar .navbar-nav .nav-item .nav-link {
        padding: 0rem 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .main-navbar .navbar-nav .nav-item .nav-link {
        padding: 0vw .5208333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .site-header .main-navbar .navbar-nav .nav-item .nav-link {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .site-header .main-navbar .navbar-nav .nav-item .nav-link {
        font-size: .7291666667vw
    }
}

@media screen and (min-width: 1400px)and (max-width: 1500px) {
    .site-header .main-navbar .navbar-nav .nav-item .nav-link {
        padding: 0rem .306316rem;
        font-size: .62rem
    }
}

.site-header .main-navbar .navbar-nav .nav-item .nav-link.active,
.site-header .main-navbar .navbar-nav .nav-item .nav-link:hover {
    color: #d70000
}

.site-header .main-navbar .navbar-nav .nav-item:last-child {
    border-left: 1px solid #000
}

.site-header .main-navbar .navbar-nav .nav-item.active {
    border-color: #d70000
}

.site-header .main-navbar .navbar-nav .nav-item.active+li {
    border-color: #d70000
}

.site-header .main-navbar .navbar-nav .nav-item.active .nav-link {
    color: #d70000
}

@media screen and (max-width: 991px) {
    .main-navbar {
        display: none
    }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
    .site-header .main-navbar .navbar-nav .nav-item .nav-link {
        padding: 0 10px;
        font-size: 8px
    }
}

@media screen and (min-width: 992px)and (max-width: 1199px) {
    .site-header .mid-header {
        padding: 0 20px
    }
}

@media screen and (max-width: 991px) {
    .site-header .mid-header {
        padding: 0
    }

    .site-header .mid-header .header-left ul li+li {
        margin: 0
    }

    .site-header .mid-header .header-left ul li.call,
    .site-header .mid-header .header-left ul li.whatsapp {
        display: none
    }

    .site-header .mid-header .header-right ul li.vehical,
    .site-header .mid-header .header-right ul li.user-login {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .site-header[data-class=white] .mid-header .header-left ul li.menu-toggle span svg {
        fill: #fff
    }

    .site-header[data-class=white] .mid-header .header-right ul li.cart .icon svg {
        fill: #fff
    }
}

@media screen and (max-width: 767px)and (max-width: 767px) {
    .site-header .mid-header {
        min-height: 70px
    }
}

@media screen and (max-width: 767px) {
    .site-header .mid-header .logo {
        min-height: 70px
    }

    .site-header .mid-header .header-right ul li+li {
        margin-right: 0px
    }

    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option a span {
        display: none
    }

    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option a img {
        width: 30px
    }
}

@media screen and (max-width: 575px) {
    .site-header .mid-header .header-right ul li+li {
        margin-right: 0px
    }

    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option a span {
        display: none
    }

    .site-header .mid-header .header-right ul li.language-switcher .switcher-dropdown .switcher-option a img {
        width: 25px
    }
}

.nav-fullscreen {
    position: fixed;
    background: #fff;
    top: calc(5.7391304348rem);
    right: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: all .35s linear;
    -ms-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -o-transition: all .35s linear;
    -webkit-transition: all .35s linear;
    overflow: hidden;
    z-index: 99
}

@media screen and (max-width: 767px) {
    .nav-fullscreen {
        top: calc(4.375rem)
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen {
        top: calc(6.9473684211rem)
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen {
        top: calc(6.875vw)
    }
}

.nav-fullscreen.open {
    opacity: 1;
    visibility: visible;
    min-height: calc(100vh - 5.7391304348rem);
    height: calc(100% - 5.7391304348rem)
}

@media screen and (max-width: 767px) {
    .nav-fullscreen.open {
        min-height: calc(100vh - 4.375rem)
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen.open {
        min-height: calc(100vh - 6.9473684211rem)
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen.open {
        min-height: calc(100vh - 6.875vw)
    }
}

@media screen and (max-width: 767px) {
    .nav-fullscreen.open {
        height: calc(100% - 4.375rem)
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen.open {
        height: calc(100% - 6.9473684211rem)
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen.open {
        height: calc(100% - 6.875vw)
    }
}

.nav-fullscreen.open .navbar {
    padding: 0;
    padding-top: 1.3043478261rem;
    margin: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen.open .navbar {
        padding-top: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen.open .navbar {
        padding-top: 1.5625vw
    }
}

.nav-fullscreen.open .navbar>ul>li {
    animation: fadeInRight .5s ease forwards;
    animation-delay: .35s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(1) {
    animation-delay: .06s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(2) {
    animation-delay: .12s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(3) {
    animation-delay: .18s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(4) {
    animation-delay: .24s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(5) {
    animation-delay: .3s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(6) {
    animation-delay: .36s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(7) {
    animation-delay: .42s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(8) {
    animation-delay: .48s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(9) {
    animation-delay: .54s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(10) {
    animation-delay: .6s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(11) {
    animation-delay: .66s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(12) {
    animation-delay: .72s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(13) {
    animation-delay: .78s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(14) {
    animation-delay: .84s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(15) {
    animation-delay: .9s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(16) {
    animation-delay: .96s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(17) {
    animation-delay: 1.02s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(18) {
    animation-delay: 1.08s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(19) {
    animation-delay: 1.14s
}

.nav-fullscreen.open .navbar>ul>li:nth-of-type(20) {
    animation-delay: 1.2s
}

.nav-fullscreen.open .nav-wrap {
    position: relative;
    min-height: 100%;
    padding-bottom: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen.open .nav-wrap {
        padding-bottom: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen.open .nav-wrap {
        padding-bottom: 1.0416666667vw
    }
}

.nav-fullscreen.open .contact-wrap {
    animation: opacity .5s ease forwards;
    animation-delay: .65s
}

.nav-fullscreen .navbar>ul {
    padding: 0
}

.nav-fullscreen .navbar>ul>li {
    display: block;
    position: relative;
    padding: 0.4347826087rem 0rem;
    opacity: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .navbar>ul>li {
        padding: 0.5263157895rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .navbar>ul>li {
        padding: .5208333333vw 0vw
    }
}

.nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown {
    margin: 0;
    padding: 0
}

.nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option {
    list-style-type: none
}

.nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option span {
    margin-left: 0.347826087rem;
    color: #000;
    font-weight: bold
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option span {
        margin-left: 0.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option span {
        margin-left: .4166666667vw
    }
}

.nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option span:after {
    display: none
}

.nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option img {
    width: 1.5217391304rem;
    height: 1.5217391304rem;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option img {
        width: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option img {
        width: 1.8229166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option img {
        height: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .navbar>ul>li.language-switcher .switcher-dropdown .switcher-option img {
        height: 1.8229166667vw
    }
}

.nav-fullscreen .navbar>ul>li a,
.nav-fullscreen .navbar>ul>li span {
    display: inline-block;
    position: relative;
    overflow: hidden;
    font-size: 1.3043478261rem;
    font-weight: 100;
    text-transform: uppercase
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .nav-fullscreen .navbar>ul>li a,
    .nav-fullscreen .navbar>ul>li span {
        font-size: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {

    .nav-fullscreen .navbar>ul>li a,
    .nav-fullscreen .navbar>ul>li span {
        font-size: 1.5625vw
    }
}

.nav-fullscreen .navbar>ul>li a:hover:after,
.nav-fullscreen .navbar>ul>li a:focus:after,
.nav-fullscreen .navbar>ul>li a:active:after,
.nav-fullscreen .navbar>ul>li span:hover:after,
.nav-fullscreen .navbar>ul>li span:focus:after,
.nav-fullscreen .navbar>ul>li span:active:after {
    width: 100%
}

.nav-fullscreen .navbar>ul>li a:after,
.nav-fullscreen .navbar>ul>li span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 0.0434782609rem;
    background: #d60000;
    transition: all .3s linear;
    -ms-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .nav-fullscreen .navbar>ul>li a:after,
    .nav-fullscreen .navbar>ul>li span:after {
        height: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {

    .nav-fullscreen .navbar>ul>li a:after,
    .nav-fullscreen .navbar>ul>li span:after {
        height: .0520833333vw
    }
}

.nav-fullscreen .contact-wrap {
    position: absolute;
    opacity: 0;
    width: fit-content;
    left: 0;
    right: 0;
    bottom: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap {
        bottom: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap {
        bottom: 1.0416666667vw
    }
}

.nav-fullscreen .contact-wrap ul li {
    padding-left: 0.652173913rem;
    position: relative
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li {
        padding-left: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li {
        padding-left: .78125vw
    }
}

.nav-fullscreen .contact-wrap ul li:after {
    position: absolute;
    left: 0.2608695652rem;
    width: 0.0869565217rem;
    top: 0.0869565217rem;
    height: 90%;
    background-color: #000;
    content: ""
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li:after {
        left: 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li:after {
        left: .3125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li:after {
        width: 0.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li:after {
        width: .1041666667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li:after {
        top: 0.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li:after {
        top: .1041666667vw
    }
}

.nav-fullscreen .contact-wrap ul li:last-child:after {
    display: none
}

.nav-fullscreen .contact-wrap ul li a {
    font-size: 1.5217391304rem;
    font-weight: 800;
    letter-spacing: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li a {
        font-size: 1.8421052632rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li a {
        font-size: 1.8229166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li a {
        letter-spacing: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li a {
        letter-spacing: .0520833333vw
    }
}

.nav-fullscreen .contact-wrap ul li a span {
    color: #d60000
}

@media screen and (max-width: 991px) {

    .nav-fullscreen .navbar ul li a,
    .nav-fullscreen .navbar ul li span {
        font-size: 18px
    }

    .nav-fullscreen .contact-wrap ul li a {
        font-size: 1.0869565217rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li a {
        font-size: 1.3157894737rem
    }
}

@media screen and (max-width: 991px)and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li a {
        font-size: 1.3020833333vw
    }
}

@media screen and (max-width: 767px) {
    .nav-fullscreen {
        top: calc(4.375rem)
    }

    .nav-fullscreen.open {
        min-height: 10px
    }

    .nav-fullscreen.open .navbar {
        padding-top: 10px
    }

    .nav-fullscreen .navbar ul li a,
    .nav-fullscreen .navbar ul li span {
        font-size: 16px
    }

    .nav-fullscreen .contact-wrap ul li a {
        font-size: 0.8695652174rem
    }
}

@media screen and (max-width: 767px)and (min-width: 1200px)and (max-width: 1499px) {
    .nav-fullscreen .contact-wrap ul li a {
        font-size: 1.0526315789rem
    }
}

@media screen and (max-width: 767px)and (min-width: 1500px) {
    .nav-fullscreen .contact-wrap ul li a {
        font-size: 1.0416666667vw
    }
}

@media screen and (max-width: 767px) {
    html .safari .nav-fullscreen.open {
        height: calc(100vh - 4.375rem - 80px + 10px)
    }

    html .chrome .nav-fullscreen.open {
        height: calc(100vh - 4.375rem - 65px + 10px)
    }
}

@media screen and (max-height: 800px)and (orientation: portrait) {

    .nav-fullscreen .navbar ul li a,
    .nav-fullscreen .navbar ul li span {
        font-size: 18px
    }
}

@media screen and (max-height: 640px)and (orientation: portrait) {

    .nav-fullscreen .navbar ul li a,
    .nav-fullscreen .navbar ul li span {
        font-size: 16px
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%
    }

    100% {
        opacity: 1;
        left: 0
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.izimodal-style1 .add-vehicle-modal .add-vehicle-form {
    margin-top: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .add-vehicle-modal .add-vehicle-form {
        margin-top: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .add-vehicle-modal .add-vehicle-form {
        margin-top: 1.5625vw
    }
}

.izimodal-style1 .register-content .modal-text-cl {
    margin-top: 0.8695652174rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .register-content .modal-text-cl {
        margin-top: 1.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .register-content .modal-text-cl {
        margin-top: 1.0416666667vw
    }
}

.izimodal-style1 .register-content .modal-text-cl p {
    margin-top: 0.4347826087rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .register-content .modal-text-cl p {
        margin-top: 0.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .register-content .modal-text-cl p {
        margin-top: .5208333333vw
    }
}

.izimodal-style1 .account-verification-content .modal-text-cl {
    margin-top: 0.652173913rem;
    margin-bottom: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .account-verification-content .modal-text-cl {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .account-verification-content .modal-text-cl {
        margin-top: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .account-verification-content .modal-text-cl {
        margin-bottom: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .account-verification-content .modal-text-cl {
        margin-bottom: .78125vw
    }
}

.izimodal-style1 .forgot-password-content .modal-text-cl {
    margin-top: 0.652173913rem;
    margin-bottom: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .forgot-password-content .modal-text-cl {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .forgot-password-content .modal-text-cl {
        margin-top: .78125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .izimodal-style1 .forgot-password-content .modal-text-cl {
        margin-bottom: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .izimodal-style1 .forgot-password-content .modal-text-cl {
        margin-bottom: .78125vw
    }
}

.sosial-login {
    margin-bottom: 1.7391304348rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login {
        margin-bottom: 2.1052631579rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login {
        margin-bottom: 2.0833333333vw
    }
}

.sosial-login ul li {
    margin-bottom: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li {
        margin-bottom: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li {
        margin-bottom: .78125vw
    }
}

.sosial-login ul li .link {
    background-color: #fff;
    border-radius: 4.347826087rem;
    -ms-border-radius: 4.347826087rem;
    -webkit-border-radius: 4.347826087rem;
    padding: 0.3913043478rem 1.0869565217rem 0.3913043478rem 1.8695652174rem;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    min-width: 10.5652173913rem;
    font-size: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link {
        border-radius: 5.2631578947rem;
        -ms-border-radius: 5.2631578947rem;
        -webkit-border-radius: 5.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link {
        border-radius: 5.2083333333vw;
        -ms-border-radius: 5.2083333333vw;
        -webkit-border-radius: 5.2083333333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link {
        padding: 0.4736842105rem 1.3157894737rem 0.4736842105rem 2.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link {
        padding: .46875vw 1.3020833333vw .46875vw 2.2395833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link {
        min-width: 12.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link {
        min-width: 12.65625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link {
        font-size: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link {
        font-size: .78125vw
    }
}

.sosial-login ul li .link .icon {
    height: 1.2608695652rem;
    width: 1.2608695652rem;
    position: absolute;
    right: 0.2608695652rem;
    top: 0.2173913043rem;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-size: 1800%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link .icon {
        height: 1.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link .icon {
        height: 1.5104166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link .icon {
        width: 1.5263157895rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link .icon {
        width: 1.5104166667vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link .icon {
        right: 0.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link .icon {
        right: .3125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .sosial-login ul li .link .icon {
        top: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .sosial-login ul li .link .icon {
        top: .2604166667vw
    }
}

.sosial-login ul li .link .icon.toi-facebook {
    background-position: 7.7% 1.2%
}

.sosial-login ul li .link .icon.toi-google {
    background-position: 7.7% 15.2%
}

.sosial-login ul li .link.btn-facebook:hover {
    background-color: #38529a;
    color: #fff
}

.sosial-login ul li .link.btn-facebook:hover .toi-facebook {
    background-position: 7.7% 8.3%
}

.sosial-login ul li .link.btn-google:hover {
    background-color: #f14336;
    color: #fff
}

.sosial-login ul li .link.btn-google:hover .toi-google {
    background-position: 7.7% 22.4%
}

.page-footer {
    padding-top: 3.0434782609rem;
    background-color: #000;
    margin: 0
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer {
        padding-top: 3.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer {
        padding-top: 3.6458333333vw
    }
}

.page-footer .footer-top .link-block h5 {
    color: #fff;
    margin-bottom: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-top .link-block h5 {
        margin-bottom: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-top .link-block h5 {
        margin-bottom: 1.3020833333vw
    }
}

.page-footer .footer-top .link-block h5.toggle {
    display: none
}

.page-footer .footer-top .link-block ul li {
    margin-bottom: 1.1739130435rem;
    position: relative;
    padding-right: 0.5652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-top .link-block ul li {
        margin-bottom: 1.4210526316rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-top .link-block ul li {
        margin-bottom: 1.40625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-top .link-block ul li {
        padding-right: 0.6842105263rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-top .link-block ul li {
        padding-right: .6770833333vw
    }
}

.page-footer .footer-top .link-block ul li:before {
    content: "•";
    color: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.page-footer .footer-top .link-block ul li a {
    color: #fff;
    text-transform: uppercase
}

.page-footer .footer-top .link-block ul li a:hover {
    color: #d60000;
    margin-right: 0.2173913043rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-top .link-block ul li a:hover {
        margin-right: 0.2631578947rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-top .link-block ul li a:hover {
        margin-right: .2604166667vw
    }
}

.page-footer .footer-services {
    background-color: #fff;
    padding: 0.9565217391rem 0rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-services {
        padding: 1.1578947368rem 0rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-services {
        padding: 1.1458333333vw 0vw
    }
}

.page-footer .footer-services .box .icon {
    width: 3.6956521739rem;
    height: 3.6956521739rem;
    display: block;
    border: solid #000;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-width: 0.0434782609rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-services .box .icon {
        width: 4.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-services .box .icon {
        width: 4.4270833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-services .box .icon {
        height: 4.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-services .box .icon {
        height: 4.4270833333vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-services .box .icon {
        border-width: 0.0526315789rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-services .box .icon {
        border-width: .0520833333vw
    }
}

.page-footer .footer-services .box .icon svg {
    height: 2.1739130435rem;
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-services .box .icon svg {
        height: 2.6315789474rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-services .box .icon svg {
        height: 2.6041666667vw
    }
}

.page-footer .footer-services .box .content {
    padding-right: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-services .box .content {
        padding-right: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-services .box .content {
        padding-right: 1.5625vw
    }
}

.page-footer .footer-services .box .content span {
    text-transform: uppercase;
    font-weight: 500
}

.page-footer .footer-services .box .content p {
    color: #d80000;
    margin: 0
}

.page-footer .footer-services .box:hover .icon {
    border-color: #d60000
}

.page-footer .footer-services .box:hover .icon svg {
    transform: scale(1.1)
}

.page-footer .footer-bottom {
    padding-top: 1.3043478261rem;
    padding-bottom: 1.3043478261rem;
    padding-left: 2%;
    padding-right: 2%
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom {
        padding-top: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom {
        padding-top: 1.5625vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom {
        padding-bottom: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom {
        padding-bottom: 1.5625vw
    }
}

.page-footer .footer-bottom .text-block ul li {
    margin-left: 1%
}

.page-footer .footer-bottom .text-block ul li span,
.page-footer .footer-bottom .text-block ul li .link {
    color: #fff;
    font-size: 0.6086956522rem;
    margin: 0;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {

    .page-footer .footer-bottom .text-block ul li span,
    .page-footer .footer-bottom .text-block ul li .link {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {

    .page-footer .footer-bottom .text-block ul li span,
    .page-footer .footer-bottom .text-block ul li .link {
        font-size: .7291666667vw
    }
}

.page-footer .footer-bottom .text-block ul li .link:hover {
    color: #d60000
}

.page-footer .footer-bottom .payment {
    margin-left: 1.3043478261rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom .payment {
        margin-left: 1.5789473684rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom .payment {
        margin-left: 1.5625vw
    }
}

.page-footer .footer-bottom .payment p {
    color: #fff;
    font-size: 0.6086956522rem;
    margin: 0;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom .payment p {
        font-size: 0.7368421053rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom .payment p {
        font-size: .7291666667vw
    }
}

.page-footer .footer-bottom .payment .image {
    padding-bottom: 2.6086956522rem;
    background-size: 370%;
    width: 6.7391304348rem;
    display: block
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom .payment .image {
        padding-bottom: 3.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom .payment .image {
        padding-bottom: 3.125vw
    }
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom .payment .image {
        width: 8.1578947368rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom .payment .image {
        width: 8.0729166667vw
    }
}

.page-footer .footer-bottom .payment .image.paytabs {
    background-position: 80% .7%
}

.page-footer .footer-bottom .sosial-icons ul li {
    margin-left: 1.0869565217rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom .sosial-icons ul li {
        margin-left: 1.3157894737rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom .sosial-icons ul li {
        margin-left: 1.3020833333vw
    }
}

.page-footer .footer-bottom .sosial-icons ul li:last-child {
    margin-left: 0px
}

.page-footer .footer-bottom .sosial-icons ul li a {
    display: block
}

.page-footer .footer-bottom .sosial-icons ul li a svg {
    fill: #fff;
    height: 1.2173913043rem;
    transition: all .4s linear;
    -ms-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -webkit-transition: all .4s linear
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom .sosial-icons ul li a svg {
        height: 1.4736842105rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom .sosial-icons ul li a svg {
        height: 1.4583333333vw
    }
}

.page-footer .footer-bottom .sosial-icons ul li a:hover svg {
    fill: #d60000
}

.page-footer .footer-bottom .call-us {
    color: #fff;
    margin-top: 0.652173913rem
}

@media screen and (min-width: 1200px)and (max-width: 1499px) {
    .page-footer .footer-bottom .call-us {
        margin-top: 0.7894736842rem
    }
}

@media screen and (min-width: 1500px) {
    .page-footer .footer-bottom .call-us {
        margin-top: .78125vw
    }
}

.page-footer .footer-bottom .call-us span,
.page-footer .footer-bottom .call-us a {
    direction: ltr;
    display: inline-block
}

.page-footer .footer-bottom .call-us a {
    color: #fff
}

.page-footer .footer-bottom .call-us a:hover {
    opacity: .8
}

.review-panel {
    position: fixed;
    top: 0;
    height: 100%;
    width: 22.5rem;
    left: -22.5rem;
    border-radius: 0;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 5px 0px 15px rgba(0, 0, 0, .0705882353);
    transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

@media screen and (max-width: 767px) {
    .review-panel {
        width: 21.25rem;
        left: -21.25rem
    }
}

.review-panel.open {
    left: 0
}

.review-panel .review-close {
    position: absolute;
    right: 0.625rem;
    top: 0.3125rem;
    display: block;
    z-index: 1;
    cursor: pointer
}

.review-panel .review-close svg {
    width: 1.5625rem
}

.review-panel .inner {
    height: 100%;
    padding: 2.5rem 0 0.625rem 0.625rem
}

.review-panel .inner iframe {
    height: 100%;
    width: 100%;
    border: none
}

.review-panel .inner:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url("../images/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    background-color: #fff;
    content: ""
}

.review-panel .inner.loader-hide:after {
    display: none
}

.google-review {
    position: fixed;
    bottom: 15px;
    left: 15px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0px 6px 12px 0px;
    z-index: 999;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer
}

.google-review .icon-container {
    text-align: center;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.google-review .icon-container svg {
    width: 20px;
    height: auto
}

.google-review .title {
    text-align: center;
    color: #111;
    font-size: 16px;
    white-space: nowrap
}

.google-review .rating-container {
    margin-top: 6px
}

.google-review .rating-container .rating {
    font-weight: 700;
    line-height: normal;
    font-size: 20px;
    color: #111;
    word-break: normal;
    margin-left: 13px
}

.google-review .rating-container .rating-bar ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.google-review .rating-container .rating-bar ul li svg {
    width: 20px;
    fill: #fcbf02
}

@media screen and (max-width: 991px) {
    .google-review {
        padding: 6px 10px;
        border-radius: 5px;
        bottom: 10px;
        left: 10px
    }

    .google-review .icon-container {
        margin-left: 0;
        width: 100%
    }

    .google-review .icon-container svg {
        width: 20px;
        height: 20px
    }

    .google-review .title {
        display: none
    }

    .google-review .rating-container {
        margin-top: 2px
    }

    .google-review .rating-container .rating {
        margin-left: 0;
        font-size: 14px
    }

    .google-review .rating-container .rating-bar {
        display: none
    }
}

.callus-sticky {
    position: fixed;
    bottom: 78px;
    right: 5px;
    background-color: #d70000;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .28);
    z-index: 999
}

.whatsapp-sticky,
.zoho-sticky {
    bottom: 135px;
    width: 60px;
    display: flex;
    z-index: 999;
    position: fixed
}

.callus-sticky svg {
    fill: #fff;
    width: 22px;
    height: auto
}

.whatsapp-sticky {
    right: 0;
    align-items: center;
    justify-content: center
}

.zoho-sticky {
    right: 5px;
    align-items: center;
    justify-content: center
}

.zsiq-float {
    right: 5px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .28);
}

@media screen and (min-width: 768px) {
    .whatsapp-sticky {
        bottom: 88px;
        width: 65px;
        right: 16px
    }
}

@media screen and (max-width: 767px) {
    #trengo-web-widget {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .page-footer {
        padding-top: 30px
    }

    .page-footer .footer-top .link-block {
        padding-bottom: 10px
    }

    .page-footer .footer-top .link-block h5 {
        display: none;
        position: relative
    }

    .page-footer .footer-top .link-block h5.toggle {
        display: block
    }

    .page-footer .footer-top .link-block h5.toggle .icon {
        position: absolute;
        left: 0;
        top: -3px;
        transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out
    }

    .page-footer .footer-top .link-block h5.toggle .icon svg {
        width: 17px;
        fill: #fff
    }

    .page-footer .footer-top .link-block h5.collapsed .icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .page-footer .footer-services .box {
        margin-bottom: 20px
    }

    .page-footer .footer-services .box .icon svg {
        height: 30px
    }

    .page-footer .footer-bottom {
        padding: 20px 0
    }

    .page-footer .footer-bottom .text-block ul li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .page-footer .footer-bottom .text-block ul li span,
    .page-footer .footer-bottom .text-block ul li .link {
        font-size: 13px
    }

    .page-footer .footer-bottom .text-block ul li .link:hover {
        color: #d60000
    }

    .page-footer .footer-bottom .payment {
        margin: 0px 0 20px;
        width: 100%;
        text-align: center
    }

    .page-footer .footer-bottom .payment .image {
        display: inline-block
    }

    .page-footer .footer-bottom .call-us {
        text-align: center;
        margin-top: 20px
    }
}

@media screen and (max-width: 575px) {
    .page-footer .footer-services .box .content {
        padding-right: 0;
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
    .page-footer .footer-services .box .icon {
        height: 50px;
        width: 50px
    }

    .page-footer .footer-services .box .icon svg {
        height: 25px
    }

    .page-footer .footer-services .box .content {
        padding-right: 15px
    }

    .page-footer .footer-bottom .text-block ul li {
        margin-left: 15px
    }

    .page-footer .footer-bottom .text-block ul li:last-child {
        display: none
    }

    .page-footer .footer-bottom .payment {
        margin-left: 10px
    }

    .page-footer .footer-bottom .sosial-icons ul li {
        margin-left: 10px
    }

    .page-footer .footer-bottom .sosial-icons ul li:last-child {
        margin-left: 0px
    }

    .page-footer .footer-bottom .sosial-icons ul li a svg {
        height: 20px
    }
}

@media screen and (min-width: 992px)and (max-width: 1399px) {
    .page-footer .footer-bottom .payment {
        margin-left: 10px
    }

    .page-footer .footer-bottom .sosial-icons ul li {
        margin-left: 10px
    }

    .page-footer .footer-bottom .sosial-icons ul li:last-child {
        margin-left: 0px
    }

    .page-footer .footer-bottom .sosial-icons ul li a svg {
        height: 20px
    }
}

@media screen and (min-width: 768px) {
    .page-footer .footer-top .link-block .accordion-collapse {
        display: block
    }
}

img[alt="tyresonline metricool tracking"] {
    display: none
}

.customer-account-logoutsuccess .page-main {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    padding-bottom: 70px
}

.customer-account-logoutsuccess .page-title-wrapper {
    text-align: center
}

.customer-account-logoutsuccess .page-title-wrapper .page-title {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase
}

.customer-account-logoutsuccess .column.main {
    min-height: 10px
}

.customer-account-logoutsuccess .columns .column.main {
    padding-bottom: 0
}

.customer-account-logoutsuccess .main p {
    text-align: center
}

@media screen and (max-width: 767px) {
    .customer-account-logoutsuccess .page-main {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .customer-account-logoutsuccess .page-title-wrapper .page-title {
        font-size: 25px
    }
}

.customer-account-confirmation .page-main {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 70px;
    padding-bottom: 70px
}

.customer-account-confirmation .page-title-wrapper {
    text-align: center
}

.customer-account-confirmation .page-title-wrapper .page-title {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase
}

.customer-account-confirmation .column.main {
    min-height: 10px
}

.customer-account-confirmation .columns .column.main {
    padding-bottom: 0
}

.customer-account-confirmation .main p {
    text-align: center;
    margin-top: 25px
}

.customer-account-confirmation .confirmation {
    max-width: 500px;
    margin: auto
}

.customer-account-confirmation .confirmation .input-text {
    padding: 8px 10px;
    border: 1px solid #e0e0e0;
    height: auto;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    min-height: 40px;
    background: #fff;
    color: #000
}

.customer-account-confirmation .confirmation .field .label {
    margin-bottom: 5px
}

.customer-account-confirmation .confirmation .actions-toolbar {
    margin-top: 0;
    text-align: center
}

.customer-account-confirmation .confirmation .actions-toolbar .action.primary {
    border: none;
    border-radius: 100px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    left: 0;
    padding: 13px 30px;
    background-color: #d70000;
    display: inline-block;
    color: #fff
}

.customer-account-confirmation .confirmation .actions-toolbar .action.primary:hover {
    background-color: #000
}

@media screen and (max-width: 767px) {
    .customer-account-confirmation .page-main {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .customer-account-confirmation .page-title-wrapper .page-title {
        font-size: 25px
    }
}

#mb-ajaxcart-wrapper {
    width: 500px
}

#mb-ajaxcart-wrapper .ajaxcart-success-box .success-content {
    overflow-y: auto !important
}

#mb-ajaxcart-wrapper .ajaxcart-success-box .error-content {
    overflow-y: auto !important
}

#mb-ajaxcart-wrapper img.image {
    max-width: 100%;
    float: left;
    width: 38%;
    margin: 20px
}

#mb-ajaxcart-wrapper .product-add-form {
    float: right;
    width: 60%
}

#mb-ajaxcart-wrapper .product-name {
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0 0
}

#mb-ajaxcart-wrapper button#ajaxcart_checkout {
    margin-top: 5px
}

#mb-ajaxcart-wrapper .price-box {
    margin: 7px 0
}

#mb-ajaxcart-wrapper .price-box .price {
    color: #39c;
    font-size: 16px;
    font-weight: bold
}

#mb-ajaxcart-wrapper .product-add-form .product-options-wrapper .field:not(.date)>.control {
    width: 100%
}

#mb-ajaxcart-wrapper .product-options-wrapper .fieldset .field {
    margin-bottom: 10px
}

#mb-ajaxcart-wrapper .product-add-form .actions {
    border-top: 1px solid #ccc;
    padding-top: 10px
}

#mb-ajaxcart-wrapper .product-add-form .actions button.primary {
    width: auto;
    line-height: 1.6rem;
    padding: 7px 15px;
    margin: 0 10px 0 0;
    font-size: 1.4rem
}

#mb-ajaxcart-wrapper .product-add-form .actions button.primary span {
    line-height: 25px
}

.ajaxcart-product-image {
    display: inline;
    margin: 5px
}

.ajaxcart-success-box {
    text-align: center
}

#mb-ajaxcart-wrapper .ajaxcart-success-box img.image {
    float: none
}

#mb-ajaxcart-wrapper .ajaxcart-success-box .ajaxcart-buttons {
    width: 100%;
    margin: 0px 0 20px
}

#mb-ajaxcart-wrapper .ajaxcart-success-box .ajaxcart-buttons button#ajaxcart_checkout {
    background-color: #d60000 !important;
    text-transform: uppercase;
    font-weight: 600
}

#mb-ajaxcart-wrapper .ajaxcart-success-box .ajaxcart-buttons button#ajaxcart_checkout:hover {
    background-color: #000 !important
}

#mb-ajaxcart-wrapper p.error-message {
    font-size: 16px;
    position: relative;
    margin: 0
}

#mb-ajaxcart-wrapper .mb-message-successs {
    font-size: 16px;
    position: relative;
    margin: 0
}

.mb-ajaxsuite-popup-border .ajaxcart-message-cartinfo {
    margin-top: 10px
}

.mb-ajaxsuite-popup-border .block.related {
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px solid #d3d3d3
}

.mb-ajaxsuite-popup-border .block.related .block-actions {
    display: none
}

.mb-ajaxsuite-popup-border .block.related .product-item-info .field.choice.related {
    display: none
}

.mb-ajaxsuite-popup-border .block.related .product-item-info .product-item-actions {
    display: none
}

.block-minicart>.loading-mask {
    position: absolute
}

.block-minicart>.loading-mask>.loader img {
    position: absolute
}

.minicart-items-wrapper {
    height: auto !important
}

.swatch-opt {
    margin: 0
}

@media screen and (max-width: 599px) {
    #mb-ajaxcart-wrapper {
        width: 100%
    }
}

@media only screen and (max-width: 767px)and (orientation: landscape) {
    #mb-ajaxcart-wrapper .ajaxcart-success-box .error-content {
        max-height: 200px
    }

    #mb-ajaxcart-wrapper .ajaxcart-success-box .success-content {
        max-height: 200px
    }
}

@media(min-width: 980px) {
    .mb-ajaxsuite-popup-wrapper {
        max-width: 70%;
        display: block
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .mb-ajaxsuite-popup-wrapper {
        max-width: 80%;
        display: block
    }
}

@media(min-width: 480px)and (max-width: 767px) {
    .mb-ajaxsuite-popup-wrapper {
        max-width: 90%;
        display: block
    }
}

@media(max-width: 479px) {
    .mb-ajaxsuite-popup-wrapper {
        max-width: 90%;
        display: block
    }
}

.mb-ajaxsuite-popup-wrapper {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    display: none;
    position: fixed;
    background: #fff !important;
    z-index: 999;
    border-radius: 25px;
    overflow: hidden
}

.mb-ajaxsuite-popup-wrapper a.mb-ajaxsuite-close {
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    cursor: pointer;
    z-index: 1000;
    background-size: 100%
}

.mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup .mb-login-popup-title-logo {
    background-image: url("../../../../../frontend/Magento/luma/en_US/Chetu_Ajaxcart/images/login.png");
    background-repeat: no-repeat
}

.mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup .center {
    text-align: center
}

.mb-ajaxsuite-popup-wrapper .mb-login-popup-title {
    padding: 14px;
    text-transform: uppercase;
    text-align: center;
    background-color: #d80000 !important
}

.mb-ajaxsuite-popup-wrapper .mb-login-popup-title strong {
    color: #fffaf0
}

.mb-ajaxsuite-popup-wrapper .mb-login-popup-title strong {
    font-size: 12px
}

.mb-ajaxsuite-popup-wrapper .mb-ajaxsuite-popup-border {
    margin: 15px
}

#mb-ajaxsuite-blank {
    width: 100%;
    height: 100%;
    opacity: .8;
    background-color: #000;
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
    left: 0
}

.mb-ajaxsuite-popup-wrapper {
    z-index: 200
}

@media screen and (max-width: 599px) {
    .mb-ajaxsuite-popup-wrapper {
        width: 100%;
        margin: auto;
        max-width: 90%
    }
}

.brand-page-list .brand-list .item {
    list-style: none;
    padding-bottom: 10px
}

.max-speed-chart-img {
    max-width: 50%
}

.product_bottom_icons .tyro_action_icon {
    width: 28px;
    border: #d60000 solid 1.5px;
    margin: 5px 2px;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.product_bottom_icons .light-icons {
    background: #ccc !important;
    border: gray 1.5px solid !important;
    cursor: unset !important
}

.category-product-actions .filter-toggle .title:before {
    font-family: "Pe-icon-7-stroke";
    content: "";
    position: fixed;
    color: #fff;
    display: block;
    font-size: 45px;
    left: -50px;
    line-height: 50px;
    top: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms
}

.category-product-actions .filter-toggle .title:before {
    color: #fff;
    font-size: 26px;
    line-height: 28px;
    background: #ff3939;
    height: 27px;
    width: 27px
}

.category-product-actions .filter-toggle .title:before:hover {
    background-color: #000
}

.filter-open .category-product-actions .filter-toggle .title:before {
    left: 0px;
    opacity: 1;
    visibility: visible
}

.category-product-actions {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    align-items: center
}

.category-product-actions .filter-toggle {
    width: 40%;
    display: flex;
    align-items: center
}

.category-product-actions .filter-toggle a {
    background-color: #fed100;
    font-size: 30px;
    display: block;
    padding: 4px
}

.category-product-actions .filter-toggle a:hover,
.category-product-actions .filter-toggle a:focus {
    color: #fff !important
}

.category-product-actions .filter-toggle span.text {
    display: block;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 700
}

.hidetabbyinstaller {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none
}

.filter-options-item.height,
.filter-options-item.width,
.filter-options-item.rim,
.filter-options-item.article.number,
.filter-options-item.sku {
    display: none
}

.brand-page-list .parts-cat-title {
    float: left;
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px
}

.container-custom .sec_three .tabTitle {
    background: #646464;
    color: #fff;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 30px;
    margin: -10px 0px
}

#inquiry .modal-content-wrap .logo img {
    display: inline-block
}

.no-service-packs .pack-action,
.no-service-packs .icon,
.no-oil-change .oil_inquiry,
.no-oil-change .pack-action {
    pointer-events: none
}

.catalog-product-view .light-icons {
    background: #ccc !important;
    border: gray 1.5px solid !important;
    cursor: unset !important
}

.filtered-option li.filter.width,
.filtered-option li.filter.height,
.filtered-option li.filter.rim,
.filtered-option li.article.number,
.filtered-option li.filter.sku {
    display: none
}

.company_field_div,
.vat_field_div {
    display: none
}

.checkout-onepage-success .page-title-wrapper {
    margin-bottom: 30px;
    text-align: center
}

.checkout-onepage-success .page-title-wrapper h1 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 35px;
    margin: 0
}

.checkout-onepage-success .page-main {
    padding: 80px 15px
}

.checkout-onepage-success .columns .column.main {
    padding: 0;
    min-height: 10px
}

.checkout-onepage-success .checkout-success p {
    font-size: 16px;
    margin-bottom: 10px
}

.checkout-onepage-success .checkout-success .primary {
    margin-top: 25px
}

.checkout-onepage-success .checkout-success .primary .button span {
    font-size: 14px
}

.checkout-onepage-success .success-register-form {
    text-align: center;
    border-top: 2px dashed #eee;
    margin-top: 50px;
    padding-top: 30px
}

.checkout-onepage-success .success-register-form p {
    font-size: 16px;
    margin-bottom: 10px
}

.checkout-onepage-success .success-register-form .action.primary {
    margin-top: 15px;
    border: none;
    border-radius: 100px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    left: 0;
    padding: 13px 30px;
    background-color: #000;
    display: inline-block;
    color: #fff
}

.checkout-onepage-success .success-register-form .action.primary:hover {
    background-color: #d70000
}

@media screen and (max-width: 767px) {
    .checkout-onepage-success .page-main {
        padding: 50px 15px
    }

    .checkout-onepage-success .page-title-wrapper h1 {
        font-size: 25px
    }
}

#social-login-popup,
#request-popup {
    overflow: hidden
}

#social-login-popup .block-container,
#request-popup .block-container {
    width: 100%;
    display: inline-block
}

#social-login-popup .social-login-title,
#request-popup .social-login-title {
    padding: 10px 10px;
    background-color: #39c
}

.social-login-ajax-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .6;
    background: #fbfaf6 url("../../../../../frontend/Hditsol/tyresonline/ar_SA/Mageplaza_SocialLogin/css/images/ajax-loader.gif") no-repeat center center
}

#social-login-popup .block-container .block .block-title,
#request-popup .block-container .block .block-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#social-login-popup .fieldset,
#request-popup .fieldset {
    margin: 0px
}

.actions-toolbar {
    margin-top: 7px
}

.account-social-login .actions-toolbar.social-btn {
    width: 215px
}

#social-login-popup .actions-toolbar>.secondary .action.back,
#request-popup .actions-toolbar>.secondary .action.back {
    display: block
}

.social-login-title h2 {
    margin: 0;
    padding-left: 40px;
    background: no-repeat 12px center;
    color: #fff
}

.social-login-title .login-title {
    background-image: url(../../../../../frontend/Hditsol/tyresonline/ar_SA/Mageplaza_SocialLogin/css/images/login-title.png)
}

.social-login-title .create-account-title {
    background-image: url(../../../../../frontend/Hditsol/tyresonline/ar_SA/Mageplaza_SocialLogin/css/images/create-account-title.png)
}

.social-login-title .forgot-pass-title {
    background-image: url(../../../../../frontend/Hditsol/tyresonline/ar_SA/Mageplaza_SocialLogin/css/images/forgot-pass-title.png)
}

#social-login-popup .message.error>*:first-child:before {
    top: 50%
}

#social-login-popup .message.success>*:first-child:before {
    top: 50%
}

.social-login-authentication-popup {
    width: 100%
}

.social-login-authentication-popup .block-content {
    display: block !important
}

.social-login-authentication-popup .block-content .actions-toolbar {
    display: inline-block
}

.social-login-authentication-popup .block-content .actions-toolbar .btn-social {
    padding-left: 19px
}

.actions-toolbar button {
    border-radius: 0
}

.social-btn button {
    height: 33px;
    border: none
}

.social-btn button span span {
    margin-left: 25px;
    color: #fff
}

.block-authentication .actions-toolbar {
    margin-bottom: unset !important
}

.social-login-authentication-channel .actions-toolbar.social-btn>.primary .action {
    width: 100%;
    margin: 0;
    min-width: 170px;
    text-align: left;
    border-radius: 5px
}

.social-login-authentication-channel .actions-toolbar.social-btn>.primary .action:hover {
    opacity: .9
}

.social-btn-actions-toolbar {
    display: inline-block
}

.register-sociallogin {
    float: left
}

#fb-customer,
#gg-customer,
#tw-customer,
#li-customer,
#ins-customer,
#ya-customer,
#git-customer,
#vk-customer,
#fo-customer,
#live-customer,
#am-customer {
    float: left
}

#group-button {
    width: 48.8%;
    float: right;
    clear: none
}

#group-button .block.social-login-authentication-channel.col-mp.mp-5 {
    margin-bottom: 2px
}

.mfp-bg {
    background-color: #fff !important
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all .4s ease-in-out
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all .4s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .9
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .5s;
    transform: scale(0) rotate(500deg)
}

.mfp-newspaper.mfp-bg {
    opacity: 0;
    transition: all .5s
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1) rotate(0deg)
}

.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity: 0
}

.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all .3s;
    transform: translateX(-50px)
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all .3s
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0)
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-move-from-top .mfp-content {
    vertical-align: middle
}

.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all .2s;
    transform: translateY(-100px)
}

.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all .2s
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0)
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: .9
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-3d-unfold .mfp-content {
    perspective: 2000px
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all .5s
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg)
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(1.3)
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0
}

.form-customer-login .g-recaptcha {
    margin: unset !important
}

@media only screen and (max-width: 767px) {
    .modal-popup.request-popup.modal-slide {
        left: 0;
        z-index: 900
    }
}

.customer-account-create .account-social-login,
.customer-account-login .account-social-login {
    display: block !important
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset rgba(0, 0, 0, 0)
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px)and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.catalogsearch-advanced-index .page-main {
    padding: 50px 0
}

.catalogsearch-advanced-index .breadcrumbs {
    display: none
}

.catalogsearch-advanced-index .page-title-wrapper {
    text-align: center;
    margin-bottom: 20px
}

.catalogsearch-advanced-index .page-title-wrapper .page-title {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase
}

.catalogsearch-advanced-index .columns {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem)
}

.catalogsearch-advanced-index .search .fieldset>.legend {
    width: calc(100% - 20px);
    margin: 0 0 20px;
    background-color: #eee;
    padding: 10px;
    float: none;
    font-weight: bold;
    line-height: normal;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center
}

.catalogsearch-advanced-index .search .fieldset {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.catalogsearch-advanced-index .search .fieldset>.field {
    width: 33.3333%;
    padding: 0 10px
}

.catalogsearch-advanced-index .search .fieldset input[type=text],
.catalogsearch-advanced-index .search .fieldset select {
    padding: 8px 10px;
    border: 1px solid #e0e0e0;
    height: auto;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    min-height: 40px
}

.catalogsearch-advanced-index .search .fieldset .label {
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px
}

.catalogsearch-advanced-index .search .fieldset select {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="Gray"><path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg>');
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: left 7px center;
    cursor: pointer;
    padding: 8px 20px 8px 10px;
    max-height: 40px
}

.catalogsearch-advanced-index .search .fieldset .field .range {
    display: flex;
    flex-flow: wrap
}

.catalogsearch-advanced-index .search .fieldset .field .range .field {
    width: calc(45% - 10px);
    margin-left: 10px
}

.catalogsearch-advanced-index .search .fieldset .field .range .field.with-addon {
    width: 55%;
    margin: 0
}

.catalogsearch-advanced-index .search .fieldset .field .range .field .addon {
    display: flex;
    align-items: center
}

.catalogsearch-advanced-index .search .fieldset .field .range .field .addon label {
    margin-right: 5px;
    height: 40px;
    background: #e0e0e0;
    line-height: 40px;
    padding: 0 8px;
    font-size: 12px
}

.catalogsearch-advanced-index .search .actions-toolbar {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.catalogsearch-advanced-index .search .actions-toolbar button.primary {
    background-color: #d70000;
    color: #fff;
    border: none;
    padding: 14px 40px 14px 40px;
    border-radius: 100px;
    text-transform: uppercase
}

.catalogsearch-advanced-index .search .actions-toolbar button.primary span {
    padding: 0;
    font-weight: bold;
    font-size: 14px;
    border: none;
    line-height: normal
}

.catalogsearch-advanced-index .search .actions-toolbar button.primary:hover {
    background-color: #000
}

@media screen and (max-width: 767px) {
    .catalogsearch-advanced-index .page-main {
        padding: 30px 0
    }

    .catalogsearch-advanced-index .page-title-wrapper .page-title {
        font-size: 22px
    }

    .catalogsearch-advanced-index .search .fieldset>.legend {
        font-size: 16px
    }

    .catalogsearch-advanced-index .search .fieldset>.field {
        width: 50%
    }
}

@media screen and (max-width: 599px) {
    .catalogsearch-advanced-index .search .fieldset>.field {
        width: 100%
    }
}

.checkout-cart-index div#custom-vehicle-div,
li.vehical.add,
.checkout-cart-index #trengo-web-widget,
.checkout-index-index #trengo-web-widget {
    display: none
}

.checkout-cart-index .cart-summary strong.title {
    display: block
}

li.vehical.added.from-xml {
    display: none
}

#cart-totals .shipping .label.description,
.opc-block-summary .shipping .label.description {
    display: none
}

.fitting-location-box .fittingLocationList li .list_1 h5 {
    font-size: 16px
}

.fitting-location-box .fittingLocationList li .list_1 span {
    margin-top: 5px;
    display: block;
    font-size: 12px
}

.fitting-location-box .fittingLocationList li .list_2 span {
    font-size: 14px
}

.fitting-location-box .fittingLocationList li .list_3 span {
    font-size: 12px;
    padding: 12px 14px;
    text-align: center
}

.hyperpay-index-request .page-main {
    min-height: 480px
}

.hyperpay-index-request .wpwl-form {
    margin: 50px auto;
    max-width: 500px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

.hyperpay-index-request .wpwl-form .wpwl-label {
    padding-right: 0;
    width: 100%
}

.hyperpay-index-request .wpwl-form .wpwl-wrapper {
    width: 100%;
    float: none
}

.hyperpay-index-request .wpwl-form .wpwl-control,
.hyperpay-index-request .wpwl-form input[type=text],
.hyperpay-index-request .wpwl-form input[type=tel] {
    background: #fff;
    padding: 8px 10px;
    border: 1px solid #e0e0e0;
    height: 40px;
    margin: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    text-align: right
}

.hyperpay-index-request .wpwl-form .wpwl-group.wpwl-group-brand {
    position: relative;
    margin: 0
}

.hyperpay-index-request .wpwl-form .wpwl-button-pay {
    float: none
}

.hyperpay-index-request .wpwl-form .wpwl-group.wpwl-group-submit {
    margin: 0
}

.hyperpay-index-request .wpwl-form .wpwl-wrapper-submit {
    width: calc(100% + 40px);
    text-align: center;
    padding: 15px 0;
    background-color: #f8f8f8;
    margin: 15px -20px -20px -20px
}

.hyperpay-index-request .wpwl-form .wpwl-button-pay {
    color: #fff;
    background-color: #d70000;
    border-color: #d70000;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 100px
}

.hyperpay-index-request .wpwl-form .wpwl-button-pay:hover {
    background-color: #000;
    border-color: #000
}

.hyperpay-index-request .wpwl-form .wpwl-label {
    font-size: 14px;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    letter-spacing: .6px;
    float: none;
    padding-right: 0;
    padding-left: 24px;
    text-align: right
}

@media screen and (max-width: 600px) {
    .hyperpay-index-request .wpwl-form {
        margin: 30px auto;
        max-width: calc(100% - 30px)
    }
}

.checkout-onepage-failure .page-main {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    padding-bottom: 60px
}

.checkout-onepage-failure .page-title-wrapper {
    text-align: center
}

.checkout-onepage-failure .page-title-wrapper .page-title {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase
}

.checkout-onepage-failure .column.main {
    min-height: 10px
}

.checkout-onepage-failure .columns .column.main {
    padding-bottom: 0
}

.checkout-onepage-failure .main p {
    text-align: center
}

.checkout-onepage-failure .main p a {
    color: #d60000;
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .checkout-onepage-failure .page-main {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .checkout-onepage-failure .page-title-wrapper .page-title {
        font-size: 25px
    }
}

.inquiry-sticky-button {
    position: fixed;
    bottom: 160px;
    right: 22px;
    background-color: #d70000;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .28);
    z-index: 999;
    cursor: pointer
}

.inquiry-sticky-button svg {
    fill: #fff;
    width: 24px;
    height: auto
}

@media screen and (max-width: 767px) {
    .inquiry-sticky-button {
        width: 50px;
        height: 50px;
        right: 5px;
        bottom: 130px
    }

    .inquiry-sticky-button svg {
        width: 22px
    }
}

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