@import "https://fonts.googleapis.com/css2?family=Crimson+Text:wght@700&family=Heebo:wght@300;400;500;600;700;800;900&family=Jost:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";

@media only screen and (min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

*,
::after,
::before {
    box-sizing: border-box
}

html,
body {
    height: 100%
}

body {
    line-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    font-family: "Poppins", sans-serif
}

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

.description-review-wrapper img,
.blog-details-content img {
    max-width: 100% !important;
    height: auto !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400;
    margin-top: 0;
    font-family: "Poppins", sans-serif
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    font-family: "Poppins", sans-serif
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

p:last-child {
    margin-bottom: 0
}

a,
button {
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    color: #000
}

a,
button,
img,
input,
span {
    transition: all .3s ease 0
}

:focus {
    outline: none !important
}

a:focus {
    color: inherit;
    outline: none;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

button,
input[type="submit"] {
    cursor: pointer
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.fix {
    overflow: hidden
}

.hidden {
    display: none
}

.clear {
    clear: both
}

.section {
    float: left;
    width: 100%
}

.f-right {
    float: right
}

.capitalize {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase
}

.bg-img {
    background-position: center center;
    background-size: cover
}

.position-relative {
    position: relative
}

.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.mt-0 {
    margin-top: 0
}

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

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

.mt-12 {
    margin-top: 12px
}

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

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

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

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

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

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

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

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

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

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

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

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

.mt-75 {
    margin-top: 75px
}

.mt-80 {
    margin-top: 80px
}

.mt-85 {
    margin-top: 85px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-115 {
    margin-top: 115px
}

.mt-120 {
    margin-top: 120px
}

.mt-125 {
    margin-top: 125px
}

.mt-130 {
    margin-top: 130px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .mt-130 {
        margin-top: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mt-130 {
        margin-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .mt-130 {
        margin-top: 60px
    }
}

@media only screen and  (min-width:320px) and (max-width:390px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 8px;
        padding-left: 8px
    }
}

.mt-135 {
    margin-top: 135px
}

.mt-140 {
    margin-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.mt-160 {
    margin-top: 160px
}

.mt-155 {
    margin-top: 155px
}

.mt-175 {
    margin-top: 175px
}

.mr-0 {
    margin-right: 0
}

.mr-10 {
    margin-right: 10px
}

.mr-12 {
    margin-right: 12px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mr-35 {
    margin-right: 35px
}

.mr-40 {
    margin-right: 40px
}

.mr-45 {
    margin-right: 45px
}

.mr-50 {
    margin-right: 50px
}

.mr-55 {
    margin-right: 55px
}

.mr-60 {
    margin-right: 60px
}

.mr-65 {
    margin-right: 65px
}

.mr-70 {
    margin-right: 70px
}

.mr-80 {
    margin-right: 80px
}

.mr-90 {
    margin-right: 90px
}

.mr-100 {
    margin-right: 100px
}

.mr-110 {
    margin-right: 110px
}

.mr-120 {
    margin-right: 120px
}

.mr-130 {
    margin-right: 130px
}

.mr-140 {
    margin-right: 140px
}

.mr-150 {
    margin-right: 150px
}

.mb-0 {
    margin-bottom: 0
}

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

.mb-8 {
    margin-bottom: 8px
}

.mb-12 {
    margin-bottom: 12px
}

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

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

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

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

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

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

.mb-37 {
    margin-bottom: 37px
}

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

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

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

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

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

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

.mb-75 {
    margin-bottom: 75px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-85 {
    margin-bottom: 85px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-95 {
    margin-bottom: 95px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-140 {
    margin-bottom: 140px
}

.mb-150 {
    margin-bottom: 150px
}

.mb-160 {
    margin-bottom: 160px
}

.mb-170 {
    margin-bottom: 170px
}

.mb-180 {
    margin-bottom: 180px
}

.ml-0 {
    margin-left: 0
}

.ml-10 {
    margin-left: 10px
}

.ml-12 {
    margin-left: 12px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-35 {
    margin-left: 35px
}

.ml-40 {
    margin-left: 40px
}

.ml-45 {
    margin-left: 45px
}

.ml-50 {
    margin-left: 50px
}

.ml-55 {
    margin-left: 55px
}

.ml-60 {
    margin-left: 60px
}

.ml-70 {
    margin-left: 70px
}

.ml-75 {
    margin-left: 75px
}

.ml-80 {
    margin-left: 80px
}

.ml-90 {
    margin-left: 90px
}

.ml-95 {
    margin-left: 95px
}

.ml-100 {
    margin-left: 100px
}

.ml-105 {
    margin-left: 105px
}

.ml-110 {
    margin-left: 110px
}

.ml-120 {
    margin-left: 120px
}

.ml-130 {
    margin-left: 130px
}

.ml-135 {
    margin-left: 135px
}

.ml-140 {
    margin-left: 140px
}

.ml-145 {
    margin-left: 145px
}

.ml-150 {
    margin-left: 150px
}

.ml-200 {
    margin-left: 200px
}

.ml-300 {
    margin-left: 300px
}

.ml-ntv5 {
    margin-left: -5px
}

.pt-0 {
    padding-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-75 {
    padding-top: 75px
}

.pt-85 {
    padding-top: 85px
}

.pt-80 {
    padding-top: 80px
}

.pt-95 {
    padding-top: 95px
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pt-105 {
    padding-top: 105px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pt-105 {
        padding-top: 45px
    }
}

@media only screen and (max-width:767px) {
    .pt-105 {
        padding-top: 25px
    }
}

.pt-110 {
    padding-top: 110px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pt-110 {
        padding-top: 70px
    }
}

@media only screen and (max-width:767px) {
    .pt-110 {
        padding-top: 50px
    }
}

.pt-115 {
    padding-top: 115px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pt-115 {
        padding-top: 75px
    }
}

@media only screen and (max-width:767px) {
    .pt-115 {
        padding-top: 55px
    }
}

.pt-120 {
    padding-top: 120px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pt-120 {
        padding-top: 80px
    }
}

@media only screen and (max-width:767px) {
    .pt-120 {
        padding-top: 60px
    }
}

.pt-125 {
    padding-top: 125px
}

.pt-128 {
    padding-top: 128px
}

.pt-130 {
    padding-top: 130px
}

.pt-135 {
    padding-top: 135px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pt-135 {
        padding-top: 75px
    }
}

@media only screen and (max-width:767px) {
    .pt-135 {
        padding-top: 55px
    }
}

.pt-165 {
    padding-top: 165px
}

.pt-140 {
    padding-top: 140px
}

.pt-145 {
    padding-top: 145px
}

.pt-150 {
    padding-top: 150px
}

.pt-155 {
    padding-top: 155px
}

.pt-160 {
    padding-top: 160px
}

.pt-170 {
    padding-top: 170px
}

.pt-180 {
    padding-top: 180px
}

.pt-185 {
    padding-top: 185px
}

.pt-190 {
    padding-top: 190px
}

.pt-195 {
    padding-top: 195px
}

.pt-200 {
    padding-top: 200px
}

.pt-220 {
    padding-top: 220px
}

.pt-250 {
    padding-top: 250px
}

.pt-255 {
    padding-top: 255px
}

.pt-210 {
    padding-top: 210px
}

.pt-230 {
    padding-top: 230px
}

.pt-270 {
    padding-top: 270px
}

.pt-290 {
    padding-top: 290px
}

.pt-295 {
    padding-top: 295px
}

.pt-280 {
    padding-top: 280px
}

.pt-240 {
    padding-top: 240px
}

.pt-330 {
    padding-top: 330px
}

.pt-340 {
    padding-top: 340px
}

.pt-350 {
    padding-top: 350px
}

.pt-365 {
    padding-top: 365px
}

.pt-360 {
    padding-top: 360px
}

.pt-370 {
    padding-top: 370px
}

.pt-380 {
    padding-top: 380px
}

.pt-400 {
    padding-top: 400px
}

.pr-0 {
    padding-right: 0
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

.pr-40 {
    padding-right: 40px
}

.pr-50 {
    padding-right: 50px
}

.pr-60 {
    padding-right: 60px
}

.pr-70 {
    padding-right: 70px
}

.pr-80 {
    padding-right: 80px
}

.pr-90 {
    padding-right: 90px
}

.pr-100 {
    padding-right: 100px
}

.pr-110 {
    padding-right: 110px
}

.pr-120 {
    padding-right: 120px
}

.pr-130 {
    padding-right: 130px
}

.pr-140 {
    padding-right: 140px
}

.pr-155 {
    padding-right: 155px
}

.pr-270 {
    padding-right: 270px
}

.pb-0 {
    padding-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb-75 {
    padding-bottom: 75px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-85 {
    padding-bottom: 85px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-105 {
    padding-bottom: 105px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-105 {
        padding-bottom: 65px
    }
}

@media only screen and (max-width:767px) {
    .pb-105 {
        padding-bottom: 45px
    }
}

.pb-110 {
    padding-bottom: 110px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-110 {
        padding-bottom: 70px
    }
}

@media only screen and (max-width:767px) {
    .pb-110 {
        padding-bottom: 50px
    }
}

.pb-115 {
    padding-bottom: 115px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-115 {
        padding-bottom: 75px
    }
}

@media only screen and (max-width:767px) {
    .pb-115 {
        padding-bottom: 55px
    }
}

.pb-120 {
    padding-bottom: 120px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-120 {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:767px) {
    .pb-120 {
        padding-bottom: 60px
    }
}

.pb-125 {
    padding-bottom: 125px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-125 {
        padding-bottom: 65px
    }
}

@media only screen and (max-width:767px) {
    .pb-125 {
        padding-bottom: 45px
    }
}

.pb-130 {
    padding-bottom: 130px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-130 {
        padding-bottom: 70px
    }
}

@media only screen and (max-width:767px) {
    .pb-130 {
        padding-bottom: 50px
    }
}

.pb-135 {
    padding-bottom: 135px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-135 {
        padding-bottom: 75px
    }
}

@media only screen and (max-width:767px) {
    .pb-135 {
        padding-bottom: 55px
    }
}

.pb-140 {
    padding-bottom: 140px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-140 {
        padding-bottom: 80px
    }
}

@media only screen and (max-width:767px) {
    .pb-140 {
        padding-bottom: 60px
    }
}

.pb-145 {
    padding-bottom: 145px
}

.pb-150 {
    padding-bottom: 150px
}

.pb-155 {
    padding-bottom: 155px
}

.pb-160 {
    padding-bottom: 160px
}

.pb-170 {
    padding-bottom: 170px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-175 {
    padding-bottom: 175px
}

.pb-180 {
    padding-bottom: 180px
}

.pb-280 {
    padding-bottom: 280px
}

.pb-200 {
    padding-bottom: 200px
}

.pb-205 {
    padding-bottom: 205px
}

.pb-210 {
    padding-bottom: 210px
}

.pb-220 {
    padding-bottom: 220px
}

.pb-215 {
    padding-bottom: 215px
}

.pb-250 {
    padding-bottom: 250px
}

.pb-285 {
    padding-bottom: 285px
}

.pb-270 {
    padding-bottom: 270px
}

.pb-290 {
    padding-bottom: 290px
}

.pb-315 {
    padding-bottom: 315px
}

.pb-330 {
    padding-bottom: 330px
}

.pb-335 {
    padding-bottom: 335px
}

.pb-340 {
    padding-bottom: 340px
}

.pb-325 {
    padding-bottom: 325px
}

.pb-320 {
    padding-bottom: 300px
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pl-35 {
    padding-left: 35px
}

.pl-40 {
    padding-left: 40px
}

.pl-45 {
    padding-left: 45px
}

.pl-50 {
    padding-left: 50px
}

.pl-60 {
    padding-left: 60px
}

.pl-70 {
    padding-left: 70px
}

.pl-80 {
    padding-left: 80px
}

.pl-90 {
    padding-left: 90px
}

.pl-100 {
    padding-left: 100px
}

.pl-110 {
    padding-left: 110px
}

.pl-120 {
    padding-left: 120px
}

.pl-130 {
    padding-left: 130px
}

.pl-140 {
    padding-left: 140px
}

.pl-150 {
    padding-left: 150px
}

.pl-155 {
    padding-left: 155px
}

.pl-190 {
    padding-left: 190px
}

.ptb-0 {
    padding: 0
}

.ptb-10 {
    padding: 10px 0
}

.ptb-20 {
    padding: 20px 0
}

.ptb-30 {
    padding: 30px 0
}

.ptb-35 {
    padding: 35px 0
}

.ptb-32 {
    padding: 32px 0
}

.ptb-40 {
    padding: 40px 0
}

.ptb-50 {
    padding: 50px 0
}

.ptb-60 {
    padding: 60px 0
}

.ptb-70 {
    padding: 70px 0
}

.ptb-80 {
    padding: 80px 0
}

.ptb-90 {
    padding: 90px 0
}

.ptb-100 {
    padding: 100px 0
}

.ptb-110 {
    padding: 110px 0
}

.ptb-120 {
    padding: 120px 0
}

.ptb-130 {
    padding: 130px 0
}

.ptb-140 {
    padding: 140px 0
}

.ptb-150 {
    padding: 150px 0
}

.ptb-160 {
    padding: 160px 0
}

.ptb-170 {
    padding: 170px 0
}

.ptb-177 {
    padding: 177px 0
}

.ptb-180 {
    padding: 180px 0
}

.ptb-190 {
    padding: 190px 0
}

.ptb-200 {
    padding: 200px 0
}

.ptb-210 {
    padding: 210px 0
}

.ptb-220 {
    padding: 220px 0
}

.ptb-290 {
    padding: 290px 0
}

.ptb-310 {
    padding: 310px 0
}

.mtb-0 {
    margin: 0
}

.mtb-10 {
    margin: 10px 0
}

.mtb-15 {
    margin: 15px 0
}

.mtb-20 {
    margin: 20px 0
}

.mtb-30 {
    margin: 30px 0
}

.mtb-40 {
    margin: 40px 0
}

.mtb-50 {
    margin: 50px 0
}

.mtb-60 {
    margin: 60px 0
}

.mtb-70 {
    margin: 70px 0
}

.mtb-80 {
    margin: 80px 0
}

.mtb-90 {
    margin: 90px 0
}

.mtb-100 {
    margin: 100px 0
}

.mtb-110 {
    margin: 110px 0
}

.mtb-120 {
    margin: 120px 0
}

.mtb-130 {
    margin: 130px 0
}

.mtb-140 {
    margin: 140px 0
}

.mtb-150 {
    margin: 150px 0
}

.mtb-290 {
    margin: 290px 0
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

input {
    background: #eceff8;
    border: 2px solid #eceff8;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    color: #737373
}

select {
    width: 100%;
    background: transparent;
    border: 0 solid #eceff8;
    box-shadow: none;
    font-size: 14px;
    color: #737373
}

option {
    background: #fff;
    border: 0 solid #626262;
    padding-left: 10px;
    font-size: 14px
}

input:focus {
    background: transparent
}

textarea {
    resize: vertical;
    background: #eceff8;
    border: 2px solid #eceff8;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    color: #737373
}

textarea:focus {
    background: transparent;
    border: 2px solid #4FC1F0;
    outline: none
}

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

.custom-align-item-center {
    align-items: center
}

.custom-align-item-end {
    align-items: flex-end
}

.justify-content-center {
    align-items: center
}

.custom-col-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 100%;
    min-height: 1px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .custom-col-5 {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .custom-col-5 {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .custom-col-5 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .custom-col-5 {
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media only screen and (max-width:767px) {
    .custom-col-5 {
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .custom-col-5 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

#scrollUp {
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: #666;
    right: 70px;
    bottom: 120px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #666;
    z-index: 999 !important
}

#scrollUp:hover {
    color: #fff;
    border: 1px solid #ff2f2f;
    background-color: #ff2f2f
}

@media only screen and (max-width:767px) {
    #scrollUp {
        width: 40px;
        height: 40px;
        right: 15px
    }
}

#scrollUp i {
    display: block;
    line-height: 38px;
    font-size: 18px
}

@media only screen and (max-width:767px) {
    #scrollUp i {
        line-height: 40px;
        font-size: 16px
    }
}

.height-100vh {
    height: 100vh !important
}

.transparent-bar {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.bg-gray {
    background-color: #f0f4f6
}

.bg-gray-2 {
    background-color: #efeeed
}

.bg-gray-3 {
    background-color: #f9f9f9
}

.bg-gray-4 {
    background-color: #efefef
}

.bg-gray-5 {
    background-color: #e5e5e5
}

.bg-gray-6 {
    background-color: #ececec
}

.bg-gray-7 {
    background-color: #eaeff2
}

.bg-gray-8 {
    background-color: #f4f4f4
}

.bg-gray-9 {
    background-color: #f6f6f6
}

.bg-gray-10 {
    background-color: #e7eaec
}

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

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

.bg-blue {
    background-color: #0064e0
}

.bg-orange {
    background-color: #e44311
}

.bg-green-2 {
    background-color: #6aae27
}

.border-bottom-1 {
    border-bottom: 1px solid #dadada
}

.border-bottom-2 {
    border-bottom: 1px solid #e8e8e8
}

.border-bottom-3 {
    border-bottom: 1px solid #e1e1e1
}

.border-bottom-4 {
    border-bottom: 1px solid #dbdbdb
}

.border-bottom-5 {
    border-bottom: 1px solid #e3e3e3
}

.border-bottom-6 {
    border-bottom: 1px solid #eaeaea
}

.border-bottom-7 {
    border-bottom: 1px solid #e2e2e2
}

.border-bottom-8 {
    border-bottom: 1px solid #408be8
}

.border-bottom-9 {
    border-bottom: 1px solid #eb724d
}

.default-overlay {
    position: relative
}

.default-overlay:before {
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 250ms ease-out;
    z-index: 9
}

.default-overlay.overly-point-4:before {
    background-color: #181818;
    opacity: .4
}

.default-overlay-white {
    position: relative
}

.default-overlay-white:before {
    content: "";
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 250ms ease-out;
    z-index: 9
}

@media only screen and (max-width:767px) {
    .res-white-overly-xs {
        position: relative
    }

    .res-white-overly-xs:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #fff;
        opacity: .4;
        z-index: 9
    }
}

@media only screen and (max-width:767px) {
    .res-black-overly-xs {
        position: relative
    }

    .res-black-overly-xs:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #000;
        opacity: .5;
        z-index: 9
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .res-white-overly-md {
        position: relative
    }

    .res-white-overly-md:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #fff;
        opacity: .5;
        z-index: 1
    }
}

@media only screen and (max-width:767px) {
    .xs-mb-30 {
        margin-bottom: 30px
    }
}

.section-padding-1 .container-fluid {
    padding: 0 180px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .section-padding-1 .container-fluid {
        padding: 0 100px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .section-padding-1 .container-fluid {
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .section-padding-1 .container-fluid {
        padding: 0 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-padding-1 .container-fluid {
        padding: 0 40px
    }
}

@media only screen and (max-width:767px) {
    .section-padding-1 .container-fluid {
        padding: 0 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .section-padding-1 .container-fluid {
        padding: 0 30px
    }
}

.section-padding-2 .container-fluid {
    padding: 0 70px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .section-padding-2 .container-fluid {
        padding: 0 30px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .section-padding-2 .container-fluid {
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .section-padding-2 .container-fluid {
        padding: 0 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-padding-2 .container-fluid {
        padding: 0 40px
    }
}

@media only screen and (max-width:767px) {
    .section-padding-2 .container-fluid {
        padding: 0 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .section-padding-2 .container-fluid {
        padding: 0 30px
    }
}

.padding-10-row-col .row {
    margin-right: -5px;
    margin-left: -5px
}

.padding-10-row-col .row div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px
}

.box-layout-width {
    display: block;
    margin: 0 auto;
    width: 1310px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .box-layout-width {
        width: 1200px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .box-layout-width {
        width: 1170px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .box-layout-width {
        width: 970px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .box-layout-width {
        width: 730px
    }
}

@media only screen and (max-width:767px) {
    .box-layout-width {
        width: 100%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .box-layout-width {
        width: 550px
    }
}

.box-layout-width-2 {
    display: block;
    margin: 0 auto;
    width: 1370px;
    background-color: #fff
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .box-layout-width-2 {
        width: 1200px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .box-layout-width-2 {
        width: 1170px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .box-layout-width-2 {
        width: 970px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .box-layout-width-2 {
        width: 730px
    }
}

@media only screen and (max-width:767px) {
    .box-layout-width-2 {
        width: 100%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .box-layout-width-2 {
        width: 550px
    }
}

.section-title-tab-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.section-title-tab-wrap.align-items-inherit {
    align-items: inherit
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-tab-wrap.mb-45 {
        margin-bottom: 40px
    }

    .section-title-tab-wrap.mb-55 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .section-title-tab-wrap.mb-45 {
        margin-bottom: 25px
    }

    .section-title-tab-wrap.mb-30 {
        margin-bottom: 15px
    }

    .section-title-tab-wrap.mb-50 {
        margin-bottom: 23px
    }

    .section-title-tab-wrap.mb-55 {
        margin-bottom: 20px
    }
}

.section-title h2 {
    font-size: 24px;
    font-weight: 700;
    font-family: "Heebo", sans-serif;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title h2 {
        font-size: 22px
    }
}

.section-title p {
    font-size: 16px;
    margin: 10px 0 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title.mb-45 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .section-title.mb-45 {
        margin-bottom: 25px
    }
}

.section-title-tag-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-tag-wrap.mb-70 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .section-title-tag-wrap.mb-70 {
        margin-bottom: 25px
    }
}

.section-title-2 h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    line-height: 1;
    letter-spacing: .25px
}

.section-title-2 h2 span {
    font-weight: 700
}

.section-title-2 p {
    color: #999;
    margin: 12px 0 0
}

@media only screen and (max-width:767px) {
    .section-title-2 p {
        margin: 7px 0 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-2.mb-45 {
        margin-bottom: 35px
    }
}

@media only screen and (max-width:767px) {
    .section-title-2.mb-45 {
        margin-bottom: 20px
    }
}

.section-title-3 h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -.25px
}

@media only screen and (max-width:767px) {
    .section-title-3 h2 {
        font-size: 19px
    }
}

.section-title-3 p {
    margin: 8px 0 0
}

.section-title-3.section-title-3-white h2 {
    color: #fff
}

.section-title-3.section-title-3-white p {
    color: #fff
}

.section-title-4 h2 {
    font-size: 30px;
    margin: 0;
    letter-spacing: -.25px;
    text-transform: uppercase;
    line-height: 1
}

@media only screen and (max-width:767px) {
    .section-title-4 h2 {
        font-size: 20px
    }
}

.section-title-5 {
    display: flex;
    padding: 15px 24px
}

@media only screen and (max-width:767px) {
    .section-title-5 {
        justify-content: center
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .section-title-5 {
        justify-content: flex-start
    }
}

.section-title-5 i {
    font-size: 20px;
    margin-right: 12px
}

.section-title-5 i.red {
    color: #ff2f2f
}

.section-title-5 i.purple {
    color: #6f50a7
}

.section-title-5 i.green {
    color: #6e9b00
}

.section-title-5 h5 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .25px;
    margin: 0;
    display: inline-block
}

.section-title-5 h5.red {
    color: #ff2f2f;
    border-bottom: 1px solid #ff2f2f
}

.section-title-5 h5.purple {
    color: #6f50a7;
    border-bottom: 1px solid #6f50a7
}

.section-title-5 h5.green {
    color: #6e9b00;
    border-bottom: 1px solid #6e9b00
}

.section-title-5.section-title-5-bg-1 {
    background-color: #fdefed
}

.section-title-5.section-title-5-bg-2 {
    background-color: #f2edfc
}

.section-title-5.section-title-5-bg-3 {
    background-color: #f7faee
}

.section-title-6 h2 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    letter-spacing: .25px
}

@media only screen and (max-width:767px) {
    .section-title-6 h2 {
        font-size: 17px
    }
}

.section-title-6 h2 i {
    position: relative;
    top: 2px;
    margin-right: 14px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-6.mb-60 {
        margin-bottom: 35px
    }
}

@media only screen and (max-width:767px) {
    .section-title-6.section-title-6-xs h2 {
        font-size: 20px
    }

    .section-title-6.mb-60 {
        margin-bottom: 25px
    }

    .section-title-6.mb-25 {
        margin-bottom: 15px
    }
}

.section-title-7 h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 1
}

.section-title-8 h2 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
    letter-spacing: -.25px
}

@media only screen and (max-width:767px) {
    .section-title-8 h2 {
        font-size: 20px;
        margin: 0 0 5px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .section-title-8 h2 {
        font-size: 18px;
        margin: 0
    }
}

.product-area {
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .tab-style-1 {
        margin-top: 15px
    }
}

.tab-style-1 a {
    display: inline-block;
    font-size: 16px;
    margin-right: 40px;
    color: #000
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-style-1 a {
        margin-right: 18px
    }
}

@media only screen and (max-width:767px) {
    .tab-style-1 a {
        margin-right: 12px;
        margin-bottom: 5px
    }
}

.tab-style-1 a:last-child {
    margin-right: 0
}

.tab-style-1 a.active {
    color: #ff2f2f
}

.single-product-wrap {
    position: relative;
    overflow: hidden
}

.single-product-wrap .product-img {
    position: relative;
    height: 300px !important;
    overflow: hidden;
    align-items: center !important;
    -webkit-box-align: center !important;
    background: #eee;
    outline: solid 2px green
}

.single-product-wrap .product-img a {
    display: block
}

.single-product-wrap .product-img a img {
    width: 100%
}

.single-product-wrap .product-img span.pro-badge {
    position: absolute;
    top: 17px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding: 4px 6px 5px;
    line-height: 1
}

.single-product-wrap .product-img span.pro-badge.left {
    left: 17px
}

.single-product-wrap .product-img span.pro-badge.right {
    right: 17px
}

.single-product-wrap .product-img span.pro-badge.bg-black {
    background-color: #000
}

.single-product-wrap .product-img span.pro-badge.bg-red {
    background-color: #ff2f2f
}

.single-product-wrap .product-img .product-action-2 {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .single-product-wrap .product-img .product-action-2 {
        right: 10px;
        top: 10px
    }
}

.single-product-wrap .product-img .product-action-2 button {
    display: block;
    border: none;
    padding: 0;
    line-height: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    border-radius: 100%;
    background-color: #fff;
    margin-bottom: 7px;
    border: 1px solid #ebebeb
}

.single-product-wrap .product-img .product-action-2 button:nth-child(1) {
    transition-delay: .2s;
    opacity: 0;
    visibility: hidden;
    margin-top: -10px
}

.single-product-wrap .product-img .product-action-2 button:nth-child(2) {
    transition-delay: .1s;
    opacity: 0;
    visibility: hidden;
    margin-top: -10px
}

.single-product-wrap .product-img .product-action-2 button:nth-child(3) {
    transition-delay: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: -10px
}

.single-product-wrap .product-img .product-action-2 button:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff
}

.single-product-wrap .product-img .product-action-2 button i {
    line-height: 40px
}

.single-product-wrap .product-img .product-action-2 button:last-child {
    margin-bottom: 0
}

.single-product-wrap .product-img .product-action-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease 0
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .single-product-wrap .product-img .product-action-wrap {
        padding: 18px 15px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .single-product-wrap .product-img .product-action-wrap {
        padding: 18px 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .single-product-wrap .product-img .product-action-wrap {
        padding: 18px 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap {
        padding: 18px 15px
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-left {
    flex: 0 0 60%;
    max-width: 60%
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-left {
        flex: 0 0 65%;
        max-width: 65%
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-left button {
    border: none;
    padding: 0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    transition: all .3s ease 0
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-left button {
        font-size: 15px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-left button {
        font-size: 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-left button {
        font-size: 14px
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-left button i {
    font-size: 20px;
    margin-right: 15px;
    position: relative;
    top: 2px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-left button i {
        margin-right: 10px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-left button i {
        margin-right: 10px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-left button i {
        margin-right: 10px
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-left button:hover {
    color: #ff2f2f
}

.single-product-wrap .product-img .product-action-wrap .product-action-right {
    flex: 0 0 40%;
    max-width: 40%;
    text-align: right
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-right {
        flex: 0 0 35%;
        max-width: 35%
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button {
    border: none;
    padding: 0;
    color: #000;
    margin-left: 24px;
    position: relative;
    background-color: transparent;
    transition: all .3s ease 0
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-right button {
        margin-left: 20px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-right button {
        margin-left: 18px
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button:first-child {
    margin-left: 0
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button i {
    font-size: 18px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-right button i {
        font-size: 16px
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button.font-inc i {
    font-size: 22px;
    position: relative;
    top: 1px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-img .product-action-wrap .product-action-right button.font-inc i {
        font-size: 20px
    }
}

.single-product-wrap .product-img .product-action-wrap .product-action-right button:hover {
    color: #ff2f2f
}

.single-product-wrap .product-img.product-img-zoom a img {
    transform: scale(1);
    transition: all .3s ease
}

.single-product-wrap .product-img.product-img-border a img {
    border: 1px solid #e1e1e1;
    border-radius: 100%
}

.single-product-wrap .product-img.product-img-border-transparent a img {
    border: 1px solid transparent
}

.single-product-wrap .product-content-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.single-product-wrap .product-content-wrap .product-content-left {
    flex: 0 0 80%;
    max-width: 80%
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-content-wrap .product-content-left {
        flex: 0 0 85%;
        max-width: 85%
    }
}

.single-product-wrap .product-content-wrap .product-content-left h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 7px
}

.single-product-wrap .product-content-wrap .product-content-left h4 a {
    color: #000
}

.single-product-wrap .product-content-wrap .product-content-left h4 a:hover {
    text-decoration: underline
}

.single-product-wrap .product-content-wrap .product-content-left span {
    font-size: 20px;
    color: #000;
    font-family: "Heebo", sans-serif
}

.single-product-wrap .product-content-wrap .product-content-left span.new-price {
    color: #ff2f2f
}

.single-product-wrap .product-content-wrap .product-content-left span.old-price {
    text-decoration: line-through;
    margin-left: 12px
}

.single-product-wrap .product-content-wrap .product-content-right {
    flex: 0 0 20%;
    max-width: 20%;
    text-align: right
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap .product-content-wrap .product-content-right {
        flex: 0 0 15%;
        max-width: 15%
    }
}

.single-product-wrap .product-content-wrap .product-content-right button {
    border: none;
    padding: 0;
    background-color: transparent;
    font-size: 16px;
    color: #000;
    position: relative
}

.single-product-wrap .product-content-wrap .product-content-right button:hover {
    color: #ff2f2f
}

.single-product-wrap .product-content-wrap-2 {
    transition: all .3s ease 0
}

.single-product-wrap .product-content-wrap-2 .product-rating-wrap {
    display: flex;
    justify-content: center
}

.single-product-wrap .product-content-wrap-2 .product-rating-wrap .product-rating i {
    color: #ff9806
}

.single-product-wrap .product-content-wrap-2 .product-rating-wrap .product-rating i.gray {
    color: #ccc
}

.single-product-wrap .product-content-wrap-2 .product-rating-wrap span {
    margin-left: 6px;
    color: #999;
    font-family: "Heebo", sans-serif
}

.single-product-wrap .product-content-wrap-2 h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 2px 0 8px
}

.single-product-wrap .product-content-wrap-2 h3 a {
    color: #000
}

.single-product-wrap .product-content-wrap-2 h3 a:hover {
    color: #ff2f2f
}

.single-product-wrap .product-content-wrap-2 .product-price-2 span {
    font-size: 18px;
    color: #000;
    font-family: "Heebo", sans-serif;
    display: inline-block;
    margin: 0 4px
}

.single-product-wrap .product-content-wrap-2 .product-price-2 span.new-price {
    color: #ff2f2f
}

.single-product-wrap .product-content-wrap-2 .product-price-2 span.old-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.single-product-wrap .product-content-wrap-2 .product-author {
    margin: 7px 0 0
}

.single-product-wrap .product-content-wrap-2 .product-author span {
    color: #666;
    display: block;
    line-height: 1
}

.single-product-wrap .product-content-wrap-2 .product-author span a {
    color: #000
}

.single-product-wrap .product-content-wrap-2 .product-author span a:hover {
    color: #0064e0
}

.single-product-wrap .product-content-wrap-2 .pro-add-to-cart {
    margin: 14px 0 0
}

.single-product-wrap .product-content-wrap-2 .pro-add-to-cart button {
    border: none;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    font-size: 14px;
    padding: 8px 28px;
    border-radius: 50px;
    transition: all .3s ease 0
}

.single-product-wrap .product-content-wrap-2 .pro-add-to-cart button:hover {
    background-color: #ff2f2f
}

.single-product-wrap .product-content-wrap-2.product-content-wrap-2-modify .pro-add-to-cart {
    margin: 4px 0 0
}

.single-product-wrap .product-content-wrap-2.product-content-wrap-2-modify .pro-add-to-cart button {
    font-size: 13px;
    padding: 4px 20px
}

.single-product-wrap .product-content-wrap-3 .product-content-categories a {
    color: #999;
    font-size: 13px;
    text-transform: uppercase
}

.single-product-wrap .product-content-wrap-3 .product-content-categories a:hover {
    color: #4dbdaf
}

.single-product-wrap .product-content-wrap-3 .product-content-categories a:hover.blue {
    color: #0064e0
}

.single-product-wrap .product-content-wrap-3 .product-content-categories a:hover.purple {
    color: #6f50a7
}

.single-product-wrap .product-content-wrap-3 h3 {
    font-size: 18px
}

.single-product-wrap .product-content-wrap-3 h3.mrg-none {
    margin: 0 0 3px
}

.single-product-wrap .product-content-wrap-3 h3.bold {
    font-weight: 700
}

.single-product-wrap .product-content-wrap-3 h3 a {
    color: #222
}

.single-product-wrap .product-content-wrap-3 h3 a:hover {
    color: #4dbdaf
}

.single-product-wrap .product-content-wrap-3 h3 a:hover.blue {
    color: #0064e0
}

.single-product-wrap .product-content-wrap-3 h3 a:hover.purple {
    color: #6f50a7
}

.single-product-wrap .product-content-wrap-3 h3 a:hover.orange {
    color: #e44311
}

.single-product-wrap .product-content-wrap-3 .product-rating-wrap-2 {
    display: flex;
    margin: 0 0 8px
}

.single-product-wrap .product-content-wrap-3 .product-rating-wrap-2 .product-rating-4 {
    display: flex;
    align-items: center
}

.single-product-wrap .product-content-wrap-3 .product-rating-wrap-2 .product-rating-4 i {
    font-size: 12px;
    color: #ff9806;
    margin-right: 2px
}

.single-product-wrap .product-content-wrap-3 .product-rating-wrap-2 .product-rating-4 i.gray {
    color: #ccc
}

.single-product-wrap .product-content-wrap-3 .product-rating-wrap-2 span {
    color: #999;
    font-size: 12px;
    font-family: "Heebo", sans-serif;
    margin-left: 4px
}

.single-product-wrap .product-content-wrap-3 .product-price-4 span {
    font-size: 14px;
    font-family: "Heebo", sans-serif;
    color: #000
}

.single-product-wrap .product-content-wrap-3 .product-price-4 span.new-price {
    color: #ff2f2f
}

.single-product-wrap .product-content-wrap-3 .product-price-4 span.old-price {
    margin: 0 0 0 7px;
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.single-product-wrap .product-content-wrap-3 .product-price-4.product-price-4-hm10 {
    margin: 7px 0
}

.single-product-wrap .product-content-wrap-3 .pro-add-to-cart-2 {
    margin: 11px 0 0
}

.single-product-wrap .product-content-wrap-3 .pro-add-to-cart-2 button {
    border: none;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    font-size: 13px;
    padding: 4px 20px;
    border-radius: 50px;
    transition: all .3s ease 0
}

.single-product-wrap .product-content-wrap-3 .pro-add-to-cart-2 button:hover {
    background-color: #ff2f2f
}

.single-product-wrap .product-content-wrap-3 .product-author {
    margin: 7px 0 0
}

.single-product-wrap .product-content-wrap-3 .product-author span {
    color: #666;
    display: block;
    line-height: 1
}

.single-product-wrap .product-content-wrap-3 .product-author span a {
    color: #000
}

.single-product-wrap .product-content-wrap-3 .product-author span a:hover {
    color: #0064e0
}

.single-product-wrap .product-content-wrap-3 .product-author span a:hover.orange {
    color: #e44311
}

.single-product-wrap .product-content-wrap-3 .single-product-sold {
    margin-top: 15px
}

.single-product-wrap .product-content-wrap-3 .single-product-sold .progress {
    background: #eee none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    height: 8px;
    overflow: visible
}

.single-product-wrap .product-content-wrap-3 .single-product-sold .progress .progress-bar {
    background: #e44311;
    box-shadow: none;
    position: relative
}

.single-product-wrap .product-content-wrap-3 .single-product-sold .progress .progress-bar.progress-bar-width70 {
    width: 70%
}

.single-product-wrap .product-content-wrap-3 .single-product-sold .progress .progress-bar.progress-bar-width50 {
    width: 50%
}

.single-product-wrap .product-content-wrap-3 .single-product-sold .progress .progress-bar.progress-bar-width30 {
    width: 30%
}

.single-product-wrap .product-content-wrap-3 .single-product-sold .progress .progress-bar.progress-bar-width90 {
    width: 90%
}

.single-product-wrap .product-content-wrap-3 .single-product-sold .progress .progress-bar.progress-bar-width60 {
    width: 60%
}

.single-product-wrap .product-content-wrap-3 .single-product-sold span {
    font-size: 13px;
    color: #000;
    letter-spacing: .25px;
    display: block;
    margin: 11px 0 0;
    line-height: 1
}

.single-product-wrap .product-content-position {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    transition: all .3s ease 0;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    padding: 17px 10px 5px
}

.single-product-wrap .product-content-position.product-content-wrap-2-modify {
    padding: 10px 10px 5px
}

.single-product-wrap .product-content-position.product-content-position-plr-0 {
    padding: 10px 0 5px
}

.single-product-wrap .product-content-position h3 a {
    color: #999
}

.single-product-wrap .product-content-position h3 a:hover {
    color: #ff2f2f
}

.single-product-wrap .product-content-position-2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    transition: all .3s ease 0;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    padding: 17px 0 5px
}

.single-product-wrap .product-content-position-2.pro-position-2-padding-dec {
    padding: 10px 0 5px
}

.single-product-wrap .tooltip-style button span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    color: #fff;
    background-color: #000;
    white-space: pre;
    font-size: 13px;
    display: block;
    line-height: 1;
    padding: 4px 12px 6px;
    opacity: 0;
    visibility: hidden
}

.single-product-wrap .tooltip-style button span:before {
    position: absolute;
    content: "";
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 12px solid #000
}

.single-product-wrap .tooltip-style button:first-child span {
    left: -14px;
    transform: none
}

.single-product-wrap .tooltip-style button:first-child span:before {
    left: 19px;
    transform: none
}

.single-product-wrap .tooltip-style button:last-child span {
    right: 0;
    top: -41px;
    transform: none;
    left: auto
}

.single-product-wrap .tooltip-style button:last-child span:before {
    right: 7px;
    left: auto;
    transform: none
}

.single-product-wrap .tooltip-style button:hover span {
    opacity: 1;
    visibility: visible
}

.single-product-wrap .product-content-2 h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 300
}

.single-product-wrap .product-content-2 h3 a {
    position: relative;
    color: #000
}

.single-product-wrap .product-content-2 h3 a span.blod {
    font-weight: 700
}

.single-product-wrap .product-content-2 h3 a span.available-product {
    position: absolute;
    font-size: 12px;
    top: 3px;
    right: -28px
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .single-product-wrap .product-content-2 h3 a span.available-product {
        right: -25px
    }
}

.single-product-wrap .product-content-2 h3 a:hover {
    text-decoration: underline
}

.single-product-wrap .product-content-categories-2 h5 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: .5px;
    margin: 0;
    text-transform: uppercase
}

.single-product-wrap .product-content-categories-2 h5.font-width-dec {
    font-weight: 400;
    letter-spacing: 0
}

.single-product-wrap .product-content-categories-2 h5 a {
    color: #000
}

.single-product-wrap .product-content-categories-2 h5 a:hover {
    color: #6f50a7
}

.single-product-wrap .product-content-categories-2.product-content-blue h5 a {
    display: inline-block;
    border-bottom: 1px solid transparent
}

.single-product-wrap .product-content-categories-2.product-content-blue h5 a:hover {
    border-bottom: 1px solid #0064e0;
    color: #0064e0
}

.single-product-wrap .product-content-categories-2.product-content-orange h5 a {
    display: inline-block;
    border-bottom: 1px solid transparent
}

.single-product-wrap .product-content-categories-2.product-content-orange h5 a:hover {
    border-bottom: 1px solid #e44311;
    color: #e44311
}

.single-product-wrap .product-content-categories-2.product-content-green-2 h5 a {
    display: inline-block;
    border-bottom: 1px solid transparent
}

.single-product-wrap .product-content-categories-2.product-content-green-2 h5 a:hover {
    border-bottom: 1px solid #6aae27;
    color: #6aae27
}

.single-product-wrap:hover .product-img.product-img-zoom a img {
    transform: scale(1.1)
}

.single-product-wrap:hover .product-img .product-action-wrap {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.single-product-wrap:hover .product-img .product-action-2 button:nth-child(1) {
    transition-delay: .1s;
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.single-product-wrap:hover .product-img .product-action-2 button:nth-child(2) {
    transition-delay: .2s;
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.single-product-wrap:hover .product-img .product-action-2 button:nth-child(3) {
    transition-delay: .3s;
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.single-product-wrap:hover .product-img.product-img-border a img {
    border: 1px solid #6f50a7
}

.single-product-wrap:hover .product-img.product-img-border.border-blue a img {
    border: 1px solid #0064e0
}

.single-product-wrap:hover .product-img.product-img-border.border-green-2 a img {
    border: 1px solid #6aae27
}

.single-product-wrap:hover .product-img.product-img-border-transparent a img {
    border: 1px solid #e44311
}

.single-product-wrap:hover .product-content-wrap-2 {
    opacity: 0;
    visibility: hidden
}

.single-product-wrap:hover .product-content-position {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.single-product-wrap:hover .product-content-position-2 {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .single-product-wrap.mb-35 {
        margin-bottom: 30px
    }

    .single-product-wrap.mb-60 {
        margin-bottom: 30px
    }

    .single-product-wrap.mb-50 {
        margin-bottom: 30px
    }
}

.tab-content.jump .tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden
}

.tab-content.jump .tab-pane.active {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
    animation-name: moveUp;
    animation-duration: 500ms;
    animation-timing-function: cubic-bezier(.26, .69, .37, .96);
    animation-play-state: running
}

.product-slider-active .slick-list,
.product-slider-active-3 .slick-list,
.product-slider-active-4 .slick-list,
.product-slider-active-5 .slick-list,
.product-slider-active-7 .slick-list,
.product-slider-active-8 .slick-list,
.product-slider-active-9 .slick-list,
.related-product-active .slick-list {
    margin: 0 -15px
}

.product-slider-active .slick-list .product-plr-1,
.product-slider-active-3 .slick-list .product-plr-1,
.product-slider-active-4 .slick-list .product-plr-1,
.product-slider-active-5 .slick-list .product-plr-1,
.product-slider-active-7 .slick-list .product-plr-1,
.product-slider-active-8 .slick-list .product-plr-1,
.product-slider-active-9 .slick-list .product-plr-1,
.related-product-active .slick-list .product-plr-1 {
    padding: 0 15px
}

.product-categories-slider-1 .slick-list,
.product-categories-slider-2 .slick-list,
.product-categories-slider-3 .slick-list {
    margin: 0 -20px
}

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

    .product-categories-slider-1 .slick-list,
    .product-categories-slider-2 .slick-list,
    .product-categories-slider-3 .slick-list {
        margin: 0 -15px
    }
}

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

    .product-categories-slider-1 .slick-list,
    .product-categories-slider-2 .slick-list,
    .product-categories-slider-3 .slick-list {
        margin: 0 -15px
    }
}

.product-categories-slider-1 .slick-list .product-plr-1,
.product-categories-slider-2 .slick-list .product-plr-1,
.product-categories-slider-3 .slick-list .product-plr-1 {
    padding: 0 20px
}

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

    .product-categories-slider-1 .slick-list .product-plr-1,
    .product-categories-slider-2 .slick-list .product-plr-1,
    .product-categories-slider-3 .slick-list .product-plr-1 {
        padding: 0 15px
    }
}

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

    .product-categories-slider-1 .slick-list .product-plr-1,
    .product-categories-slider-2 .slick-list .product-plr-1,
    .product-categories-slider-3 .slick-list .product-plr-1 {
        padding: 0 15px
    }
}

.product-slider-active-2 .slick-list {
    margin: 0 -15px;
    padding: 20px 0
}

.product-slider-active-2 .slick-list .product-plr-2 {
    padding: 0 15px
}

.product-slider-active-6 .slick-list {
    margin: 0 -15px
}

.product-slider-active-6 .slick-list .product-plr-2 {
    padding: 0 15px
}

.tab-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width:767px) {
    .tab-btn-wrap {
        justify-content: center
    }

    .tab-btn-wrap.mb-40 {
        margin-bottom: 30px
    }
}

.tab-style-2 a {
    color: #999;
    display: inline-block;
    letter-spacing: .1px;
    text-transform: uppercase;
    margin-right: 30px
}

@media only screen and (max-width:767px) {
    .tab-style-2 a {
        margin-bottom: 5px
    }
}

.tab-style-2 a:last-child {
    margin-right: 0
}

.tab-style-2 a.active {
    color: #181b31
}

@media only screen and (max-width:767px) {
    .tab-style-2 {
        margin: 0 8px 2px;
        justify-content: center
    }
}

.deal-content-1>span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    padding: 4px 10px;
    text-transform: uppercase;
    background-color: #6b7b90
}

.deal-content-1 h2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: -.25px;
    margin: 35px 0 24px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-1 h2 {
        font-size: 50px;
        line-height: 55px;
        margin: 25px 0 14px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-1 h2 {
        font-size: 50px;
        line-height: 55px;
        margin: 25px 0 14px
    }
}

@media only screen and (max-width:767px) {
    .deal-content-1 h2 {
        font-size: 34px;
        line-height: 40px;
        margin: 25px 0 14px
    }
}

.deal-content-1 h2 span {
    text-transform: uppercase;
    font-weight: 700;
    color: #ff2f2f
}

.deal-content-1 p {
    width: 30%;
    letter-spacing: .25px;
    margin: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-1 p {
        width: 37%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-1 p {
        width: 37%
    }
}

@media only screen and (max-width:767px) {
    .deal-content-1 p {
        width: 90%
    }
}

.deal-content-1 .timer-wrap {
    margin: 45px 0 105px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-1 .timer-wrap {
        margin: 35px 0 40px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-1 .timer-wrap {
        margin: 35px 0 40px
    }
}

@media only screen and (max-width:767px) {
    .deal-content-1 .timer-wrap {
        margin: 25px 0 30px
    }
}

.deal-content-1 .timer-wrap h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 27px
}

@media only screen and (max-width:767px) {
    .deal-content-1 .timer-wrap h4 {
        margin: 0 0 10px
    }
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body {
    display: flex;
    flex-wrap: wrap
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell {
    text-align: center;
    margin-right: 60px
}

@media only screen and (max-width:767px) {
    .deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell {
        margin-right: 35px
    }
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell:last-child {
    margin-right: 0
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell:last-child .syotimer-cell__value:before {
    display: none
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell:last-child .syotimer-cell__value:after {
    display: none
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 48px;
    line-height: 38px;
    font-weight: 300;
    letter-spacing: -.25px;
    margin: 0 0 10px;
    position: relative
}

@media only screen and (max-width:767px) {
    .deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell .syotimer-cell__value {
        font-size: 30px
    }
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell .syotimer-cell__value:before {
    position: absolute;
    content: "";
    right: -50%;
    transform: translateX(50%);
    top: 20%;
    width: 4px;
    height: 4px;
    background-color: #000
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell .syotimer-cell__value:after {
    position: absolute;
    content: "";
    right: -50%;
    transform: translateX(50%);
    bottom: 20%;
    width: 4px;
    height: 4px;
    background-color: #000
}

.deal-content-1 .timer-wrap .timer-style-1 .syotimer__body .syotimer-cell .syotimer-cell__unit {
    letter-spacing: -.25px;
    line-height: 1;
    text-transform: capitalize
}

.deal-content-1 .deal-btn a {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0 3px;
    border-bottom: 1px solid #000;
    color: #000
}

.deal-content-1 .deal-btn a:hover {
    color: #ff2f2f;
    border-bottom: 1px solid #ff2f2f
}

@media only screen and (max-width:767px) {
    .deal-content-1 .deal-btn a {
        font-size: 18px
    }
}

.deal-content-1.deal-content-1-modify {
    padding-left: 170px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
    .deal-content-1.deal-content-1-modify {
        padding-left: 100px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .deal-content-1.deal-content-1-modify {
        padding-left: 100px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-1.deal-content-1-modify {
        padding-left: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-1.deal-content-1-modify {
        padding-left: 50px
    }
}

@media only screen and (max-width:767px) {
    .deal-content-1.deal-content-1-modify {
        padding-left: 15px
    }
}

.deal-content-1.deal-content-1-modify>span {
    font-size: 14px;
    background-color: #508b11
}

.deal-content-1.deal-content-1-modify h2 {
    font-size: 48px;
    line-height: 48px;
    margin: 23px 0 0
}

@media only screen and (max-width:767px) {
    .deal-content-1.deal-content-1-modify h2 {
        font-size: 28px;
        line-height: 33px;
        margin: 15px 0 10px
    }
}

.deal-content-1.deal-content-1-modify .timer-wrap {
    margin: 48px 0 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-1.deal-content-1-modify .timer-wrap {
        margin: 35px 0 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-1.deal-content-1-modify .timer-wrap {
        margin: 35px 0 0
    }
}

@media only screen and (max-width:767px) {
    .deal-content-1.deal-content-1-modify .timer-wrap {
        margin: 25px 0 0
    }
}

@media only screen and (max-width:767px) {
    .tab-style-3 {
        margin-top: 10px
    }
}

.tab-style-3 a {
    display: inline-block;
    color: #999;
    padding: 3px 16px 5px;
    margin-right: 5px;
    border-radius: 5px
}

@media only screen and (max-width:767px) {
    .tab-style-3 a {
        margin-bottom: 5px
    }
}

.tab-style-3 a:last-child {
    margin-right: 0
}

.tab-style-3 a:hover {
    color: #4dbdaf
}

.tab-style-3 a.active {
    font-weight: 600;
    color: #4dbdaf;
    background-color: #edf8f7
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-style-3.tab-style-3-blue a {
        padding: 2px 10px 4px;
        margin-right: 3px
    }
}

.tab-style-3.tab-style-3-blue a:hover {
    color: #0064e0
}

.tab-style-3.tab-style-3-blue a.active {
    color: #0064e0;
    background-color: #eef5fd
}

.tab-style-3.tab-style-3-green-2 a:hover {
    color: #6aae27
}

.tab-style-3.tab-style-3-green-2 a.active {
    color: #6aae27;
    background-color: #eef8e4
}

.single-product-wrap-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative
}

.single-product-wrap-2:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: 1px solid #bfbfbf;
    transition: all .4s ease 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 9
}

.single-product-wrap-2 .product-img-2 {
    flex: 0 0 37%;
    max-width: 37%;
    position: relative
}

.single-product-wrap-2 .product-img-2 a {
    display: block
}

.single-product-wrap-2 .product-img-2 a img {
    width: 100%
}

.single-product-wrap-2 .product-img-2 span.pro-badge {
    position: absolute;
    top: 0;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding: 4px 6px 5px;
    line-height: 1
}

.single-product-wrap-2 .product-img-2 span.pro-badge.left {
    left: 0
}

.single-product-wrap-2 .product-img-2 span.pro-badge.right {
    right: 0
}

.single-product-wrap-2 .product-img-2 span.pro-badge.bg-black {
    background-color: #000
}

.single-product-wrap-2 .product-img-2 span.pro-badge.bg-red {
    background-color: #ff2f2f
}

.single-product-wrap-2 .product-content-3 {
    flex: 0 0 63%;
    max-width: 63%;
    padding: 0 15px 0 25px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-product-wrap-2 .product-content-3 {
        padding: 0 10px
    }
}

@media only screen and (max-width:767px) {
    .single-product-wrap-2 .product-content-3 {
        padding: 0 10px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap-2 .product-content-3 {
        padding: 0 15px 0 25px
    }
}

.single-product-wrap-2 .product-content-3 span {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .25px;
    display: block
}

.single-product-wrap-2 .product-content-3 h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 4px 0 14px
}

@media only screen and (max-width:767px) {
    .single-product-wrap-2 .product-content-3 h4 {
        margin: 4px 0 6px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap-2 .product-content-3 h4 {
        margin: 4px 0 14px
    }
}

.single-product-wrap-2 .product-content-3 h4 a {
    color: #000
}

.single-product-wrap-2 .product-content-3 h4 a:hover {
    text-decoration: underline
}

.single-product-wrap-2 .product-content-3 .product-rating-wrap-2 {
    display: flex;
    align-items: center;
    margin: 0 0 24px
}

@media only screen and (max-width:767px) {
    .single-product-wrap-2 .product-content-3 .product-rating-wrap-2 {
        margin: 0 0 8px
    }
}

.single-product-wrap-2 .product-content-3 .product-rating-wrap-2 .product-rating-2 {
    display: flex
}

.single-product-wrap-2 .product-content-3 .product-rating-wrap-2 .product-rating-2 i {
    font-size: 14px;
    color: #ff9806;
    margin-right: 2px
}

.single-product-wrap-2 .product-content-3 .product-rating-wrap-2 .product-rating-2 i.gray {
    color: #ccc
}

.single-product-wrap-2 .product-content-3 .product-rating-wrap-2 span {
    font-size: 12px;
    color: #999;
    font-family: "Heebo", sans-serif;
    margin-left: 5px
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap {
    display: flex;
    justify-content: space-between
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-price-3 {
    display: flex;
    align-items: center
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-price-3 span {
    font-size: 18px;
    font-family: "Heebo", sans-serif;
    color: #000
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-price-3 span.new-price {
    color: #ff2f2f
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-price-3 span.old-price {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    text-decoration: line-through
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3 {
    display: flex;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all .4s ease 0
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3 button {
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 22px;
    color: #222;
    margin-right: 15px
}

@media only screen and (max-width:767px) {
    .single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3 button {
        font-size: 17px;
        margin-right: 5px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3 button {
        font-size: 22px;
        margin-right: 15px
    }
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3 button:last-child {
    margin-right: 0
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3 button:hover {
    color: #4dbdaf
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3.pro-action-3-blue button:hover {
    color: #0064e0
}

.single-product-wrap-2 .product-content-3 .pro-price-action-wrap .product-action-3.pro-action-3-green-2 button:hover {
    color: #6aae27
}

.single-product-wrap-2:hover:before {
    left: -13px;
    top: -13px;
    right: -13px;
    bottom: -13px;
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:767px) {
    .single-product-wrap-2:hover:before {
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-product-wrap-2:hover:before {
        left: -13px;
        top: -13px;
        right: -13px;
        bottom: -13px
    }
}

.single-product-wrap-2:hover .product-content-3 .pro-price-action-wrap .product-action-3 {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.product-slider-active-6 .single-product-wrap-2 {
    padding: 10px 0
}

.product-slider-active-6 .single-product-wrap-2:before {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px
}

.product-slider-active-6 .single-product-wrap-2:hover:before {
    left: 1px;
    top: 0;
    right: 1px;
    bottom: 0
}

.product-categories-wrap {
    display: flex;
    flex-wrap: wrap
}

.product-categories-wrap .product-categories-img {
    flex: 0 0 37%;
    max-width: 37%;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .product-categories-wrap .product-categories-img {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.product-categories-wrap .product-categories-img a {
    display: block
}

.product-categories-wrap .product-categories-img a img {
    width: 100%;
    transform: scale(1);
    transition: all .3s ease 0
}

.product-categories-wrap .product-categories-content {
    flex: 0 0 63%;
    max-width: 63%;
    padding: 0 0 0 30px
}

@media only screen and (max-width:767px) {
    .product-categories-wrap .product-categories-content {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 0 0 15px
    }
}

.product-categories-wrap .product-categories-content h3 {
    font-size: 18px;
    color: #222;
    font-weight: 600;
    margin: 0
}

.product-categories-wrap .product-categories-content ul {
    margin: 16px 0 18px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-categories-wrap .product-categories-content ul {
        margin: 6px 0 8px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-categories-wrap .product-categories-content ul {
        margin: 6px 0 8px
    }
}

@media only screen and (max-width:767px) {
    .product-categories-wrap .product-categories-content ul {
        margin: 8px 0 10px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .product-categories-wrap .product-categories-content ul {
        margin: 6px 0 5px
    }
}

.product-categories-wrap .product-categories-content ul li {
    display: block;
    margin: 0 0 4px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-categories-wrap .product-categories-content ul li {
        margin: 0 0 1px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-categories-wrap .product-categories-content ul li {
        margin: 0 0 2px
    }
}

@media only screen and (max-width:767px) {
    .product-categories-wrap .product-categories-content ul li {
        margin: 0 0 2px
    }
}

.product-categories-wrap .product-categories-content ul li:last-child {
    margin-bottom: 0
}

.product-categories-wrap .product-categories-content ul li a {
    display: block;
    font-size: 14px;
    color: #666
}

.product-categories-wrap .product-categories-content ul li a:hover {
    color: #222;
    text-decoration: underline
}

.product-categories-wrap .product-categories-content .product-categories-btn a {
    display: inline-block;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase
}

.product-categories-wrap .product-categories-content .product-categories-btn a i {
    margin: 0 0 0 2px;
    font-size: 11px;
    position: relative;
    top: 1px
}

.product-categories-wrap .product-categories-content .product-categories-btn a:hover {
    color: #4dbdaf
}

.product-categories-wrap.product-categories-border {
    border-right: 1px solid #e1e1e1
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-categories-wrap.product-categories-border.categories-border-none-md {
        border: none
    }
}

@media only screen and (max-width:767px) {
    .product-categories-wrap.product-categories-border {
        border: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-categories-wrap.categories-border-add-md {
        border-right: 1px solid #e1e1e1
    }
}

@media only screen and (max-width:767px) {
    .product-categories-wrap.mb-45 {
        margin-bottom: 30px
    }
}

.product-categories-wrap:hover .product-categories-img a img {
    transform: scale(1.1)
}

.btn-style-5 a {
    display: inline-block;
    color: #666;
    font-size: 14px
}

.btn-style-5 a i {
    margin-left: 2px;
    font-size: 12px;
    position: relative;
    top: 1px
}

.btn-style-5 a:hover {
    color: #4dbdaf
}

@media only screen and (max-width:767px) {
    .tab-style-4 {
        margin: 10px 0 0
    }
}

.tab-style-4 a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #999;
    margin-right: 50px;
    padding: 0 0 22px;
    border-bottom: 1px solid transparent
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-style-4 a {
        margin-right: 15px
    }
}

@media only screen and (max-width:767px) {
    .tab-style-4 a {
        margin-right: 20px;
        padding: 0 0 9px;
        margin-bottom: 5px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tab-style-4 a {
        margin-bottom: 0
    }
}

.tab-style-4 a:last-child {
    margin-right: 0
}

.tab-style-4 a.active {
    color: #222;
    border-bottom: 1px solid #222
}

.nav-style-3>span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5%;
    text-align: center;
    color: #222;
    font-size: 24px;
    cursor: pointer;
    transition: all .6s ease 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-3>;
    ;

    span {
        left: -0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-3>;
    ;

    span {
        left: 2%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-style-3>;
    ;

    span {
        left: 0
    }
}

@media only screen and (max-width:767px) {
    .nav-style-3>;
    ;

    span {
        left: 3%
    }
}

.nav-style-3>span.pro-slider-icon-1-next {
    left: auto;
    right: -5%
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-3>;
    ;

    span.pro-slider-icon-1-next {
        right: -0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-3>;
    ;

    span.pro-slider-icon-1-next {
        right: 2%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-style-3>;
    ;

    span.pro-slider-icon-1-next {
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .nav-style-3>;
    ;

    span.pro-slider-icon-1-next {
        right: 3%
    }
}

.nav-style-3>span:hover {
    color: #ff2f2f
}

.nav-style-3:hover span {
    left: -6%;
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-3:hover span {
        left: -1%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-3:hover span {
        left: -1%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-style-3:hover span {
        left: -1%
    }
}

@media only screen and (max-width:767px) {
    .nav-style-3:hover span {
        left: 0
    }
}

.nav-style-3:hover span.pro-slider-icon-1-next {
    left: auto;
    right: -6%
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-3:hover span.pro-slider-icon-1-next {
        right: -1%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-3:hover span.pro-slider-icon-1-next {
        right: -1%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-style-3:hover span.pro-slider-icon-1-next {
        right: -1%
    }
}

@media only screen and (max-width:767px) {
    .nav-style-3:hover span.pro-slider-icon-1-next {
        right: 0
    }
}

.nav-style-4>span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5%;
    text-align: center;
    color: #ccc;
    font-size: 36px;
    cursor: pointer;
    transition: all .6s ease 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-4>;
    ;

    span {
        left: -0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-4>;
    ;

    span {
        left: -1%
    }
}

@media only screen and (max-width:767px) {
    .nav-style-4>;
    ;

    span {
        font-size: 22px
    }
}

.nav-style-4>span.pro-slider-icon-1-next {
    left: auto;
    right: -5%
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-4>;
    ;

    span.pro-slider-icon-1-next {
        right: -0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-4>;
    ;

    span.pro-slider-icon-1-next {
        right: -1%
    }
}

.nav-style-4>span:hover {
    color: #000
}

.nav-style-4:hover span {
    left: -6%;
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-4:hover span {
        left: -1%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-4:hover span {
        left: -3%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-style-4:hover span {
        left: -3%
    }
}

.nav-style-4:hover span.pro-slider-icon-1-next {
    left: auto;
    right: -6%
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .nav-style-4:hover span.pro-slider-icon-1-next {
        right: -1%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .nav-style-4:hover span.pro-slider-icon-1-next {
        right: -3%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-style-4:hover span.pro-slider-icon-1-next {
        right: -3%
    }
}

.product-categories-wrap-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-categories-wrap-2 {
        justify-content: inherit
    }
}

.product-categories-wrap-2 .single-product-categories-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-categories-wrap-2 .single-product-categories-2 {
        width: 33.333%;
        flex: 0 0 33.333%
    }
}

@media only screen and (max-width:767px) {
    .product-categories-wrap-2 .single-product-categories-2 {
        width: 100%;
        flex: 0 0 100%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .product-categories-wrap-2 .single-product-categories-2 {
        width: 50%;
        flex: 0 0 50%
    }
}

.product-categories-wrap-2 .single-product-categories-2 .product-categories-2-icon {
    margin-right: 24px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-categories-wrap-2 .single-product-categories-2 .product-categories-2-icon {
        margin-right: 15px
    }
}

.product-categories-wrap-2 .single-product-categories-2 .product-categories-2-icon i {
    font-size: 40px;
    color: #ccc;
    transition: all .3s ease 0
}

.product-categories-wrap-2 .single-product-categories-2 .product-categories-2-content h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.product-categories-wrap-2 .single-product-categories-2 .product-categories-2-content h4 a {
    color: #000
}

.product-categories-wrap-2 .single-product-categories-2:hover .product-categories-2-icon i {
    color: #000
}

.product-categories-wrap-2 .single-product-categories-2:hover .product-categories-2-content h4 {
    font-weight: 700
}

.tab-btn-wrap-2 {
    display: flex
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-btn-wrap-2 {
        margin: 10px 0 0
    }
}

@media only screen and (max-width:767px) {
    .tab-btn-wrap-2 {
        display: block;
        margin: 7px 0 0
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tab-btn-wrap-2 {
        display: flex
    }
}

@media only screen and (max-width:767px) {
    .tab-style-5 {
        margin-bottom: 5px
    }
}

.tab-style-5 a {
    color: #999;
    font-size: 16px;
    margin-right: 40px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .tab-style-5 a {
        margin-right: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-style-5 a {
        margin-right: 30px
    }
}

@media only screen and (max-width:767px) {
    .tab-style-5 a {
        margin-right: 20px
    }
}

.tab-style-5 a:last-child {
    margin-right: 0
}

.tab-style-5 a.active {
    color: #000;
    font-weight: 600
}

.tab-style-5 a:hover {
    color: #000
}

.btn-style-6 a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    color: #000
}

.btn-style-6 a:hover {
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    .btn-style-6.ml-60 {
        margin-left: 0
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .btn-style-6.ml-60 {
        margin-left: 20px
    }
}

.hm4-pb-100 {
    padding-bottom: 80px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hm4-pb-100 {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .hm4-pb-100 {
        padding-bottom: 25px
    }
}

.section-title-btn-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .section-title-btn-wrap.pb-20 {
        padding-bottom: 15px
    }

    .section-title-btn-wrap.mb-50 {
        margin-bottom: 30px
    }
}

.section-title-deal-wrap {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-deal-wrap {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .section-title-deal-wrap {
        display: block;
        margin: 0 0 5px
    }
}

.section-title-deal-wrap .timer-wrap-2 {
    display: flex;
    align-items: center;
    margin-left: 75px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-deal-wrap .timer-wrap-2 {
        margin-left: 0;
        margin-top: 5px
    }
}

@media only screen and (max-width:767px) {
    .section-title-deal-wrap .timer-wrap-2 {
        margin-left: 0;
        display: block
    }
}

.section-title-deal-wrap .timer-wrap-2 h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .25px
}

@media only screen and (max-width:767px) {
    .section-title-deal-wrap .timer-wrap-2 h4 {
        margin: 10px 0
    }
}

.section-title-deal-wrap .timer-wrap-2 h4 i {
    font-size: 16px;
    margin-right: 7px;
    position: relative;
    top: 2px
}

.timer-style-2 {
    margin-left: 15px
}

@media only screen and (max-width:767px) {
    .timer-style-2 {
        margin-left: 0
    }
}

.timer-style-2 .syotimer__body {
    display: flex;
    flex-wrap: wrap
}

.timer-style-2 .syotimer__body .syotimer-cell {
    margin-right: 15px;
    position: relative;
    text-align: center;
    display: flex;
    color: #f33a0f;
    font-weight: 600;
    font-size: 14px
}

.timer-style-2 .syotimer__body .syotimer-cell::before {
    position: absolute;
    content: "";
    right: -8px;
    top: 42%;
    width: 2px;
    height: 2px;
    background-color: #f33a0f
}

.timer-style-2 .syotimer__body .syotimer-cell::after {
    position: absolute;
    content: "";
    right: -8px;
    bottom: 32%;
    width: 2px;
    height: 2px;
    background-color: #f33a0f
}

.timer-style-2 .syotimer__body .syotimer-cell:last-child {
    margin-right: 0
}

.timer-style-2 .syotimer__body .syotimer-cell:last-child::before {
    display: none
}

.timer-style-2 .syotimer__body .syotimer-cell:last-child::after {
    display: none
}

.timer-style-2 .syotimer__body .syotimer-cell .syotimer-cell__value {
    margin-right: 2px
}

.btn-style-7 a {
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 1px solid #666;
    padding: 0 0 2px;
    color: #000;
    line-height: 1
}

.btn-style-7 a:hover {
    color: #6f50a7;
    border-bottom: 1px solid #6f50a7
}

.btn-style-7.btn-style-7-blue a:hover {
    color: #0064e0;
    border-bottom: 1px solid #0064e0
}

.product-list-style-wrap {
    border: 1px solid #e0e0e0;
    padding: 18px 30px 33px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-list-style-wrap {
        padding: 34px 30px 33px
    }
}

@media only screen and (max-width:767px) {
    .product-list-style-wrap {
        padding: 30px 20px
    }
}

.product-list-style {
    margin: 0 0 115px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-list-style {
        margin: 0 0 97px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-list-style {
        margin: 0 0 30px
    }
}

@media only screen and (max-width:767px) {
    .product-list-style {
        margin: 0 0 35px
    }
}

.product-list-style a {
    display: block;
    color: #000;
    width: 100%;
    margin: 0 0 14px;
    letter-spacing: .25px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-list-style a {
        margin: 0 0 10px
    }
}

@media only screen and (max-width:767px) {
    .product-list-style a {
        margin: 0 0 10px
    }
}

.product-list-style a:last-child {
    margin: 0
}

.product-list-style a.active {
    color: #999
}

.product-list-style a:hover {
    color: #ff2f2f
}

.btn-style-8 a {
    display: block;
    color: #999;
    font-style: italic
}

.btn-style-8 a:hover {
    color: #ff2f2f
}

.tab-style-7 {
    justify-content: flex-end;
    margin-top: -47px;
    margin-right: 24px
}

@media only screen and (max-width:767px) {
    .tab-style-7 {
        margin-top: 0;
        margin-right: 0;
        justify-content: center
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tab-style-7 {
        justify-content: flex-end;
        margin-top: -47px;
        margin-right: 24px
    }
}

.tab-style-7 a {
    color: #000;
    margin-right: 40px
}

@media only screen and (max-width:767px) {
    .tab-style-7 a {
        margin-right: 20px
    }
}

.tab-style-7 a:last-child {
    margin-right: 0
}

.tab-style-7 a.active {
    font-weight: 700
}

.tab-content-mrg-top {
    margin-top: 33px
}

@media only screen and (max-width:767px) {
    .tab-content-mrg-top {
        margin-top: 20px
    }
}

.single-deal-wrap {
    padding: 75px 0
}

@media only screen and (max-width:767px) {
    .single-deal-wrap {
        padding: 60px 0
    }
}

.tab-style-8 a {
    color: #000;
    letter-spacing: .25px;
    margin-right: 30px
}

@media only screen and (max-width:767px) {
    .tab-style-8 a {
        margin-right: 16px
    }
}

.tab-style-8 a:last-child {
    margin-right: 0
}

.tab-style-8 a.active {
    color: #999
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-style-8.tab-res-mrg {
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) {
    .tab-style-8.tab-res-mrg {
        margin-top: 12px
    }

    .tab-style-8.tab-res-mrg-2 {
        margin-top: 12px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tab-style-8.tab-res-mrg-2 {
        margin-top: 0
    }
}

.product-pb-80 {
    padding-bottom: 80px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-pb-80 {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .product-pb-80 {
        padding-bottom: 20px
    }
}

.single-sidebar-product {
    display: flex !important;
    align-items: center;
    margin-bottom: 32px
}

.single-sidebar-product .sidebar-product-img {
    margin-right: 28px;
    flex: 0 0 30%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-sidebar-product .sidebar-product-img {
        flex: 0 0 20%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-sidebar-product .sidebar-product-img {
        flex: 0 0 20%
    }
}

.single-sidebar-product .sidebar-product-img a {
    display: block
}

.single-sidebar-product .sidebar-product-img a img {
    width: 100%
}

.single-sidebar-product .sidebar-product-content h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 17px
}

.single-sidebar-product .sidebar-product-content h5 a {
    color: #000
}

.single-sidebar-product .sidebar-product-content h5 a:hover {
    text-decoration: underline
}

.single-sidebar-product .sidebar-product-content .sidebar-product-price span {
    font-size: 18px;
    color: #000;
    font-family: "Heebo", sans-serif;
    display: inline-block;
    line-height: 1
}

.single-sidebar-product .sidebar-product-content .sidebar-product-price span.new-price {
    color: #ff2f2f
}

.single-sidebar-product .sidebar-product-content .sidebar-product-price span.old-price {
    margin-left: 10px;
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.nav-style-5>span {
    position: absolute;
    top: -62px;
    right: 0;
    font-size: 14px;
    color: #000;
    z-index: 9;
    cursor: pointer;
    transition: all .3s ease 0
}

@media only screen and (max-width:767px) {
    .nav-style-5>;
    ;

    span {
        top: -63px
    }
}

.nav-style-5>span.sidebar-icon-prev {
    margin-right: 20px
}

.nav-style-5>span:hover {
    color: #6aae27
}

.nav-style-5.nav-style-5-modify>span {
    top: -50px;
    font-size: 18px;
    color: #999
}

.nav-style-5.nav-style-5-modify>span.sidebar-icon-prev {
    margin-right: 30px
}

.nav-style-5.nav-style-5-modify>span:hover {
    color: #e44311
}

@media only screen and (max-width:767px) {
    .nav-style-5.nav-style-5-modify>;
    ;

    span {
        display: none !important
    }
}

.tab-style-9 {
    justify-content: center
}

.tab-style-9 a {
    font-size: 16px;
    color: #666;
    margin-right: 40px
}

@media only screen and (max-width:767px) {
    .tab-style-9 a {
        margin-right: 20px;
        margin-bottom: 5px
    }
}

.tab-style-9 a:last-child {
    margin-right: 0
}

.tab-style-9 a.active {
    color: #0064e0
}

@media only screen and (max-width:767px) {
    .tab-style-9.mb-60 {
        margin-bottom: 25px
    }
}

.deal-bg-color {
    background-color: #eaeff2
}

.deal-content-2>span {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    letter-spacing: -.25px;
    text-transform: uppercase;
    background-color: #690;
    padding: 5px 9px 7px
}

.deal-content-2>h2 {
    line-height: 40px;
    font-size: 36px;
    font-weight: 300;
    color: #000;
    letter-spacing: -.25px;
    margin: 23px 0 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-2>;
    ;

    h2 {
        line-height: 30px;
        font-size: 26px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-2>;
    ;

    h2 {
        line-height: 34px;
        font-size: 27px;
        margin: 20px 0 0
    }
}

@media only screen and (max-width:767px) {
    .deal-content-2>;
    ;

    h2 {
        line-height: 33px;
        font-size: 27px;
        margin: 15px 0 0
    }
}

.deal-content-2>h2 span {
    font-weight: 700;
    color: #ff2f2f;
    text-transform: uppercase
}

.deal-content-2 p {
    width: 86%;
    margin: 0 0 31px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-2 p {
        width: 100%;
        margin: 0 0 10px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-2 p {
        margin: 0 0 15px
    }
}

@media only screen and (max-width:767px) {
    .deal-content-2 p {
        margin: 0 0 10px
    }
}

.deal-content-2 .deal-btn-2 a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px solid #000
}

.deal-content-2 .deal-btn-2 a:hover {
    color: #0064e0;
    border-bottom: 1px solid #0064e0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .deal-content-2.pl-50 {
        padding-left: 30px
    }

    .deal-content-2.pl-35 {
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .deal-content-2 {
        padding-top: 50px
    }

    .deal-content-2.pl-50 {
        padding-left: 75px
    }

    .deal-content-2.pl-35 {
        padding-left: 0
    }
}

@media only screen and (max-width:767px) {
    .deal-content-2.pl-50 {
        padding-left: 20px;
        padding-top: 30px;
        padding-right: 10px
    }

    .deal-content-2.pl-35 {
        padding-left: 20px;
        padding-top: 10px
    }
}

.deal-img {
    margin: 35px 70px 0 60px
}

@media only screen and (max-width:767px) {
    .deal-img {
        margin: 30px 20px 0
    }
}

.deal-img a {
    display: block
}

.deal-img a img {
    width: 100%
}

.more-product-btn a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 57px;
    color: #0064e0;
    border: 1px solid #0064e0
}

.more-product-btn a:hover {
    background-color: #0064e0;
    color: #fff
}

.section-wrap-1 {
    background-color: #fff;
    padding: 36px 30px 34px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-wrap-1 {
        padding: 36px 20px 34px
    }
}

@media only screen and (max-width:767px) {
    .section-wrap-1 {
        padding: 36px 20px 34px
    }
}

.section-wrap-3 {
    background-color: #fff
}

.section-wrap-4 {
    padding: 30px;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .section-wrap-4 {
        padding: 15px
    }
}

.product-area-padding {
    padding: 35px 30px 0 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-area-padding {
        padding: 20px 30px 0 0
    }
}

@media only screen and (max-width:767px) {
    .product-area-padding {
        padding: 30px 15px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .product-area-padding {
        padding: 30px
    }
}

.btn-style-9 a {
    display: inline-block;
    text-transform: uppercase;
    color: #666
}

.btn-style-9 a:hover {
    color: #e44311
}

.tab-style-10 a {
    display: inline-block;
    margin-right: 35px;
    color: #000;
    font-size: 16px
}

@media only screen and (max-width:767px) {
    .tab-style-10 a {
        margin-right: 15px
    }
}

.tab-style-10 a:last-child {
    margin-right: 0
}

.tab-style-10 a.active {
    font-weight: 700;
    color: #e44311
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tab-style-10 {
        margin: 5px 0 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-area.pb-100 {
        padding-bottom: 40px
    }

    .product-area.pb-75 {
        padding-bottom: 35px
    }

    .product-area.pb-80 {
        padding-bottom: 40px
    }

    .product-categories-area.pb-70 {
        padding-bottom: 30px
    }

    .product-categories-area.pb-60 {
        padding-bottom: 20px
    }

    .deal-area.pt-150 {
        padding-top: 80px
    }
}

@media only screen and (max-width:767px) {
    .product-area.pb-100 {
        padding-bottom: 25px
    }

    .product-area.pb-95 {
        padding-bottom: 15px
    }

    .product-area.pb-75 {
        padding-bottom: 20px
    }

    .product-area.pb-80 {
        padding-bottom: 25px
    }

    .product-area.pb-85 {
        padding-bottom: 60px
    }

    .product-categories-area.pb-70 {
        padding-bottom: 30px
    }

    .product-categories-area.pb-60 {
        padding-bottom: 20px
    }

    .deal-area.pt-150 {
        padding-top: 60px
    }
}

.nav-style-6>span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    transition: all .3s ease 0;
    border: 1px solid #e1e2e2;
    background-color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    cursor: pointer;
    color: #000;
    font-size: 13px;
    text-align: center;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.nav-style-6>span.icon-next {
    left: auto;
    right: 0
}

.nav-style-6>span:hover {
    color: #fff;
    border: 1px solid #ff2f2f;
    background-color: #ff2f2f
}

.nav-style-6:hover span {
    opacity: 1;
    visibility: visible
}

.modal-dialog {
    margin: 2% auto 8%;
    max-width: 960px;
    width: 960px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .modal-dialog {
        width: 720px;
        max-width: 720px
    }
}

@media only screen and (max-width:767px) {
    .modal-dialog {
        width: 100%;
        max-width: 100%;
        padding: 35px 0
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .modal-dialog {
        width: 480px;
        max-width: 480px;
        padding: 35px 0
    }
}

.modal-dialog .modal-header .close {
    color: #333;
    cursor: pointer;
    opacity: 1
}

.modal-dialog .modal-body {
    padding: 35px 15px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .modal-dialog .modal-body {
        padding: 35px 30px
    }
}

.modal-dialog .quickview-big-img img {
    width: 100%
}

.quickview-img img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .product-details-content {
        margin: 25px 0 0
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .product-details-content {
        margin: 30px 0 0
    }
}

.product-details-content h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 0
}

@media only screen and (max-width:767px) {
    .product-details-content h2 {
        font-size: 22px
    }
}

.product-details-content .product-ratting-review-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0 10px
}

.product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: 35px;
    position: relative
}

.product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: -18px;
    background-color: #BCBCBC;
    height: 15px;
    width: 1px
}

.product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-ratting {
    display: flex;
    align-items: center
}

.product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-ratting i {
    font-size: 12px;
    color: #ff9806;
    margin-right: 2px
}

.product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-digit {
    margin-left: 18px
}

.product-details-content .product-ratting-review-wrap .product-ratting-digit-wrap .product-digit span {
    font-size: 16px;
    color: #484848
}

.product-details-content .product-ratting-review-wrap .product-review-order span {
    font-size: 15px;
    margin-right: 10px
}

.product-details-content .product-ratting-review-wrap .product-review-order span:last-child {
    margin-right: 0
}

.product-details-content .product-ratting-review-wrap.product-ratting-mrg-none {
    margin: 33px 0 14px
}

@media only screen and (max-width:767px) {
    .product-details-content .product-ratting-review-wrap.product-ratting-mrg-none {
        margin: 15px 0 14px
    }
}

.product-details-content p {
    font-size: 15px;
    line-height: 28px;
    margin: 0
}

.product-details-content .pro-details-price {
    display: flex;
    margin: 22px 0
}

.product-details-content .pro-details-price span {
    font-size: 16px;
    font-weight: 500;
    font-family: "Heebo", sans-serif
}

.product-details-content .pro-details-price span.new-price {
    color: #ff2f2f
}

.product-details-content .pro-details-price span.old-price {
    text-decoration: line-through;
    font-size: 20px;
    color: #000;
    margin-left: 15px
}

.product-details-content .pro-details-price.pro-details-price-4 {
    margin: 0 0 25px
}

.product-details-content .pro-details-color-wrap {
    margin-bottom: 25px
}

.product-details-content .pro-details-color-wrap span {
    display: block;
    font-weight: 600;
    margin: 0 0 7px;
    line-height: 1;
    letter-spacing: .5px
}

.product-details-content .pro-details-size {
    margin-bottom: 20px
}

.product-details-content .pro-details-size span {
    display: block;
    font-weight: 600;
    margin: 0 0 7px;
    line-height: 1;
    letter-spacing: .5px
}

.product-details-content .pro-details-size .pro-details-size-content ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.product-details-content .pro-details-size .pro-details-size-content ul li {
    margin-right: 5px
}

.product-details-content .pro-details-size .pro-details-size-content ul li:last-child {
    margin-right: 0
}

.product-details-content .pro-details-size .pro-details-size-content ul li a {
    display: inline-block;
    border: 1px solid #E3E4E9;
    line-height: 1;
    width: 40px;
    height: 31px;
    text-align: center;
    line-height: 28px
}

.product-details-content .pro-details-size .pro-details-size-content ul li a:hover {
    background-color: #ff2f2f;
    color: #fff;
    border: 1px solid #ff2f2f
}

.product-details-content .pro-details-group {
    margin: 35px 0 25px
}

.product-details-content .pro-details-group .single-group {
    display: flex;
    margin-bottom: 28px
}

.product-details-content .pro-details-group .single-group:last-child {
    margin-bottom: 0
}

.product-details-content .pro-details-group .single-group .pro-dec-title-price {
    margin-left: 10px
}

.product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-title h5 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 5px
}

.product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-title h5 a {
    color: #000
}

.product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-price span {
    font-size: 16px;
    font-weight: 500;
    font-family: "Heebo", sans-serif
}

.product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-price span.new-price {
    color: #ff2f2f
}

.product-details-content .pro-details-group .single-group .pro-dec-title-price .pro-dec-price span.old-price {
    text-decoration: line-through;
    font-size: 14px;
    color: #000;
    margin-left: 7px
}

.product-details-content .product-details-meta {
    margin: 11px 0 19px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-details-content .product-details-meta {
        margin: 20px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details-content .product-details-meta {
        margin: 20px 0
    }
}

@media only screen and (max-width:767px) {
    .product-details-content .product-details-meta {
        margin: 20px 0
    }
}

.product-details-content .product-details-meta ul li {
    margin: 0 0 5px
}

.product-details-content .product-details-meta ul li:last-child {
    margin: 0
}

.product-details-content .product-details-meta ul li span {
    display: inline-block;
    width: 105px;
    font-weight: 600;
    letter-spacing: .5px
}

.product-details-content .product-details-meta ul li a {
    color: #1C1C1C
}

.product-details-content .product-details-meta ul li a:hover {
    color: #ff2f2f
}

.product-details-content .pro-details-action-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media only screen and (max-width:767px) {
    .product-details-content .pro-details-action-wrap {
        display: block
    }
}

.product-details-content .pro-details-action-wrap.pro-details-action-center {
    justify-content: center
}

.product-details-content .pro-details-action-wrap .pro-details-add-to-cart {
    margin-right: 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart {
        margin-right: 10px
    }
}

@media only screen and (max-width:767px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart {
        margin-bottom: 20px
    }
}

.product-details-content .pro-details-action-wrap .pro-details-add-to-cart a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    background-color: #000;
    padding: 18px 50px 17px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart a {
        padding: 18px 30px 17px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details-content .pro-details-action-wrap .pro-details-add-to-cart a {
        padding: 14px 18px 15px
    }
}

.product-details-content .pro-details-action-wrap .pro-details-add-to-cart a:hover {
    background-color: #ff2f2f
}

.product-details-content .pro-details-action-wrap .pro-details-action {
    position: relative
}

.product-details-content .pro-details-action-wrap .pro-details-action>a {
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    padding: 16px 18px 17px;
    color: #000;
    border: 1px solid #EDEDED;
    margin-right: 15px;
    position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-details-content .pro-details-action-wrap .pro-details-action>;
    ;

    a {
        padding: 16px 15px 17px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-details-content .pro-details-action-wrap .pro-details-action>;
    ;

    a {
        padding: 12px 14px 13px;
        margin-right: 5px
    }
}

.product-details-content .pro-details-action-wrap .pro-details-action>a:last-child {
    margin-right: 0
}

.product-details-content .pro-details-action-wrap .pro-details-action>a:hover {
    background-color: #ff2f2f;
    color: #fff
}

.product-details-content.pro-details-content-mrg .pro-details-price {
    margin: 22px 0 32px
}

.product-details-content.pro-details-content-mrg .pro-details-color-wrap {
    margin-bottom: 35px
}

.product-details-content.pro-details-content-mrg .pro-details-color-wrap span {
    font-size: 15px
}

.product-details-content.pro-details-content-mrg .pro-details-size {
    margin-bottom: 30px
}

.product-details-content.pro-details-content-mrg .pro-details-size span {
    font-size: 15px
}

.product-details-content.pro-details-content-mrg .pro-details-quality span {
    font-size: 15px
}

.product-details-content.pro-details-content-mrg .product-details-meta {
    margin: 21px 0 29px
}

.product-details-content.pro-details-content-mrg .product-details-meta ul li span {
    font-size: 15px
}

.pro-details-quality span {
    display: block;
    font-weight: 600;
    margin: 0 0 7px;
    letter-spacing: .5px
}

.pro-details-quality .cart-plus-minus {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative
}

.pro-details-quality .cart-plus-minus .qtybutton {
    color: #000;
    cursor: pointer;
    float: inherit;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-align: center;
    transition: all .3s ease 0;
    top: 0
}

.pro-details-quality .cart-plus-minus .qtybutton.dec {
    height: 31px;
    width: 31px;
    line-height: 31px;
    border: 1px solid #E3E4E9
}

.pro-details-quality .cart-plus-minus .qtybutton.inc {
    height: 31px;
    width: 31px;
    line-height: 31px;
    border: 1px solid #E3E4E9;
    right: 0
}

.pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #3A3A3A;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 31px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 92px
}

.pro-details-quality .cart-plus-minus input.cart-plus-minus-box.plus-minus-width-inc {
    width: 120px
}

.pro-details-color-content ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.pro-details-color-content ul li {
    margin-right: 5px;
    display: inline-block
}

.pro-details-color-content ul li:last-child {
    margin-right: 0
}

.pro-details-color-content ul li a {
    width: 31px;
    height: 31px;
    font-size: 0;
    display: inline-block;
    border: 1px solid #E3E4E9;
    position: relative
}

.pro-details-color-content ul li a.active::before {
    color: #fff;
    content: "\eed8";
    font-family: IcoFont;
    font-size: 20px;
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.pro-details-color-content ul li a.white {
    background-color: #fff
}

.pro-details-color-content ul li a.azalea {
    background-color: #FBBBBB
}

.pro-details-color-content ul li a.dolly {
    background-color: #F3E66D
}

.pro-details-color-content ul li a.peach-orange {
    background-color: #FFCC8A
}

.pro-details-color-content ul li a.mona-lisa {
    background-color: #FB9696
}

.pro-details-color-content ul li a.cupid {
    background-color: #F5A8DE
}

.pro-details-color-content ul li a.one {
    background-color: #D0CCF8
}

.pro-details-color-content ul li a.two {
    background-color: #B6E3F6
}

.pro-details-color-content ul li a.three {
    background-color: #D1D0AE
}

.pro-details-color-content ul li a.four {
    background-color: #BED4A5
}

.pro-details-color-content ul li a.five {
    background-color: #C4BB6C
}

.pro-details-color-content ul li a.six {
    background-color: #A0D1B7
}

.pro-details-color-content ul li a.seven {
    background-color: #E1A8A8
}

.pro-details-color-content ul li a.eight {
    background-color: #B8BBD4
}

.pro-details-color-content ul li a.nine {
    background-color: #A8A6B4
}

.pro-details-color-content ul li a.ten {
    background-color: #5D6061
}

@media only screen and (max-width:767px) {
    .pro-details-color-content.mt-50 {
        margin-top: 20px
    }
}

.product-dec-social {
    position: absolute;
    bottom: -33px;
    right: -7px;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease 0
}

@media only screen and (max-width:767px) {
    .product-dec-social {
        left: 0;
        right: auto
    }
}

.product-dec-social a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.product-dec-social a.facebook {
    background-color: #5678bf
}

.product-dec-social a.twitter {
    background-color: #73c2fd
}

.product-dec-social a.instagram {
    background-color: #e4405f
}

.product-dec-social a.pinterest {
    background-color: #c32026
}

.product-dec-social.show {
    visibility: visible;
    opacity: 1;
    right: 15px
}

.quickview-slide-active a {
    display: block;
    margin: 0 5px
}

.quickview-slide-active a img {
    width: 100%
}

.easyzoom-style {
    position: relative
}

.easyzoom-style a.easyzoom-pop-up {
    position: absolute;
    right: 25px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    text-align: center;
    border-radius: 100%;
    z-index: 999
}

@media only screen and (max-width:767px) {
    .easyzoom-style a.easyzoom-pop-up {
        width: 40px;
        height: 40px;
        font-size: 14px;
        line-height: 40px
    }
}

.easyzoom-style a.easyzoom-pop-up i {
    line-height: 50px
}

@media only screen and (max-width:767px) {
    .easyzoom-style a.easyzoom-pop-up i {
        line-height: 40px
    }
}

.easyzoom-style a.easyzoom-pop-up:hover {
    color: #ff2f2f
}

.easyzoom-style .easyzoom {
    display: block
}

.easyzoom-style .easyzoom>a {
    transition: none
}

.easyzoom-style .easyzoom>a img {
    width: 100%;
    transition: none
}

.easyzoom-style .easyzoom-popup>a img {
    width: 100%
}

.product-dec-small-style1 {
    width: 420px;
    margin: 13px auto 0
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .product-dec-small-style1 {
        width: 400px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-dec-small-style1 {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-dec-small-style1 {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .product-dec-small-style1 {
        width: 100%
    }
}

.product-dec-small-style1 .product-dec-small {
    margin: 0 5px;
    cursor: pointer
}

.product-dec-small-style1 .product-dec-small img {
    width: 100%
}

.product-dec-small-style1 .product-dec-small.slick-active {
    border: 1px solid transparent
}

.product-dec-small-style1 .product-dec-small.slick-active.slick-current {
    border: 1px solid #ff2f2f
}

.product-dec-small-style1 .product-dec-small:last-child {
    margin: 0
}

.product-dec-small-style1 span {
    color: #262626;
    font-size: 10px;
    position: absolute;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #979797;
    color: #1E1E1E;
    text-align: center;
    border-radius: 100%
}

.product-dec-small-style1 span:hover {
    color: #fff;
    border: 1px solid #ff2f2f;
    background-color: #ff2f2f
}

.product-dec-small-style1 span.pro-dec-prev {
    left: -5%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-dec-small-style1 span.pro-dec-prev {
        left: -4%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-dec-small-style1 span.pro-dec-prev {
        left: -4%
    }
}

@media only screen and (max-width:767px) {
    .product-dec-small-style1 span.pro-dec-prev {
        left: -2%
    }
}

.product-dec-small-style1 span.pro-dec-next {
    left: auto;
    right: -4.7%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-dec-small-style1 span.pro-dec-next {
        right: -4%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-dec-small-style1 span.pro-dec-next {
        right: -4%
    }
}

@media only screen and (max-width:767px) {
    .product-dec-small-style1 span.pro-dec-next {
        right: -2%
    }
}

.product-dec-small-style1 .slick-slide,
.product-dec-small-style2 .slick-slide {
    border: 1px solid transparent
}

.dec-review-topbar {
    border-bottom: 1px solid #ebebeb;
    justify-content: center
}

.dec-review-topbar a {
    display: inline-block;
    font-size: 18px;
    color: #000;
    padding: 0 30px 22px;
    margin: 0 14px 0 0;
    position: relative
}

.dec-review-topbar a:last-child {
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .dec-review-topbar a {
        padding: 0 15px 22px;
        margin: 0 7px 0 0
    }
}

@media only screen and (max-width:767px) {
    .dec-review-topbar a {
        padding: 0 10px 10px;
        margin: 0 0 10px;
        font-size: 16px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .dec-review-topbar a {
        padding: 0 7px 10px
    }
}

.dec-review-topbar a:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ff2f2f;
    z-index: 2;
    opacity: 0;
    visibility: hidden
}

.dec-review-topbar a.active {
    color: #ff2f2f;
    font-weight: 600
}

.dec-review-topbar a.active:before {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width:767px) {
    .dec-review-topbar.mb-45 {
        margin-bottom: 25px
    }
}

.dec-review-topbar.dec-review-topbar-center {
    display: flex;
    justify-content: center;
    border-bottom: none
}

.dec-review-bottom .description-wrap p {
    font-size: 15px;
    line-height: 30px;
    margin: 0 0 20px
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .description-wrap p {
        font-size: 14px;
        margin: 0 0 18x;
        line-height: 27px
    }
}

.dec-review-bottom .description-wrap p:last-child {
    margin: 0
}

.dec-review-bottom .specification-wrap table {
    width: 100%
}

.dec-review-bottom .specification-wrap table tbody {
    border: 1px solid #f0f0f0;
    width: 100%
}

.dec-review-bottom .specification-wrap table tbody tr {
    border-bottom: 1px solid #f0f0f0
}

.dec-review-bottom .specification-wrap table tbody tr td {
    border-right: 1px solid #f0f0f0;
    font-size: 14px;
    color: #000;
    padding: 17px 30px
}

.dec-review-bottom .specification-wrap table tbody tr td.title {
    font-weight: 500;
    font-size: 15px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .dec-review-bottom .specification-wrap table tbody tr td {
        padding: 17px 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .dec-review-bottom .specification-wrap table tbody tr td {
        padding: 17px 20px
    }
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .specification-wrap table tbody tr td {
        padding: 17px 15px
    }
}

.dec-review-bottom .specification-wrap table tbody tr td.width1 {
    width: 300px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .dec-review-bottom .specification-wrap table tbody tr td.width1 {
        width: 200px
    }
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .specification-wrap table tbody tr td.width1 {
        width: 100px
    }
}

.dec-review-bottom .review-wrapper h2 {
    font-size: 22px;
    margin: 0 0 25px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .dec-review-bottom .review-wrapper h2 {
        font-size: 20px
    }
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .review-wrapper h2 {
        font-size: 18px;
        margin: 0 0 18px
    }
}

.dec-review-bottom .single-review {
    margin: 0 0 60px;
    padding: 50px 30px;
    border: 1px solid rgba(0, 0, 0, .1);
    display: flex
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .dec-review-bottom .single-review {
        padding: 50px 20px
    }
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .single-review {
        padding: 30px;
        display: block;
        margin: 0 0 30px
    }
}

.dec-review-bottom .single-review .review-img {
    flex: 0 0 60px
}

.dec-review-bottom .single-review .review-content {
    margin-left: 20px
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .single-review .review-content {
        margin-left: 0
    }
}

.dec-review-bottom .single-review .review-content .review-top-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .single-review .review-content .review-top-wrap {
        display: block;
        margin: 10px 0
    }
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-name h5 {
    font-size: 13px;
    margin: 0;
    color: #535353
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-name h5 span {
    font-weight: 600;
    font-size: 14px;
    color: #000
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating {
    line-height: 1
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .single-review .review-content .review-top-wrap .review-rating {
        margin: 10px 0 0
    }
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating i {
    font-size: 14px;
    color: #d5d6d8
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating i.yellow {
    color: #f5b223
}

.dec-review-bottom .single-review .review-content p {
    font-size: 15px;
    line-height: 28px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .dec-review-bottom .single-review .review-content p {
        font-size: 15px
    }
}

@media only screen and (min-width:1200px) and (max-width:1365px) {
    .dec-review-bottom .single-review.pro-details-9-single-review {
        padding: 50px 12px
    }
}

.dec-review-bottom .ratting-form-wrapper>span {
    display: block;
    line-height: 1;
    font-size: 16px
}

.dec-review-bottom .ratting-form-wrapper p {
    font-size: 14px;
    margin: 9px 0 0;
    color: #535353
}

.dec-review-bottom .ratting-form-wrapper p span {
    color: red
}

.dec-review-bottom .ratting-form-wrapper .ratting-form {
    margin: 30px 0 0
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0 29px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star {
    margin-right: 17px;
    display: flex
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star a {
    color: #535353
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star:hover i {
    color: #f5b223
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label {
    margin: 0 0 5px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label span {
    color: red
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input,
.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea {
    background: transparent;
    border: 1px solid #CDCDCD;
    height: 50px;
    padding: 5px 10px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input:focus,
.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea:focus {
    border: 1px solid #262626
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea {
    height: 150px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit {
    margin-top: 20px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit input {
    padding: 8px 35px;
    line-height: 30px;
    color: #fff;
    border-width: 0;
    font-weight: 600;
    display: inline-block;
    width: auto;
    height: auto;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #000
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit input:hover {
    background: #ff2f2f
}

.product-dec-left {
    position: relative;
    float: left;
    width: 115px;
    padding-right: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-dec-left {
        width: 110px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-dec-left {
        width: 135px
    }
}

@media only screen and (max-width:767px) {
    .product-dec-left {
        width: 90px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .product-dec-left {
        width: 100px
    }
}

.product-dec-right {
    float: right;
    position: relative;
    width: calc(100% - 115px)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-dec-right {
        width: calc(100% - 110px)
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-dec-right {
        width: calc(100% - 135px)
    }
}

@media only screen and (max-width:767px) {
    .product-dec-right {
        width: calc(100% - 90px)
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .product-dec-right {
        width: calc(100% - 100px)
    }
}

.product-dec-small-style2 {
    text-align: center
}

.product-dec-small-style2 .product-dec-small {
    margin: 5px 0;
    cursor: pointer
}

.product-dec-small-style2 .product-dec-small img {
    width: 100%
}

.product-dec-small-style2 .product-dec-small.slick-active {
    border: 1px solid transparent
}

.product-dec-small-style2 .product-dec-small.slick-active.slick-current {
    border: 1px solid #ff2f2f
}

.product-dec-small-style2 .product-dec-small:last-child {
    margin: 0
}

.product-dec-small-style2 span {
    color: #262626;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    z-index: 9;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #979797;
    color: #1E1E1E;
    text-align: center;
    border-radius: 100%;
    display: inline-block
}

.product-dec-small-style2 span:hover {
    color: #fff;
    border: 1px solid #ff2f2f;
    background-color: #ff2f2f
}

.sidebar-active.col-lg-6 {
    padding-left: 15px;
    padding-right: 15px
}

.sidebar-active.col-lg-6.is-affixed {
    padding-left: 0;
    padding-right: 0
}

.sidebar-active.col-lg-6.is-affixed .inner-wrapper-sticky {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .pro-details-content-mt-md {
        margin-top: 40px
    }
}

@media only screen and (max-width:767px) {
    .modal-header {
        padding: 10px 1rem
    }
}

.breadcrumb-area {
    padding: 15px 0
}

.breadcrumb-content ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #ff2f2f;
    margin-right: 18px;
    text-transform: capitalize;
    position: relative
}

.breadcrumb-content ul li::before {
    position: absolute;
    width: 18px;
    height: 1px;
    background-color: #5b5858;
    content: "";
    right: -21px;
    top: 12px;
    z-index: 9;
    transform: rotate(115deg)
}

.breadcrumb-content ul li:last-child::before {
    display: none
}

.breadcrumb-content ul li a {
    color: #000;
    font-weight: 600
}

.breadcrumb-content ul li a:hover {
    color: #ff2f2f
}

.pro-pagination-style ul li {
    display: inline-block;
    margin: 0 4px
}

.pro-pagination-style ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    border-radius: 100%;
    color: #000;
    box-shadow: 0 0 12px .8px rgba(0, 0, 0, .1)
}

.pro-pagination-style ul li a:hover {
    background-color: #ff2f2f;
    color: #fff
}

.pro-pagination-style ul li a.active {
    background-color: #ff2f2f;
    color: #fff;
    box-shadow: none
}

.pro-pagination-style ul li a.active:hover {
    background-color: #333
}

.pro-pagination-style ul li a.prev,
.pro-pagination-style ul li a.next {
    background-color: #f0f4f6;
    color: #000;
    font-size: 14px;
    box-shadow: none
}

.pro-pagination-style ul li a.prev:hover,
.pro-pagination-style ul li a.next:hover {
    background-color: #ff2f2f;
    color: #fff
}

@media only screen and (max-width:767px) {
    .pro-pagination-style.mt-10 {
        margin-top: 0
    }
}

.order-tracking-content .order-tracking-form {
    margin: 30px 0 0
}

.order-tracking-content .order-tracking-form .sin-order-tracking {
    margin: 0 0 36px
}

.order-tracking-content .order-tracking-form .sin-order-tracking label {
    letter-spacing: .2px;
    font-weight: 600;
    margin: 0 0 10px;
    display: block
}

.order-tracking-content .order-tracking-form .sin-order-tracking input {
    background: transparent;
    border: 1px solid #cecece;
    height: 60px;
    padding: 10px 20px;
    color: #000;
    font-size: 14px
}

.order-tracking-content .order-tracking-form .sin-order-tracking input:focus {
    border: 1px solid #262626
}

.order-tracking-content .order-tracking-form .order-track-btn {
    text-align: center
}

.order-tracking-content .order-tracking-form .order-track-btn a {
    display: block;
    font-weight: 600;
    color: #fff;
    background-color: #000;
    line-height: 1;
    padding: 22px 45px;
    text-transform: uppercase
}

.order-tracking-content .order-tracking-form .order-track-btn a:hover {
    background-color: #ff2f2f
}

.product-plr-1 {
    margin-bottom: 15px
}

.navbar {
    background: #efefef;
    font-size: 16px;
    font-weight: 700
}

.header-top-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.blog-area-pb {
    padding-bottom: 90px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog-area-pb {
        padding-bottom: 45px
    }
}

@media only screen and (max-width:767px) {
    .blog-area-pb {
        padding-bottom: 20px
    }
}

.blog-wrap .blog-img {
    overflow: hidden
}

.blog-wrap .blog-img a {
    display: block
}

.blog-wrap .blog-img a img {
    width: 100%;
    transform: scale(1);
    transition: all .5s ease 0s
}

@media only screen and (max-width:767px) {
    .blog-wrap .blog-img.mb-25 {
        margin-bottom: 15px
    }

    .blog-wrap .blog-img.mb-20 {
        margin-bottom: 15px
    }
}

.blog-wrap .blog-content .blog-meta ul {
    display: flex;
    flex-wrap: wrap
}

.blog-wrap .blog-content .blog-meta ul li {
    margin-right: 30px;
    position: relative
}

.blog-wrap .blog-content .blog-meta ul li:before {
    position: absolute;
    content: "";
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #000
}

.blog-wrap .blog-content .blog-meta ul li:last-child {
    margin-right: 0
}

.blog-wrap .blog-content .blog-meta ul li:last-child:before {
    display: none
}

.blog-wrap .blog-content .blog-meta ul li a {
    color: #000000;
    font-weight: 600
}

.blog-wrap .blog-content .blog-meta ul li a:hover {
    color: #ff2f2f
}

.blog-wrap .blog-content h3,
.blog-wrap .blog-content h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 12px 0 0;
    line-height: 30px;
    letter-spacing: -.25px
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .blog-wrap .blog-content h3,
    .blog-wrap .blog-content h1 {
        font-size: 17px;
        margin: 8px 0 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .blog-wrap .blog-content h3,
    .blog-wrap .blog-content h1 {
        font-size: 18px;
        margin: 8px 0 0
    }
}

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

    .blog-wrap .blog-content h3,
    .blog-wrap .blog-content h1 {
        font-size: 17px;
        margin: 5px 0 0;
        line-height: 28px
    }
}

.blog-wrap .blog-content h3 a,
.blog-wrap .blog-content h1 a {
    color: #222222
}

.blog-wrap .blog-content h3 a:hover,
.blog-wrap .blog-content h1 a:hover {
    text-decoration: underline
}

.blog-wrap:hover .blog-img a img {
    transform: scale(1.1)
}

@media only screen and (max-width:767px) {
    .blog-wrap.mb-40 {
        margin-bottom: 30px
    }
}

.single-sidebar-blog {
    display: flex !important;
    align-items: center;
    margin-bottom: 28px
}

.single-sidebar-blog .sidebar-blog-img {
    margin-right: 20px;
    flex: 0 0 30%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-sidebar-blog .sidebar-blog-img {
        flex: 0 0 20%
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .single-sidebar-blog .sidebar-blog-img {
        flex: 0 0 20%
    }
}

.single-sidebar-blog .sidebar-blog-img a {
    display: block
}

.single-sidebar-blog .sidebar-blog-img a img {
    width: 100%
}

.single-sidebar-blog .sidebar-blog-content h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 3px
}

.single-sidebar-blog .sidebar-blog-content h5 a {
    color: #000000
}

.single-sidebar-blog .sidebar-blog-content h5 a:hover {
    text-decoration: underline
}

.single-sidebar-blog .sidebar-blog-content span {
    font-size: 13px;
    color: #999999
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blog-area.pb-80 {
        padding-bottom: 45px
    }

    .blog-area.pb-75 {
        padding-bottom: 35px
    }
}

@media only screen and (max-width:767px) {
    .blog-area.pb-80 {
        padding-bottom: 25px
    }

    .blog-area.pb-75 {
        padding-bottom: 15px
    }

    .single-product-wrap .product-img {
        height: 190px !important
    }
}

video {
    max-width: 100%;
    max-height: 100%
}
.single-service-wrap{
	border:1px solid #ebebeb;
	text-align:center;
	padding:5px;
}
.single-service-wrap:hover H3,.single-service-wrap:hover span{
	color:#15AA5A;
}