@import url('https://fonts.googleapis.com/css?family=Open+Sans:300, 400, 600, 700, 800|Oswald:200, 300, 400, 500, 600, 700');
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.stars {
    font-size: 21px !important
}

body,
html {
    height: 100%
}

#snake-loader-general {
    display: none
}

.details {
    background-color: #0075ba color:#fff
}

.snake-position {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.menu-container {
    background-color: #0075ba;
    width: 100%
}

.loading {
    position: fixed;
    z-index: 999;
    height: 10px;
    width: 10px;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1.5s infinite linear;
    -moz-animation: spinner 1.5s infinite linear;
    -ms-animation: spinner 1.5s infinite linear;
    -o-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 1.5em 0 0 0, rgba(0, 0, 0, .75) 1.1em 1.1em 0 0, rgba(0, 0, 0, .75) 0 1.5em 0 0, rgba(0, 0, 0, .75) -1.1em 1.1em 0 0, rgba(0, 0, 0, .5) -1.5em 0 0 0, rgba(0, 0, 0, .5) -1.1em -1.1em 0 0, rgba(0, 0, 0, .75) 0 -1.5em 0 0, rgba(0, 0, 0, .75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, .75) 1.5em 0 0 0, rgba(0, 0, 0, .75) 1.1em 1.1em 0 0, rgba(0, 0, 0, .75) 0 1.5em 0 0, rgba(0, 0, 0, .75) -1.1em 1.1em 0 0, rgba(0, 0, 0, .75) -1.5em 0 0 0, rgba(0, 0, 0, .75) -1.1em -1.1em 0 0, rgba(0, 0, 0, .75) 0 -1.5em 0 0, rgba(0, 0, 0, .75) 1.1em -1.1em 0 0
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (min-width:768px) {
    img {
        max-width: 100%
    }
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notfound {
    max-width: 710px;
    width: 100%;
    padding-left: 190px;
    line-height: 1.4
}

.notfound .notfound-404 {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 90px
}

.notfound .notfound-404 h1 {
    font-family: 'Passion One', cursive;
    color: #0574ba;
    font-size: 35vmin;
    letter-spacing: 15.5px;
    margin: -13px;
    font-weight: 900;
    line-height: 5px;
    position: absolute;
    left: 50%;
    padding: 10px;
    top: 50%;
    width: 350px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notfound h2 {
    font-family: Raleway, sans-serif;
    color: #292929;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-top: 0
}

.notfound p {
    font-family: Raleway, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 15px;
    color: #333
}

.notfound a {
    font-family: Raleway, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 40px;
    color: #292929;
    font-weight: 700;
    -webkit-box-shadow: 0 4px 15px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 15px -5px rgba(0, 0, 0, .3);
    -webkit-transition: .2s all;
    transition: .2s all
}

.notfound a:hover {
    color: #fff;
    background-color: #0574ba
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .dpf-input-icon {
        width: 12% !important
    }
}

@media only screen and (max-width:480px) {
    .notfound {
        text-align: center
    }
    .notfound .notfound-404 {
        position: relative;
        width: 100%;
        margin-bottom: 15px
    }
    .notfound {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:992px) {
    .notfound .notfound-404 h1 {
        font-size: 21vmin;
        margin: -7px;
        width: 220px
    }
    .is-sticky .hide-phone {
        display: none
    }
    .dpf-input-icon {
        width: 18%
    }
}

#notfound {
    position: relative;
    height: 70vh
}

@media (max-width:667px) and (max-height:375px) {
    #notfound {
        position: relative;
        height: 70vh;
        top: 60px
    }
    .is-sticky .hide-phone {
        display: none
    }
}

@media (min-width:768px) and (min-height:1024px) {
    #notfound {
        height: 37vh;
        top: 53px
    }
}

body {
    background-color: #fff;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    font-family: "Open Sans", sans-serif;
    color: #333;
    position: relative
}

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

h1 {
    font-size: 36px;
    line-height: 42px
}

h2 {
    font-size: 30px;
    line-height: 36px
}

h3 {
    font-size: 24px;
    line-height: 30px
}

h4 {
    font-size: 18px !important;
    line-height: 24px
}

h5 {
    font-size: 14px !important;
    line-height: 18px
}

h6 {
    font-size: 12px;
    line-height: 14px
}

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

a,
button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer
}

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

:focus {
    outline: 0 !important
}

a:focus {
    color: inherit;
    outline: 0;
    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%;
    padding-top: 20px
}

.bold {
    font-weight: 700
}

.semi-bold {
    font-weight: 600
}

.medium {
    font-weight: 500
}

.light {
    font-weight: 300
}

.capitalize {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase
}

.no-gutters {
    margin-left: 0;
    margin-right: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.container-fluid {
    padding: 0 150px
}

.lb-data .lb-close {
    position: fixed;
    top: 18px;
    right: 10px
}

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

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

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

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

@media only screen and (max-width:479px) {
    .container-fluid {
        padding: 0 15px;
        width: 320px
    }
}

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

@media only screen and (min-width:992px) and (max-width:1199px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 960px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 750px
    }
}

@media only screen and (max-width:479px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 320px
    }
    .hero-slider-two {
        margin-bottom: 10px
    }
    .image img {
        width: auto;
        max-width: 100%
    }
}

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

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

.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-95 {
    margin-top: 95px
}

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

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

.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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:767px) {
    .mt-sm-5 {
        margin-top: 5px
    }
    .mt-sm-10 {
        margin-top: 10px
    }
    .mt-sm-15 {
        margin-top: 15px
    }
    .mt-sm-20 {
        margin-top: 20px
    }
    .mt-sm-25 {
        margin-top: 25px
    }
    .mt-sm-30 {
        margin-top: 30px
    }
    .mt-sm-35 {
        margin-top: 35px
    }
    .mt-sm-40 {
        margin-top: 40px
    }
    .mt-sm-45 {
        margin-top: 45px
    }
    .mt-sm-50 {
        margin-top: 50px
    }
    .mt-sm-55 {
        margin-top: 55px
    }
    .mt-sm-60 {
        margin-top: 60px
    }
    .mt-sm-65 {
        margin-top: 65px
    }
    .mt-sm-70 {
        margin-top: 70px
    }
    .mt-sm-75 {
        margin-top: 75px
    }
    .mt-sm-80 {
        margin-top: 80px
    }
    .mt-sm-85 {
        margin-top: 85px
    }
    .mt-sm-90 {
        margin-top: 90px
    }
    .mt-sm-95 {
        margin-top: 95px
    }
    .mt-sm-100 {
        margin-top: 100px
    }
    .mt-sm-105 {
        margin-top: 105px
    }
    .mt-sm-110 {
        margin-top: 110px
    }
    .mt-sm-115 {
        margin-top: 115px
    }
    .mt-sm-120 {
        margin-top: 120px
    }
    .mt-sm-125 {
        margin-top: 125px
    }
    .mt-sm-130 {
        margin-top: 130px
    }
    .mt-sm-135 {
        margin-top: 135px
    }
    .mt-sm-140 {
        margin-top: 140px
    }
    .mt-sm-145 {
        margin-top: 145px
    }
    .mt-sm-150 {
        margin-top: 150px
    }
    .mt-sm-155 {
        margin-top: 155px
    }
    .mt-sm-160 {
        margin-top: 160px
    }
    .mt-sm-165 {
        margin-top: 165px
    }
    .mt-sm-170 {
        margin-top: 170px
    }
    .mt-sm-175 {
        margin-top: 175px
    }
    .mt-sm-180 {
        margin-top: 180px
    }
    .mt-sm-185 {
        margin-top: 185px
    }
    .mt-sm-190 {
        margin-top: 190px
    }
    .mt-sm-195 {
        margin-top: 195px
    }
    .mt-sm-200 {
        margin-top: 200px
    }
}

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

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

.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-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-105 {
    margin-bottom: 105px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:767px) {
    .mb-sm-5 {
        margin-bottom: 5px
    }
    .mb-sm-10 {
        margin-bottom: 10px
    }
    .mb-sm-15 {
        margin-bottom: 15px
    }
    .mb-sm-20 {
        margin-bottom: 20px
    }
    .mb-sm-25 {
        margin-bottom: 25px
    }
    .mb-sm-30 {
        margin-bottom: 30px
    }
    .mb-sm-35 {
        margin-bottom: 35px
    }
    .mb-sm-40 {
        margin-bottom: 40px
    }
    .mb-sm-45 {
        margin-bottom: 45px
    }
    .mb-sm-50 {
        margin-bottom: 50px
    }
    .mb-sm-55 {
        margin-bottom: 55px
    }
    .mb-sm-60 {
        margin-bottom: 60px
    }
    .mb-sm-65 {
        margin-bottom: 65px
    }
    .mb-sm-70 {
        margin-bottom: 70px
    }
    .mb-sm-75 {
        margin-bottom: 75px
    }
    .mb-sm-80 {
        margin-bottom: 80px
    }
    .mb-sm-85 {
        margin-bottom: 85px
    }
    .mb-sm-90 {
        margin-bottom: 90px
    }
    .mb-sm-95 {
        margin-bottom: 95px
    }
    .mb-sm-100 {
        margin-bottom: 100px
    }
    .mb-sm-105 {
        margin-bottom: 105px
    }
    .mb-sm-110 {
        margin-bottom: 110px
    }
    .mb-sm-115 {
        margin-bottom: 115px
    }
    .mb-sm-120 {
        margin-bottom: 120px
    }
    .mb-sm-125 {
        margin-bottom: 125px
    }
    .mb-sm-130 {
        margin-bottom: 130px
    }
    .mb-sm-135 {
        margin-bottom: 135px
    }
    .mb-sm-140 {
        margin-bottom: 140px
    }
    .mb-sm-145 {
        margin-bottom: 145px
    }
    .mb-sm-150 {
        margin-bottom: 150px
    }
    .mb-sm-155 {
        margin-bottom: 155px
    }
    .mb-sm-160 {
        margin-bottom: 160px
    }
    .mb-sm-165 {
        margin-bottom: 165px
    }
    .mb-sm-170 {
        margin-bottom: 170px
    }
    .mb-sm-175 {
        margin-bottom: 175px
    }
    .mb-sm-180 {
        margin-bottom: 180px
    }
    .mb-sm-185 {
        margin-bottom: 185px
    }
    .mb-sm-190 {
        margin-bottom: 190px
    }
    .mb-sm-195 {
        margin-bottom: 195px
    }
    .mb-sm-200 {
        margin-bottom: 200px
    }
}

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

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

.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-65 {
    margin-left: 65px
}

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

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

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

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

.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-115 {
    margin-left: 115px
}

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

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

.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-155 {
    margin-left: 155px
}

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:767px) {
    .ml-sm-5 {
        margin-left: 5px
    }
    .ml-sm-10 {
        margin-left: 10px
    }
    .ml-sm-15 {
        margin-left: 15px
    }
    .ml-sm-20 {
        margin-left: 20px
    }
    .ml-sm-25 {
        margin-left: 25px
    }
    .ml-sm-30 {
        margin-left: 30px
    }
    .ml-sm-35 {
        margin-left: 35px
    }
    .ml-sm-40 {
        margin-left: 40px
    }
    .ml-sm-45 {
        margin-left: 45px
    }
    .ml-sm-50 {
        margin-left: 50px
    }
    .ml-sm-55 {
        margin-left: 55px
    }
    .ml-sm-60 {
        margin-left: 60px
    }
    .ml-sm-65 {
        margin-left: 65px
    }
    .ml-sm-70 {
        margin-left: 70px
    }
    .ml-sm-75 {
        margin-left: 75px
    }
    .ml-sm-80 {
        margin-left: 80px
    }
    .ml-sm-85 {
        margin-left: 85px
    }
    .ml-sm-90 {
        margin-left: 90px
    }
    .ml-sm-95 {
        margin-left: 95px
    }
    .ml-sm-100 {
        margin-left: 100px
    }
    .ml-sm-105 {
        margin-left: 105px
    }
    .ml-sm-110 {
        margin-left: 110px
    }
    .ml-sm-115 {
        margin-left: 115px
    }
    .ml-sm-120 {
        margin-left: 120px
    }
    .ml-sm-125 {
        margin-left: 125px
    }
    .ml-sm-130 {
        margin-left: 130px
    }
    .ml-sm-135 {
        margin-left: 135px
    }
    .ml-sm-140 {
        margin-left: 140px
    }
    .ml-sm-145 {
        margin-left: 145px
    }
    .ml-sm-150 {
        margin-left: 150px
    }
    .ml-sm-155 {
        margin-left: 155px
    }
    .ml-sm-160 {
        margin-left: 160px
    }
    .ml-sm-165 {
        margin-left: 165px
    }
    .ml-sm-170 {
        margin-left: 170px
    }
    .ml-sm-175 {
        margin-left: 175px
    }
    .ml-sm-180 {
        margin-left: 180px
    }
    .ml-sm-185 {
        margin-left: 185px
    }
    .ml-sm-190 {
        margin-left: 190px
    }
    .ml-sm-195 {
        margin-left: 195px
    }
    .ml-sm-200 {
        margin-left: 200px
    }
}

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

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

.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-75 {
    margin-right: 75px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:767px) {
    .mright-sm-5 {
        margin-right: 5px
    }
    .mright-sm-10 {
        margin-right: 10px
    }
    .mright-sm-15 {
        margin-right: 15px
    }
    .mright-sm-20 {
        margin-right: 20px
    }
    .mright-sm-25 {
        margin-right: 25px
    }
    .mright-sm-30 {
        margin-right: 30px
    }
    .mright-sm-35 {
        margin-right: 35px
    }
    .mright-sm-40 {
        margin-right: 40px
    }
    .mright-sm-45 {
        margin-right: 45px
    }
    .mright-sm-50 {
        margin-right: 50px
    }
    .mright-sm-55 {
        margin-right: 55px
    }
    .mright-sm-60 {
        margin-right: 60px
    }
    .mright-sm-65 {
        margin-right: 65px
    }
    .mright-sm-70 {
        margin-right: 70px
    }
    .mright-sm-75 {
        margin-right: 75px
    }
    .mright-sm-80 {
        margin-right: 80px
    }
    .mright-sm-85 {
        margin-right: 85px
    }
    .mright-sm-90 {
        margin-right: 90px
    }
    .mright-sm-95 {
        margin-right: 95px
    }
    .mright-sm-100 {
        margin-right: 100px
    }
    .mright-sm-105 {
        margin-right: 105px
    }
    .mright-sm-110 {
        margin-right: 110px
    }
    .mright-sm-115 {
        margin-right: 115px
    }
    .mright-sm-120 {
        margin-right: 120px
    }
    .mright-sm-125 {
        margin-right: 125px
    }
    .mright-sm-130 {
        margin-right: 130px
    }
    .mright-sm-135 {
        margin-right: 135px
    }
    .mright-sm-140 {
        margin-right: 140px
    }
    .mright-sm-145 {
        margin-right: 145px
    }
    .mright-sm-150 {
        margin-right: 150px
    }
    .mright-sm-155 {
        margin-right: 155px
    }
    .mright-sm-160 {
        margin-right: 160px
    }
    .mright-sm-165 {
        margin-right: 165px
    }
    .mright-sm-170 {
        margin-right: 170px
    }
    .mright-sm-175 {
        margin-right: 175px
    }
    .mright-sm-180 {
        margin-right: 180px
    }
    .mright-sm-185 {
        margin-right: 185px
    }
    .mright-sm-190 {
        margin-right: 190px
    }
    .mright-sm-195 {
        margin-right: 195px
    }
    .mright-sm-200 {
        margin-right: 200px
    }
}

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

.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-80 {
    padding-top: 80px
}

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

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

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

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

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

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

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

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

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

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

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

.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-165 {
    padding-top: 165px
}

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

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

.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-5 {
    padding-top: 5px !important
}

@media only screen and (max-width:767px) {
    .pt-sm-5 {
        padding-top: 5px
    }
    .pt-sm-10 {
        padding-top: 10px
    }
    .pt-sm-15 {
        padding-top: 15px
    }
    .pt-sm-20 {
        padding-top: 20px
    }
    .pt-sm-25 {
        padding-top: 25px
    }
    .pt-sm-30 {
        padding-top: 30px
    }
    .pt-sm-35 {
        padding-top: 35px
    }
    .pt-sm-40 {
        padding-top: 40px
    }
    .pt-sm-45 {
        padding-top: 45px
    }
    .pt-sm-50 {
        padding-top: 50px
    }
    .pt-sm-55 {
        padding-top: 55px
    }
    .pt-sm-60 {
        padding-top: 60px
    }
    .pt-sm-65 {
        padding-top: 65px
    }
    .pt-sm-70 {
        padding-top: 70px
    }
    .pt-sm-75 {
        padding-top: 75px
    }
    .pt-sm-80 {
        padding-top: 80px
    }
    .pt-sm-85 {
        padding-top: 85px
    }
    .pt-sm-90 {
        padding-top: 90px
    }
    .pt-sm-95 {
        padding-top: 95px
    }
    .pt-sm-100 {
        padding-top: 100px
    }
    .pt-sm-105 {
        padding-top: 105px
    }
    .pt-sm-110 {
        padding-top: 110px
    }
    .pt-sm-115 {
        padding-top: 115px
    }
    .pt-sm-120 {
        padding-top: 120px
    }
    .pt-sm-125 {
        padding-top: 125px
    }
    .pt-sm-130 {
        padding-top: 130px
    }
    .pt-sm-135 {
        padding-top: 135px
    }
    .pt-sm-140 {
        padding-top: 140px
    }
    .pt-sm-145 {
        padding-top: 145px
    }
    .pt-sm-150 {
        padding-top: 150px
    }
    .pt-sm-155 {
        padding-top: 155px
    }
    .pt-sm-160 {
        padding-top: 160px
    }
    .pt-sm-165 {
        padding-top: 165px
    }
    .pt-sm-170 {
        padding-top: 170px
    }
    .pt-sm-175 {
        padding-top: 175px
    }
    .pt-sm-180 {
        padding-top: 180px
    }
    .pt-sm-185 {
        padding-top: 185px
    }
    .pt-sm-190 {
        padding-top: 190px
    }
    .pt-sm-195 {
        padding-top: 195px
    }
    .pt-sm-200 {
        padding-top: 200px
    }
}

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

.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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:767px) {
    .pb-sm-5 {
        padding-bottom: 5px
    }
    .pb-sm-10 {
        padding-bottom: 10px
    }
    .pb-sm-15 {
        padding-bottom: 15px
    }
    .pb-sm-20 {
        padding-bottom: 20px
    }
    .pb-sm-25 {
        padding-bottom: 25px
    }
    .pb-sm-30 {
        padding-bottom: 30px
    }
    .pb-sm-35 {
        padding-bottom: 35px
    }
    .pb-sm-40 {
        padding-bottom: 40px
    }
    .pb-sm-45 {
        padding-bottom: 45px
    }
    .pb-sm-50 {
        padding-bottom: 50px
    }
    .pb-sm-55 {
        padding-bottom: 55px
    }
    .pb-sm-60 {
        padding-bottom: 60px
    }
    .pb-sm-65 {
        padding-bottom: 65px
    }
    .pb-sm-70 {
        padding-bottom: 70px
    }
    .pb-sm-75 {
        padding-bottom: 75px
    }
    .pb-sm-80 {
        padding-bottom: 80px
    }
    .pb-sm-85 {
        padding-bottom: 85px
    }
    .pb-sm-90 {
        padding-bottom: 90px
    }
    .pb-sm-95 {
        padding-bottom: 95px
    }
    .pb-sm-100 {
        padding-bottom: 100px
    }
    .pb-sm-105 {
        padding-bottom: 105px
    }
    .pb-sm-110 {
        padding-bottom: 110px
    }
    .pb-sm-115 {
        padding-bottom: 115px
    }
    .pb-sm-120 {
        padding-bottom: 120px
    }
    .pb-sm-125 {
        padding-bottom: 125px
    }
    .pb-sm-130 {
        padding-bottom: 130px
    }
    .pb-sm-135 {
        padding-bottom: 135px
    }
    .pb-sm-140 {
        padding-bottom: 140px
    }
    .pb-sm-145 {
        padding-bottom: 145px
    }
    .pb-sm-150 {
        padding-bottom: 150px
    }
    .pb-sm-155 {
        padding-bottom: 155px
    }
    .pb-sm-160 {
        padding-bottom: 160px
    }
    .pb-sm-165 {
        padding-bottom: 165px
    }
    .pb-sm-170 {
        padding-bottom: 170px
    }
    .pb-sm-175 {
        padding-bottom: 175px
    }
    .pb-sm-180 {
        padding-bottom: 180px
    }
    .pb-sm-185 {
        padding-bottom: 185px
    }
    .pb-sm-190 {
        padding-bottom: 190px
    }
    .pb-sm-195 {
        padding-bottom: 195px
    }
    .pb-sm-200 {
        padding-bottom: 200px
    }
}

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

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

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

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

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

.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-55 {
    padding-left: 55px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:767px) {
    .pl-sm-5 {
        padding-left: 5px
    }
    .pl-sm-10 {
        padding-left: 10px
    }
    .pl-sm-15 {
        padding-left: 15px
    }
    .pl-sm-20 {
        padding-left: 20px
    }
    .pl-sm-25 {
        padding-left: 25px
    }
    .pl-sm-30 {
        padding-left: 30px
    }
    .pl-sm-35 {
        padding-left: 35px
    }
    .pl-sm-40 {
        padding-left: 40px
    }
    .pl-sm-45 {
        padding-left: 45px
    }
    .pl-sm-50 {
        padding-left: 50px
    }
    .pl-sm-55 {
        padding-left: 55px
    }
    .pl-sm-60 {
        padding-left: 60px
    }
    .pl-sm-65 {
        padding-left: 65px
    }
    .pl-sm-70 {
        padding-left: 70px
    }
    .pl-sm-75 {
        padding-left: 75px
    }
    .pl-sm-80 {
        padding-left: 80px
    }
    .pl-sm-85 {
        padding-left: 85px
    }
    .pl-sm-90 {
        padding-left: 90px
    }
    .pl-sm-95 {
        padding-left: 95px
    }
    .pl-sm-100 {
        padding-left: 100px
    }
    .pl-sm-105 {
        padding-left: 105px
    }
    .pl-sm-110 {
        padding-left: 110px
    }
    .pl-sm-115 {
        padding-left: 115px
    }
    .pl-sm-120 {
        padding-left: 120px
    }
    .pl-sm-125 {
        padding-left: 125px
    }
    .pl-sm-130 {
        padding-left: 130px
    }
    .pl-sm-135 {
        padding-left: 135px
    }
    .pl-sm-140 {
        padding-left: 140px
    }
    .pl-sm-145 {
        padding-left: 145px
    }
    .pl-sm-150 {
        padding-left: 150px
    }
    .pl-sm-155 {
        padding-left: 155px
    }
    .pl-sm-160 {
        padding-left: 160px
    }
    .pl-sm-165 {
        padding-left: 165px
    }
    .pl-sm-170 {
        padding-left: 170px
    }
    .pl-sm-175 {
        padding-left: 175px
    }
    .pl-sm-180 {
        padding-left: 180px
    }
    .pl-sm-185 {
        padding-left: 185px
    }
    .pl-sm-190 {
        padding-left: 190px
    }
    .pl-sm-195 {
        padding-left: 195px
    }
    .pl-sm-200 {
        padding-left: 200px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:767px) {
    .pr-sm-5 {
        padding-right: 5px
    }
    .pr-sm-10 {
        padding-right: 10px
    }
    .pr-sm-15 {
        padding-right: 15px
    }
    .pr-sm-20 {
        padding-right: 20px
    }
    .pr-sm-25 {
        padding-right: 25px
    }
    .pr-sm-30 {
        padding-right: 30px
    }
    .pr-sm-35 {
        padding-right: 35px
    }
    .pr-sm-40 {
        padding-right: 40px
    }
    .pr-sm-45 {
        padding-right: 45px
    }
    .pr-sm-50 {
        padding-right: 50px
    }
    .pr-sm-55 {
        padding-right: 55px
    }
    .pr-sm-60 {
        padding-right: 60px
    }
    .pr-sm-65 {
        padding-right: 65px
    }
    .pr-sm-70 {
        padding-right: 70px
    }
    .pr-sm-75 {
        padding-right: 75px
    }
    .pr-sm-80 {
        padding-right: 80px
    }
    .pr-sm-85 {
        padding-right: 85px
    }
    .pr-sm-90 {
        padding-right: 90px
    }
    .pr-sm-95 {
        padding-right: 95px
    }
    .pr-sm-100 {
        padding-right: 100px
    }
    .pr-sm-105 {
        padding-right: 105px
    }
    .pr-sm-110 {
        padding-right: 110px
    }
    .pr-sm-115 {
        padding-right: 115px
    }
    .pr-sm-120 {
        padding-right: 120px
    }
    .pr-sm-125 {
        padding-right: 125px
    }
    .pr-sm-130 {
        padding-right: 130px
    }
    .pr-sm-135 {
        padding-right: 135px
    }
    .pr-sm-140 {
        padding-right: 140px
    }
    .pr-sm-145 {
        padding-right: 145px
    }
    .pr-sm-150 {
        padding-right: 150px
    }
    .pr-sm-155 {
        padding-right: 155px
    }
    .pr-sm-160 {
        padding-right: 160px
    }
    .pr-sm-165 {
        padding-right: 165px
    }
    .pr-sm-170 {
        padding-right: 170px
    }
    .pr-sm-175 {
        padding-right: 175px
    }
    .pr-sm-180 {
        padding-right: 180px
    }
    .pr-sm-185 {
        padding-right: 185px
    }
    .pr-sm-190 {
        padding-right: 190px
    }
    .pr-sm-195 {
        padding-right: 195px
    }
    .pr-sm-200 {
        padding-right: 200px
    }
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

.row-0 {
    margin-left: 0;
    margin-right: 0
}

.row-0>[class*=col] {
    padding-left: 0;
    padding-right: 0
}

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

.row-5>[class*=col] {
    padding-left: 5px;
    padding-right: 5px
}

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

.row-10>[class*=col] {
    padding-left: 10px;
    padding-right: 10px
}

.row-20 {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-20 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-20 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-20 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-20 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row-20>[class*=col-],
.row-20>[class*=col] {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-20>[class*=col-],
    .row-20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-20>[class*=col-],
    .row-20>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-20>[class*=col-],
    .row-20>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-20>[class*=col-],
    .row-20>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-20>[class*=col-],
    .row-20>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row-25 {
    margin-left: -25px;
    margin-right: -25px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-25 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-25 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-25 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-25 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row-25>[class*=col-],
.row-25>[class*=col] {
    padding-left: 25px;
    padding-right: 25px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-25>[class*=col-],
    .row-25>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-25>[class*=col-],
    .row-25>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-25>[class*=col-],
    .row-25>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-25>[class*=col-],
    .row-25>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-25>[class*=col-],
    .row-25>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row-30 {
    margin-left: -30px;
    margin-right: -30px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-30 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-30 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-30 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row-30>[class*=col-],
.row-30>[class*=col] {
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-30>[class*=col-],
    .row-30>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-30>[class*=col-],
    .row-30>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-30>[class*=col-],
    .row-30>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-30>[class*=col-],
    .row-30>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-30>[class*=col-],
    .row-30>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row-40 {
    margin-left: -40px;
    margin-right: -40px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-40 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-40 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-40 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row-40>[class*=col-],
.row-40>[class*=col] {
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .row-40>[class*=col-],
    .row-40>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .row-40>[class*=col-],
    .row-40>[class*=col] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row-40>[class*=col-],
    .row-40>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:767px) {
    .row-40>[class*=col-],
    .row-40>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width:479px) {
    .row-40>[class*=col-],
    .row-40>[class*=col] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

#scrollUp {
    width: 40px;
    height: 40px;
    background-color: #0075ba;
    border: 2px solid #dadada;
    color: #fff;
    right: 20px;
    bottom: 60px;
    text-align: center;
    overflow: hidden;
    border-radius: 0;
    z-index: 9811 !important
}

@media only screen and (max-width:767px) {
    #scrollUp {
        display: none !important
    }
}

#scrollUp i {
    display: block;
    line-height: 34px;
    font-size: 22px
}

#scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

.bg-ivory {
    background-color: #004784;
    color: #fff
}

img.mfp-img {
    background-color: #f6f7f8;
    padding: 0;
    margin: 40px auto
}

.facebook {
    background-color: #3b5997;
    color: #fff
}

.facebook:hover {
    background-color: #3b5997;
    color: #fff
}

.twitter {
    background-color: #1da1f2;
    color: #fff
}

.twitter:hover {
    background-color: #1da1f2;
    color: #fff
}

.linkedin {
    background-color: #0077b5;
    color: #fff
}

.linkedin:hover {
    background-color: #0077b5;
    color: #fff
}

.pinterest {
    background-color: #bd081c;
    color: #fff
}

.pinterest:hover {
    background-color: #bd081c;
    color: #fff
}

.google-plus {
    background-color: #d11718;
    color: #fff
}

.google-plus:hover {
    background-color: #d11718;
    color: #fff
}

.behance {
    background-color: #005cff;
    color: #fff
}

.behance:hover {
    background-color: #005cff;
    color: #fff
}

.dribbble {
    background-color: #e84c88;
    color: #fff
}

.dribbble:hover {
    background-color: #e84c88;
    color: #fff
}

.github {
    background-color: #323131;
    color: #fff
}

.github:hover {
    background-color: #323131;
    color: #fff
}

.instagram {
    background-color: #dc3472;
    color: #fff
}

.instagram:hover {
    background-color: #dc3472;
    color: #fff
}

.medium {
    background-color: #00ab6c;
    color: #fff
}

.medium:hover {
    background-color: #00ab6c;
    color: #fff
}

.reddit {
    background-color: #ff4501;
    color: #fff
}

.reddit:hover {
    background-color: #ff4501;
    color: #fff
}

.skype {
    background-color: #00aff0;
    color: #fff
}

.skype:hover {
    background-color: #00aff0;
    color: #fff
}

.slack {
    background-color: #63c1a0;
    color: #fff
}

.slack:hover {
    background-color: #63c1a0;
    color: #fff
}

.snapchat {
    background-color: #fffc00;
    color: #fff
}

.snapchat:hover {
    background-color: #fffc00;
    color: #fff
}

.tumblr {
    background-color: #01273a;
    color: #fff
}

.tumblr:hover {
    background-color: #01273a;
    color: #fff
}

.vimeo {
    background-color: #00adef;
    color: #fff
}

.vimeo:hover {
    background-color: #00adef;
    color: #fff
}

.youtube {
    background-color: #fe0002;
    color: #fff
}

.youtube:hover {
    background-color: #fe0002;
    color: #fff
}

.tab-content {
    width: 100%
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0
}

.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible
}

.full-width-product-wrap>[class*=col-]:nth-child(1),
.full-width-product-wrap>[class*=col]:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 450px;
    flex: 1 0 450px;
    max-width: 450px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .full-width-product-wrap>[class*=col-]: nth-child(1),
    .full-width-product-wrap>[class*=col]:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 350px;
        flex: 1 0 350px;
        max-width: 350px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .full-width-product-wrap>[class*=col-]: nth-child(1),
    .full-width-product-wrap>[class*=col]:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 350px;
        flex: 1 0 350px;
        max-width: 350px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .full-width-product-wrap>[class*=col-]: nth-child(1),
    .full-width-product-wrap>[class*=col]:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    .full-width-product-wrap>[class*=col-]: nth-child(1),
    .full-width-product-wrap>[class*=col]:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.full-width-product-wrap>[class*=col-]:nth-child(2),
.full-width-product-wrap>[class*=col]:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 450px);
    flex: 0 0 calc(100% - 450px);
    max-width: calc(100% - 450px)
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .full-width-product-wrap>[class*=col-]: nth-child(2),
    .full-width-product-wrap>[class*=col]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 350px);
        flex: 0 0 calc(100% - 350px);
        max-width: calc(100% - 350px)
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .full-width-product-wrap>[class*=col-]: nth-child(2),
    .full-width-product-wrap>[class*=col]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 350px);
        flex: 0 0 calc(100% - 350px);
        max-width: calc(100% - 350px)
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .full-width-product-wrap>[class*=col-]: nth-child(2),
    .full-width-product-wrap>[class*=col]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    .full-width-product-wrap>[class*=col-]: nth-child(2),
    .full-width-product-wrap>[class*=col]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .full-width-product-wrap.desktop-full-width>[class*=col-]: nth-child(1),
    .full-width-product-wrap.desktop-full-width>[class*=col]:nth-child(1) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .full-width-product-wrap.desktop-full-width>[class*=col-]: nth-child(2),
    .full-width-product-wrap.desktop-full-width>[class*=col]:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .laptop-3-column>[class*=col-],
    .laptop-3-column>[class*=col] {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33.3333%;
        flex: 1 0 33.3333%;
        max-width: 33.3333%
    }
}

.page-banner-section {
    background-color: #fefcef
}

@media only screen and (max-width:767px) {
    .page-banner-wrap>div: nth-child(2),
    .page-banner-wrap>div:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%
    }
}

@media only screen and (max-width:479px) {
    .page-banner-wrap>div: nth-child(2),
    .page-banner-wrap>div:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%
    }
}

.page-banner {
    background-color: #fefcef;
    padding: 30px;
    text-align: center
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .page-banner {
        padding: 15px 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .page-banner {
        padding: 20px 30px
    }
}

.page-banner h1 {
    text-transform: uppercase;
    font-size: 42px;
    color: #202020;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 13px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .page-banner h1 {
        font-size: 30px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .page-banner h1 {
        font-size: 24px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .page-banner h1 {
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    .page-banner h1 {
        font-size: 26px
    }
}

@media only screen and (max-width:479px) {
    .page-banner h1 {
        font-size: 22px
    }
}

.page-banner p {
    max-width: 470px;
    margin: auto;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-bottom: 8px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .page-banner p {
        display: none
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .page-banner p {
        display: none
    }
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding: 0;
    margin: 0
}

.breadcrumb ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 8px;
    position: relative
}

.breadcrumb ul li::before {
    position: absolute;
    right: -2px;
    top: 50%;
    content: "";
    width: 4px;
    height: 1px;
    background-color: #333
}

.breadcrumb ul li:last-child::before {
    display: none
}

.breadcrumb ul li a {
    display: block;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333
}

.breadcrumb ul li a:hover {
    color: #202020
}

.category-page-title h4 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #202020
}

.btn:hover::before {
    height: 300%;
    opacity: 1
}

.btn.hover-theme::before {
    background-color: #0075ba
}

.btn.hover-theme:hover {
    border-color: #0075ba;
    color: #202020
}

.btn.hover-theme:hover::before {
    height: 300%;
    opacity: 1
}

.btn.btn-circle {
    border-radius: 50px
}

.btn.btn-radius {
    border-radius: 5px
}

.btn.btn-square {
    border-radius: 0
}

.btn.btn-text {
    border-radius: 0;
    padding: 0;
    line-height: 20px;
    border: none
}

.btn.btn-text::before {
    display: none
}

.btn.btn-text.hover-theme:hover {
    color: #0075ba
}

.btn.btn-underline {
    text-decoration: underline
}

.btn.btn-large {
    padding: 15px 40px;
    font-size: 16px
}

#normal .header-advance-search {
    position: absolute;
    width: 100%
}

.is-sticky .menu_cart_login {
    min-width: 255px;
    margin-right: 55px
}

@media only screen and (max-width:767px) {
    .btn.btn-large {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .btn.btn-large {
        font-size: 11px;
        padding: 4px 15px;
        margin-top: 15px
    }
}

.btn.btn-medium {
    padding: 7px 20px;
    font-size: 12px
}

@media only screen and (max-width:767px) {
    .btn.btn-medium {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .btn.btn-medium {
        font-size: 11px;
        padding: 4px 15px;
        margin-top: 15px
    }
}

.btn.btn-small {
    padding: 4px 15px;
    font-size: 11px
}

@media only screen and (max-width:767px) {
    .btn {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .btn {
        font-size: 11px;
        padding: 7px 15px;
        margin-top: 15px
    }
}

.table>thead>tr>th {
    border-bottom: 1px solid #ddd !important
}

.loginpage {
    left: 25%;
    margin-top: 15px
}

.blockquote {
    max-width: 800px;
    background-color: #f6f7f8;
    padding: 50px 70px;
    position: relative
}

@media only screen and (max-width:767px) {
    .blockquote {
        padding: 40px 50px
    }
}

@media only screen and (max-width:479px) {
    .blockquote {
        padding: 30px
    }
}

.blockquote p {
    font-size: 16px;
    line-height: 25px;
    font-style: italic
}

.blockquote-2 p::first-letter {
    font-size: 48px;
    text-transform: uppercase
}

.blockquote-3::before {
    content: '\f10e';
    font-family: Fontawesome;
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 60px;
    line-height: .8;
    color: #d9d9d9
}

.preview-customizer {
    position: fixed;
    left: -310px;
    top: 0;
    padding: 120px 30px 50px;
    width: 310px;
    height: 100%;
    background-color: #2b2b2b;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.preview-customizer.active {
    left: 0
}

@media only screen and (max-width:479px) {
    .preview-customizer {
        display: none !important
    }
}

.customizer-toggle {
    position: absolute;
    left: 100%;
    top: 50px;
    z-index: 9;
    border: none;
    width: 40px;
    height: 40px;
    background-color: #0075ba;
    color: #202020;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

.customizer-toggle i {
    line-height: 40px;
    display: block;
    font-size: 18px
}

.light-dark-mood {
    overflow: hidden;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 50px
}

.light-dark-mood a {
    float: left;
    width: 50%;
    background-color: #fff;
    color: #202020;
    text-align: center;
    line-height: 30px;
    padding: 5px 5px;
    text-transform: uppercase;
    font-weight: 600
}

.light-dark-mood a:hover {
    color: #0075ba
}

.light-dark-mood a:focus {
    color: #202020
}

.light-dark-mood a.active {
    background-color: #0075ba;
    color: #202020
}

.light-dark-mood a.active:hover {
    color: #202020
}

.customizer-links {
    float: left;
    width: auto;
    height: 100%;
    overflow: auto;
    margin-right: -6px;
    padding-right: 6px
}

.customizer-links a {
    display: block;
    margin-bottom: 20px;
    position: relative
}

.customizer-links a:last-child {
    margin-bottom: 0
}

.customizer-links a .img {
    border: 1px solid #404040;
    display: block;
    position: relative
}

.customizer-links a .img::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #0075ba;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 0
}

.customizer-links a .img img {
    max-width: 100%
}

.customizer-links a h4 {
    text-align: center;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #202020;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 0
}

.customizer-links a:hover .img::before {
    opacity: .9
}

.customizer-links a:hover h4 {
    opacity: 1
}

.theme-dark .preview-customizer {
    background-color: #fff
}

.theme-dark .light-dark-mood a {
    background-color: #202020;
    color: #fff
}

.theme-dark .light-dark-mood a:hover {
    color: #0075ba
}

.theme-dark .light-dark-mood a:focus {
    color: #fff
}

.theme-dark .light-dark-mood a.active {
    background-color: #0075ba;
    color: #202020
}

.theme-dark .light-dark-mood a.active:hover {
    color: #202020
}

.theme-dark .customizer-links a .img {
    border: 1px solid #ddd
}

.theme-dark .customizer-links a h4 {
    color: #202020
}

.nav-tabs-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-one {
        padding: 0
    }
}

.nav-tabs-one li {
    margin: 0 -.5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-one li {
        margin: 5px
    }
}

.nav-tabs-one li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0
}

.nav-tabs-one li a.active,
.nav-tabs-one li a:hover {
    color: #202020
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-tabs-one li a {
        padding: 10px 20px
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs-one li a {
        padding: 6px 15px;
        border-radius: 50px !important
    }
}

@media only screen and (max-width:479px) {
    .nav-tabs-one li a {
        padding: 6px 15px
    }
}

.nav-tabs-one li:first-child {
    border-radius: 50px 0 0 50px
}

.nav-tabs-one li:first-child a {
    border-radius: 50px 0 0 50px
}

.nav-tabs-one li:last-child {
    border-radius: 0 50px 50px 0
}

.nav-tabs-one li:last-child a {
    border-radius: 0 50px 50px 0
}

.nav-tabs-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-two {
        padding: 0
    }
}

.nav-tabs-two li {
    margin: 0 -.5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-two li {
        margin: 5px
    }
}

.nav-tabs-two li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0
}

.nav-tabs-two li a:hover {
    color: #202020
}

.nav-tabs-two li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-tabs-two li a {
        padding: 10px 20px
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs-two li a {
        padding: 6px 15px;
        border-radius: 50px !important
    }
}

@media only screen and (max-width:479px) {
    .nav-tabs-two li a {
        padding: 6px 15px
    }
}

.nav-tabs-two li:first-child {
    border-radius: 50px 0 0 50px
}

.nav-tabs-two li:first-child a {
    border-radius: 50px 0 0 50px
}

.nav-tabs-two li:last-child {
    border-radius: 0 50px 50px 0
}

.nav-tabs-two li:last-child a {
    border-radius: 0 50px 50px 0
}

.nav-tabs-three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-three {
        padding: 0
    }
}

.nav-tabs-three li {
    margin: 0 -.5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-three li {
        margin: 5px
    }
}

.nav-tabs-three li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0
}

.nav-tabs-three li a:hover {
    color: #202020
}

.nav-tabs-three li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-tabs-three li a {
        padding: 10px 20px
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs-three li a {
        padding: 6px 15px;
        border-radius: 5px !important
    }
}

@media only screen and (max-width:479px) {
    .nav-tabs-three li a {
        padding: 6px 15px
    }
}

.nav-tabs-three li:first-child {
    border-radius: 5px 0 0 5px
}

.nav-tabs-three li:first-child a {
    border-radius: 5px 0 0 5px
}

.nav-tabs-three li:last-child {
    border-radius: 0 5px 5px 0
}

.nav-tabs-three li:last-child a {
    border-radius: 0 5px 5px 0
}

.nav-tabs-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-four {
        padding: 0
    }
}

.nav-tabs-four li {
    margin: 0 -.5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-four li {
        margin: 5px
    }
}

.nav-tabs-four li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0
}

.nav-tabs-four li a:hover {
    color: #202020
}

.nav-tabs-four li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-tabs-four li a {
        padding: 10px 20px
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs-four li a {
        padding: 6px 15px
    }
}

@media only screen and (max-width:479px) {
    .nav-tabs-four li a {
        padding: 6px 15px
    }
}

.nav-tabs-five {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .5px;
    margin: 8px 0
}

@media only screen and (max-width:767px) {
    .nav-tabs-five {
        padding: 0;
        margin: 0
    }
}

.nav-tabs-five li {
    margin: 0 -.5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-five li {
        margin: 5px
    }
}

.nav-tabs-five li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0
}

.nav-tabs-five li a:hover {
    color: #202020
}

.nav-tabs-five li a.active {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: -8px;
    margin-top: -8px
}

@media only screen and (max-width:767px) {
    .nav-tabs-five li a.active {
        padding-top: 9px;
        padding-bottom: 9px;
        margin-bottom: -3px;
        margin-top: -3px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-tabs-five li a {
        padding: 10px 20px
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs-five li a {
        padding: 6px 15px;
        border-radius: 0 !important
    }
}

@media only screen and (max-width:479px) {
    .nav-tabs-five li a {
        padding: 6px 15px
    }
}

.nav-tabs-six {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav-tabs-six li {
    margin-right: 40px
}

.nav-tabs-six li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    color: #606060;
    border: 0 solid #d0d0d0
}

.nav-tabs-six li a.active,
.nav-tabs-six li a:hover {
    color: #202020
}

.nav-tabs-six li:last-child {
    margin-right: 0
}

.nav-tabs-seven {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-seven {
        padding: 0
    }
}

.nav-tabs-seven li {
    margin: 0 -.5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-seven li {
        margin: 5px
    }
}

.nav-tabs-seven li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0
}

.nav-tabs-seven li a:hover {
    color: #202020
}

.nav-tabs-seven li a.active {
    color: #202020;
    border-bottom-color: transparent
}

@media only screen and (max-width:767px) {
    .nav-tabs-seven li a.active {
        border-color: #d0d0d0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-tabs-seven li a {
        padding: 10px 20px
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs-seven li a {
        padding: 6px 15px;
        border-radius: 0 !important
    }
}

@media only screen and (max-width:479px) {
    .nav-tabs-seven li a {
        padding: 6px 15px
    }
}

.nav-tabs-eight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .5px;
    margin-top: 5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-eight {
        padding: 0;
        margin-top: 0
    }
}

.nav-tabs-eight li {
    margin: 0 -.5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-eight li {
        margin: 5px
    }
}

.nav-tabs-eight li a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    padding: 10px 40px;
    color: #606060;
    border: 1px solid #d0d0d0
}

.nav-tabs-eight li a:hover {
    color: #202020
}

.nav-tabs-eight li a.active {
    color: #202020;
    padding-top: 15px;
    margin-top: -5px
}

@media only screen and (max-width:767px) {
    .nav-tabs-eight li a.active {
        padding-top: 10px;
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .nav-tabs-eight li a {
        padding: 10px 20px
    }
}

@media only screen and (max-width:767px) {
    .nav-tabs-eight li a {
        padding: 6px 15px;
        border-radius: 0 !important
    }
}

@media only screen and (max-width:479px) {
    .nav-tabs-eight li a {
        padding: 6px 15px
    }
}

.section-title-one {
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    padding-bottom: 10px
}

.section-title-one::before {
    font-size: 52px;
    color: #ccc;
    line-height: 46px;
    font-family: Oswald, sans-serif;
    content: attr(data-title);
    font-weight: 700;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding-left: 5px;
    background-color: #fff
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .section-title-one::before {
        font-size: 46px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-one::before {
        font-size: 40px;
        line-height: 34px
    }
}

@media only screen and (max-width:767px) {
    .section-title-one h1 {
        visibility: hidden
    }
    .section-title-one {
        position: relative;
        overflow: hidden;
        text-transform: uppercase;
        padding-bottom: 30px;
        padding-top: 10px;
        margin-top: 10px
    }
    .section-title-one::before {
        font-size: 18px;
        line-height: 18px
    }
}

@media only screen and (max-width:479px) {
    .section-title-one::before {
        font-size: 30px;
        line-height: 28px;
        display: none
    }
}

.section-title-one::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    z-index: -1
}

@media only screen and (max-width:479px) {
    .section-title-one::after {
        display: none
    }
}

.section-title-one h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    background-color: #fff;
    padding: 10px 5px;
    margin: 0;
    margin-left: 40px;
    float: left;
    position: relative;
    z-index: 3
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-title-one h1 {
        font-size: 20px;
        margin-left: 20px;
        padding: 4px 20px
    }
}

@media only screen and (max-width:767px) {
    .section-title-one h1 {
        font-size: 18px;
        margin-left: 10px;
        padding: 0 15px;
        line-height: 1
    }
}

@media only screen and (max-width:479px) {
    .section-title-one h1 {
        font-size: 18px;
        margin-left: 0;
        padding: 0;
        background-color: transparent
    }
}

.header-section {
    width: 100%;
    z-index: 99999999
}

.datpayment-form {
    margin-top: -25px
}

.header-sticky.is-sticky {
    -webkit-animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    background-color: #fff;
    position: fixed;
    left: 0;
    top: -1px;
    width: 100%;
    z-index: 999
}

.size-col1 {
    min-width: 275px
}

.size-col2 {
    min-width: 200px
}

.header-top .justify-content-between>[class*=col] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto
}

.header-top .justify-content-center>[class*=col]:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-top .justify-content-center>[class*=col]:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-top .justify-content-center [class*=col]:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:767px) {
    .header-top-two .row>[class*=col]: nth-child(2) {
        margin-right: auto
    }
}

@media only screen and (max-width:479px) {
    .header-top-two .row>[class*=col]: nth-child(2) {
        margin-right: 0
    }
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 450px
    }
}

@media only screen and (max-width:767px) {
    .header-top-three .row>[class*=col]: nth-child(2) {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (max-width:767px) {
    .header-top-three .row>[class*=col]: nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.menu_cart_login:hover {
    color: #339dff;
    font-weight: 700
}

.menu_cart_login>a {
    color: #fff
}

#sticky .menu_cart_login>a {
    color: #000;
    text-align: center
}

@media (max-width:991px) {
    .none-menu {
        display: none
    }
}

#normal .menu_cart_account {
    margin-right: 15px;
    margin-top: 15px;
    min-width: 175px
}

#sticky .menu_cart_account {
    min-width: 175px
}

.menu_cart_login>.resume_quote {
    min-width: 115px
}

.menu_cart_login>.cart_menu {
    min-width: 40px
}

.menu_cart_login>.account_menu {
    min-width: 90px
}

.menu_cart_login>.login_menu {
    border-right: 0;
    min-width: 71px
}

@media(max-width:362px) {
    .menu_cart_login {
        font-size: 11px
    }
    .menu_cart_login>.login_menu {
        min-width: 60px
    }
    menu_cart_login>.cart_menu {
        min-width: 45px
    }
    .menu_cart_login>.account_menu {
        min-width: 60px
    }
    .menu_cart_login {
        margin-right: 70px
    }
}

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

.header-links {
    overflow: hidden
}

.header-links a {
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    margin-right: 50px;
    display: block;
    float: left
}

.header-links a:hover {
    color: #202020
}

.header-links a:last-child {
    margin-right: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-links a {
        margin-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-links a {
        margin-right: 20px
    }
}

@media only screen and (max-width:767px) {
    .header-links a {
        margin-right: 15px
    }
}

.header-links a img {
    margin-right: 10px
}

.header-logo a img {
    margin-right: 0px !important
}

@media only screen and (max-width:479px) {
    .header-links a img {
        margin-right: 5px
    }
}

.header-links a span {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-links a span {
        font-size: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-links a span {
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    .header-links a span {
        font-size: 11px
    }
}

.header-account-links {
    overflow: hidden
}

.header-account-links a {
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    display: block;
    float: left;
    border-right: 1px solid #ffffff96;
    padding-right: 10px
}

.header-account-links.outherdiv02 a:last-child {
    border-right: 0;
    padding-left: 4px
}

.header-account-links a:last-child {
    margin-right: 0
}

@media only screen and (max-width:767px) {
    .header-account-links a {
        line-height: 24px
    }
}

.header-account-links a i {
    display: block;
    background-color: #fff0;
    color: #fff;
    float: left;
    width: 26px;
    border-radius: 50px;
    text-align: center;
    line-height: 29px;
    margin-right: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-size: 17px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-account-links a i {
        display: block !important
    }
}

@media only screen and (max-width:767px) {
    .header-account-links a i {
        display: block !important;
        margin: 0;
        width: 24px;
        height: 24px;
        font-size: 11px;
        line-height: 24px
    }
}

@media only screen and (max-width:320px) {
    .fa-shopping-cart {
        margin-left: 12px !important
    }
}

.header-account-links a span {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-account-links a span {
        font-size: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-account-links a span {
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    .header-account-links a span {
        display: none;
        font-size: 11px;
        padding-left: 10px
    }
}

@media only screen and (max-width:479px) {
    .header-account-links a span {
        display: block;
        padding: 0
    }
}

.header-account-links a:hover {
    color: #15a5f8
}

.header-account-links a:hover i {
    background-color: #15a5f8;
    color: #fff
}

.header-account-links a:hover {
    font-weight: 700
}

.header-shop-links a {
    color: #333;
    float: left;
    margin-right: 30px
}

.header-shop-links a:hover {
    color: #fff
}

.header-shop-links a:last-child {
    margin-right: 0
}

@media only screen and (max-width:479px) {
    .header-shop-links a {
        margin-right: 10px
    }
}

.header-shop-links a i {
    font-size: 24px;
    line-height: 30px;
    display: block;
    float: left
}

@media only screen and (max-width:479px) {
    .header-shop-links a i {
        font-size: 20px
    }
}

.header-shop-links a .number {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    color: #202020;
    background-color: #fff;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    position: relative;
    left: -7px
}

@media only screen and (max-width:479px) {
    .header-shop-links a .number {
        width: 16px;
        height: 16px;
        margin-top: 7px;
        font-size: 10px;
        line-height: 16px
    }
}

.header-shop-links a.header-wishlist {
    margin-right: 23px
}

@media only screen and (max-width:479px) {
    .header-shop-links a.header-wishlist {
        margin-right: 3px
    }
}

.header-shop-links a.header-cart .number {
    left: 0
}

.mini-cart-wrap {
    background-color: #fefcef;
    width: 320px;
    position: fixed;
    top: 0;
    right: -320px;
    z-index: 9822;
    height: 100%;
    padding-bottom: 150px;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.mini-cart-wrap.open {
    right: 0
}

.mini-cart-wrap .mini-cart-top {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 25px;
    height: 41px
}

.mini-cart-wrap .mini-cart-top .close-cart {
    border: none;
    background-color: transparent;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
    color: #333;
    line-height: 24px
}

.mini-cart-wrap .mini-cart-top .close-cart i {
    float: right;
    line-height: 26px;
    font-size: 16px;
    margin-left: 5px
}

.mini-cart-wrap .mini-cart-products {
    padding: 20px 10px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 45px);
    border-bottom: 1px solid #ddd
}

.mini-cart-wrap .mini-cart-products li {
    float: left;
    width: 100%
}

.mini-cart-wrap .mini-cart-products li .image {
    width: 50px;
    float: left;
    margin-right: 10px
}

.mini-cart-wrap .mini-cart-products li .image img {
    width: 100%;
    background-color: #f6f7f8;
    height: 50px
}

.mini-cart-wrap .mini-cart-products li .content {
    max-width: 637px;
    float: left
}

.mini-cart-wrap .mini-cart-products li .content .title {
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #333;
    line-height: 18px;
    margin-bottom: 2px
}

.mini-cart-wrap .mini-cart-products li .content .title:hover {
    color: #202020
}

.mini-cart-wrap .mini-cart-products li .content .price,
.mini-cart-wrap .mini-cart-products li .content .qty {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #333
}

.mini-cart-wrap .mini-cart-products li .remove {
    width: 20px;
    float: right;
    padding: 0;
    border: none;
    background-color: transparent
}

.mini-cart-wrap .mini-cart-products li .remove:hover {
    color: red
}

.mini-cart-wrap .mini-cart-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fefcef
}

.mini-cart-wrap .mini-cart-bottom .sub-total {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 24px;
    padding: 10px 25px;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2
}

.mini-cart-wrap .mini-cart-bottom .sub-total span {
    float: right
}

.mini-cart-wrap .mini-cart-bottom .button {
    padding: 32px 25px
}

.mini-cart-wrap .mini-cart-bottom .button a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    padding: 5px 30px;
    border-radius: 50px;
    background-color: #0075ba;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.mini-cart-wrap .mini-cart-bottom .button a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1
}

.mini-cart-wrap .mini-cart-bottom .button a:hover {
    color: #fff
}

.mini-cart-wrap .mini-cart-bottom .button a:hover::before {
    height: 550%;
    opacity: 1
}

.cart-overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9821;
    background-color: rgba(0, 0, 0, .85);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.cart-overlay.visible {
    visibility: visible;
    opacity: 1
}

.header-lan-curr>li {
    position: relative;
    display: inline-block;
    padding: 0 10px
}

.header-lan-curr>li::before {
    position: absolute;
    right: -1px;
    width: 2px;
    height: 10px;
    top: 10px;
    background-color: #333;
    content: ""
}

.header-lan-curr>li:last-child::before {
    display: none
}

.header-lan-curr>li a {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
    color: #333
}

.header-lan-curr>li ul {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    padding: 10px 20px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    width: 120px;
    margin-top: 30px;
    visibility: hidden;
    opacity: 0;
    z-index: -999;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.header-lan-curr>li ul li a {
    font-size: 11px;
    line-height: 24px
}

.header-lan-curr>li ul li a:hover {
    color: #0075ba
}

@media only screen and (max-width:767px) {
    .header-lan-curr>li ul {
        left: auto;
        right: 0
    }
}

.header-lan-curr>li:hover ul {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 999
}

.header-search .search-toggle {
    border: none;
    background-color: transparent;
    padding: 0;
    display: block;
    color: #333
}

.header-search .search-toggle i {
    display: block;
    font-size: 20px;
    line-height: 30px
}

.header-search .search-toggle:hover {
    color: #202020
}

.header-search-container {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    background-color: #f6f7f8;
    padding: 100px 180px;
    display: none;
    z-index: 9999
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-search-container {
        padding: 100px
    }
}

@media only screen and (max-width:767px) {
    .header-search-container {
        padding: 80px 60px
    }
}

@media only screen and (max-width:479px) {
    .header-search-container {
        padding: 50px 30px
    }
}

.header-search-form {
    width: 100%
}

.header-search-form input {
    font-size: 24px;
    line-height: 45px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #333;
    background-color: transparent;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #cfcece;
    width: 100%;
    text-align: center
}

@media only screen and (max-width:767px) {
    .header-search-form input {
        font-size: 18px
    }
}

.qtt-input {
    padding: 1px;
    max-height: 38px;
    top: 0;
    max-width: 30px;
    min-width: 41px
}

@-moz-document url-prefix() {
    .qtt-input {
        padding: 1px;
        max-height: 38px;
        top: 0;
        max-width: 40px;
        min-width: 41px
    }
}

@media (min-width:432px) and (max-width:990px) {
    .qtt-input {
        padding: 1px;
        max-height: 32px;
        top: 0;
        max-width: 30px
    }
}

@media only screen and (max-width:430px) {
    .qtt-input {
        max-height: 26px;
        top: 15px
    }
}

#sticky .header-account-links a i {
    color: #212529
}

#sticky .header-account-links a {
    color: #212529;
    border-right: 1px solid #212529
}

#sticky .header-account-links a span {
    color: #212529
}

#sticky .header-account-links {
    font-size: small;
    text-align: center
}

#sticky .header-account-links.outherdiv02 a:last-child {
    border-right: 0
}

#sticky .header-account-links a:hover i {
    background-color: #15a5f8;
    color: #fff
}

#sticky .header-account-links a:hover {
    color: #15a5f8
}

.header-links a span:hover {
    color: #15a5f8
}

.menu-color:hover {
    color: #15a5f8
}

@media (max-width:992px) {
    .captcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

#change_password {
    width: 100%
}

@media (min-width:560px) and (max-width:767px) {
    .header-sticky.is-sticky {
        height: 130px
    }
    #sticky .header-advance-search {
        position: fixed;
        top: 83px;
        left: 15px;
        width: 95%
    }
    #normal .header-advance-search {
        margin-top: 60px;
        position: absolute;
        width: 500px
    }
    .menu-container {
        top: 15px
    }
    .menu_cart_login {
        margin-right: -15px
    }
    #sticky .header-advance-search .input-group {
        width: 100%;
        top: 0;
        right: 0
    }
}

@media (min-width:480px) and (max-width:559px) {
    #normal .header-advance-search {
        margin-top: 0;
        position: absolute;
        width: 330px;
        margin-left: 90px
    }
    .header-sticky.is-sticky {
        height: 130px
    }
    #sticky .header-advance-search .input-group {
        width: 100%;
        top: 0;
        right: 0
    }
    #sticky .header-advance-search {
        position: fixed;
        top: 77px;
        left: 5px;
        width: 97%
    }
}

@media (min-width:480px) and (max-width:520px) {
    #normal .header-advance-search {
        margin-top: 2px;
        margin-left: 90px;
        position: absolute;
        width: 300px
    }
    .menu-container {
        top: 15px
    }
}

@media (min-width:433px) and (max-width:558px) {
    #sticky .header-advance-search {
        position: fixed;
        top: 77px;
        left: 5px;
        width: 97%
    }
}

@media (min-width:389px) and (max-width:432px) {
    .header-sticky.is-sticky {
        height: 125px
    }
    #sticky .header-advance-search {
        position: fixed;
        top: 77px;
        left: 5px;
        width: 97%
    }
    #sticky .header-advance-search .input-group {
        width: 100%;
        top: 0;
        right: 0
    }
}

@media (min-width:320px) and (max-width:388px) {
    .header-sticky.is-sticky {
        height: 150px
    }
    .header-account-links {
        position: absolute;
        font-size: 10px;
        right: 24px;
        top: 6px
    }
    .header-account-links.outherdiv02 a:last-child {
        padding-left: 0
    }
    .header-account-links a {
        padding-right: 0
    }
    .is-sticky .header-account-links {
        right: 65px !important;
        display: flex;
        margin-right: 19px;
        position: absolute;
        top: -17px;
        min-width: 150px
    }
    .is-sticky .header-account-links a {
        margin-left: 6px
    }
}

.header-advance-search .input-group input {
    height: 33px;
    margin-top: 1px;
    margin-right: -1px;
    line-height: 25px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-advance-search .input-group input {
        font-size: 13px;
        font-weight: 400;
        height: 33px
    }
}

@media only screen and (max-width:767px) {
    .header-advance-search .input-group input {
        font-size: 13px;
        font-weight: 400
    }
}

.header-advance-search .select {
    float: left
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-advance-search .select {
        width: 130px
    }
}

@media only screen and (max-width:767px) {
    .header-advance-search .select {
        width: 130px
    }
}

@media only screen and (max-width:479px) {
    .header-advance-search .select {
        display: none
    }
}

.header-advance-search .select div.nice-select {
    float: right;
    clear: none;
    border: 0 solid transparent;
    background-color: transparent;
    padding-left: 10px;
    padding-right: 30px;
    line-height: 37px;
    height: 37px;
    width: 100%
}

.header-advance-search .select div.nice-select::after {
    border-width: 1px;
    border-color: #333;
    height: 6px;
    width: 6px;
    right: 15px
}

.header-advance-search .select div.nice-select .current {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 37px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-advance-search .select div.nice-select .current {
        font-size: 13px;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .header-advance-search .select div.nice-select .current {
        font-size: 13px;
        font-weight: 400
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-advance-search .select div.nice-select .list li {
        font-size: 13px;
        font-weight: 400
    }
}

@media only screen and (max-width:767px) {
    .header-advance-search .select div.nice-select .list li {
        font-size: 13px;
        font-weight: 400
    }
}

.button-input-group {
    float: left padding-bottom:50px
}

.header-advance-search .btn-cln {
    background-color: #d63434;
    border: 1px solid #d63434;
    margin-left: 5px
}

.btn-srch {
    background-color: #15a5f8;
    border: 1px solid #15a5f8
}

.btn-srch:hover {
    background-color: #0574ba;
    color: #fff;
    border: 1px solid #fff
}

.input-group button {
    color: #fff;
    width: 70px;
    height: 33px;
    margin-top: 1px;
    font-size: large;
    text-align: center
}

.header-advance-search .input-group button i {
    display: block;
    font-size: 18px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-advance-search .input-group button {
        width: 60px;
        height: 33px
    }
}

@media only screen and (max-width:479px) {
    .header-advance-search .input-group button {
        width: 60px
    }
}

.header-advance-search .menu-list-all-brands {
    display: block;
    text-transform: capitalize;
    width: 100%
}

.menu-list-all-brands a {
    color: #333
}

.menu-list-all-brands :hover {
    background: rgba(100, 100, 100, .1)
}

.all-brands :hover {
    background: 0 0;
    color: #333;
    width: 100%
}

.all-brands {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 29px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    text-transform: capitalize;
    font-family: 'PT Sans', Tahoma
}

.nopadding {
    padding: 0
}

.padding-all {
    padding: 2px 10px
}

@media (min-width:1025px) and (max-width:1199px) {
    .menu-color {
        font-size: 11px
    }
    #show_categories {
        font-size: 11px
    }
}

.ee-product .content .price-ratting .btn-cart-add {
    color: #000;
    font-weight: 600;
    border-radius: 50px;
    display: block;
    width: 150px;
    margin-top: 3px;
    padding: 10px 0 10px 46px;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    float: right;
    font-size: 14px
}

.ee-product .content .price-ratting .btn-cart-add i {
    width: 35px;
    height: 35px;
    background-color: #0075ba;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    color: #fff;
    position: absolute;
    left: 3px;
    right: auto;
    top: 3px
}

.ee-product .content .price-ratting .btn-cart-add span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center
}

.ee-product .content .price-ratting .btn-cart-add :hover {
    color: #fff
}

.margintop10 {
    margin-top: 10px
}

.margintop20 {
    margin-top: 20px
}

.texttop.text-item {
    top: -16px;
    margin-left: 10px
}

.texttop {
    background-color: #fff;
    position: absolute;
    padding: 0 10px 0 10px
}

.title-text {
    font-weight: 700;
    font-size: 20px
}

.header-call-us {
    float: left
}

.header-call-us h4 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin: 0
}

@media only screen and (max-width:767px) {
    .header-call-us h4 {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width:479px) {
    .header-call-us h4 {
        font-size: 12px;
        line-height: 18px
    }
}

.header-call-us h4 span {
    font-size: 20px;
    color: #202020;
    display: block
}

@media only screen and (max-width:767px) {
    .header-call-us h4 span {
        font-size: 16px
    }
}

@media only screen and (max-width:479px) {
    .header-call-us h4 span {
        font-size: 14px
    }
}

.header-call-us h4 span a {
    font-weight: 400
}

.header-call-us h4 span a:focus,
.header-call-us h4 span a:hover {
    color: #202020
}

.header-bottom .justify-content-between>[class*=col] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto
}

.header-bottom .justify-content-center>[class*=col]:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-bottom .justify-content-center>[class*=col]:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-bottom .justify-content-center [class*=col]:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-bottom>.container-fluid>.row>.col:nth-child(3),
    .header-bottom>.container-fluid>.row>[class*=col-]:nth-child(3),
    .header-bottom>.container>.row>.col: nth-child(3) {
        margin-right: 50px
    }
}

@media only screen and (max-width:767px) {
    .header-bottom>.container-fluid>.row>.col:nth-child(3),
    .header-bottom>.container-fluid>.row>[class*=col-]:nth-child(3),
    .header-bottom>.container>.row>.col: nth-child(3) {
        margin-right: 50px
    }
}

@media only screen and (max-width:479px) {
    .header-bottom>.container-fluid>.row>.col:nth-child(3),
    .header-bottom>.container-fluid>.row>[class*=col-]:nth-child(3),
    .header-bottom>.container>.row>.col: nth-child(3) {
        margin-right: 40px
    }
}

@media only screen and (max-width:479px) {
    .header-bottom .header-call-us {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-bottom.header-bottom-three>.container-fluid>.row>.col:nth-child(2),
    .header-bottom.header-bottom-three>.container-fluid>.row>[class*=col-]:nth-child(2),
    .header-bottom.header-bottom-three>.container>.row>.col: nth-child(2),
    .header-bottom.header-bottom-three>.container>.row>[class*=col-]:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

@media only screen and (max-width:767px) {
    .header-bottom.header-bottom-three>.container-fluid>.row>.col:nth-child(2),
    .header-bottom.header-bottom-three>.container-fluid>.row>[class*=col-]:nth-child(2),
    .header-bottom.header-bottom-three>.container>.row>.col: nth-child(2),
    .header-bottom.header-bottom-three>.container>.row>[class*=col-]:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-bottom.header-bottom-three>.container-fluid>.row>.col:nth-child(3),
    .header-bottom.header-bottom-three>.container-fluid>.row>[class*=col-]:nth-child(3),
    .header-bottom.header-bottom-three>.container>.row>.col: nth-child(3),
    .header-bottom.header-bottom-three>.container>.row>[class*=col-]:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .header-bottom.header-bottom-three>.container-fluid>.row>.col:nth-child(3),
    .header-bottom.header-bottom-three>.container-fluid>.row>[class*=col-]:nth-child(3),
    .header-bottom.header-bottom-three>.container>.row>.col: nth-child(3),
    .header-bottom.header-bottom-three>.container>.row>[class*=col-]:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
}

@media only screen and (max-width:767px) {
    .header-bottom.header-bottom-three .header-advance-search {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .header-bottom.header-bottom-three .header-advance-search .input {
        border-right: 0;
        width: 160px
    }
}

@media only screen and (max-width:767px) {
    .header-bottom.header-bottom-three .header-advance-search .select {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .header-bottom.header-bottom-three .header-advance-search .submit {
        margin-left: 0
    }
}

.header-logo {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 60px
}

.header-logo img.theme-dark {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}

.main-menu nav>ul>li {
    display: block;
    float: left;
    margin-right: 16px
}

.main-menu nav>ul>li:last-child {
    margin-right: 0
}

.main-menu nav>ul>li>a {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    line-height: 40px;
    margin-top: 20px
}

.main-menu nav>ul>li>#show_categories {
    color: #333
}

.main-menu nav>ul>li.menu-item-has-children>a::after {
    font-family: Fontawesome;
    content: "\f107";
    margin-left: 5px;
    float: right
}

.main-menu nav>ul>li.active>a,
.main-menu nav>ul>li:hover>a {
    color: #202020
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-menu.menu-3 nav>ul>li {
        margin-right: 20px
    }
}

.main-menu.menu-3 nav>ul>li>a {
    font-size: 14px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .main-menu.menu-3 nav>ul>li>a {
        font-size: 12px
    }
}

.main-menu.menu-3 nav>ul>li .mega-menu {
    left: -20px
}

.sub-menu {
    position: absolute;
    left: -20px;
    top: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 15px rgba(0, 0, 0, .3);
    border-top: 3px solid #0075ba;
    z-index: -999;
    width: 250px;
    padding: 15px 0;
    margin-top: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.sub-menu li {
    position: relative
}

.sub-menu li a {
    line-height: 24px;
    padding: 6px 20px;
    display: block;
    font-weight: 400;
    color: #333;
    text-transform: capitalize
}

.sub-menu li.menu-item-has-children>a::after {
    font-family: Fontawesome;
    content: "\f105";
    margin-left: 5px;
    float: right
}

.sub-menu li.active>a,
.sub-menu li:hover>a {
    color: #202020;
    font-weight: 600
}

.sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999
}

.sub-menu .sub-menu {
    left: 100%;
    right: auto;
    top: 0
}

.sub-menu .sub-menu .sub-menu .sub-menu {
    left: 100%;
    right: auto
}

.sub-menu .sub-menu .sub-menu .sub-menu {
    left: auto;
    right: 100%
}

.mega-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 15px rgba(0, 0, 0, .3);
    border-top: 3px solid #0075ba;
    z-index: 999;
    width: 100%;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.mega-menu.two-column {
    width: 440px;
    left: -20px
}

.mega-menu.two-column>li {
    width: 50%;
    padding: 20px 15px
}

.mega-menu.three-column {
    width: 700px;
    left: -300px
}

.mega-menu.three-column.second {
    width: 700px;
    left: -200px
}

.mega-menu.three-column>li {
    width: 100%;
    padding: 20px 15px
}

.mega-menu>li {
    position: relative;
    float: left
}

.mega-menu>li>a {
    line-height: 24px;
    padding: 6px 20px;
    display: block;
    font-weight: 600;
    color: #333;
    text-transform: capitalize
}

.mega-menu>li.active>a,
.mega-menu>li:hover>a {
    color: #202020;
    font-weight: 600
}

.mega-menu>li ul li a {
    line-height: 24px;
    padding: 6px 20px;
    display: block;
    font-weight: 400;
    color: #333;
    text-transform: capitalize
}

.mega-menu>li ul li.active>a,
.mega-menu>li ul li:hover>a {
    color: #202020;
    font-weight: 600
}

.mobile-menu {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important
}

.mobile-menu .mean-bar {
    position: relative
}

.mobile-menu .mean-bar .meanmenu-reveal {
    position: fixed;
    top: 15px;
    right: 45px !important;
    display: none
}

.mobile-menu .mean-bar .meanmenu-reveal span {
    position: relative
}

.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
    height: 3px;
    width: 39px;
    background-color: #0075ba;
    display: block;
    margin: 12px 0
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
    height: 3px;
    width: 39px;
    background-color: #fff;
    display: block;
    margin: 12px 0
}

.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0075ba
}

.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0075ba
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
    top: -8px
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
    bottom: -8px
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
    height: 2px;
    width: 26px;
    background-color: transparent;
    display: block;
    margin: 8px 0
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after,
.is-sticky .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    height: 100%;
    background-color: #333
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mobile-menu .mean-bar .mean-nav {
    background-color: #fff
}

.mobile-menu .mean-bar .mean-nav>ul {
    margin-bottom: 30px;
    border: 1px solid #fff;
    border-top: 0 solid transparent;
    overflow-x: hidden
}

.menu-container .mean-bar .mean-nav>ul {
    border: 1px solid #eee
}

@media only screen and (max-width:767px) {
    .mobile-menu .mean-bar .mean-nav>ul {
        max-height: 180px;
        overflow-y: auto
    }
}

@media only screen and (max-width:479px) {
    .mobile-menu .mean-bar .mean-nav>ul {
        max-height: 520px;
        overflow-y: auto
    }
}

.mobile-menu.menu-container .mean-bar .mean-nav>ul li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    background-color: #0075ba
}

.is-sticky .mobile-menu .mean-bar .mean-nav>ul li {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    background-color: #fff
}

.mobile-menu.menu-container .mean-bar .mean-nav>ul li a {
    font-size: 14px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 44px;
    position: relative;
    padding: 0 40px 0 20px;
    color: #fff;
    border-top: 1px solid #fff
}

.is-sticky .mobile-menu .mean-bar .mean-nav>ul li a {
    font-size: 14px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 44px;
    position: relative;
    padding: 0 40px 0 20px;
    color: #333;
    border-top: 1px solid #eee
}

.mobile-menu .mean-bar .mean-nav>ul li a::after {
    display: none
}

.mobile-menu .mean-bar .mean-nav>ul li a:hover {
    color: #202020;
    padding-left: 25px
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
    border: 1px solid #eee;
    position: absolute;
    right: -1px;
    top: 0;
    font-size: 20px !important;
    color: #333;
    line-height: 44px;
    height: 45px;
    width: 40px;
    text-align: center;
    padding: 0
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
    line-height: 40px
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul {
    position: static;
    background-color: rgba(0, 0, 0, .03);
    margin: 0;
    padding: 0 !important;
    width: 100% !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    display: none;
    float: left;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav>ul li ul li {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    border-right: 0 solid transparent;
    width: 100%;
    display: block !important;
    float: left;
    width: 100%
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li a {
    font-size: 12px;
    display: block !important
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li ul li a::before {
    display: none
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul {
    background-color: rgba(0, 0, 0, .04)
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
    border-top: 1px solid #ddd
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
    border: 1px solid #ddd
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
    background-color: rgba(0, 0, 0, .05)
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
    border-top: 1px solid #eee
}

.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
    border: 1px solid #eee
}

.header-category-section {
    z-index: 999
}

.category-toggle-wrap {
    float: left;
    width: 100%;
    padding: 12px 25px
}

@media only screen and (max-width:767px) {
    .category-toggle-wrap {
        padding: 8px 25px
    }
}

.category-toggle-wrap .category-toggle {
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #202020;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
    text-align: left
}

@media only screen and (max-width:767px) {
    .category-toggle-wrap .category-toggle {
        font-size: 14px
    }
}

.category-toggle-wrap .category-toggle i {
    font-size: 24px;
    display: block;
    line-height: 30px;
    float: right
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-toggle-wrap .category-toggle i::before {
        content: "\e62a"
    }
}

@media only screen and (max-width:767px) {
    .category-toggle-wrap .category-toggle i::before {
        content: "\e62a"
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-toggle-wrap .category-toggle i {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
    .category-toggle-wrap .category-toggle i {
        font-size: 18px
    }
}

.header-category {
    background-color: #0075ba;
    float: left;
    width: 100%;
    position: relative
}

.header-category nav {
    z-index: 999
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-category nav {
        float: left;
        background-color: #f6f7f8;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .header-category nav {
        float: left;
        background-color: #f6f7f8;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%
    }
}

.header-category nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-category nav ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 25px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-category nav ul li {
        padding: 15px 20px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-category nav ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        border-top: 1px solid #e8e8e8;
        padding: 0
    }
    .header-category nav ul li:first-child {
        border-top: 0
    }
}

@media only screen and (max-width:767px) {
    .header-category nav ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        border-top: 1px solid #e8e8e8;
        padding: 0
    }
    .header-category nav ul li:first-child {
        border-top: 0
    }
}

.header-category nav ul li a {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    color: #202020;
    font-weight: 700;
    line-height: 30px;
    width: 100%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-category nav ul li a {
        font-size: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-category nav ul li a {
        font-size: 12px;
        padding: 8px 25px;
        color: #606060
    }
}

@media only screen and (max-width:767px) {
    .header-category nav ul li a {
        font-size: 12px;
        padding: 8px 25px;
        color: #606060
    }
}

.hero-side-category {
    background-color: #f6f7f8;
    width: 260px;
    float: left
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-side-category {
        width: 100%;
        z-index: 999;
        position: relative
    }
}

@media only screen and (max-width:767px) {
    .hero-side-category {
        width: 100%;
        z-index: 9;
        position: relative
    }
}

.hero-side-category .category-toggle-wrap {
    background-color: #0075ba
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a"
    }
}

@media only screen and (max-width:767px) {
    .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a"
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {
    .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px
    }
}

.hero-side-category nav.category-menu {
    background-color: #f6f7f8;
    float: left;
    width: 100%;
    left: 0;
    width: 100%;
    top: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-side-category nav.category-menu {
        position: absolute
    }
}

@media only screen and (max-width:767px) {
    .hero-side-category nav.category-menu {
        position: absolute
    }
}

@media only screen and (max-width:767px) {
    .hero-side-category nav.category-menu>ul {
        max-height: 180px;
        overflow-y: auto
    }
}

@media only screen and (max-width:479px) {
    .hero-side-category nav.category-menu>ul {
        max-height: 220px;
        overflow-y: auto
    }
}

.hero-side-category nav.category-menu>ul>li:last-child>a {
    border-bottom: none !important
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-side-category nav.category-menu>ul>li {
        position: relative
    }
}

@media only screen and (max-width:767px) {
    .hero-side-category nav.category-menu>ul>li {
        position: relative
    }
}

.hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before {
    font-family: IcoFont;
    content: "\eb8b";
    position: absolute;
    right: 25px;
    top: 0;
    line-height: 50px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before {
        display: none
    }
}

.hero-side-category nav.category-menu>ul>li i {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 50px;
    width: 40px;
    line-height: 50px;
    z-index: 9
}

.hero-side-category nav.category-menu>ul>li i::before {
    background-color: #606060;
    width: 8px;
    height: 2px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    margin-top: -1px;
    top: 50%
}

.hero-side-category nav.category-menu>ul>li i::after {
    background-color: #606060;
    width: 2px;
    height: 8px;
    content: "";
    position: absolute;
    left: 50%;
    margin-top: -4px;
    margin-left: -1px;
    top: 50%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.hero-side-category nav.category-menu>ul>li i.expand::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.hero-side-category nav.category-menu>ul>li>a {
    display: block;
    padding: 10px 25px;
    line-height: 30px;
    font-size: 14px;
    color: #606060;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid #e8e8e8
}

.hero-side-category nav.category-menu>ul>li>a:hover {
    color: #202020
}

.hero-side-category nav.category-menu>ul>li:hover .category-mega-menu {
    z-index: 9;
    opacity: 1;
    visibility: visible
}

.hero-side-category nav.category-menu>ul>li .banner {
    padding: 15px;
    max-width: 300px
}

.hero-side-category nav.category-menu.category-menu-5>ul>li>a {
    padding: 12px 25px
}

.category-mega-menu {
    position: absolute;
    left: 275px;
    top: 0;
    width: calc(100% - 290px);
    max-width: 910px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 99;
    background-color: #eaeaea;
    padding: 55px 45px 0;
    opacity: 0;
    z-index: -9;
    visibility: hidden;
    --webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.span-checkall {
    font-size: xx-small;
    line-height: normal;
    position: absolute;
    bottom: 0;
    left: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-mega-menu {
        position: static;
        z-index: 9;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        padding: 0;
        width: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

@media only screen and (max-width:767px) {
    .category-mega-menu {
        position: static;
        z-index: 9;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        padding: 0;
        width: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.category-mega-menu>li {
    float: left;
    width: 33.33%;
    padding: 0 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-mega-menu>li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative
    }
    .category-mega-menu>li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 25px
    }
}

@media only screen and (max-width:767px) {
    .category-mega-menu>li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative
    }
    .category-mega-menu>li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 25px
    }
}

.category-mega-menu>li>a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #202020;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-mega-menu>li>a {
        padding: 10px 25px 10px 35px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative;
        margin: 0;
        text-transform: inherit
    }
}

@media only screen and (max-width:767px) {
    .category-mega-menu>li>a {
        padding: 10px 25px 10px 35px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative;
        margin: 0;
        text-transform: inherit
    }
}

.category-mega-menu>li>ul li {
    margin-bottom: 4px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-mega-menu>li>ul li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 35px
    }
}

@media only screen and (max-width:767px) {
    .category-mega-menu>li>ul li::before {
        content: "";
        float: left;
        height: 2px;
        width: 6px;
        background-color: #606060;
        margin: 24px 0;
        position: relative;
        left: 35px
    }
}

.category-mega-menu>li>ul li:last-child {
    margin-bottom: 0
}

.category-mega-menu>li>ul li a {
    display: block;
    font-size: 14px;
    color: #606060;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .category-mega-menu>li>ul li a {
        padding: 10px 25px 10px 45px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative
    }
}

@media only screen and (max-width:767px) {
    .category-mega-menu>li>ul li a {
        padding: 10px 25px 10px 45px;
        line-height: 30px;
        font-size: 14px;
        color: #606060;
        font-weight: 600;
        position: relative
    }
}

.category-mega-menu>li>ul li a:hover {
    color: #202020
}

.category-mega-menu>li.add {
    float: left;
    width: auto;
    padding: 0;
    border: none;
    margin: 30px -45px 0
}

.category-mega-menu>li.add a {
    display: block;
    border: none;
    margin: 0
}

.category-mega-menu>li.add a img {
    width: 100%
}

.hero-slider-one .slick-arrow {
    display: none !important;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 9;
    opacity: 0
}

.hero-slider-one .slick-arrow i {
    font-size: 28px;
    line-height: 42px;
    display: block
}

.hero-slider-one .slick-arrow.slick-prev {
    left: 30px
}

.hero-slider-one .slick-arrow.slick-next {
    right: 30px
}

.hero-slider-one .slick-arrow:hover {
    border-color: #202020
}

.hero-slider-one .slick-dots {
    position: absolute;
    left: 100px;
    bottom: 50px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-one .slick-dots {
        left: 50px
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-one .slick-dots {
        left: 50px;
        bottom: 30px
    }
}

@media only screen and (max-width:479px) {
    .hero-slider-one .slick-dots {
        left: 40px
    }
}

.hero-slider-one .slick-dots li {
    float: left;
    margin-right: 5px
}

.hero-slider-one .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0
}

.hero-slider-one .slick-dots li button:hover {
    border-color: #202020
}

.hero-slider-one .slick-dots li.slick-active button {
    border-color: #202020
}

.hero-slider-one:hover .slick-arrow {
    opacity: 1
}

.hero-item {
    padding: 85px 150px 60px 100px;
    background-color: #fefcef
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-item {
        padding: 85px 100px 60px 100px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-item {
        padding: 50px 50px 40px 50px
    }
}

@media only screen and (max-width:767px) {
    .hero-item {
        padding: 70px 50px
    }
}

@media only screen and (max-width:479px) {
    .hero-item {
        padding: 50px 40px
    }
}

.hero-item .col,
.hero-item [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-image {
        max-width: 240px
    }
}

@media only screen and (max-width:767px) {
    .hero-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 200px;
        margin: auto
    }
}

@media only screen and (max-width:479px) {
    .hero-image {
        max-width: 160px
    }
}

.hero-image img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@media only screen and (max-width:767px) {
    .hero-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

.hero-content>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.hero-content h2 {
    font-size: 32px;
    line-height: 1;
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content h2 {
        font-size: 24px
    }
}

@media only screen and (max-width:767px) {
    .hero-content h2 {
        font-size: 22px
    }
}

@media only screen and (max-width:479px) {
    .hero-content h2 {
        font-size: 18px
    }
}

.hero-content h1 {
    font-size: 70px;
    font-weight: 400;
    line-height: 80px;
    margin: 0
}

.hero-content h1 span {
    font-weight: 900
}

.hero-content h1 span.big {
    font-size: 85px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content h1 span.big {
        font-size: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content h1 span.big {
        font-size: 60px
    }
}

@media only screen and (max-width:767px) {
    .hero-content h1 span.big {
        font-size: 55px
    }
}

@media only screen and (max-width:479px) {
    .hero-content h1 span.big {
        font-size: 36px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content h1 {
        font-size: 60px;
        line-height: 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content h1 {
        font-size: 50px;
        line-height: 60px
    }
}

@media only screen and (max-width:767px) {
    .hero-content h1 {
        font-size: 44px;
        line-height: 54px
    }
}

@media only screen and (max-width:479px) {
    .hero-content h1 {
        font-size: 30px;
        line-height: 40px
    }
}

.hero-content a {
    border: 1px solid #626262;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    margin-top: 22px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.hero-content a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1
}

.hero-content a:hover {
    color: #0075ba
}

.hero-content a:hover::before {
    height: 300%;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .hero-content a {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .hero-content a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px
    }
}

.slick-active .hero-image img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.slick-active .hero-content>:nth-child(1) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content>:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.slick-active .hero-content>:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.slick-active .hero-content>:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.slick-active .hero-content>:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.slick-active .hero-content>:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-two {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-two {
        width: 100%
    }
}

.hero-slider-two .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #363636;
    color: #fff;
    border-radius: 50px;
    background-color: #363636;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .hero-slider-two .slick-arrow {
        display: none !important
    }
}

.hero-slider-two .slick-arrow i {
    font-size: 28px;
    line-height: 42px;
    display: block
}

.hero-slider-two .slick-arrow.slick-prev {
    left: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-two .slick-arrow.slick-prev {
        left: 15px
    }
}

.hero-slider-two .slick-arrow.slick-next {
    right: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-two .slick-arrow.slick-next {
        right: 15px
    }
}

.hero-slider-two .slick-arrow:hover {
    border-color: #202020
}

.hero-slider-two .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-two .slick-dots {
        left: 50px
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-two .slick-dots {
        left: 50px;
        display: block !important
    }
}

@media only screen and (max-width:479px) {
    .hero-slider-two .slick-dots {
        left: 19px;
        bottom: 7px
    }
}

.hero-slider-two .slick-dots li {
    float: left;
    margin-right: 5px
}

.hero-slider-two .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0
}

.hero-slider-two .slick-dots li button:hover {
    border-color: #202020
}

.hero-slider-two .slick-dots li.slick-active button {
    border-color: #202020
}

.hero-slider-two:hover .slick-arrow {
    opacity: 1
}

.hero-item-two {
    background-color: #eceded;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #6e6e6e
}

.hero-item-two img {
    display: block
}

.hero-item-two .row.align-items-center.justify-content-between {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7px 85px
}

.hero-item-two .col,
.hero-item-two [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-image-two {
        max-width: 220px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-image-two {
        max-width: 200px
    }
}

@media only screen and (max-width:767px) {
    .hero-image-two {
        max-width: 200px;
        margin: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (max-width:479px) {
    .hero-image-two {
        max-width: 150px
    }
}

.hero-image-two img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@media only screen and (max-width:767px) {
    .hero-content-two {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0
    }
}

.hero-content-two>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.hero-content-two .offer {
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: inline-block;
    background-image: url(../images/hero/home-2-offer.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 30px 10px;
    width: 134px;
    height: 126px;
    margin-bottom: 20px
}

.hero-content-two .offer span {
    font-size: 24px;
    font-weight: 700;
    display: block
}

@media only screen and (max-width:479px) {
    .hero-content-two .offer span {
        font-size: 18px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-two .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-two .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-two .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-two .offer {
        font-size: 24px;
        padding: 15px 10px;
        width: 80px;
        height: 70px;
        margin-bottom: 20px
    }
}

.hero-content-two h1 {
    font-size: 46px;
    font-weight: 800;
    margin: 0;
    line-height: 55px;
    text-transform: uppercase
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-two h1 {
        font-size: 30px;
        line-height: 36px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-two h1 {
        font-size: 30px;
        line-height: 36px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-two h1 {
        font-size: 30px;
        line-height: 36px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-two h1 {
        font-size: 20px;
        line-height: 26px
    }
}

.hero-content-two a {
    border: 1px solid #626262;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.hero-content-two a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1
}

.hero-content-two a:hover {
    color: #fff
}

.hero-content-two a:hover::before {
    height: 300%;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .hero-content-two a {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-two a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px
    }
}

.slick-active .hero-image-two img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-two>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.slick-active .hero-content-two>:nth-child(1) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-two>:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.slick-active .hero-content-two>:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.slick-active .hero-content-two>:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.slick-active .hero-content-two>:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.slick-active .hero-content-two>:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-three {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-three {
        width: 100%
    }
}

.hero-slider-three .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0
}

@media only screen and (max-width:767px) {
    .hero-slider-three .slick-arrow {
        display: none !important
    }
}

.hero-slider-three .slick-arrow i {
    font-size: 28px;
    line-height: 42px;
    display: block
}

.hero-slider-three .slick-arrow.slick-prev {
    left: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-three .slick-arrow.slick-prev {
        left: 15px
    }
}

.hero-slider-three .slick-arrow.slick-next {
    right: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-three .slick-arrow.slick-next {
        right: 15px
    }
}

.hero-slider-three .slick-arrow:hover {
    border-color: #202020
}

.hero-slider-three .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-three .slick-dots {
        left: 50px
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-three .slick-dots {
        left: 50px;
        display: block !important
    }
}

@media only screen and (max-width:479px) {
    .hero-slider-three .slick-dots {
        left: 40px;
        bottom: 20px
    }
}

.hero-slider-three .slick-dots li {
    float: left;
    margin-right: 5px
}

.hero-slider-three .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0
}

.hero-slider-three .slick-dots li button:hover {
    border-color: #202020
}

.hero-slider-three .slick-dots li.slick-active button {
    border-color: #202020
}

.hero-slider-three:hover .slick-arrow {
    opacity: 1
}

.hero-item-three {
    padding: 59px 85px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-item-three {
        padding: 85px 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-item-three {
        padding: 75px 80px
    }
}

@media only screen and (max-width:767px) {
    .hero-item-three {
        padding: 70px 50px
    }
}

@media only screen and (max-width:479px) {
    .hero-item-three {
        padding: 50px 40px
    }
}

.hero-item-three .col,
.hero-item-three [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-image-three {
        max-width: 270px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-image-three {
        max-width: 270px
    }
}

@media only screen and (max-width:767px) {
    .hero-image-three {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.hero-image-three img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@media only screen and (max-width:767px) {
    .hero-content-three {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

.hero-content-three>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.hero-content-three .offer {
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: inline-block;
    background-image: url(../images/hero/home-2-offer.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 30px 10px;
    width: 134px;
    height: 126px;
    margin-bottom: 20px
}

.hero-content-three .offer span {
    font-size: 24px;
    font-weight: 700;
    display: block
}

@media only screen and (max-width:479px) {
    .hero-content-three .offer span {
        font-size: 18px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-three .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-three .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-three .offer {
        font-size: 30px;
        padding: 18px 10px;
        width: 100px;
        height: 90px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-three .offer {
        font-size: 24px;
        padding: 15px 10px;
        width: 80px;
        height: 70px;
        margin-bottom: 20px
    }
}

.hero-content-three h1 {
    font-size: 46px;
    font-weight: 800;
    margin: 0;
    line-height: 55px;
    text-transform: uppercase
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-three h1 {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-three h1 {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-three h1 {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-three h1 {
        font-size: 24px;
        line-height: 30px
    }
}

.hero-content-three a {
    border: 1px solid #626262;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.hero-content-three a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1
}

.hero-content-three a:hover {
    color: #0075ba
}

.hero-content-three a:hover::before {
    height: 300%;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .hero-content-three a {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-three a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px
    }
}

.slick-active .hero-image-three img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-three>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.slick-active .hero-content-three>:nth-child(1) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-three>:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.slick-active .hero-content-three>:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.slick-active .hero-content-three>:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.slick-active .hero-content-three>:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.slick-active .hero-content-three>:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-four {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-four {
        width: 100%
    }
}

.hero-slider-four .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0
}

@media only screen and (max-width:767px) {
    .hero-slider-four .slick-arrow {
        display: none !important
    }
}

.hero-slider-four .slick-arrow i {
    font-size: 28px;
    line-height: 44px;
    display: block
}

.hero-slider-four .slick-arrow.slick-prev {
    left: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-four .slick-arrow.slick-prev {
        left: 15px
    }
}

.hero-slider-four .slick-arrow.slick-next {
    right: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-four .slick-arrow.slick-next {
        right: 15px
    }
}

.hero-slider-four .slick-arrow:hover {
    border-color: #202020
}

.hero-slider-four .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-four .slick-dots {
        left: 50px
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-four .slick-dots {
        left: 50px;
        display: block !important
    }
}

@media only screen and (max-width:479px) {
    .hero-slider-four .slick-dots {
        left: 40px;
        bottom: 20px
    }
}

.hero-slider-four .slick-dots li {
    float: left;
    margin-right: 5px
}

.hero-slider-four .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0
}

.hero-slider-four .slick-dots li button:hover {
    border-color: #202020
}

.hero-slider-four .slick-dots li.slick-active button {
    border-color: #202020
}

.hero-slider-four:hover .slick-arrow {
    opacity: 1
}

.hero-item-four {
    padding: 170px 80px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-item-four {
        padding: 175px 80px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-item-four {
        padding: 79px 70px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-item-four {
        padding: 75px 80px
    }
}

@media only screen and (max-width:767px) {
    .hero-item-four {
        padding: 70px 50px
    }
}

@media only screen and (max-width:479px) {
    .hero-item-four {
        padding: 50px 40px
    }
}

.hero-item-four .col,
.hero-item-four [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-image-four {
        max-width: 350px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-image-four {
        max-width: 400px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-image-four {
        max-width: 400px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (max-width:767px) {
    .hero-image-four {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.hero-image-four img {
    max-width: 100%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-four {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-four {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-four {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

.hero-content-four>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.hero-content-four .offer {
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: inline-block;
    background-image: url(../images/hero/home-4-offer.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 37px 25px 37px 40px;
    width: 130px;
    height: 130px;
    margin-bottom: 43px
}

.hero-content-four .offer span {
    font-size: 20px;
    font-weight: 700;
    display: block
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-four .offer span {
        font-size: 16px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-four .offer span {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-four .offer span {
        font-size: 12px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-four .offer {
        font-size: 20px;
        padding: 30px 15px 30px 30px;
        width: 100px;
        height: 100px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-four .offer {
        font-size: 20px;
        padding: 30px 15px 30px 30px;
        width: 100px;
        height: 100px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-four .offer {
        font-size: 20px;
        padding: 30px 15px 30px 30px;
        width: 100px;
        height: 100px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-four .offer {
        font-size: 18px;
        padding: 27px 10px 27px 20px;
        width: 90px;
        height: 90px;
        margin-bottom: 20px
    }
}

.hero-content-four h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    line-height: 50px;
    text-transform: uppercase
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-content-four h2 {
        font-size: 32px;
        line-height: 46px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-four h2 {
        font-size: 32px;
        line-height: 46px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-four h2 {
        font-size: 32px;
        line-height: 46px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-four h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-four h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.hero-content-four h1 {
    font-size: 72px;
    font-weight: 800;
    margin: 0;
    line-height: 72px;
    text-transform: uppercase
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-content-four h1 {
        font-size: 55px;
        line-height: 66px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-four h1 {
        font-size: 55px;
        line-height: 66px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-four h1 {
        font-size: 55px;
        line-height: 66px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-four h1 {
        font-size: 36px;
        line-height: 46px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-four h1 {
        font-size: 24px;
        line-height: 30px
    }
}

.hero-content-four a {
    border: 0 solid transparent;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #0075ba;
    color: #202020;
    margin-top: 45px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.hero-content-four a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1
}

.hero-content-four a:hover {
    color: #0075ba
}

.hero-content-four a:hover::before {
    height: 300%;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .hero-content-four a {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-four a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px
    }
}

.slick-active .hero-image-four img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-four>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.slick-active .hero-content-four>:nth-child(1) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-four>:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.slick-active .hero-content-four>:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.slick-active .hero-content-four>:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.slick-active .hero-content-four>:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.slick-active .hero-content-four>:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.hero-slider-five {
    width: calc(100% - 520px);
    float: left;
    padding: 0 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-five {
        width: 100%;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-five {
        width: 100%;
        padding: 0
    }
}

.hero-slider-five .slick-arrow {
    display: none !important;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0
}

@media only screen and (max-width:767px) {
    .hero-slider-five .slick-arrow {
        display: none !important
    }
}

.hero-slider-five .slick-arrow i {
    font-size: 28px;
    line-height: 44px;
    display: block
}

.hero-slider-five .slick-arrow.slick-prev {
    left: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-five .slick-arrow.slick-prev {
        left: 15px
    }
}

.hero-slider-five .slick-arrow.slick-next {
    right: 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-slider-five .slick-arrow.slick-next {
        right: 15px
    }
}

.hero-slider-five .slick-arrow:hover {
    border-color: #202020
}

.hero-slider-five .slick-dots {
    display: block;
    position: absolute;
    left: 60px;
    bottom: 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-slider-five .slick-dots {
        left: 50px
    }
}

@media only screen and (max-width:767px) {
    .hero-slider-five .slick-dots {
        left: 50px;
        display: block !important
    }
}

@media only screen and (max-width:479px) {
    .hero-slider-five .slick-dots {
        left: 40px;
        bottom: 20px
    }
}

.hero-slider-five .slick-dots li {
    float: left;
    margin-right: 5px
}

.hero-slider-five .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0
}

.hero-slider-five .slick-dots li button:hover {
    border-color: #202020
}

.hero-slider-five .slick-dots li.slick-active button {
    border-color: #202020
}

.hero-slider-five:hover .slick-arrow {
    opacity: 1
}

.hero-item-five {
    padding: 102px 50px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-item-five::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        content: "";
        opacity: .4
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-item-five::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        content: "";
        opacity: .4
    }
}

@media only screen and (max-width:767px) {
    .hero-item-five::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        content: "";
        opacity: .4
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-item-five {
        padding: 140px 50px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-item-five {
        padding: 79px 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-item-five {
        padding: 75px 50px
    }
}

@media only screen and (max-width:767px) {
    .hero-item-five {
        padding: 70px 50px
    }
}

@media only screen and (max-width:479px) {
    .hero-item-five {
        padding: 50px 40px
    }
}

.hero-item-five .col,
.hero-item-five [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-five {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-five {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-five {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

.hero-content-five>* {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.hero-content-five img {
    max-width: 100%;
    margin-bottom: 33px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-content-five img {
        width: 120px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .hero-content-five img {
        width: 120px
    }
}

.hero-content-five h2 {
    font-size: 36px;
    font-weight: 400;
    margin: 0;
    line-height: 42px;
    text-transform: uppercase
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-content-five h2 {
        font-size: 32px;
        line-height: 46px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-five h2 {
        font-size: 32px;
        line-height: 46px;
        color: #fff
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-five h2 {
        font-size: 32px;
        line-height: 46px;
        color: #fff
    }
}

@media only screen and (max-width:767px) {
    .hero-content-five h2 {
        font-size: 36px;
        line-height: 46px;
        color: #fff
    }
}

@media only screen and (max-width:479px) {
    .hero-content-five h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.hero-content-five h1 {
    font-size: 66px;
    font-weight: 800;
    margin: 0;
    line-height: 68px;
    text-transform: uppercase
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .hero-content-five h1 {
        font-size: 55px;
        line-height: 66px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-content-five h1 {
        font-size: 55px;
        line-height: 66px;
        color: #fff
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-content-five h1 {
        font-size: 55px;
        line-height: 66px;
        color: #fff
    }
}

@media only screen and (max-width:767px) {
    .hero-content-five h1 {
        font-size: 36px;
        line-height: 46px;
        color: #fff
    }
}

@media only screen and (max-width:479px) {
    .hero-content-five h1 {
        font-size: 24px;
        line-height: 30px
    }
}

.hero-content-five a {
    border: 0 solid transparent;
    border-radius: 50px;
    line-height: 24px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #0075ba;
    color: #202020;
    margin-top: 45px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.hero-content-five a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1
}

.hero-content-five a:hover {
    color: #0075ba
}

.hero-content-five a:hover::before {
    height: 300%;
    opacity: 1
}

@media only screen and (max-width:767px) {
    .hero-content-five a {
        font-size: 12px;
        padding: 7px 25px
    }
}

@media only screen and (max-width:479px) {
    .hero-content-five a {
        font-size: 11px;
        padding: 5px 20px;
        margin-top: 15px
    }
}

.slick-active .hero-image-five img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-five>* {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.slick-active .hero-content-five>:nth-child(1) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.slick-active .hero-content-five>:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.slick-active .hero-content-five>:nth-child(3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.slick-active .hero-content-five>:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.slick-active .hero-content-five>:nth-child(5) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.slick-active .hero-content-five>:nth-child(6) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.banner a {
    display: block;
    position: relative;
    overflow: hidden
}

.banner a::before {
    background-color: rgba(255, 255, 255, .2);
    content: "";
    height: 200%;
    left: -280px;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    transition: all 2s cubic-bezier(.19, 1, .22, 1);
    width: 80px;
    z-index: 0
}

.banner a::after {
    background-color: rgba(255, 255, 255, .2);
    content: "";
    height: 200%;
    left: 180%;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    transition: all 2s cubic-bezier(.19, 1, .22, 1);
    width: 80px;
    z-index: 0
}

.banner a:hover::before {
    left: 180%;
    -webkit-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    transition: all 2s cubic-bezier(.19, 1, .22, 1)
}

.banner a:hover::after {
    left: -280px;
    -webkit-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 2s cubic-bezier(.19, 1, .22, 1);
    transition: all 2s cubic-bezier(.19, 1, .22, 1)
}

.banner a img {
    width: 100%
}

.hero-banner {
    float: right;
    width: 260px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-banner {
        width: 100%
    }
}

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

.product-slider-wrap {
    overflow: hidden
}

.product-slider .slick-dots {
    position: absolute;
    left: 50px;
    bottom: 30px;
    display: none;
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider .slick-dots {
        display: block;
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (max-width:767px) {
    .product-slider .slick-dots {
        display: block;
        opacity: 1;
        visibility: visible;
        bottom: 20px
    }
}

.product-slider .slick-dots li {
    float: left;
    margin-right: 5px
}

.product-slider .slick-dots li button {
    border: 1px solid #959595;
    background-color: transparent;
    text-indent: -99999px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    display: block;
    padding: 0
}

.product-slider .slick-dots li button:hover {
    border-color: #202020
}

.product-slider .slick-dots li.slick-active button {
    border-color: #202020
}

.product-slider-arrow-one {
    margin-left: -100px;
    margin-right: -100px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:479px) {
    .product-slider-arrow-one {
        margin-left: -15px;
        margin-right: -15px
    }
}

.product-slider-arrow-one .product-slider {
    padding-left: 85px;
    padding-right: 85px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:479px) {
    .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

.product-slider-arrow-one .product-slider .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: none;
    color: #333;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    z-index: 999;
    opacity: 0;
    visibility: hidden
}

.product-slider-arrow-one .product-slider .slick-arrow i {
    font-size: 36px;
    line-height: 42px;
    display: block
}

.product-slider-arrow-one .product-slider .slick-arrow.slick-prev {
    left: 50px
}

.product-slider-arrow-one .product-slider .slick-arrow.slick-next {
    right: 50px
}

.product-slider-arrow-one .product-slider .slick-arrow:hover {
    background-color: #202020;
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-one .product-slider .slick-arrow {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

.product-slider-arrow-one .product-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible
}

.product-slider-arrow-one .product-slider:hover .slick-arrow.slick-prev {
    left: 15px
}

.product-slider-arrow-one .product-slider:hover .slick-arrow.slick-next {
    right: 15px
}

.product-slider-arrow-two {
    margin-right: -80px;
    margin-left: -15px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width:479px) {
    .product-slider-arrow-two {
        margin-left: -15px;
        margin-right: -15px
    }
}

.product-slider-arrow-two .product-slider {
    padding-right: 65px;
    padding-left: 0
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:479px) {
    .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0
    }
}

.product-slider-arrow-two .product-slider .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: none;
    color: #0075ba;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        left: auto;
        right: auto;
        margin-top: -27px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.product-slider-arrow-two .product-slider .slick-arrow i {
    font-size: 36px;
    line-height: 42px;
    display: block
}

.product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
    margin-top: -54px;
    margin-right: -30px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        left: 50px
    }
}

.product-slider-arrow-two .product-slider .slick-arrow.slick-next {
    margin-top: 0;
    margin-right: 30px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        right: 50px
    }
}

.product-slider-arrow-two .product-slider .slick-arrow:hover {
    background-color: #007bff;
    color: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two .product-slider .slick-arrow {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

.product-slider-arrow-two .product-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    margin-right: 10px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-prev {
        left: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-prev {
        left: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-prev {
        left: 15px
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-prev {
        left: 15px
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-next {
        right: 15px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-next {
        right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-next {
        right: 15px
    }
}

@media only screen and (max-width:767px) {
    .product-slider-arrow-two .product-slider: hover .slick-arrow.slick-next {
        right: 15px
    }
}

.product-tab-filter {
    float: right;
    position: relative
}

@media only screen and (max-width:767px) {
    .product-tab-filter {
        float: none;
        margin-top: 25px
    }
    .col-12.mb-40.mbo {
        margin-bottom: 0 !important
    }
}

.product-tab-filter-toggle {
    display: none;
    border: 1px solid #e8e8e8;
    line-height: 24px;
    padding: 5px 15px;
    font-size: 12px;
    text-transform: uppercase;
    color: #202020;
    background-color: transparent;
    font-weight: 600;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media only screen and (max-width:767px) {
    .product-tab-filter-toggle {
        display: block;
        width: 100%;
        text-align: left;
        border: 1px solid #c3aeae;
        border-radius: 4px
    }
}

.product-tab-filter-toggle span {
    display: inline-block;
    margin: 0 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product-tab-filter-toggle i {
    font-size: 16px;
    float: right;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .product-tab-list {
        display: none;
        position: absolute;
        background-color: #fff;
        width: 220px;
        left: 0;
        right: auto;
        top: 100%;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        margin-top: 10px;
        z-index: 999
    }
}

.product-tab-list li {
    display: block;
    float: left;
    margin-right: 35px
}

@media only screen and (max-width:767px) {
    .product-tab-list li {
        width: 100%;
        margin-right: 0;
        border-bottom: 1px solid #eee
    }
    .product-tab-list li:last-child {
        margin: 0;
        border: none
    }
}

.product-tab-list li:last-child {
    margin: 0
}

.product-tab-list li a {
    font-size: 14px;
    color: #777;
    font-weight: 600;
    line-height: 20px;
    display: block;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    .product-tab-list li a {
        font-size: 12px;
        padding: 8px 15px
    }
}

.product-tab-list li a.active {
    color: #202020
}

.shop-top-bar {
    float: left;
    width: 100%;
    padding: 13px 30px;
    background-color: #ecebe2
}

@media only screen and (max-width:479px) {
    .shop-top-bar {
        padding: 13px 20px
    }
}

.product-view-mode {
    float: left;
    margin-right: 80px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-view-mode {
        margin-right: 20px
    }
}

@media only screen and (max-width:767px) {
    .product-view-mode {
        margin-right: 20px;
        margin-bottom: 15px
    }
}

.product-view-mode a {
    float: left;
    margin-right: 15px;
    color: #666;
    padding: 5px 0
}

.product-view-mode a:last-child {
    margin-right: 0
}

.product-view-mode a i {
    font-size: 22px;
    display: block;
    line-height: 24px
}

.product-view-mode a.active {
    color: #202020
}

.with-sidebar .product-view-mode {
    margin-right: 20px
}

.product-showing {
    float: left
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .product-showing {
        margin-right: 20px
    }
}

@media only screen and (max-width:767px) {
    .product-showing {
        margin-right: 20px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:479px) {
    .product-showing {
        margin-right: 0
    }
}

.product-showing p {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    margin: 0 15px 0 0;
    padding: 5px 0
}

@media only screen and (max-width:479px) {
    .product-showing p {
        font-size: 12px;
        margin-right: 10px
    }
}

.product-showing div.nice-select {
    float: right;
    clear: none;
    border: 1px solid #999;
    background-color: transparent;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 32px;
    height: 34px
}

.product-showing div.nice-select::after {
    border-width: 1px;
    border-color: #202020;
    height: 7px;
    width: 7px;
    right: 20px
}

.product-showing div.nice-select .current {
    width: 25px;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    line-height: 32px
}

@media only screen and (max-width:479px) {
    .product-showing div.nice-select .current {
        font-size: 12px;
        width: auto
    }
}

.with-sidebar .product-showing {
    margin-right: 20px
}

.product-short {
    float: left
}

@media only screen and (max-width:479px) {
    .product-short {
        margin-bottom: 15px
    }
}

.product-short p {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    margin: 0 15px 0 0;
    padding: 5px 0
}

@media only screen and (max-width:479px) {
    .product-short p {
        font-size: 12px;
        margin-right: 10px
    }
}

.product-short div.nice-select {
    float: right;
    clear: none;
    border: 1px solid #999;
    background-color: transparent;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 32px;
    height: 34px
}

.product-short div.nice-select::after {
    border-width: 1px;
    border-color: #202020;
    height: 7px;
    width: 7px;
    right: 20px
}

.product-short div.nice-select .current {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    min-width: 100px;
    color: #202020;
    line-height: 32px
}

@media only screen and (max-width:479px) {
    .product-short div.nice-select .current {
        font-size: 12px
    }
}

.product-pages {
    float: right;
    right: 0
}

@media only screen and (max-width:479px) {
    .product-pages {
        width: 100%
    }
}

.product-pages p {
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    padding: 5px 0
}

@media only screen and (max-width:479px) {
    .product-pages p {
        font-size: 12px
    }
}

.shop-product-wrap.list>[class*=col-],
.shop-product-wrap.list>[class*=col] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%
}

.shop-product-wrap.list .ee-product {
    display: none
}

.shop-product-wrap.list .ee-product-list {
    display: block
}

.shop-product-wrap.grid .ee-product {
    display: block
}

.shop-product-wrap.grid .ee-product-list {
    display: none
}

.ee-product {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-product .image {
    position: relative;
    max-height: 250px;
    min-height: 198px
}

.ee-product .image .label {
    position: absolute;
    left: 20px;
    top: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: capitalize;
    line-height: 20px
}

.ee-product .image .label.sale {
    color: #202020
}

.ee-product .image .label.new {
    color: red
}

.ee-product .image .img {
    display: block;
    background-color: #f6f7f8
}

.ee-product .image .img img {
    display: block;
    width: 100%
}

.ee-product .image .wishlist-compare {
    position: absolute;
    top: 20px;
    right: 20px
}

.ee-product .image .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999;
    border-radius: 50px;
    display: block;
    float: left;
    margin-right: 7px;
    color: #333;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 20px;
    position: relative
}

.ee-product .image .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333;
    color: #fff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

.ee-product .image .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden
}

.ee-product .image .wishlist-compare a:last-child {
    margin-right: 0
}

.ee-product .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.ee-product .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ee-product .image .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block
}

.ee-product .image .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020
}

.ee-product .image .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible
}

.ee-product .image .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible
}

.ee-product .image .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba
}

.ee-product .image .add-to-cart {
    position: inherit;
    bottom: 30px;
    left: 50%;
    font-size: 14px;
    font-weight: 600;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0075ba;
    color: #fff;
    border-radius: 50px;
    display: block;
    width: 100%;
    padding: 10px 0 10px 46px;
    text-transform: uppercase;
    visibility: hidden;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
}

@-moz-document url-prefix() {
    .ee-product .image .add-to-cart {
        position: inherit;
        bottom: 0;
        font-size: 14px;
        font-weight: 600;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #0075ba;
        color: #fff;
        border-radius: 50px;
        display: block;
        width: 150px;
        padding: 10px 0 10px 46px;
        text-transform: uppercase;
        visibility: hidden;
        -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
        -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
        transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
    }
}

.ee-product .image .add-to-cart i {
    width: 45px;
    height: 45px;
    color: #adff2f;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all 0ms ease 0s;
    position: absolute;
    left: 8px;
    right: auto;
    top: 3px
}

.ee-product .image .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center
}

.ee-product .image .add-to-cart.added {
    padding-left: 13px;
    padding-right: 46px;
    background-color: #004783
}

.ee-product .image .add-to-cart.added i {
    left: calc(100% - 41px)
}

.ee-product .specification {
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #ddd
}

.ee-product .specification ul {
    list-style: none
}

.ee-product .specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0
}

.ee-product .specification ul li::before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333
}

@media only screen and (max-width:400px) {
    .ee-product .content {
        background-color: #fff !important;
        overflow: hidden !important;
        height: 195px !important
    }
}

.ee-product .content {
    background-color: #fff;
    overflow: hidden;
    height: 140px
}

.ee-product .content-feature .price-ratting .ratting i {
    color: #fac819;
    font-size: 19px;
    float: left;
    margin-right: 4px;
    line-height: 24px
}

.ee-product .content-feature .price-ratting .price {
    font-size: 30px;
    line-height: 36px;
    color: #333;
    float: left;
    margin: 5px 0
}

.ee-product .content-feature .category-title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    font-weight: 600;
    display: inline-block;
    line-height: 21px;
    text-transform: capitalize;
    font-size: 14px;
    color: #333;
    margin-bottom: 4px
}

.ee-product .content-feature .category-title {
    min-height: 90px;
    padding: 5px 10px;
    display: -webkit-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.ee-product .content-feature {
    background-color: #fff;
    overflow: hidden;
    height: 150px
}

.ee-product .content-feature .price-ratting {
    padding: 1px 20px;
}

.ee-product .content .category-title {
    min-height: 90px;
    padding: 5px 10px;
    display: -webkit-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.ee-product .content .category-title .cat2 {
    text-transform: capitalize;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    margin-bottom: 6px;
    font-weight: 600
}

.ee-product .content .category-title .cat {
    text-transform: capitalize;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    margin-bottom: 6px;
    font-weight: 600
}

.ee-product .content .category-title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    font-weight: 600;
    display: inline-block;
    line-height: 21px;
    text-transform: capitalize;
    font-size: 14px;
    color: #333;
    margin-bottom: 4px
}

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

.product-list-item-inline {
    font-weight: 600;
    padding: 6px 24px;
    color: #2a2a2a;
    background: #fff
}

.ee-product .content .category-title .cat:hover {
    color: #202020
}

.ee-product .content .category-title .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.ee-product .content .category-title .title a {
    display: block;
    color: #333
}

.ee-product .content .category-title .title a:hover {
    color: #202020
}

.ee-product .content .price-ratting {
    padding: 1px 20px
}

.ee-product .content .price-ratting .price {
    font-size: 30px !important;
    line-height: 36px;
    color: #333;
    float: left;
    margin: 5px 0
}

.ee-product .content .price-ratting .price span {
    float: left;
    color: #333;
    margin-right: 15px;
    text-decoration: line-through
}

.ee-product .content-feature .price-ratting .ratting {
    float: right;
    margin-top: 10px;
}

.ee-product .content .price-ratting .ratting {
    float: right;
    /*margin: 11px 0*/
}

.ee-product .content .price-ratting .ratting i {
    color: #fac819;
    font-size: 19px;
    float: left;
    margin-right: 4px;
    line-height: 24px
}

.ee-product .content .price-ratting .ratting i:last-child {
    margin-right: 0
}

.ee-product:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.ee-product:hover .image .wishlist-compare a {
    opacity: 1;
    visibility: visible;
    left: 0
}

.ee-product:hover .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ee-product:hover .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.ee-product:hover .image .add-to-cart {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
    color: #fff
}

.ee-product-two {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-product-two .wrap {
    position: relative
}

.ee-product-two .wrap .cat {
    position: absolute;
    left: 40px;
    top: 35px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: uppercase;
    line-height: 20px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-two .wrap .cat {
        left: 30px;
        top: 25px
    }
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .cat {
        left: 20px;
        top: 20px;
        font-size: 12px
    }
}

.ee-product-two .wrap .offer {
    position: absolute;
    right: 70px;
    top: 0;
    padding: 12px 15px;
    font-size: 22px;
    font-weight: 700;
    color: #202020;
    -webkit-box-shadow: 0 3px 7px rgab(0, 0, 0, .15);
    box-shadow: 0 3px 7px rgab(0, 0, 0, .15);
    background-color: #0075ba;
    border-radius: 0 0 50px 50px;
    text-align: center;
    line-height: 30px
}

.ee-product-two .wrap .offer span {
    display: block;
    font-size: 28px;
    font-weight: 800
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ee-product-two .wrap .offer {
        right: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-two .wrap .offer {
        right: 30px;
        font-size: 18px;
        line-height: 24px
    }
    .ee-product-two .wrap .offer span {
        font-size: 24px
    }
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .offer {
        right: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 12px
    }
    .ee-product-two .wrap .offer span {
        font-size: 18px
    }
}

.ee-product-two .wrap .img {
    display: block;
    background-color: #f6f7f8
}

.ee-product-two .wrap .img img {
    display: block;
    width: 100%
}

.ee-product-two .wrap .add-to-cart {
    position: absolute;
    bottom: 140px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
}

.ee-product-two .wrap .add-to-cart i {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0
}

.ee-product-two .wrap .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center
}

.ee-product-two .wrap .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px
}

.ee-product-two .wrap .add-to-cart.added i {
    left: calc(100% - 41px)
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .add-to-cart {
        top: 50%;
        bottom: auto
    }
}

.ee-product-two .wrap .content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    padding: 15px 40px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-two .wrap .content {
        padding: 30px
    }
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .content {
        padding: 20px 25px
    }
}

.ee-product-two .wrap .content .title-price {
    float: left
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .content .title-price {
        display: block;
        width: 100%
    }
}

.ee-product-two .wrap .content .title-price .title {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    line-height: 30px;
    margin-bottom: 5px
}

.ee-product-two .wrap .content .title-price .title a {
    display: block;
    color: #202020
}

.ee-product-two .wrap .content .title-price .title a:hover {
    color: #202020
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-two .wrap .content .title-price .title {
        font-size: 18px;
        line-height: 24px
    }
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .content .title-price .title {
        font-size: 18px;
        line-height: 24px
    }
}

.ee-product-two .wrap .content .title-price .price {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
    color: #202020
}

.ee-product-two .wrap .content .title-price .price .old {
    color: #333;
    text-decoration: line-through;
    margin-right: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-two .wrap .content .title-price .price {
        font-size: 18px;
        line-height: 24px
    }
}

@media only screen and (max-width:767px) {
    .ee-product-two .wrap .content .title-price .price {
        font-size: 20px
    }
    .price-phone {
        max-width: 84px !important
    }
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .content .title-price .price {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:991px) and (max-width:1024px) {
    #hide-phone {
        font-size: 12px
    }
}

.ee-product-two .wrap .content .wishlist-compare {
    float: right
}

.ee-product-two .wrap .content .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999;
    border-radius: 50px;
    display: block;
    float: left;
    margin-right: 7px;
    color: #333;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 20px;
    position: relative
}

.ee-product-two .wrap .content .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333;
    color: #fff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

.ee-product-two .wrap .content .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden
}

.ee-product-two .wrap .content .wishlist-compare a:last-child {
    margin-right: 0
}

.ee-product-two .wrap .content .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.ee-product-two .wrap .content .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ee-product-two .wrap .content .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block
}

.ee-product-two .wrap .content .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020
}

.ee-product-two .wrap .content .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible
}

.ee-product-two .wrap .content .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible
}

.ee-product-two .wrap .content .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .content .wishlist-compare a {
        opacity: 1;
        visibility: visible;
        left: 0
    }
}

@media only screen and (max-width:479px) {
    .ee-product-two .wrap .content .wishlist-compare {
        display: none
    }
}

.ee-product-two:hover .wrap .add-to-cart {
    opacity: 1;
    visibility: visible;
    bottom: 180px
}

@media only screen and (max-width:479px) {
    .ee-product-two: hover .wrap .add-to-cart {
        bottom: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

.ee-product-two:hover .wrap .content .wishlist-compare a {
    opacity: 1;
    visibility: visible;
    left: 0
}

.ee-product-two:hover .wrap .content .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ee-product-two:hover .wrap .content .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.ee-product-three {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-product-three .image {
    position: relative
}

.ee-product-three .image .label {
    position: absolute;
    left: 30px;
    top: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: capitalize;
    line-height: 20px
}

.ee-product-three .image .label.sale {
    color: #202020
}

.ee-product-three .image .label.new {
    color: red
}

.ee-product-three .image .label.sold {
    bottom: 25px;
    top: auto
}

.ee-product-three .image .label.stock {
    right: 30px;
    left: auto;
    top: auto;
    bottom: 25px
}

.ee-product-three .image .img {
    display: block;
    background-color: #f6f7f8
}

.ee-product-three .image .img img {
    display: block;
    width: 100%
}

.ee-product-three .image .wishlist-compare {
    position: absolute;
    top: 20px;
    right: 20px
}

.ee-product-three .image .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999;
    border-radius: 50px;
    display: block;
    float: left;
    margin-right: 7px;
    color: #333;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 20px;
    position: relative
}

.ee-product-three .image .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333;
    color: #fff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

.ee-product-three .image .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden
}

.ee-product-three .image .wishlist-compare a:last-child {
    margin-right: 0
}

.ee-product-three .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.ee-product-three .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ee-product-three .image .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block
}

.ee-product-three .image .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020
}

.ee-product-three .image .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible
}

.ee-product-three .image .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible
}

.ee-product-three .image .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba
}

.ee-product-three .image .add-to-cart {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
}

.ee-product-three .image .add-to-cart i {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0
}

.ee-product-three .image .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center
}

.ee-product-three .image .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px
}

.ee-product-three .image .add-to-cart.added i {
    left: calc(100% - 41px)
}

.ee-product-three .content {
    overflow: hidden;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ee-product-three .content .category-title .cat {
    display: inline-block;
    line-height: 15px;
    text-transform: capitalize;
    font-size: 13px;
    color: #333;
    letter-spacing: .5px;
    margin-bottom: 4px
}

.ee-product-three .content .category-title .cat:hover {
    color: #202020
}

.ee-product-three .content .category-title .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.ee-product-three .content .category-title .title a {
    display: block;
    color: #333
}

.ee-product-three .content .category-title .title a:hover {
    color: #202020
}

.ee-product-three .content .price {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
    float: left;
    margin: 10px 0 0
}

.ee-product-three .content .price span {
    float: left;
    color: #333;
    margin-right: 15px;
    text-decoration: line-through
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .ee-product-three .content .price {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ee-product-three .content .price {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:479px) {
    .ee-product-three .content .price {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.ee-product-three .product-countdown {
    border-top: 1px solid #f3f3f3;
    padding: 30px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

@media only screen and (max-width:479px) {
    .ee-product-three .product-countdown {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ee-product-three .product-countdown .cdown span {
    display: block;
    font-size: 28px;
    line-height: 24px;
    font-weight: 700;
    color: #202020;
    margin-bottom: 6px
}

@media only screen and (max-width:479px) {
    .ee-product-three .product-countdown .cdown span {
        font-size: 24px;
        line-height: 22px
    }
}

.ee-product-three .product-countdown .cdown p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 14px;
    color: #3a3a3a
}

@media only screen and (max-width:479px) {
    .ee-product-three .product-countdown .cdown p {
        font-size: 10px;
        line-height: 10px
    }
}

.ee-product-three:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.ee-product-three:hover .image .wishlist-compare a {
    opacity: 1;
    visibility: visible;
    left: 0
}

.ee-product-three:hover .image .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ee-product-three:hover .image .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.ee-product-three:hover .image .add-to-cart {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.ee-product-list {
    background-color: #fafafa;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    overflow: hidden
}

.ee-product-list .image {
    position: relative;
    float: left;
    width: 270px
}

@media only screen and (max-width:767px) {
    .ee-product-list .image {
        width: 100%
    }
}

.ee-product-list .image .label {
    position: absolute;
    left: 20px;
    top: 28px;
    font-size: 13px;
    font-weight: 700;
    color: #202020;
    text-transform: capitalize;
    line-height: 20px
}

.ee-product-list .image .label.sale {
    color: #202020
}

.ee-product-list .image .label.new {
    color: red
}

.ee-product-list .image .img {
    display: block;
    background-color: #f6f7f8
}

.ee-product-list .image .img img {
    display: block;
    width: 100%
}

.ee-product-list .content {
    overflow: hidden;
    padding: 35px 0
}

@media only screen and (max-width:767px) {
    .ee-product-list .content {
        float: left;
        width: 100%
    }
}

.ee-product-list .content .head-content {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px 0 60px;
    margin-bottom: 2px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ee-product-list .content .head-content {
        padding: 0 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-list .content .head-content {
        padding: 0 25px
    }
}

@media only screen and (max-width:767px) {
    .ee-product-list .content .head-content {
        padding: 0 25px
    }
}

.ee-product-list .content .head-content .category-title .cat {
    display: inline-block;
    line-height: 15px;
    text-transform: capitalize;
    font-size: 13px;
    color: #333;
    letter-spacing: .5px;
    margin-bottom: 0
}

.ee-product-list .content .head-content .category-title .cat:hover {
    color: #202020
}

.ee-product-list .content .head-content .category-title .title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 28px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.ee-product-list .content .head-content .category-title .title a {
    display: block;
    color: #333
}

.ee-product-list .content .head-content .category-title .title a:hover {
    color: #202020
}

.ee-product-list .content .head-content .price {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 28px;
    float: left;
    margin: 0
}

.ee-product-list .content .head-content .price span {
    float: left;
    color: #333;
    margin-right: 15px;
    text-decoration: line-through
}

.ee-product-list .content .left-content {
    float: left;
    width: 50%;
    padding: 0 60px;
    position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ee-product-list .content .left-content {
        padding: 0 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-list .content .left-content {
        padding: 0 25px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .ee-product-list .content .left-content {
        padding: 0 25px;
        width: 100%
    }
}

.ee-product-list .content .left-content::before {
    position: absolute;
    background-color: #ddd;
    right: 0;
    top: 0;
    height: 160px;
    width: 1px;
    content: ""
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-list .content .left-content::before {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .ee-product-list .content .left-content::before {
        display: none
    }
}

.ee-product-list .content .left-content .ratting {
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 15px
}

.ee-product-list .content .left-content .ratting i {
    color: #333;
    font-size: 14px;
    float: left;
    margin-right: 4px;
    line-height: 24px
}

.ee-product-list .content .left-content .ratting i:last-child {
    margin-right: 0
}

.ee-product-list .content .left-content .desc {
    margin-bottom: 25px
}

.ee-product-list .content .left-content .desc p {
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.ee-product-list .content .left-content .actions {
    float: left;
    width: 100%
}

.ee-product-list .content .left-content .actions .add-to-cart {
    position: relative;
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    float: left;
    margin-right: 15px
}

.ee-product-list .content .left-content .actions .add-to-cart i {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0
}

.ee-product-list .content .left-content .actions .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center
}

.ee-product-list .content .left-content .actions .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px
}

.ee-product-list .content .left-content .actions .add-to-cart.added i {
    left: calc(100% - 41px)
}

.ee-product-list .content .left-content .actions .wishlist-compare {
    float: left
}

@media only screen and (max-width:479px) {
    .ee-product-list .content .left-content .actions .wishlist-compare {
        margin-top: 15px
    }
}

.ee-product-list .content .left-content .actions .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999;
    border-radius: 50px;
    display: block;
    float: left;
    color: #333;
    text-align: center;
    position: relative;
    margin: 4px 15px 4px 0
}

.ee-product-list .content .left-content .actions .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333;
    color: #fff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

.ee-product-list .content .left-content .actions .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden
}

.ee-product-list .content .left-content .actions .wishlist-compare a:last-child {
    margin-right: 0
}

.ee-product-list .content .left-content .actions .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.ee-product-list .content .left-content .actions .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.ee-product-list .content .left-content .actions .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block
}

.ee-product-list .content .left-content .actions .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020
}

.ee-product-list .content .left-content .actions .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible
}

.ee-product-list .content .left-content .actions .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible
}

.ee-product-list .content .left-content .actions .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba
}

.ee-product-list .content .right-content {
    float: left;
    width: 50%;
    padding: 0 60px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .ee-product-list .content .right-content {
        padding: 0 25px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-product-list .content .right-content {
        padding: 0 25px;
        width: 100%;
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .ee-product-list .content .right-content {
        padding: 0 25px;
        width: 100%;
        margin-top: 30px
    }
}

.ee-product-list .content .right-content .specification h5 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 18px;
    text-decoration: underline;
    margin-bottom: 10px
}

.ee-product-list .content .right-content .specification ul {
    list-style: none;
    margin-bottom: 13px
}

.ee-product-list .content .right-content .specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0
}

.ee-product-list .content .right-content .specification ul li::before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333
}

.ee-product-list .content .right-content .availability {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px
}

.ee-product-list .content .right-content .availability span {
    color: #333
}

.with-sidebar .ee-product-list .content .head-content {
    padding: 0 20px
}

.with-sidebar .ee-product-list .content .left-content {
    padding: 0 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .with-sidebar .ee-product-list .content .left-content {
        width: 100%
    }
    .with-sidebar .ee-product-list .content .left-content::before {
        display: none
    }
}

.with-sidebar .ee-product-list .content .left-content .actions .add-to-cart {
    margin-right: 10px
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare {
        margin-top: 15px
    }
}

.with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare a {
    margin-right: 10px
}

.with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare a:last-child {
    margin-right: 0
}

.with-sidebar .ee-product-list .content .right-content {
    padding: 0 20px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .with-sidebar .ee-product-list .content .right-content {
        width: 100%;
        margin-top: 30px
    }
}

.single-product-image {
    position: relative
}

.single-product-image.thumb-left {
    padding-left: 195px;
    margin-right: -45px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .single-product-image.thumb-left {
        padding-left: 155px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-product-image.thumb-left {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .single-product-image.thumb-left {
        margin-right: 0;
        padding-left: 135px
    }
}

@media only screen and (max-width:479px) {
    .single-product-image.thumb-left {
        margin-right: 0;
        padding-left: 0
    }
}

.single-product-image.thumb-left .thumb-image-slider {
    left: 0;
    right: auto
}

.single-product-image.thumb-right {
    padding-right: 195px;
    margin-right: -45px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .single-product-image.thumb-right {
        padding-right: 155px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-product-image.thumb-right {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .single-product-image.thumb-right {
        margin-right: 0;
        padding-right: 135px
    }
}

@media only screen and (max-width:479px) {
    .single-product-image.thumb-right {
        margin-right: 0;
        padding-right: 0
    }
}

.single-product-image.thumb-right .thumb-image-slider {
    left: auto;
    right: 0
}

.big-image-slider .big-image {
    position: relative
}

.big-image-slider .big-image img {
    width: 100%;
    background-color: #f6f7f8
}

.big-image-slider .big-image .big-image-popup {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: none;
    text-align: center;
    color: #9b9b9b;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 9
}

.big-image-slider .big-image .big-image-popup:hover {
    color: #202020
}

.big-image-slider .big-image .big-image-popup i {
    line-height: 35px;
    display: block;
    font-size: 18px
}

.big-image-slider .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.big-image-slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 10px
}

.big-image-slider .slick-dots li button {
    background-color: transparent;
    border: 1px solid #999;
    width: 9px;
    height: 9px;
    border-radius: 50px;
    text-indent: -99999px;
    padding: 0
}

.big-image-slider .slick-dots li button:hover {
    border-color: #202020
}

.big-image-slider .slick-dots li.slick-active button {
    background-color: #0075ba;
    border-color: #0075ba
}

.thumb-image-slider {
    margin: 10px -5px 0
}

.thumb-image-slider .thumb-image {
    float: left;
    width: calc(33.33% - 10px);
    margin: 0 5px
}

.thumb-image-slider .thumb-image img {
    width: 100%;
    background-color: #f6f7f8;
    height: 196px
}

.thumb-image-slider[data-vertical=true] {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 175px;
    margin: -10px 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .thumb-image-slider[data-vertical=true] {
        width: 135px
    }
}

@media only screen and (max-width:767px) {
    .thumb-image-slider[data-vertical=true] {
        width: 115px
    }
}

@media only screen and (max-width:479px) {
    .thumb-image-slider[data-vertical=true] {
        width: auto;
        position: static;
        margin: 10px -5px 0
    }
}

.thumb-image-slider[data-vertical=true] .thumb-image {
    margin: 10px 0;
    width: 100%
}

@media only screen and (max-width:479px) {
    .thumb-image-slider[data-vertical=true] .thumb-image {
        margin: 0 5px;
        float: left;
        width: calc(33.33% - 10px)
    }
}

.single-product-content {
    padding-left: 65px;
    float: left;
    width: 100%
}

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

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

.single-product-content .head-content {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-product-content .head-content .category-title .cat {
    display: inline-block;
    line-height: 15px;
    text-transform: capitalize;
    font-size: 13px;
    color: #333;
    letter-spacing: .5px;
    margin-bottom: 0
}

.single-product-content .head-content .category-title .cat:hover {
    color: #202020
}

.single-product-content .head-content .category-title .title {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
    line-height: 28px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.single-product-content .price {
    font-size: 45px;
    font-weight: 700;
    color: #0075ba;
    line-height: 35px;
    margin: 15px
}

.single-product-content .head-content .price span {
    float: left;
    color: #333;
    margin-right: 15px;
    text-decoration: line-through
}

.single-product-content .single-product-description {
    float: left;
    width: 100%;
    position: relative
}

.single-product-content .single-product-description .ratting {
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 15px
}

.single-product-content .single-product-description .ratting i {
    color: #fac819;
    font-size: 15px;
    float: left;
    margin-right: 4px;
    line-height: 24px
}

.single-product-content .single-product-description .ratting i:last-child {
    margin-right: 0
}

.single-product-content .single-product-description .desc {
    margin: 15px 0
}

.single-product-content .single-product-description .desc p {
    font-size: 14px;
    line-height: 24px
}

.single-product-content .single-product-description .availability {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 37px;
    display: block
}

.single-product-content .single-product-description .availability span {
    color: #333
}

.single-product-content .single-product-description .quantity-colors {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.single-product-content .single-product-description .quantity-colors .quantity {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

@media only screen and (max-width:479px) {
    .single-product-content .single-product-description .quantity-colors .quantity {
        width: 100%
    }
}

.single-product-content .single-product-description .quantity-colors .quantity h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    margin: 5px 0;
    margin-right: 20px;
    float: left
}

.single-product-content .single-product-description .quantity-colors .quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 50px;
    padding: 0 15px;
    float: left
}

.single-product-content .single-product-description .quantity-colors .quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333
}

.single-product-content .single-product-description .quantity-colors .quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent
}

.single-product-content .single-product-description .quantity-colors .colors {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

@media only screen and (max-width:479px) {
    .single-product-content .single-product-description .quantity-colors .colors {
        width: 100%
    }
}

.single-product-content .single-product-description .quantity-colors .colors h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 25px;
    margin: 5px 0;
    margin-right: 20px;
    float: left
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select {
    clear: none;
    width: 125px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 50px;
    background-color: transparent
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select::after {
    border-width: 1px;
    right: 20px;
    border-color: #333
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select .current {
    font-size: 13px;
    color: #333;
    line-height: 33px;
    display: block;
    text-transform: capitalize
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select ul {
    width: 100%
}

.single-product-content .single-product-description .quantity-colors .colors div.nice-select ul li {
    font-weight: 400;
    text-transform: capitalize
}

.single-product-content .single-product-description .quantity-colors .colors .color-options {
    float: left;
    margin: 4px 0
}

.single-product-content .single-product-description .quantity-colors .colors .color-options button {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: none;
    display: block;
    float: left;
    margin-right: 10px
}

.single-product-content .single-product-description .quantity-colors .colors .color-options button:last-child {
    margin-right: 0
}

.single-product-content .single-product-description .specification {
    float: left;
    width: 100%;
    margin-bottom: 33px
}

.single-product-content .single-product-description .specification ul {
    list-style: none
}

.single-product-content .single-product-description .specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0
}

.single-product-content .single-product-description .specification ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333
}

.single-product-content .single-product-description .actions {
    float: left;
    width: 100%;
    margin-bottom: 33px
}

.single-product-content .single-product-description .actions .add-to-cart {
    position: relative;
    background-color: #0075ba;
    font-size: 14px;
    color: #fff;
    border-radius: 50px;
    display: block;
    width: 170px;
    padding: 10px 25px 10px 46px;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    float: left;
    margin-right: 15px
}

.single-product-content .single-product-description .actions .add-to-cart i {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 0;
    display: block;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    color: #000;
    position: absolute;
    left: 3px;
    right: auto;
    top: 3px
}

.single-product-content .single-product-description .actions .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center
}

.single-product-content .single-product-description .actions .add-to-cart.added {
    padding-left: 15px;
    padding-right: 56px;
    background-color: #004783
}

.single-product-content .single-product-description .actions .add-to-cart.added i {
    left: calc(100% - 41px);
    top: 2px
}

.single-product-content .single-product-description .actions .wishlist-compare {
    float: left
}

.single-product-content .single-product-description .actions .wishlist-compare a {
    height: 33px;
    width: 33px;
    border: 1px solid #999;
    border-radius: 50px;
    display: block;
    float: left;
    color: #333;
    text-align: center;
    position: relative;
    margin: 4px 15px 4px 0
}

.single-product-content .single-product-description .actions .wishlist-compare a::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 8px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    font-weight: 600;
    background-color: #333;
    color: #fff;
    line-height: 16px;
    padding: 3px 10px;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

.single-product-content .single-product-description .actions .wishlist-compare a::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -4px;
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden
}

.single-product-content .single-product-description .actions .wishlist-compare a:last-child {
    margin-right: 0
}

.single-product-content .single-product-description .actions .wishlist-compare a:nth-child(1) {
    -webkit-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.single-product-content .single-product-description .actions .wishlist-compare a:nth-child(2) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.single-product-content .single-product-description .actions .wishlist-compare a i {
    line-height: 31px;
    font-size: 15px;
    display: block
}

.single-product-content .single-product-description .actions .wishlist-compare a:hover {
    color: #202020;
    border-color: #202020
}

.single-product-content .single-product-description .actions .wishlist-compare a:hover::before {
    opacity: 1;
    visibility: visible
}

.single-product-content .single-product-description .actions .wishlist-compare a:hover::after {
    opacity: 1;
    visibility: visible
}

.single-product-content .single-product-description .actions .wishlist-compare a.added {
    color: #202020;
    border-color: #0075ba;
    background-color: #0075ba
}

.single-product-content .single-product-description .tags {
    float: left;
    width: 100%;
    margin-bottom: 37px
}

.single-product-content .single-product-description .tags h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    float: left;
    margin-right: 15px
}

.single-product-content .single-product-description .tags a {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-right: 15px
}

.single-product-content .single-product-description .tags a:last-child {
    margin-right: 0
}

.single-product-content .single-product-description .tags a:hover {
    color: #202020
}

.single-product-content .single-product-description .share {
    float: left;
    width: 100%
}

.single-product-content .single-product-description .share h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 27px;
    margin: 0;
    float: left;
    margin-right: 15px
}

.single-product-content .single-product-description .share a {
    width: 27px;
    height: 27px;
    border: 1px solid #999;
    color: #333;
    text-align: center;
    border-radius: 50px;
    float: left;
    margin-right: 10px
}

.single-product-content .single-product-description .share a:last-child {
    margin-right: 0
}

.single-product-content .single-product-description .share a:hover {
    border-color: #202020;
    color: #202020
}

.single-product-content .single-product-description .share a i {
    font-size: 11px;
    line-height: 25px
}

.single-product-tab-list {
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    .single-product-tab-list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.single-product-tab-list li a {
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    color: #222;
    line-height: 30px;
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: 2px solid #fff;
    text-transform: uppercase
}

.single-product-description-content h4 {
    font-size: 18px;
    font-weight: 700
}

.single-product-description-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px
}

.single-product-description-content p:last-child {
    margin-bottom: 0
}

.single-product-description-image {
    padding: 50px 15px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .single-product-description-image {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .single-product-description-image {
        display: none
    }
}

.single-product-description-image img {
    float: right;
    max-width: 100%;
    padding-left: 15px
}

.single-product-specification ul {
    list-style: none;
    margin-bottom: 13px
}

.single-product-specification ul li {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding-left: 18px;
    position: relative;
    margin: 4px 0
}

.single-product-specification ul li::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 8px;
    width: 8px;
    margin-top: -4px;
    content: "";
    background-color: #333
}

.product-ratting-wrap {
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .product-ratting-wrap {
        padding: 50px
    }
}

@media only screen and (max-width:479px) {
    .product-ratting-wrap {
        padding: 30px 45px
    }
}

.pro-avg-ratting {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.pro-avg-ratting h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 14px;
    margin: 0 0 7px
}

.pro-avg-ratting h4 span {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px
}

.pro-avg-ratting>span {
    display: block;
    font-size: 12px;
    line-height: 10px
}

.ratting-list {
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.ratting-list .sin-list {
    margin-right: 30px
}

.ratting-list .sin-list:last-child {
    margin-right: 0
}

.ratting-list .sin-list i {
    color: #333;
    font-size: 12px
}

.ratting-list .sin-list span {
    color: #666
}

.rattings-wrapper {
    margin-bottom: 40px;
    float: left;
    width: 100%
}

.sin-rattings {
    margin-bottom: 40px
}

.sin-rattings:last-child {
    margin-bottom: 0
}

.sin-rattings .ratting-author {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.sin-rattings .ratting-author h3 {
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 18px;
    margin-right: 15px
}

@media only screen and (max-width:479px) {
    .sin-rattings .ratting-author .ratting-star {
        float: left;
        width: 100%;
        margin-top: 5px
    }
}

.sin-rattings .ratting-author .ratting-star i,
.sin-rattings .ratting-author .ratting-star span {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    float: left
}

.sin-rattings .ratting-author .ratting-star span {
    margin-left: 5px
}

.sin-rattings p {
    color: #333;
    font-size: 14px;
    line-height: 24px
}

.ratting-form-wrapper {
    float: left;
    width: 100%
}

.ratting-form-wrapper h3 {
    font-size: 16px;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px
}

.ratting-form h5 {
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px
}

.ratting-form .ratting-star i {
    font-size: 14px;
    float: left;
    line-height: 18px;
    display: block;
    margin-right: 3px
}

.ratting-form .ratting-star i:last-child {
    margin: 0
}

.ratting-form label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 3px
}

.ratting-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #ddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666
}

.ratting-form input[type=submit] {
    width: auto;
    padding: 8px 30px;
    border-color: #202020;
    background-color: #202020;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff
}

.ratting-form input[type=submit]:hover {
    border-color: #0075ba;
    background-color: #0075ba;
    color: #202020
}

.ratting-form textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #ddd;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 15px;
    color: #666;
    height: 80px;
    resize: none
}

.offer-product-wrap>[class*=col] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    float: left
}

.offer-product-wrap>[class*=col]:nth-child(1) {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .offer-product-wrap>[class*=col]: nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (max-width:767px) {
    .offer-product-wrap>[class*=col]: nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.offer-product-wrap>[class*=col]:nth-child(2) {
    width: 360px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .offer-product-wrap>[class*=col]: nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (max-width:767px) {
    .offer-product-wrap>[class*=col]: nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.offer-product-wrap>[class*=col]:nth-child(3) {
    width: calc(100% - 360px)
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .offer-product-wrap>[class*=col]: nth-child(3) {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media only screen and (max-width:767px) {
    .offer-product-wrap>[class*=col]: nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.offer-time-wrap {
    text-align: center;
    padding: 55px 30px 35px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 10px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .offer-time-wrap {
        padding: 66px 30px 46px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .offer-time-wrap {
        padding: 70px 30px 50px
    }
}

@media only screen and (max-width:767px) {
    .offer-time-wrap {
        padding: 70px 30px 50px
    }
}

.offer-time-wrap h1 {
    color: #fff;
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px
}

.offer-time-wrap h1 span {
    font-size: 18px;
    display: block;
    margin-bottom: 3px
}

.offer-time-wrap h3 {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px
}

.offer-time-wrap h3 span {
    font-weight: 700;
    font-size: 30px;
    display: block
}

.offer-time-wrap h4 {
    color: #e1e1e1;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

.offer-time-wrap h4 span {
    font-size: 16px;
    display: block
}

.offer-time-wrap .countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .offer-time-wrap .countdown {
        width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

.offer-time-wrap .countdown .cdown {
    margin-bottom: 20px
}

@media only screen and (max-width:479px) {
    .offer-time-wrap .countdown .cdown {
        width: 50%
    }
}

.offer-time-wrap .countdown .cdown span {
    display: block;
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
    color: #efefef;
    margin-bottom: 4px
}

.offer-time-wrap .countdown .cdown p {
    color: #b0b0b0;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600
}

.offer-time-wrap.dark h1 {
    color: #202020
}

.offer-time-wrap.dark h3 {
    color: #202020
}

.offer-time-wrap.dark h4 {
    color: #202020
}

.offer-time-wrap.dark .countdown .cdown span {
    color: #202020
}

.offer-time-wrap.dark .countdown .cdown p {
    color: #333
}

.shop-sidebar {
    background-color: #f6f7f8
}

.shop-sidebar .title {
    background-color: #fefcef;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 25px;
    text-transform: uppercase;
    margin: 0
}

.sidebar-category li {
    padding: 10px 25px;
    border-bottom: 1px solid #ddd
}

.sidebar-category li:last-child {
    border-bottom: 0
}

.sidebar-category li a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
    position: relative
}

.sidebar-category li a:hover {
    color: #202020
}

.sidebar-category li a:hover::before {
    color: #202020
}

.sidebar-category li a::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
    line-height: 29px;
    font-family: Fontawesome;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.sidebar-category li.has-children>a {
    padding-left: 15px
}

.sidebar-category li.has-children>a::before {
    content: "\f105"
}

.sidebar-category li ul li {
    border: none;
    padding: 5px 25px
}

.sidebar-category li ul li a {
    text-transform: capitalize;
    padding-left: 20px
}

.sidebar-category li ul li a::before {
    content: "\f178";
    color: #606060
}

.sidebar-brand li {
    padding: 10px 25px;
    border-bottom: 1px solid #ddd
}

.sidebar-brand li:last-child {
    border-bottom: 0
}

.sidebar-brand li a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 20px;
    position: relative
}

.sidebar-brand li a:hover {
    color: #202020
}

.sidebar-brand li a:hover::before {
    color: #202020
}

.sidebar-brand li a::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
    line-height: 29px;
    content: "\f1db";
    font-family: Fontawesome;
    font-size: 12px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.sidebar-price {
    padding: 30px 25px
}

.sidebar-price #price-range {
    width: 100%;
    height: 7px;
    margin: 7px 0;
    background-color: #c7c7c7;
    position: relative
}

.sidebar-price #price-range .ui-slider-range {
    position: absolute;
    height: 100%;
    top: 0;
    background-color: #0075ba
}

.sidebar-price #price-range .ui-slider-handle {
    background-color: #0075ba;
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50px;
    display: block;
    top: -7px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, .15);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, .15)
}

.sidebar-price #price-amount {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 24px;
    padding: 0;
    background-color: transparent;
    border: none;
    margin-top: 12px
}

.sidebar-tags {
    margin: 0 -5px;
    padding: 20px 25px;
    overflow: hidden
}

.sidebar-tags a {
    font-size: 14px;
    border: 1px solid #ddd;
    line-height: 23px;
    padding: 5px 12px 3px;
    color: #333;
    float: left;
    margin: 5px;
    text-transform: uppercase
}

.sidebar-tags a:hover {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba
}

.cart-table .table {
    border-bottom: 8px solid #fefcef;
    margin: 0
}

@media only screen and (max-width:767px) {
    .cart-table .table {
        border-top: 8px solid #fefcef
    }
}

.cart-table .table thead {
    background-color: #fefcef
}

@media only screen and (max-width:767px) {
    .cart-table .table thead {
        display: none
    }
}

.cart-table .table thead tr th {
    text-align: center;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #202020;
    padding: 12px 20px
}

.cart-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width:767px) {
    .cart-table .table tbody tr td {
        display: block;
        width: 100%;
        max-width: none;
        padding: 15px;
        text-align: left
    }
}

.cart-table td.pro-thumbnail,
.cart-table th.pro-thumbnail {
    max-width: 160px;
    min-width: 120px;
    width: 160px
}

@media only screen and (max-width:767px) {
    .cart-table td.pro-thumbnail a,
    .cart-table th.pro-thumbnail a {
        width: 160px
    }
}

.cart-table td.pro-title,
.cart-table th.pro-title {
    min-width: 200px
}

.cart-table td.pro-thumbnail a {
    display: block
}

.cart-table td.pro-thumbnail a img {
    width: 100%;
    background-color: #f6f7f8
}

.cart-table td.pro-title a {
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.cart-table td.pro-price span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333
}

.cart-table td.pro-quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 50px;
    padding: 0 15px;
    display: block;
    margin: auto
}

.cart-table td.pro-quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333
}

.cart-table td.pro-quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent
}

@media only screen and (max-width:767px) {
    .cart-table td.pro-quantity .pro-qty {
        margin: 0
    }
}

.cart-table td.pro-subtotal span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333
}

.cart-table td.pro-addtocart button {
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #0075ba;
    line-height: 24px;
    padding: 5px 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #202020;
    background-color: #0075ba
}

.cart-table td.pro-remove a {
    display: block;
    font-weight: 600;
    color: #333
}

.cart-table td.pro-remove a i {
    font-size: 15px
}

.cart-table td.pro-remove a:hover {
    color: red
}

@media only screen and (max-width:767px) {
    .cart-table td.pro-remove a {
        width: 60px;
        text-align: center
    }
}

.calculate-shipping {
    margin-bottom: 23px
}

.calculate-shipping h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px
}

.calculate-shipping form .nice-select {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999;
    line-height: 24px;
    padding: 5px 20px;
    background-color: transparent
}

.calculate-shipping form .nice-select::after {
    border-color: #333
}

.calculate-shipping form .nice-select .current {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #333
}

.calculate-shipping form input {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333;
    background-color: transparent
}

.calculate-shipping form input[type=submit] {
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
    width: 140px
}

.discount-coupon h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px
}

.discount-coupon form input {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333;
    background-color: transparent
}

.discount-coupon form input[type=submit] {
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba;
    width: 140px
}

.cart-summary {
    float: right;
    max-width: 410px;
    width: 100%;
    margin-left: auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cart-summary {
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .cart-summary {
        margin-left: 0
    }
}

.cart-summary .cart-summary-wrap {
    background-color: #fefcef;
    padding: 45px 50px;
    margin-bottom: 20px
}

@media only screen and (max-width:479px) {
    .cart-summary .cart-summary-wrap {
        padding: 25px 30px
    }
}

.cart-summary .cart-summary-wrap h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px
}

.cart-summary .cart-summary-wrap p {
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    color: #202020
}

.cart-summary .cart-summary-wrap p span {
    float: right
}

.cart-summary .cart-summary-wrap h2 {
    border-top: 1px solid #999;
    padding-top: 9px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #000;
    margin: 0
}

.cart-summary .cart-summary-wrap h2 span {
    float: right
}

.cart-summary .cart-summary-button {
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width:767px) {
    .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.cart-summary .cart-summary-button button {
    margin-top: 10px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999;
    line-height: 24px;
    padding: 5px 20px;
    color: #333;
    background-color: transparent;
    margin-left: 20px;
    float: right
}

.cart-summary .cart-summary-button button:last-child {
    margin-left: 0
}

.cart-summary .cart-summary-button button.checkout-btn {
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 20px
    }
    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 10px
    }
    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:479px) {
    .cart-summary .cart-summary-button button {
        width: 130px
    }
}

.compare-table .table tbody tr:first-child {
    border-top: 1px solid #eee
}

.compare-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 30px;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee
}

.compare-table .table tbody tr td:last-child {
    border-right: 1px solid #eee
}

.compare-table .table tbody tr td.first-column {
    min-width: 180px;
    font-size: 18px;
    font-weight: 600;
    color: #202020;
    margin: 0;
    line-height: 1
}

.compare-table .table tbody tr td.product-image-title {
    min-width: 310px;
    vertical-align: bottom;
    padding-top: 70px
}

.compare-table .table tbody tr td.product-image-title .image {
    clear: both;
    width: 100%;
    margin-bottom: 40px
}

.compare-table .table tbody tr td.product-image-title .image img {
    max-width: 100%
}

.compare-table .table tbody tr td.product-image-title .category {
    float: left;
    clear: both;
    font-size: 13px;
    line-height: 15px;
    color: #333;
    text-transform: capitalize;
    letter-spacing: .5px
}

.compare-table .table tbody tr td.product-image-title .title {
    float: left;
    clear: both;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    margin-bottom: 10px
}

.compare-table .table tbody tr td.pro-desc p {
    text-align: left;
    margin: 0
}

.compare-table .table tbody tr td.pro-price {
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.compare-table .table tbody tr td.pro-color {
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.compare-table .table tbody tr td.pro-stock {
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
    position: relative;
    background-color: #0075ba;
    color: #202020;
    border-radius: 50px;
    display: inline-block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart i {
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 25px;
    text-align: center;
    line-height: 41px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    left: 0;
    right: auto;
    top: 0
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    display: block;
    text-align: center
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
    padding-left: 25px;
    padding-right: 56px
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
    left: calc(100% - 41px)
}

.compare-table .table tbody tr td.pro-remove button {
    border: none;
    background-color: transparent;
    padding: 0
}

.compare-table .table tbody tr td.pro-remove button i {
    font-size: 20px
}

.compare-table .table tbody tr td.pro-ratting i {
    color: #333;
    font-size: 14px
}

.checkout-title {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px
}

.checkout-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: capitalize
}

.checkout-form .nice-select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #333;
    margin-bottom: 15px
}

.checkout-form .nice-select::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    right: 20px;
    border-color: #333
}

.checkout-form .nice-select .current {
    color: #333;
    display: block;
    line-height: 23px
}

.checkout-form .nice-select .list {
    width: 100%
}

.checkout-form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #999;
    border-radius: 50px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px
}

.checkout-form input[type=checkbox] {
    width: auto
}

.checkout-form .check-box {
    float: left;
    margin-right: 70px
}

.checkout-form .check-box:last-child {
    margin-right: 0
}

.checkout-form .check-box input[type=checkbox] {
    display: none
}

.checkout-form .check-box input[type=checkbox]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #202020;
    margin: 0
}

.checkout-form .check-box input[type=checkbox]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999;
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.checkout-form .check-box input[type=checkbox]+label::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "\f00c";
    font-family: Fontawesome;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    color: #202020;
    width: 20px;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.checkout-form .check-box input[type=checkbox]:checked+label::before {
    border: 2px solid #202020
}

.checkout-form .check-box input[type=checkbox]:checked+label::after {
    opacity: 1
}

#shipping-form {
    display: none
}

.checkout-cart-total {
    background-color: #fefcef;
    padding: 45px
}

@media only screen and (max-width:479px) {
    .checkout-cart-total {
        padding: 30px
    }
}

.checkout-cart-total h4 {
    -ms-flex-preferred-size: 18px;
    flex-basis: 18px;
    line-height: 23px;
    font-weight: 700
}

.checkout-cart-total h4:first-child {
    margin-top: 0;
    margin-bottom: 25px
}

.checkout-cart-total h4:last-child {
    margin-top: 15px;
    margin-bottom: 0
}

.checkout-cart-total h4 span {
    float: right;
    display: block
}

.checkout-cart-total ul {
    border-bottom: 1px solid #999
}

.checkout-cart-total ul li {
    color: #333;
    font-size: 14px;
    line-height: 23px;
    font-weight: 600;
    display: block;
    margin-bottom: 16px
}

.checkout-cart-total ul li span {
    color: #202020;
    float: right
}

.checkout-cart-total p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #505050;
    padding: 10px 0;
    border-bottom: 1px solid #999;
    margin: 0
}

.checkout-cart-total p span {
    float: right
}

.checkout-payment-method {
    background-color: #fefcef;
    padding: 45px
}

@media only screen and (max-width:479px) {
    .checkout-payment-method {
        padding: 30px
    }
}

.single-method {
    margin-bottom: 20px
}

.single-method:last-child {
    margin-bottom: 0
}

.single-method input[type=radio] {
    display: none
}

.single-method input[type=radio]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #202020;
    margin: 0
}

.single-method input[type=radio]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999;
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.single-method input[type=radio]+label::after {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #202020;
    width: 10px;
    text-align: center;
    height: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.single-method input[type=radio]:checked+label::before {
    border: 2px solid #202020
}

.single-method input[type=radio]:checked+label::after {
    opacity: 1
}

.single-method input[type=checkbox] {
    display: none
}

.single-method input[type=checkbox]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0
}

.single-method input[type=checkbox]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    display: block;
    border: 2px solid #999;
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.single-method input[type=checkbox]+label::after {
    position: absolute;
    left: 4px;
    top: 4px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #202020;
    width: 8px;
    text-align: center;
    height: 8px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.single-method input[type=checkbox]:checked+label::before {
    border: 2px solid #202020
}

.single-method input[type=checkbox]:checked+label::after {
    opacity: 1
}

.single-method p {
    display: none;
    margin-top: 8px;
    font-size: 14px;
    color: #333;
    line-height: 23px
}

.place-order {
    margin-top: 40px;
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: none;
    line-height: 24px;
    padding: 6px 20px;
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #0075ba
}

.feature {
    background-color: #f6f7f8;
    padding: 30px;
    position: relative
}

.feature .feature-wrap {
    text-align: center;
    border: 1px solid #e8e8e8;
    padding: 25px 15px 20px
}

.feature .feature-wrap .icon {
    display: inline-block;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
    height: 29px;
    width: 42px
}

.feature .feature-wrap .icon img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.feature .feature-wrap h4 {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .feature .feature-wrap h4 {
        font-size: 14px;
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .feature .feature-wrap h4 {
        font-size: 16px
    }
}

@media only screen and (max-width:479px) {
    .feature .feature-wrap h4 {
        font-size: 16px;
        margin-bottom: 4px
    }
}

.feature .feature-wrap p {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .feature .feature-wrap p {
        font-size: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .feature .feature-wrap p {
        font-size: 13px
    }
}

@media only screen and (max-width:479px) {
    .feature .feature-wrap p {
        font-size: 13px
    }
}

.feature:hover .feature-wrap .icon img {
    top: -29px
}

.feature-two {
    background-color: #eaeaea;
    position: relative;
    text-align: center;
    padding: 80px 20px 40px;
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 190px
}

.feature-two .feature-wrap .icon {
    display: block;
    background-color: #0075ba;
    width: 80px;
    border-radius: 0 0 50px 50px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .15);
    padding: 22px 19px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -40px
}

.feature-two .feature-wrap .icon img {
    display: block;
    margin: 0 auto
}

.feature-two .feature-wrap h4 {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 30px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .feature-two .feature-wrap h4 {
        font-size: 14px;
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .feature-two .feature-wrap h4 {
        font-size: 16px
    }
}

@media only screen and (max-width:479px) {
    .feature-two .feature-wrap h4 {
        font-size: 16px;
        margin-bottom: 4px
    }
}

.feature-two .feature-wrap p {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .feature-two .feature-wrap p {
        font-size: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .feature-two .feature-wrap p {
        font-size: 13px
    }
}

@media only screen and (max-width:479px) {
    .feature-two .feature-wrap p {
        font-size: 13px
    }
}

.feature-two:hover .feature-wrap .icon {
    padding-top: 32px
}

.ee-blog {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .07);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-blog:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .2)
}

.ee-blog .image {
    display: block
}

.ee-blog .image img {
    width: 100%
}

.ee-blog .content {
    padding: 25px 30px 30px;
    overflow: hidden
}

.ee-blog .content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600
}

.ee-blog .content h3 a {
    color: #333
}

.ee-blog .content h3 a:hover {
    color: #202020
}

@media only screen and (max-width:767px) {
    .ee-blog .content h3 {
        font-size: 18px;
        line-height: 28px
    }
}

.ee-blog .content h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600
}

.ee-blog .content h4 a {
    color: #333
}

.ee-blog .content h4 a:hover {
    color: #202020
}

.ee-blog .content ul {
    float: left;
    width: 100%
}

.ee-blog .content ul li {
    float: left;
    margin-right: 14px;
    position: relative;
    line-height: 18px
}

.ee-blog .content ul li::before {
    position: absolute;
    right: -9px;
    top: 50%;
    width: 4px;
    height: 1px;
    content: "";
    background-color: #7b7b7b
}

.ee-blog .content ul li:last-child {
    margin-right: 0
}

.ee-blog .content ul li:last-child::before {
    display: none
}

.ee-blog .content ul li a {
    font-size: 13px;
    letter-spacing: .5px;
    color: #333;
    line-height: 18px
}

.ee-blog .content ul li a:hover {
    color: #202020
}

.ee-blog .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
    display: block;
    float: left;
    width: 100%
}

.ee-blog .content blockquote {
    overflow: hidden;
    margin: 0;
    padding: 50px;
    width: 100%
}

.ee-blog .content blockquote p {
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
    margin: 0;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .ee-blog .content blockquote {
        padding: 20px
    }
}

@media only screen and (max-width:479px) {
    .ee-blog .content blockquote {
        padding: 0
    }
}

.ee-single-blog {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .07);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-single-blog:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .2)
}

.ee-single-blog .image {
    display: block
}

.ee-single-blog .image img {
    width: 100%
}

.ee-single-blog .content {
    padding: 25px 30px 30px;
    overflow: hidden
}

.ee-single-blog .content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600
}

@media only screen and (max-width:767px) {
    .ee-single-blog .content h3 {
        font-size: 18px;
        line-height: 28px
    }
}

.ee-single-blog .content h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600
}

.ee-single-blog .content ul {
    float: left;
    width: 100%
}

.ee-single-blog .content ul li {
    float: left;
    margin-right: 14px;
    position: relative;
    line-height: 18px
}

.ee-single-blog .content ul li::before {
    position: absolute;
    right: -9px;
    top: 50%;
    width: 4px;
    height: 1px;
    content: "";
    background-color: #7b7b7b
}

.ee-single-blog .content ul li:last-child {
    margin-right: 0
}

.ee-single-blog .content ul li:last-child::before {
    display: none
}

.ee-single-blog .content ul li a {
    font-size: 13px;
    letter-spacing: .5px;
    color: #333;
    line-height: 18px
}

.ee-single-blog .content ul li a:hover {
    color: #202020
}

.ee-single-blog .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
    display: block;
    float: left;
    width: 100%
}

.ee-single-blog .content blockquote {
    overflow: hidden;
    margin: 0;
    padding: 15px 0;
    width: 100%
}

.ee-single-blog .content blockquote p {
    font-size: 16px;
    line-height: 25px;
    font-style: italic;
    margin: 0;
    font-weight: 400
}

.ee-single-blog .content .blog-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.ee-single-blog .content .blog-footer .blog-tags {
    margin-top: 14px
}

.ee-single-blog .content .blog-footer .blog-tags h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 24px;
    float: left;
    margin-right: 10px
}

.ee-single-blog .content .blog-footer .blog-tags a {
    display: inline-block;
    margin-right: 5px;
    font-size: 13px;
    letter-spacing: .5px;
    color: #333;
    line-height: 18px
}

.ee-single-blog .content .blog-footer .blog-tags a:hover {
    color: #202020
}

.ee-single-blog .content .blog-footer .blog-tags a::after {
    content: ', '
}

.ee-single-blog .content .blog-footer .blog-share {
    margin-top: 14px
}

.ee-single-blog .content .blog-footer .blog-share h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 0;
    float: left;
    margin-right: 10px
}

.ee-single-blog .content .blog-footer .blog-share a {
    border: 1px solid #999;
    color: #333;
    border-radius: 50px;
    width: 27px;
    height: 27px;
    text-align: center;
    margin-right: 10px
}

.ee-single-blog .content .blog-footer .blog-share a:last-child {
    margin-right: 0
}

.ee-single-blog .content .blog-footer .blog-share a i {
    display: block;
    font-size: 11px;
    line-height: 25px
}

.ee-single-blog .content .blog-footer .blog-share a:hover {
    border-color: #0075ba;
    background-color: #0075ba;
    color: #202020
}

.blog-author .image {
    width: 120px;
    margin-right: 20px;
    float: left
}

.blog-author .image img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .blog-author .image {
        float: none;
        margin-bottom: 15px;
        margin-right: 0
    }
}

.blog-author .content {
    overflow: hidden
}

.blog-author .content h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.blog-author .content p {
    font-size: 14px;
    line-height: 24px
}

.blog-comment-wrap h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 38px
}

.comment-list li .children {
    margin-left: 50px
}

@media only screen and (max-width:767px) {
    .comment-list li .children {
        margin: 0
    }
}

.single-comment {
    margin-bottom: 60px
}

.single-comment .image {
    width: 95px;
    float: left;
    margin-right: 30px
}

.single-comment .image img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .single-comment .image {
        float: none;
        margin-bottom: 15px;
        margin-right: 0
    }
}

.single-comment .content {
    overflow: hidden
}

.single-comment .content h5 {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 18px
}

.single-comment .content h5 span {
    font-size: 14px;
    font-weight: 300
}

.single-comment .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px
}

.single-comment .content .reply {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #656565;
    line-height: 16px;
    text-transform: capitalize
}

.single-comment .content .reply:hover {
    color: #202020
}

.comment-form label {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin-bottom: 15px
}

.comment-form input {
    width: 100%;
    line-height: 23px;
    border: 1px solid #999;
    padding: 10px 20px;
    background-color: transparent;
    border-radius: 50px;
    color: #333
}

.comment-form input[type=submit] {
    width: auto;
    padding: 10px 35px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #202020
}

.comment-form input[type=submit]:hover {
    border-color: #202020;
    background-color: #202020;
    color: #0075ba
}

.comment-form textarea {
    width: 100%;
    line-height: 23px;
    border: 1px solid #999;
    padding: 10px 20px;
    background-color: transparent;
    color: #333;
    border-radius: 10px;
    resize: none;
    height: 150px
}

.blog-sidebar {
    background-color: #f6f7f8
}

.blog-sidebar .title {
    background-color: #fefcef;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 35px;
    text-transform: uppercase;
    margin: 0
}

.blog-sidebar ul li {
    padding: 10px 35px;
    border-bottom: 1px solid #ddd
}

.blog-sidebar ul li:last-child {
    border-bottom: 0
}

.blog-sidebar ul li a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    padding-left: 15px
}

.blog-sidebar ul li a:hover {
    color: #202020
}

.blog-sidebar ul li a:hover::before {
    color: #202020
}

.blog-sidebar ul li a::before {
    position: absolute;
    left: 0;
    top: 0;
    color: #333;
    line-height: 29px;
    font-family: Fontawesome;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    content: "\f105"
}

.blog-sidebar ul li ul li {
    border: none;
    padding: 5px 25px
}

.blog-sidebar ul li ul li a {
    text-transform: capitalize;
    padding-left: 20px
}

.blog-sidebar ul li ul li a::before {
    content: "\f178";
    color: #333
}

.blog-sidebar .tags-cloud {
    margin: 0 -5px;
    padding: 20px 35px;
    overflow: hidden
}

.blog-sidebar .tags-cloud a {
    font-size: 14px;
    border: 1px solid #999;
    line-height: 23px;
    padding: 5px 12px 3px;
    color: #333;
    float: left;
    margin: 5px;
    text-transform: uppercase
}

.blog-sidebar .tags-cloud a:hover {
    color: #202020;
    background-color: #0075ba;
    border-color: #0075ba
}

.sidebar-blog {
    padding: 20px 35px;
    border-bottom: 1px solid #ddd;
    overflow: hidden
}

.sidebar-blog:last-child {
    border-bottom: none
}

.sidebar-blog .image {
    display: block;
    float: left;
    width: 70px;
    margin-right: 20px
}

.sidebar-blog .image img {
    width: 100%
}

.sidebar-blog .content {
    overflow: hidden
}

.sidebar-blog .content h5 {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px
}

.sidebar-blog .content h5 a {
    color: #333
}

.sidebar-blog .content h5 a:hover {
    color: #202020
}

.sidebar-blog .content span {
    display: block;
    font-size: 13px;
    z-index: 18px;
    color: #333
}

.ee-login h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px
}

.ee-login p {
    font-size: 14px;
    line-height: 23px;
    max-width: 500px
}

.ee-login form {
    max-width: 450px;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 60px;
    clear: both;
    float: left
}

.ee-login form input {
    width: 100%;
    border: 1px solid #999;
    line-height: 28px;
    border-radius: 50px;
    padding: 10px 30px;
    color: #333;
    font-size: 14px;
    background-color: transparent
}

.ee-login form input[type=submit] {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 15px;
    width: 150px;
    text-align: center;
    background-color: #0075ba;
    border: none;
    color: #202020;
    text-transform: uppercase;
    font-weight: 700
}

.ee-login form input[type=checkbox] {
    display: none
}

.ee-login form input[type=checkbox]+label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0 0 15px
}

.ee-login form input[type=checkbox]+label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #999;
    content: "";
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-login form input[type=checkbox]+label::after {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    content: "";
    opacity: 0;
    background-color: #202020;
    width: 10px;
    text-align: center;
    height: 10px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-login form input[type=checkbox]:checked+label::before {
    border: 2px solid #202020
}

.ee-login form input[type=checkbox]:checked+label::after {
    opacity: 1
}

.ee-login form a {
    float: right;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    display: inline-block;
    margin-bottom: 15px
}

.ee-login form a:hover {
    color: #202020
}

.ee-login h4 {
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0
}

.ee-login h4 a {
    text-transform: uppercase;
    font-weight: 700;
    color: #0075ba
}

.ee-login h4 a:hover {
    text-decoration: underline
}

.login-reg-vertical-boder {
    height: 340px;
    width: 1px;
    margin: auto;
    background-color: #0075ba;
    position: relative
}

@media only screen and (max-width:767px) {
    .login-reg-vertical-boder {
        height: 100px;
        margin: 40px auto
    }
}

.login-reg-vertical-boder::after,
.login-reg-vertical-boder::before {
    position: absolute;
    top: 25px;
    bottom: 25px;
    width: 1px;
    content: "";
    background-color: #0075ba
}

@media only screen and (max-width:767px) {
    .login-reg-vertical-boder::before,
    .login-reg-vertical-boder::after {
        top: 15px;
        bottom: 15px
    }
}

.login-reg-vertical-boder::before {
    left: -15px;
    right: auto
}

.login-reg-vertical-boder::after {
    right: -15px;
    left: auto
}

.ee-social-login {
    margin: auto;
    max-width: 310px
}

.ee-social-login h3 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 45px
}

.ee-social-login a {
    width: 250px;
    height: 50px;
    padding: 10px 50px 10px 30px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 30px;
    border-radius: 50px;
    text-align: left;
    position: relative;
    margin-bottom: 30px
}

.ee-social-login a i {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    right: 4px;
    top: 4px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ee-social-login a.facebook-login {
    background-color: #3b5998
}

.ee-social-login a.facebook-login i {
    color: #3b5998
}

.ee-social-login a.twitter-login {
    background-color: #1dcaff
}

.ee-social-login a.twitter-login i {
    color: #1dcaff
}

.ee-social-login a.google-plus-login {
    background-color: #dd4b39
}

.ee-social-login a.google-plus-login i {
    color: #dd4b39
}

.ee-social-login a:last-child {
    margin-bottom: 0
}

.ee-register h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px
}

.ee-register p {
    font-size: 14px;
    line-height: 23px;
    max-width: 500px
}

.ee-register form {
    max-width: 450px;
    width: 100%;
    margin-top: 50px;
    clear: both;
    float: left
}

.ee-register form input {
    width: 100%;
    border: 1px solid #999;
    line-height: 28px;
    border-radius: 50px;
    padding: 10px 30px;
    color: #333;
    font-size: 14px;
    background-color: transparent
}

.ee-register form input[type=submit] {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 15px;
    width: 150px;
    text-align: center;
    background-color: #0075ba;
    border: none;
    color: #202020;
    text-transform: uppercase;
    font-weight: 700
}

.ee-account-image {
    margin: auto;
    text-align: center
}

.ee-account-image h3 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 35px
}

.ee-account-image .image-placeholder {
    max-width: 100%;
    margin-bottom: 35px
}

.ee-account-image .account-image-upload {
    margin-bottom: 10px
}

.ee-account-image .account-image-upload input {
    display: none
}

.ee-account-image .account-image-upload input+label {
    line-height: 28px;
    padding: 10px 46px 10px 20px;
    border: 1px solid #999;
    background-color: transparent;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    width: 320px;
    text-align: left;
    position: relative;
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-account-image .account-image-upload input+label {
        width: 250px
    }
}

@media only screen and (max-width:479px) {
    .ee-account-image .account-image-upload input+label {
        width: 250px
    }
}

.ee-account-image .account-image-upload input+label::before {
    position: absolute;
    right: 4px;
    top: 3px;
    content: "\f07c";
    font-family: Fontawesome;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #0075ba;
    color: #202020;
    text-align: center;
    line-height: 42px;
    font-size: 18px
}

.ee-account-image p {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    line-height: 16px
}

.single-team {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .07)
}

.single-team img {
    width: 100%
}

.single-team .content {
    position: relative;
    text-align: center;
    background-color: #fff;
    overflow: hidden
}

.single-team .content .name-title {
    padding: 20px 15px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.single-team .content .name-title h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    text-transform: capitalize;
    margin-bottom: 6px
}

.single-team .content .name-title span {
    display: block;
    font-size: 13px;
    color: #333;
    line-height: 18px;
    text-transform: capitalize
}

.single-team .content .social {
    position: absolute;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 3;
    left: 0;
    top: 15px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.single-team .content .social a {
    border: 1px solid #999;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    color: #333;
    margin: 0 5px
}

.single-team .content .social a i {
    font-size: 14px;
    display: block;
    line-height: 32px
}

.single-team .content .social a:hover {
    background-color: #202020;
    border-color: #202020;
    color: #0075ba
}

.single-team:hover .content .name-title {
    opacity: 0
}

.single-team:hover .content .social {
    opacity: 1;
    top: 0
}

.single-team-2 img {
    width: 100%;
    border-bottom: 1px solid #eee
}

.single-team-2 .content {
    margin-top: 20px;
    text-align: center
}

.single-team-2 .content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 6px
}

.single-team-2 .content span {
    display: block;
    font-size: 13px;
    color: #333;
    line-height: 18px;
    text-transform: capitalize
}

.faq-wrap {
    padding: 60px;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .07);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .07)
}

@media only screen and (max-width:767px) {
    .faq-wrap {
        padding: 40px
    }
}

@media only screen and (max-width:479px) {
    .faq-wrap {
        padding: 30px
    }
}

.single-faq {
    margin-bottom: 42px
}

.single-faq:last-child {
    margin-bottom: 0
}

.single-faq h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px
}

.single-faq p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0
}

.ask-question {
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    color: #333;
    margin: 0
}

.ask-question a {
    color: #333
}

.ask-question a:hover {
    color: #0075ba
}

.terms-conditions-wrap h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
    margin-bottom: 20px
}

@media only screen and (max-width:479px) {
    .terms-conditions-wrap h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.terms-conditions-wrap p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 56px;
    max-width: 570px
}

.terms-conditions-wrap ul li {
    padding-left: 25px;
    font-size: 14px;
    line-height: 23px;
    color: #333;
    margin-bottom: 35px;
    position: relative
}

.terms-conditions-wrap ul li:last-child {
    margin-bottom: 0
}

.terms-conditions-wrap ul li::before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 23px;
    color: #333
}

.track-order-title h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
    margin-bottom: 20px
}

@media only screen and (max-width:479px) {
    .track-order-title h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.track-order-title p {
    font-size: 16px;
    line-height: 25px;
    margin: auto;
    max-width: 830px
}

.track-order-form label {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #202020;
    display: block;
    margin-bottom: 16px
}

.track-order-form input {
    width: 100%;
    border: 1px solid #999;
    border-radius: 50px;
    font-size: 14px;
    line-height: 23px;
    padding: 10px 20px;
    color: #333;
    margin-bottom: 45px;
    background-color: transparent
}

.track-order-form input[type=submit] {
    border-color: #0075ba;
    background-color: #0075ba;
    color: #202020;
    text-transform: uppercase;
    width: 180px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0
}

.single-store h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 28px;
    margin-bottom: 20px
}

.single-store p {
    max-width: 270px;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 4px
}

.single-store p:last-child {
    margin-bottom: 0
}

.single-store p a:hover {
    color: #202020
}

.brand-slider {
    text-align: center
}

.brand-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.brand-slider .brand-item img {
    display: inline-block;
    max-width: 100%
}

.subscribe-section {
    background: url(../images/search-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.subscribe-content h2 {
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    margin: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .subscribe-content h2 {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .subscribe-content h2 {
        font-size: 24px;
        line-height: 28px;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .subscribe-content h2 {
        font-size: 24px;
        line-height: 28px;
        text-align: center
    }
}

@media only screen and (max-width:479px) {
    .subscribe-content h2 {
        font-size: 18px;
        line-height: 24px
    }
}

.subscribe-content h2 span {
    font-weight: 800
}

.subscribe-form {
    width: 100%;
    border: 1px solid #bdb5b5;
    padding: 3px;
    padding-right: 140px;
    border-radius: 50px;
    position: relative
}

@media only screen and (max-width:479px) {
    .subscribe-form {
        padding: 0;
        border: none !important
    }
}

.subscribe-form input {
    height: 50px;
    width: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: transparent;
    border: none;
    line-height: 24px;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

@media only screen and (max-width:479px) {
    .subscribe-form input {
        border: 1px solid #bdb5b5;
        border-radius: 50px;
        text-align: center
    }
}

.subscribe-form button {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #2a2a2a;
    border: none;
    line-height: 24px;
    text-transform: uppercase;
    padding: 13px 30px;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

@media only screen and (max-width:479px) {
    .subscribe-form button {
        position: static;
        border-radius: 50px;
        margin-top: 10px;
        width: 100%
    }
}

.subscribe-form button:hover {
    background-color: #023876;
    color: #fff
}

.popup-subscribe-section {
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999999;
    padding: 10px
}

.popup-subscribe-wrap {
    margin: auto;
    background-color: #0075ba;
    position: relative;
    max-width: 1015px;
    width: 100%
}

.popup-subscribe-wrap .close-popup {
    width: 36px;
    height: 36px;
    border: none;
    color: #202020;
    border-color: #f6f7f8;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 30px;
    top: 30px
}

.popup-subscribe-banner {
    width: 435px;
    float: left
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .popup-subscribe-banner {
        width: 400px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .popup-subscribe-banner {
        width: 350px
    }
}

@media only screen and (max-width:767px) {
    .popup-subscribe-banner {
        display: none
    }
}

.popup-subscribe-form-wrap {
    float: left;
    overflow: hidden;
    padding: 60px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .popup-subscribe-form-wrap {
        padding: 50px 60px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .popup-subscribe-form-wrap {
        width: 395px;
        padding: 40px
    }
}

@media only screen and (max-width:767px) {
    .popup-subscribe-form-wrap {
        padding: 30px
    }
}

.popup-subscribe-form-wrap h1 {
    font-size: 36px;
    line-height: 44px;
    font-family: Oswald, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .popup-subscribe-form-wrap h1 {
        font-size: 30px;
        line-height: 36px
    }
}

@media only screen and (max-width:767px) {
    .popup-subscribe-form-wrap h1 {
        font-size: 24px;
        line-height: 30px
    }
}

.popup-subscribe-form-wrap h4 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 38px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .popup-subscribe-form-wrap h4 {
        font-size: 16px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .popup-subscribe-form-wrap h4 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px
    }
}

.popup-subscribe-form-wrap p {
    font-size: 16px;
    color: #202020;
    margin-top: 30px;
    margin-bottom: 0;
    max-width: 460px
}

@media only screen and (max-width:767px) {
    .popup-subscribe-form-wrap p {
        font-size: 14px;
        margin-top: 10px
    }
}

.popup-subscribe-form input[type=email] {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #202020;
    max-width: 100%;
    width: 460px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #202020;
    background-color: transparent;
    line-height: 35px;
    clear: both
}

.popup-subscribe-form input[type=email]::-webkit-input-placeholder {
    opacity: 1;
    color: #202020
}

@media only screen and (max-width:767px) {
    .popup-subscribe-form input[type=email] {
        width: 100%
    }
}

.popup-subscribe-form button.button {
    margin-top: 35px;
    display: block;
    line-height: 22px;
    background-color: transparent;
    border: 1px solid #202020;
    color: #202020;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 50px;
    padding: 10px 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .popup-subscribe-form button.button {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    .popup-subscribe-form button.button {
        margin-top: 20px
    }
}

.about-image img {
    width: 100%
}

.about-content h1 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 23px
}

.about-content h1 span {
    color: #0075ba
}

@media only screen and (max-width:767px) {
    .about-content h1 {
        font-size: 24px;
        line-height: 30px
    }
}

.about-content h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px
}

.about-content p {
    font-size: 14px;
    line-height: 23px
}

.about-mission-vission-goal h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 13px
}

.about-mission-vission-goal p {
    font-size: 14px;
    line-height: 23px
}

.about-section-title h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 23px
}

@media only screen and (max-width:767px) {
    .about-section-title h3 {
        font-size: 18px;
        line-height: 24px
    }
}

.about-section-title p {
    font-size: 14px;
    line-height: 23px;
    max-width: 600px
}

.about-feature h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px
}

.about-feature p {
    font-size: 14px;
    line-height: 23px;
    max-width: 265px
}

@media only screen and (max-width:767px) {
    .about-feature p {
        max-width: 350px
    }
}

.about-feature-banner .banner {
    margin-left: 70px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .about-feature-banner .banner {
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .about-feature-banner .banner {
        margin-left: 0
    }
}

.feature-content h2 {
    font-size: 30px;
    max-width: 470px;
    margin-bottom: 0
}

.feature-content h2 span {
    font-weight: 700
}

.feature-content h1 {
    font-size: 36px;
    max-width: 470px
}

.feature-content h1 span {
    font-weight: 700
}

.feature-content p {
    line-height: 23px;
    max-width: 520px;
    margin-bottom: 0;
    margin-top: 30px
}

.feature-image {
    position: relative;
    z-index: 2
}

.feature-image::before {
    position: absolute;
    right: 0;
    bottom: -40px;
    content: "";
    width: 380px;
    height: 360px;
    background-color: #fefcef;
    z-index: -1
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .feature-image::before {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .feature-image::before {
        display: none
    }
}

.feature-image img {
    width: 100%;
    margin-left: -40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .feature-image img {
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    .feature-image img {
        margin-left: 0
    }
}

.testimonial-slider .slick-arrow {
    width: 34px;
    border: 1px solid #dfdfdf;
    color: #cacaca;
    height: 34px;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    z-index: 9
}

.testimonial-slider .slick-arrow i {
    font-size: 18px;
    display: block;
    line-height: 32px
}

.testimonial-slider .slick-arrow:hover {
    color: #fff;
    background-color: #202020;
    border-color: #202020
}

.testimonial-slider .slick-arrow.slick-prev {
    left: 0
}

.testimonial-slider .slick-arrow.slick-next {
    right: 0
}

@media only screen and (max-width:767px) {
    .testimonial-slider .slick-arrow {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    .ee-testimonial-item-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ee-testimonial-image-one {
    width: 250px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    float: left;
    margin-right: 80px
}

.ee-testimonial-image-one img {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-testimonial-image-one {
        margin-right: 40px
    }
}

@media only screen and (max-width:767px) {
    .ee-testimonial-image-one {
        margin-right: 0;
        float: none
    }
}

@media only screen and (max-width:767px) {
    .ee-testimonial-content {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 30px
    }
}

.ee-testimonial-content i {
    font-size: 40px;
    color: #e3e3e3;
    margin-bottom: 15px;
    display: block
}

.ee-testimonial-content p {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 25px;
    margin-bottom: 36px
}

.ee-testimonial-content img {
    max-width: 100%;
    margin-bottom: 10px
}

.ee-testimonial-content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px
}

.ee-testimonial-content span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 18px
}

.ee-testimonial-content.text-center img {
    margin-left: auto;
    margin-right: auto
}

.testimonial-image-slider {
    max-width: 430px;
    margin: auto;
    margin-bottom: 50px
}

.testimonial-image-slider .ee-testimonial-item {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: .4
}

.testimonial-image-slider .ee-testimonial-item.slick-center {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.testimonial-image-slider .ee-testimonial-item img {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    max-width: 100%
}

.testimonial-slider-2 {
    margin: 0 -40px;
    width: auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .testimonial-slider-2 {
        margin: 0 -15px
    }
}

@media only screen and (max-width:767px) {
    .testimonial-slider-2 {
        margin: 0 -15px
    }
}

.ee-testimonial-item-2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ee-testimonial-item-2 {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    .ee-testimonial-item-2 {
        padding: 0 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ee-testimonial-image-2 {
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    overflow: hidden;
    z-index: 9;
    position: relative
}

.ee-testimonial-image-2 img {
    width: 100%
}

@media only screen and (max-width:767px) {
    .ee-testimonial-image-2 {
        margin-left: 30px
    }
}

.ee-testimonial-content-2 {
    background-color: #fefcef;
    overflow: hidden;
    padding: 40px 50px 40px 85px;
    margin-left: -50px
}

@media only screen and (max-width:767px) {
    .ee-testimonial-content-2 {
        padding: 80px 30px 30px;
        margin-top: -50px;
        margin-left: 0
    }
}

.ee-testimonial-content-2 p {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 25px;
    margin-bottom: 10px
}

.ee-testimonial-content-2 h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px
}

.ee-testimonial-content-2 span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 18px
}

.five-column-widget>[class*=col-],
.five-column-widget>[class*=col] {
    width: 20%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .five-column-widget>[class*=col-],
    .five-column-widget>[class*=col] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .five-column-widget>[class*=col-],
    .five-column-widget>[class*=col] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width:767px) {
    .five-column-widget>[class*=col-],
    .five-column-widget>[class*=col] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 28px;
    text-transform: uppercase;
    color: #fff
}

.footer-widget .footer-logo {
    max-width: 100%;
    margin: auto 0 25px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    clear: both
}

.footer-widget .footer-logo img {
    display: block;
    max-width: 100%
}

.footer-widget .footer-logo img.theme-dark {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0
}

.footer-widget p {
    font-size: 14px;
    line-height: 24px;
    margin: auto
}

.footer-widget.text-center .footer-logo {
    margin: auto auto 25px
}

.footer-social {
    margin-top: 30px
}

.footer-social a {
    width: 34px;
    height: 34px;
    border-radius: 50px;
    border: 1px solid #d1d1d1;
    text-align: center;
    color: #606060;
    float: left;
    margin-right: 10px
}

.footer-social a i {
    font-size: 13px;
    line-height: 32px;
    display: block
}

.footer-social a:hover {
    border-color: #202020;
    color: #202020
}

.footer-instagram {
    margin: -5px;
    width: auto
}

.footer-instagram li {
    padding: 5px;
    float: left;
    width: 33.3333%
}

.footer-instagram li a {
    display: block;
    position: relative;
    color: #202020
}

.footer-instagram li a::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #0075ba;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.footer-instagram li a img {
    width: 100%
}

.footer-instagram li a span {
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 9;
    display: block;
    line-height: 24px;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.footer-instagram li a span i {
    float: left;
    margin-right: 3px;
    line-height: 24px
}

.footer-instagram li a:hover::before {
    opacity: .85
}

.footer-instagram li a:hover span {
    opacity: 1
}

p.contact-info {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 13px
}

p.contact-info:last-child {
    margin: 0
}

p.contact-info span {
    display: block;
    font-weight: 600;
    color: #fff
}

p.contact-info a {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-weight: 500;
    color: #fff
}

p.contact-info a:hover {
    color: #202020
}

ul.link-widget li {
    margin-bottom: 11px
}

ul.link-widget li:last-child {
    margin: 0
}

ul.link-widget li a {
    font-size: 14px;
    line-height: 23px;
    color: #fff
}

ul.link-widget li a:hover {
    color: #8fa8c3
}

.footer-tweet ul li {
    font-size: 14px;
    line-height: 23px;
    padding-left: 35px;
    position: relative;
    margin-bottom: 25px
}

.footer-tweet ul li:last-child {
    margin: 0
}

.footer-tweet ul li::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "\ee34";
    font-family: IcoFont;
    color: #333;
    font-size: 24px;
    display: block
}

.footer-tweet ul li .author a {
    font-weight: 600;
    color: #202020
}

.footer-tweet ul li>a {
    color: #1da1f3;
    display: block
}

.footer-bottom-section {
    border-top: 1px solid #eae9e9;
    padding: 20px 0
}

.footer-copyright {
    text-align: left
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer-copyright {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .footer-copyright {
        text-align: center
    }
}

.footer-copyright p {
    font-size: 14px;
    line-height: 30px
}

.footer-copyright p a {
    font-weight: 600;
    color: #2661a5
}

.footer-payments-image {
    text-align: right
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer-payments-image {
        text-align: center;
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) {
    .footer-payments-image {
        text-align: center;
        margin-top: 10px
    }
}

.footer-payments-image img {
    max-width: 100%
}

.contact-page-title h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: Oswald, sans-serif
}

.contact-tab-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 12px
}

.contact-tab-list li:last-child {
    margin-bottom: 0
}

.contact-tab-list li a {
    font-size: 18px;
    line-height: 24px;
    color: #5b5b5b
}

.contact-tab-list li a::before {
    font-family: Fontawesome;
    content: "\f101";
    line-height: 22px;
    font-size: 20px;
    float: left;
    margin-right: 6px
}

.contact-tab-list li a:hover {
    color: #333
}

.contact-tab-list li a.active {
    color: #333;
    font-weight: 600
}

.contact-information h4 {
    font-size: 18px;
    font-weight: 700
}

.contact-information p {
    font-size: 16px;
    color: #606060;
    line-height: 23px
}

.contact-information p a {
    display: block
}

.contact-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 17px
}

.contact-form input {
    width: 100%;
    border: 1px solid #999;
    line-height: 23px;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: transparent
}

.contact-form input[type=submit] {
    width: auto;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    background-color: transparent
}

.contact-form input[type=submit]:hover {
    background-color: #202020;
    border-color: #202020;
    color: #0075ba
}

.contact-form textarea {
    width: 100%;
    border: 1px solid #999;
    line-height: 23px;
    padding: 10px 20px;
    border-radius: 10px;
    height: 120px;
    resize: none;
    background-color: transparent
}

.header-top-border {
    border: none;
    background: #0075ba;
    color: #fff;
    height: 70px
}

@media (max-width:992px) {
    #hide_phone {
        display: none
    }
}

.header-links a span {
    color: #fff
}

.header-shop-links a {
    color: #fff
}

.header-account-links a span {
    color: #fff
}

.product-section.section.mb-60 {
    margin-bottom: 20px
}

.banner-section.section.mb-90 {
    margin-bottom: 40px
}

.footer-top-section.section.pt-90.pb-50 {
    padding-top: 50px;
    padding-bottom: 20px
}

.feature-section.section.mb-60 {
    margin-bottom: 30px
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: none
}

.image {
    text-align: center
}

.image img {
    max-height: 150px;
    min-height: 150px;
    padding-top: 30px;
    margin: 0 auto
}

@media (min-width:260px) and (max-width:767px) {
    .header-advance-search.mobile-d {
        float: none
    }
}

#cart {
    overflow-x: hidden;
    overflow: hidden;
    overflow: auto
}

.panel-default>.panel-heading {
    color: #fff;
    background-color: #023876;
    border-color: #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-default {
    border-color: #ddd
}

.panel-body {
    padding: 15px
}

select#icountry {
    font-size: 12px;
    padding: 6px;
    height: auto
}

label.btn.btn-success {
    font-size: 13px;
    background: #2a2a2a;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 100%
}

button.btn.btn-primary.kbtn {
    padding: 5px 10px;
    font-size: 13px;
    background: #2a2a2a;
    color: #fff;
    border: none
}

input#zip_shipp {
    font-size: 13px;
    margin-right: 5px;
    border: 1px solid #716e6e;
    padding: 6px;
    height: auto;
    width: 120px
}

.mini-cart-top .pull-right {
    font-size: 12px
}

p.added-message br {
    display: none
}

p.added-message span {
    display: inline-block;
    padding: 4px 0;
    margin-bottom: 10px;
    font-size: 12px
}

.webix_icon,
.webix_input_icon {
    display: none !important
}

.header-bottom.header-bottom-two.header-sticky.is-sticky .main-menu nav>ul>li>a {
    line-height: 67px
}

.row.pb-1.txt-style {
    font-size: 20px;
    padding-left: 1px;
}

#loginbox-k .modal-header {
    background: #0075ba
}

#loginbox-k .modal-title {
    font-size: 18px;
    color: #fff
}

#loginbox-k .modal-body {
    padding: 40px 35px 30px
}

#loginbox-k ul.nav-tabs {
    text-align: center;
    margin-bottom: 20px
}

#loginbox-k ul.nav-tabs {
    text-align: center;
    margin-bottom: 20px
}

#loginbox-k ul.nav-tabs li {
    display: inline-block;
    width: 49%
}

#loginbox-k ul.nav-tabs li a {
    width: 102%;
    display: inline-block;
    padding: 15px 40px;
    text-align: center;
    background: #eee7f7;
    color: #434343;
    font-size: 14px
}

#loginbox-k ul.nav-tabs li a.current {
    background: #0075ba;
    color: #fff
}

#loginbox-k ul.nav-tabs li a.active {
    background: #0075ba;
    color: #fff
}

#loginbox-k form#loginForm table tr td input {
    width: 100% !important
}

#loginbox-k .modal-header .close {
    opacity: 1;
    text-shadow: none;
    color: #fff
}

#loginbox-k label.error {
    color: red;
    font-size: 13px;
    position: absolute;
    top: 35px;
    left: 28px
}

#loginbox-k form#loginForm table {
    margin: 0
}

#loginbox-k form#forgotForm {
    height: auto !important
}

#loginbox-k form#forgotForm table {
    margin-bottom: 0
}

.desc p {
    text-align: left
}

.single-product-description-content.col-lg-8.col-12 p {
    text-align: left
}

ul.mega-menu.three-column li button {
    background: 0 0;
    font-size: 12px
}

ul.mega-menu.three-column li {
    float: left;
    width: 25%;
    padding: 2px 10px;
    font-size: 12px
}

#feature {
    background: #0075ba
}

.brands-section.section {
    background: #f1f3f6
}

.brand-slider.slider.slick-initialized.slick-slider {
    background: #fff;
    padding: 25px 0 20px 0
}

.brand-slider.slider.slick-initialized.slick-slider img {
    display: block;
    margin: 0 auto
}

.brand-slider.slider.slick-initialized.slick-slider h3 {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0
}

.brands-section.section button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 99;
    left: 8px;
    top: 35%;
    width: 40px;
    height: 40px;
    background: #0075ba;
    border-radius: 50px;
    border: none;
    font-size: 24px;
    color: #fff
}

.brands-section.section button.slick-next.slick-arrow {
    position: absolute;
    z-index: 99;
    right: 8px;
    top: 35%;
    width: 40px;
    height: 40px;
    background: #0075ba;
    border-radius: 50px;
    border: none;
    font-size: 24px;
    color: #fff
}

li.breadcrumb-item a {
    color: #023876 !important;
    font-weight: 700
}

.delivery {
    border: 1px solid #b9b9b9;
    padding: 4px;
    width: 140px;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #b9b9b9;
    padding: 4px;
    width: 164px;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/location-change.png), url(../images/location.png);
    background-position: 97% center, 5px center;
    background-repeat: no-repeat, no-repeat;
    padding-left: 26px
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none
}

.mini-cart-wrap .form-control {
    border: 1px solid #716e6e;
    font-size: 13px
}

div#deldet p a {
    color: #023876;
    font-weight: 700
}

button.btn.btn-success {
    color: #fff;
    border: none;
    padding: 6px 20px;
    font-size: 14px
}

button.btn.btn-danger {
    color: #fff;
    border: none;
    padding: 6px 20px;
    font-size: 14px
}

.mini-cart-wrap .table td,
.table th {
    padding: 9px;
    vertical-align: top;
    border-top: none;
    position: relative
}

label.error {
    color: red;
    font-size: 13px;
    position: absolute;
    top: 11px;
    left: 28px
}

table#badr tr td {
    width: 50%
}

table#pdet tr td {
    width: 50%
}

table#pdet tr td.inner-tbl {
    width: 100%;
    padding: 0
}

table#pdet label {
    font-size: 12px
}

div#deldet p.pt-3 {
    position: relative;
    padding-bottom: 7px
}

a.removesh {
    color: #023876;
    padding: 4px 10px;
    border: 1px solid #868383;
    margin-left: 10px;
    border-radius: 4px
}

span.price.text-center {
    margin: 10px 0
}

div#select_shipping a {
    color: #007bff
}

h4.sub-total span {
    color: #023876;
    font-size: 20px
}

@media only screen and (max-width:479px) {
    .footer-section .container-fluid {
        padding: 0 15px;
        width: 320px
    }
    .hero-slider-two {
        margin-bottom: 10px
    }
    .image img {
        width: auto;
        max-width: 100%
    }
    #loginbox-k ul.tabs li a {
        padding: 15px 5px
    }
    div#cart {
        width: 100% !important
    }
}

@media (min-width:260px) and (max-width:767px) {
    .offer-product-wrap.row.detailpge .product-tab-filter-toggle {
        display: none
    }
    div#carousel ul li img {
        height: 150px;
        max-width: 100%
    }
    .header-links a {
        display: inline-block;
        float: none
    }
    .header-account-links a {
        padding-left: 0;
        float: left
    }
    .hero-item-two .row.align-items-center.justify-content-between {
        padding: 7px 14px
    }
    .banner.pb-2 {
        margin-bottom: 0
    }
    .hero-slider-two {
        margin-bottom: 25px
    }
    .dell-left {
        display: none
    }
    .hero-item-two img {
        display: block;
        width: 100%
    }
    .header-bottom.header-bottom-two.header-sticky.is-sticky .header-logo img {
        width: 101px
    }
    .product-list-item-inline {
        margin-bottom: 5px
    }
    .pagination li {
        margin: 0
    }
    .flexslider .slides img {}
    .row.pb-1.txt-style strong {
        display: block
    }
    .mega-menu,
    .sub-menu {
        border: none
    }
    .mobile-menu.order-12.d-block.d-lg-none.col.mean-container div.mean-bar:nth-child(2) {
        display: none
    }
    .mobile-menu .mean-bar .mean-nav>ul li ul li a {
        text-transform: capitalize
    }
    ul.mega-menu.three-column li {
        font-size: 12px;
        padding: 7px 15px !important;
        border-bottom: 1px solid #e4e4e4
    }
    .rc-anchor-light.rc-anchor-normal {
        width: 200px
    }
}

@media (min-width:260px) and (max-width:991px) {
    .ee-product .image .add-to-cart {
        opacity: 1;
        visibility: visible;
        width: 100%;
        height: 60px;
        font-size: 25px
    }
}

@media (min-width:260px) and (max-width:991px) {
    .ee-product .image .add-to-cart {
        opacity: 1;
        visibility: visible;
        width: 100%;
        height: 60px;
        font-size: 25px
    }
}

.small-font {
    font-size: 1.6vmax
}

.smallfont {
    font-size: 1.4vh
}

@media (min-width:667px)and (max-height:375px) {
    .header-account-links.outherdiv02.pull-right {
        float: none !important;
        text-align: center;
        position: absolute;
        top: 6px
    }
    .is-sticky .header-account-links.outherdiv02.pull-right {
        top: 17px;
        right: 50px
    }
    .is-sticky .hide-phone {
        display: none
    }
}

@media (width:667px)and (height:375px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        top: -17px;
        right: 7px
    }
}

@media (min-width:767px) and (max-height:1024px) {
    .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 3px;
        right: 50px
    }
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 0;
        right: 22px
    }
}

@media (width:768px) and (height:1024px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: -12px;
        right: -76px !important
    }
}

@media (max-width:1380px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 24px
    }
}

@media (min-width:1381px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 2px;
        right: -30px
    }
}

@media (width:812px) and (height:375px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: -17px;
        right: -120px
    }
}

@media (width:736px) and (height:414px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: -17px;
        right: -30px
    }
}

@media (width:568px) and (height:320px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: -20px;
        right: 61px
    }
    .input-text {
        max-height: 28px !important;
        align-self: flex-end
    }
    .input-group-btn {
        height: 28px
    }
    .fa-minus,
    c .fa-plus {
        font-size: 10px;
        vertical-align: top
    }
}

@media (width:320px) and (height:568px) {
    .header-account-links {
        right: 60px
    }
    #sticky .header-account-links {
        right: 100px !important;
        top: -24px
    }
}

@media (width:411px) and (height:731px) {
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: -20px;
        min-width: 165px
    }
    #sticky .header-account-links {
        top: -16px
    }
}

@media (min-width:433px) and (max-width:479px) {
    .header-sticky.is-sticky {
        height: 130px
    }
    #sticky .header-advance-search {
        top: 77px;
        left: 5px;
        width: 97%
    }
}

@media (min-width:835px) and (max-width:845px) {
    .is-stick .header-advance-search {
        width: 415px;
        position: fixed;
        top: 13px;
        left: 174px
    }
    #sticky .header-account-links {
        right: -160px;
        top: -37px
    }
    #sticky .size-col1 {
        right: 200px
    }
}

@media (min-width:810px) and (max-width:834px) {
    .is-stick .header-advance-search {
        width: 390px;
        position: fixed;
        top: 13px;
        left: 174px
    }
    #sticky .header-account-links {
        right: -160px;
        top: -37px
    }
    #sticky .size-col1 {
        right: 200px
    }
}

@media (min-width:810px) and (max-width:815px) {
    #sticky .header-account-links {
        right: -135px;
        top: -19px
    }
}

@media (min-width:390px) and (max-width:630px) {
    #sticky .size-col2 {
        right: 50px
    }
    #sticky .header-account-links {
        top: -16px
    }
}

@media (min-width:768px) and (max-width:809px) {
    .is-stick .header-advance-search {
        width: 347px;
        position: fixed;
        top: 13px;
        left: 174px
    }
    #sticky .header-account-links {
        right: -106px;
        top: -14px
    }
}

.text-top {
    top: 10px
}

@media (min-width:969px) and (max-width:991px) {
    .header-account-links {
        right: 60px
    }
    #sticky .header-account-links {
        right: -220px;
        top: -15px
    }
}

@media (min-width:846px) and (max-width:990px) {
    #sticky .header-account-links {
        right: -160px;
        top: -15px
    }
}

@media (min-width:960px) {
    .small-font {
        font-size: 15px
    }
}

@media (min-width:1024px) and (max-height:770px) {
    .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 2px
    }
    .is-sticky .header-account-links.outherdiv02.pull-right {
        position: absolute;
        top: 2px;
        right: -15px
    }
    .pricecart {
        align-self: flex-start !important
    }
}

@media (min-width:992px) {
    .text-top {
        top: 3px
    }
}

@media (max-width:375px) {
    .pdd_phone {
        padding-right: 40px
    }
    .text-top {
        top: 0
    }
    .span-checkall {
        bottom: -6px
    }
    #sticky .header-account-links {
        top: -16px
    }
    .input-text {
        align-self: flex-end;
        max-height: 26px
    }
}

@media (min-width:767px) and (max-width:768px) {
    .mega-menu,
    .sub-menu {
        border: none
    }
    .mobile-menu.order-12.d-block.d-lg-none.col.mean-container div.mean-bar:nth-child(2) {
        display: none
    }
    .mobile-menu .mean-bar .mean-nav>ul li ul li a {
        text-transform: capitalize
    }
    ul.mega-menu.three-column li {
        font-size: 12px;
        border-bottom: 1px solid #e4e4e4
    }
    .is-sticky .header-advance-search {
        width: 40%;
        top: 20px;
        left: 150px
    }
    .hero-item-two .row.align-items-center.justify-content-between {
        padding: 7px 73px
    }
    .dell-left {
        display: none
    }
    .feature-two .feature-wrap h4 {
        font-size: 13px
    }
    .banner.pb-2 {
        margin-bottom: 0
    }
    .footer-widget ul.link-widget.linkm li {
        float: left;
        width: 50%
    }
    .product-list-item-inline {
        padding: 6px 6px
    }
    .hero-item-two img {
        display: block;
        width: 100%
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .main-menu nav>ul>li {
        margin-right: 12px
    }
    .footer-copyright p {
        font-size: 12px
    }
    .hero-item-two img {
        display: block;
        width: 100%
    }
}

@media (min-width:992px) and (max-width:1023px) {
    #sticky .header-account-links {
        top: 2px;
        right: -30px
    }
    #sticky .header-advance-search {
        width: 240px
    }
    .menu_cart_login>.cart_menu {
        min-width: 37px
    }
}

@media (min-width:1023px) and (max-width:1380px) {
    #sticky .header-account-links {
        top: 2px;
        right: -15px
    }
    .pricecart {
        align-self: flex-start !important
    }
}

@media (width:768px) and (height:1024px) {
    #sticky .size-col1 {
        width: 115px;
        right: 150px
    }
    #sticky .header-account-links {
        top: -34px;
        right: -114px
    }
    #sticky .header-advance-search {
        width: 47%
    }
}

div#padd1 {
    padding-top: 50px
}

.content_site {
    padding-top: 80px
}

.o-stock {
    color: #e86363;
    display: block;
    top: 74%;
    text-align: center;
    right: 0;
    left: 0;
    background: #f1f3f6;
    padding: 10px
}

ul.mega-menu.three-column {
    height: 400px;
    overflow: scroll;
    overflow-x: hidden
}

.menu-item-has-children.active>ul.mega-menu {
    opacity: 1;
    visibility: visible;
    z-index: 999
}

.webix_view.webix_menu {
    width: auto !important;
    left: 0
}

.webix_list_item {
    font-size: 12px !important
}

.left-al {
    display: inline-block;
    padding-left: 22px
}

button.slick-next.slick-arrow.slick-disabled {
    display: none !important
}

button.slick-prev.slick-arrow.slick-disabled {
    display: none !important
}

.btn-cart-add:hover {
    color: #fff !important
}

.ee-product .content .price-ratting .btn-cart-add i:hover {
    background-color: #fff;
    color: #0075ba
}

.banner {
    margin-top: 10px
}

.best-sellers {
    font-weight: 700;
    color: #fff;
    background-color: #0075ba
}

#product-start:hover {
    opacity: .5;
    background-color: #000
}

.phone-address {
    color: #333
}

.phone-address:hover {
    color: #007bff;
    font-weight: 600
}

.single-product-content a.cat.title {
    color: #0075ba !important;
    font-size: 18px !important
}

#show-reviews {
    font-size: 10px
}

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

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none !important
}

.product-list-item-inline:hover {
    color: #fff;
    border-radius: 0;
    background: #0075ba
}

.btn-danger:hover {
    color: #fff !important
}

.modal-content {
    border-radius: 0 !important;
    border: 0 !important
}

.modal-header {
    border-radius: 0 !important
}

.toggle-product {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-right: 10px;
    margin-top: 10px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0
}

.dropdown-menu {
    border-radius: 0
}

.dropdown-item {
    color: #0075ba !important;
    font-size: 14px
}

.dropdown-item:active {
    color: #fff !important
}

.link-click:hover {
    font-weight: 600
}

.margin9 {
    margin: 9px
}

.square-shipping {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    margin-left: 13px;
    margin-right: -13px
}

.btn-default {
    color: #333 !important;
    background-color: #fff;
    border-color: #ccc
}

.webix_list_item {
    font-family: -appsssssle-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.sort {
    color: #fff
}

.webix_window {
    box-shadow: none
}

.header-main {
    background: #eeeeee6b;
    width: 100%;
    padding: 6px 19px;
    line-height: 50px;
    font-size: 14px;
    color: #a7a7a7
}

.checkbox-total {
    width: 20px;
    height: 20px
}

.paddingbottom20 {
    padding-bottom: 20px
}

.paddingbottom10 {
    padding-bottom: 10px
}

.paddingtop10 {
    padding-top: 10px
}

.paddingtop20 {
    padding-top: 20px
}

.paycartStatus_container {
    overflow: hidden
}

.paycartCenterBox {
    margin: 0 auto
}

.paycartStatus_item-active {
    background: #339dff
}

.paycartStatus_item-active p {
    color: #339dff
}

.paycartStatus {
    margin: 74px auto 74px;
    background: #e0e0e0;
    font-size: 0
}

.textcarttotal {
    font-size: 17px;
    font-weight: 700
}

.totalpricecart {
    font-weight: 700;
    color: #28a745
}

.paycartStatus_item-active {
    background: #339dff
}

.paycartStatus_item {
    position: relative;
    display: inline-block;
    width: 25%;
    height: 4px;
    border-radius: 2px
}

.paycartMain_header {
    border: 1px solid #e0e0e0;
    background: #f2f2f2;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 19px;
    line-height: 55px;
    font-size: 14px;
    color: #999
}

.paycartStatus_item a {
    color: #999;
    text-decoration: none
}

.paycartStatus_item a:hover {
    color: #339dff;
    font-weight: 700
}

.paycartStatus_item p {
    position: absolute;
    top: -49px;
    right: -50%;
    width: 100%;
    height: 56px;
    text-align: center;
    color: #999;
    font-size: 15px;
    z-index: 9
}

.paycartStatus_item p:after {
    content: "";
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e0e0e0;
    margin: 0 auto
}

.paycartStatus_item p:after:hover {
    background: #339dff
}

.paycartStatus_item-active p:after {
    background: #339dff
}

.paycartStatus_item-active p {
    color: #339dff
}

.width-container {
    padding-top: 173px
}

@media (max-width:731px) {
    .width-container {
        padding-top: 129px;
        margin-left: 33px !important
    }
}

@media only screen and (min-width:576px) and (max-width:991px) {
    .square-shipping {
        -webkit-box-shadow: none;
        margin-left: 0
    }
}

@media only screen and (max-width:575px) {
    .square-shipping {
        -webkit-box-shadow: none;
        margin-left: 0
    }
    .row-10-flex {
        flex-wrap: inherit !important;
        line-height: initial
    }
    .text-top {
        top: -2px
    }
    .hero-section {
        max-width: 570px
    }
    .small-font {
        font-size: 10px
    }
    .paycartFooter_header {
        max-width: 540px
    }
    .header-main {
        padding: 15px
    }
    .span-checkall {
        bottom: -9px
    }
    .mobile-m5 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }
    .tpricecart {
        font-size: 13px
    }
    .textcarttotal {
        font-size: 13px
    }
    .input-text {
        max-height: 26px;
        align-self: flex-end
    }
}

@media (max-width:438px) {
    .header-account-links {
        padding-top: 5px
    }
}

@media (min-width:320px) and (max-width:333px) {
    .is-sticky .header-account-links {
        font-size: 9px !important;
        max-width: 158px;
        margin-top: 1px;
        margin-right: 2px
    }
    .header-account-links.outherdiv02 a:last-child {
        padding-left: 0
    }
    .header-cart {
        min-width: 35px
    }
    .input-text {
        max-height: 26px;
        align-self: flex-end
    }
}

@media (max-width:410px) {
    .row-10-flex {
        flex-wrap: inherit !important;
        line-height: initial
    }
    .paycartStatus {
        margin: 81px auto 26px
    }
    .small-font {
        font-size: 10px
    }
    .paycartFooter_header {
        max-width: 540px
    }
}

@media (max-width:412px) {
    .paycartStatus {
        margin: 86px auto 60px
    }
    .small-font {
        font-size: 10px
    }
    .paycartFooter_header {
        max-width: 540px
    }
}

@media only screen and (max-width:360px) {
    .paycartStatus_item {
        width: 26%;
        height: 2px
    }
    .span-checkall {
        bottom: -11px
    }
    .row-10-flex {
        padding: 10px
    }
    .small-font {
        font-size: 10px
    }
    .paycartFooter_header {
        max-width: 540px
    }
}

#billing_buttons,
#shipping_buttons {
    color: #fff
}

#error_field {
    color: #da201c;
    margin-bottom: 30px;
    font-size: 14px
}

.flexslider .slides img {
    max-height: 300px !important
}

.textrepair.login-text {
    top: -6px;
    margin-left: 10px
}

.textrepair.text-login {
    top: -17px;
    margin-left: 10px
}

.textrepair {
    background-color: #fff;
    position: absolute;
    padding: 0 10px 0 10px
}

.title-pcrepair {
    font-weight: 700;
    font-size: 20px
}

.padding-payment {
    padding-top: 10px;
    padding-bottom: 10px
}

.loginBtn {
    box-sizing: border-box;
    position: relative;
    margin: .2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: .2em;
    font-size: 16px;
    color: #fff
}

.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%
}

.loginBtn:focus {
    outline: 0
}

.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, .1)
}

.loginBtn--facebook-small{
    width: 40px;
    height: 40px;
    border: 1px #ddd solid;
    border-radius: 4px;
}

.loginBtn--facebook {
    background-color: #4c69ba;
    background-image: linear-gradient(#4c69ba, #3b55a0);
    text-shadow: 0 -1px 0 #354c8c
}

.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url(../images/icon_facebook.png) 6px 6px no-repeat
}

.loginBtn--facebook:focus,
.loginBtn--facebook:hover {
    background-color: #5b7bd5;
    background-image: linear-gradient(#5b7bd5, #4864b1)
}

.loginBtn--google {
    background: #dd4b39;
    margin-top: 10px;
    width: 100%
}

.loginBtn--google:before {
    border-right: #bb3f30 1px solid;
    background: url(../images/icon_google.png) 6px 6px no-repeat
}

.loginBtn--google:focus,
.loginBtn--google:hover {
    background: #e74b37
}

@media (min-width:768px) and (max-width:991px) {
    .loginBtn {
        font-size: xx-small
    }
}

#my-signin2 {
    background: #dd4b39;
    margin-top: 10px;
    width: 100%
}

#my-signin2:before {
    border-right: #bb3f30 1px solid;
    background: url(../images/icon_google.png) 6px 6px no-repeat
}

#my-signin2:focus,
#my-signin2:hover {
    background: #e74b37
}

.footer .Site-liks li {
    text-align: left
}

.footer .address-footer ul li {
    text-align: left
}

@media (max-width:992px) {
    .captcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

.checkbox-items {
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin: 10px;
    line-height: 40px
}

.certified-text {
    font-weight: 700;
    font-size: 20px;
    color: #333
}

.icon-who {
    font-size: 60px !important;
    color: #339dff;
    padding-bottom: 15px
}

.btn:focus {
    box-shadow: none !important
}

@media (max-width:991px) {
    #test-nav {
        display: block !important
    }
}

.font-icons-credit {
    font-size: 27px
}

label.same {
    font-weight: 400;
    padding-left: 5px !important
}

.smltr {
    font-size: 11px
}

.oneline {
    white-space: nowrap
}

p.security.info {
    font-size: 10px;
    font-style: italic;
    text-align: justify;
    font-weight: 700
}

.p-l-0 {
    padding-left: 0
}

.f-s-12 {
    font-size: 12px !important
}

span.dpf-input-icon {
    top: 3px !important
}

input#card_number {}

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

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.font-icons-pay {
    font-size: 25px
}

.font-icons-pay:hover {
    color: #339dff
}

.font-icons-credit {
    font-size: 25px
}

.font-icons-credit:hover {
    color: #5cb85c
}

@media only screen and (max-width:959px) {
    .small-font {
        font-size: 10px
    }
    .textrepair.category-text {
        font-size: 1.8vmax
    }
    .font-icons {
        font-size: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .small-font {
        font-size: 13px
    }
    .cart-content {
        max-height: 678px
    }
    .proceed {
        font-size: 12px;
        font-weight: 600;
        padding: 20px
    }
    .linetop {
        line-height: initial !important
    }
    .check-padding {
        padding: 0
    }
    .textrepair.intern {
        right: 10px
    }
    .textrepair.category-text {
        font-size: 1.8vmax;
        top: -15px
    }
    .paycartStatus_item_creation.paycartStatus_item-active p:after {
        top: -58px
    }
    .new_cart {
        width: auto
    }
    .font-icons {
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    .small-font {
        font-size: 10px
    }
    .cart-content {
        max-height: 800px
    }
    .check-padding {
        padding: 0
    }
    .textrepair.category-text {
        font-size: 1.8vmax
    }
    .paycartStatus {
        margin: 121px auto 64px
    }
    .paycartStatus_item_creation p {
        top: -85px
    }
    .new_cart {
        width: auto
    }
    .font-icons {
        font-size: 13px
    }
    .paycartStatus_item_creation.paycartStatus_item-active p:after {
        top: -58px
    }
    .textrepair.intern {
        right: 10px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .small-font {
        font-size: 12px
    }
    .smallfont {
        font-size: 12px
    }
    .cart-window {
        max-height: 900px
    }
    .check-padding {
        padding: 0
    }
    .textrepair.category-text {
        font-size: 1.8vmax
    }
    .new_cart {
        width: auto
    }
    .font-icons {
        font-size: 12px
    }
    .textrepair.intern {
        right: 10px
    }
}

@media only screen and (max-width:479px) {
    .small-font {
        font-size: 10px;
        margin-left: 1px
    }
    .smallfont {
        font-size: 12px
    }
    .cart-window {
        max-height: 250px
    }
    .new_cart {
        margin-top: -10px;
        margin-right: 20px
    }
    .proceed {
        font-size: 11px;
        font-weight: 600;
        padding: 12px
    }
    .continueshop {
        font-size: 11px
    }
    .font-informs {
        font-size: 12px
    }
    .pricecart {
        font-size: 13px
    }
    .thumb {
        height: 60px
    }
    .check-padding {
        padding: 0
    }
    .textrepair.category-text {
        font-size: 1.8vmax;
        top: -12px
    }
    .new_cart {
        width: auto
    }
    .font-icons {
        font-size: 10px
    }
    .phoneicon {
        margin-top: -11px
    }
    .textrepair.intern {
        right: 10px
    }
}

@media screen and (max-max:440px) {
    td.headfootbox {
        line-height: 1;
        padding-top: 10px
    }
    .pricecart {
        font-size: 10px
    }
    .check-padding {
        padding: 0
    }
    .textrepair.category-text {
        font-size: 1.8vmax
    }
    .new_cart {
        width: auto
    }
    .font-icons {
        font-size: 10px
    }
    .phoneicon {
        margin-top: -11px
    }
    .textrepair.intern {
        right: 10px
    }
}

@media only screen and (max-width:1098px) {
    .textrepair.intern {
        left: 5px
    }
}

@media (min-width:992px) {
    #cart-top {
        padding-top: 261px
    }
}

.loginpage {
    left: 25%;
    margin-top: 15px
}

@media (max-width:992px) {
    .loginpage {
        left: 0
    }
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

#ppan,
#pppp {
    margin-top: 13px
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:active,
a:hover {
    outline: 0
}

.blue {
    color: #0075ba !important
}

.m-0 {
    margin: 0
}

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

@media (max-width:1200px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -41px;
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width:1020px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -57px;
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width:991px) {
    .paycartStatus_iteme>.circle-blue {
        cursor: pointer;
        top: -57px;
        font-size: 14px;
        line-height: 16px
    }
    .categories_menu {
        display: none !important
    }
}

@media (max-width:990px) {
    #sticky .menu_cart_login>.cart_menu {
        min-width: 35px
    }
}

@media (width:768px) and (height:1024px) {
    #sticky .header-advance-search {
        width: 100%
    }
    .menu_cart_login {
        margin-right: 40px
    }
    #normal .menu_cart_account {
        margin-right: 19px
    }
}

@media (max-width:524px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -57px;
        font-size: 13px;
        line-height: 16px
    }
}

@media (max-width:491px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -51px;
        font-size: 12px;
        line-height: 16px
    }
}

@media (max-width:557px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -57px;
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width:524px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -57px;
        font-size: 13px;
        line-height: 16px
    }
}

@media (max-width:490px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -57px;
        font-size: 12px;
        line-height: 16px
    }
}

@media (max-width:456px) {
    .paycartStatus_item>.circle-blue {
        cursor: pointer;
        top: -66px;
        font-size: 14px;
        line-height: 14px
    }
}

@media (max-width:394px) {
    .paycartStatus_item>.circle-blue {
        font-size: 13px
    }
    #normal .menu_cart_account .cart_menu {
        margin-right: 0;
        font-size: 9px
    }
}

@media (max-width:369px) {
    .paycartStatus_item>.circle-blue {
        top: -58px;
        font-size: 12px;
        line-height: 12px
    }
    #normal .menu_cart_account {
        margin-top: 20px;
        margin-right: 15px;
        font-size: 10px
    }
}

@media (max-width:334px) {
    .paycartStatus_item>.circle-blue {
        font-size: 11px
    }
    #normal .menu_cart_account {
        margin-top: 20px;
        margin-right: 25px;
        font-size: 10px
    }
}

@media (max-width:318px) {
    .paycartStatus_item>.circle-blue {
        top: -72px;
        font-size: 13px;
        line-height: 12px
    }
    #normal .menu_cart_account {
        margin-top: 20px;
        margin-right: 15px;
        font-size: 10px
    }
}

.input-group-addon {
    color: #fff;
    background-color: #0075ba;
    border: 1px solid #0075ba
}

#loginbox-k ul.tabs li:first-child a,
#loginbox-k ul.tabs li:last-child a,
.btn,
.ee-product .image .add-to-cart i,
.form-control,
.input-group-addon,
.nav-tabs .nav-link,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.panel,
.panel-default>.panel-heading,
.recaptcha-checkbox-border {
    border-radius: 0 !important
}

.btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: #0075ba
}

.pagination-top {
    position: absolute;
    right: 5px
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.pagination>li>a:hover {
    background-color: #10a9f4;
    color: #fff
}

.pagination>li>a {
    font-weight: 600
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination-top {
    position: absolute;
    right: 5px
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.pagination>li>a:hover {
    background-color: #10a9f4;
    color: #fff
}

.pagination>li>a {
    font-weight: 600
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination>li {
    display: inline
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #f4f4f4;
    border-color: #ddd;
    color: inherit;
    cursor: default;
    z-index: 2
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.pagination>li>a:hover {
    background-color: #10a9f4;
    color: #fff
}

.pagination>li>a {
    font-weight: 600
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #10a9f4;
    color: #fff !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.padding9 {
    padding: 6px 9px
}

.logout {
    cursor: pointer;
    font-size: 15px;
    padding-right: 5px;
    color: #0075ba
}

.logout:hover {
    color: #337ab7
}

.logout>i {
    color: #0075ba
}

.show_phone {
    display: none
}

.mobile-menu .mean-bar {
    margin-top: 15px
}

#sticky .account_menu:hover,
#sticky .cart_menu:hover,
#sticky .resume_quote:hover {
    font-weight: 700
}

.phone_number_2 {
    min-width: 140px;
    color: #fff;
    font-weight: 700
}

.is-sticky .phone_number_2 {
    color: #337ab7
}

.phone_number {
    min-width: 110px;
    font-weight: 700
}

.is-sticky .phone_number_2 {
    min-width: 110px;
    font-weight: 700;
    display: block
}

@media (max-width:991px) {
    .hide_phone {
        display: none
    }
    .show_phone {
        display: inline-block
    }
}

@media (max-width:767px) {
    .hideen_phone {
        display: none
    }
}

@media (width:991px) {
    .header-advance-search {
        width: 370px
    }
}

@media(max-width:991px) and (min-width:840px) {
    .header-sticky {
        height: 100px
    }
    .is-stick .menu_cart_login {
        margin-top: -60px;
        margin-right: -70px
    }
}

@media (max-width:839px) and (min-width:500px) {
    .header-sticky {
        height: 50px
    }
    .header-sticky.is-sticky {
        height: 100px
    }
}

@media (max-width:564px) and (min-width:363px) {
    .menu_cart_login {
        margin-right: 0
    }
}

@media (max-width:933px) and (min-width:920px) {
    .is-sticky .menu_cart_login {
        margin-right: 55px
    }
}

@media(max-width:919px) and (min-width:897px) {
    .is-sticky .menu_cart_login {
        margin-right: 0
    }
}

@media(max-width:896px) and (min-width:840px) {
    .is-sticky .menu_cart_login {
        margin-right: 56px
    }
}

@media(max-width:819px) and (min-width:800px) {
    .align-items-center {
        margin-bottom: -30px
    }
    .header-sticky.is-sticky {
        height: 90px
    }
    .is-sticky .menu_cart_login {
        margin-right: 55px
    }
}

@media(max-width:799px) and (min-width:768px) {
    .menu_cart_account {
        margin-right: 35px
    }
    .header-bottom.header-bottom-two.header-sticky {
        height: 100px
    }
}

@media(max-width:799px) and (min-width:500px) {
    .mobile-menu .mean-bar .mean-nav {
        margin-top: 15px
    }
    .align-items-center {
        margin-bottom: -30px
    }
    .header-sticky.is-sticky {
        height: 125px
    }
    .is-sticky .menu_cart_login {
        margin-right: 60px
    }
}

@media (max-width:799px) and (min-width:785px) {
    .is-sticky #sticky .menu_cart_account {
        margin-right: 65px;
        margin-top: -7px
    }
}

@media (max-width:784px) and (min-width:768px) {
    .is-sticky #sticky .menu_cart_account {
        margin-right: 60px
    }
}

@media (max-width:767px) and (min-width:666px) {
    .is-sticky #sticky .menu_cart_account {
        margin-right: 0;
        margin-top: -60px
    }
    .is-sticky #sticky .menu_cart_login {
        margin-right: -9px;
        margin-top: -55px
    }
    .is-sticky .menu_cart_login {
        margin-top: -21px;
        margin-right: 20px
    }
    #normal .menu_cart_account {
        margin-right: 0
    }
}

@media (max-width:665px) and (min-width:500px) {
    .is-sticky .menu_cart_login {
        margin-top: -21px
    }
    .menu_cart_account {
        margin-right: -60px
    }
    .is-sticky .menu_cart_account {
        margin-top: -70px;
        margin-right: -60px
    }
    .is-sticky #sticky .menu_cart_account {
        margin-top: -60px;
        margin-right: -260px
    }
    .is-sticky #sticky .menu_cart_login {
        margin-right: -9px;
        margin-top: -55px
    }
}

@media (max-width:664px) and (min-width:575px) {
    .menu_cart_account {
        margin-right: -60px
    }
    #normal .menu_cart_account {
        margin-right: 50px
    }
}

@media (max-width:633px) and (min-width:576px) {
    .is-sticky #sticky .menu_cart_login {
        margin-right: -300px
    }
}

@media (width:575px) {
    .is-sticky #sticky .menu_cart_login {
        margin-right: 60px;
        margin-top: -25px
    }
}

@media (max-width:574px) and (min-width:500px) {
    #normal .menu_cart_account {
        margin-top: 15px;
        margin-right: 90px
    }
    .menu_cart_account {
        margin-right: 90px;
        margin-top: -19px
    }
    is-sticky .menu_cart_account {
        margin-right: 90px;
        margin-top: -19px
    }
    .is-sticky #sticky .menu_cart_account {
        margin-right: 90px;
        margin-top: -19px
    }
    .is-sticky #sticky .menu_cart_login {
        margin-top: -21px;
        margin-right: 60px
    }
}

@media(max-width:499px) and (min-width:450px) {
    #normal .header-advance-search {
        margin-top: 2px;
        margin-left: 90px;
        width: 290px
    }
    #normal .menu_cart_account {
        margin-right: -50px;
        margin-top: 22px;
        min-width: 175px
    }
    .header-bottom.header-bottom-two.header-sticky {
        height: 50px
    }
    .menu_cart_account {
        margin-right: 30px
    }
    .align-items-center {
        margin-bottom: -30px
    }
    .is-sticky .header-advance-search .input-group {
        top: 6px;
        width: 98%;
        right: 0
    }
    .is-sticky .menu_cart_account {
        margin-right: 60px;
        margin-top: -19px
    }
    .header-sticky.is-sticky {
        height: 125px
    }
    .is-sticky .menu_cart_login {
        margin-top: -21px;
        margin-right: 60px
    }
}

@media (max-width:479px) and (min-width:450px) {
    #normal .header-advance-search {
        margin-top: 60px;
        margin-left: 0;
        position: absolute;
        width: 410px
    }
}

@media(max-width:449px) and (min-width:410px) {
    .menu_cart_account {
        margin-right: 20px
    }
    .align-items-center {
        margin-bottom: -30px
    }
    .is-sticky .header-advance-search .input-group {
        top: 40px;
        width: 100%
    }
    #normal .header-advance-search {
        margin-top: 65px;
        width: 210px
    }
    #normal .menu_cart_account {
        margin-right: -60px
    }
    .is-sticky .menu_cart_account {
        margin-right: 60px;
        margin-top: -19px
    }
    .header-sticky.is-sticky {
        height: 125px
    }
    .is-sticky .menu_cart_login {
        margin-top: -21px;
        margin-right: 60px
    }
}

@media(max-width:449px) and (min-width:396px) {
    #normal .header-advance-search {
        margin-top: 57px;
        width: 370px;
        margin-left: 0
    }
    .menu_cart_account {
        margin-right: 60px;
        margin-top: -19px
    }
    #normal .menu_cart_account {
        margin-right: -60px
    }
    .align-items-center {
        margin-bottom: -30px
    }
    .is-sticky .header-advance-search .input-group {
        top: 5px;
        width: 100%;
        right: 0
    }
    .header-sticky.is-sticky {
        height: 125px
    }
    .is-sticky .menu_cart_login {
        margin-top: -21px;
        margin-right: 60px
    }
    .is-sticky .menu_cart_login>.resume_quote {
        min-width: 85px
    }
}

@media(max-width:395px) and (min-width:386px) {
    .is-sticky .menu_cart_account {
        margin-right: 60px;
        margin-top: -19px
    }
}

@media(max-width:395px) and (min-width:350px) {
    #normal .menu_cart_account {
        margin-right: -70px
    }
    .mobile-menu .mean-bar .mean-nav {
        margin-top: 20px
    }
    .is-sticky .menu_cart_account {
        margin-right: 70px
    }
    .is-sticky #sticky .menu_cart_account {
        margin-right: 70px;
        margin-top: -35px;
        font-size: 10px
    }
    #normal .header-advance-search {
        margin-top: 60px;
        width: 320px
    }
    .is-sticky .header-advance-search .input-group {
        top: 60px;
        width: 330px;
        float: right
    }
    .header-sticky.is-sticky {
        height: 125px
    }
    .is-sticky .menu_cart_login {
        margin-top: -33px;
        margin-right: 60px;
        font-size: 11px
    }
    .is-sticky .menu_cart_login>.resume_quote {
        min-width: 85px
    }
}

@media(max-width:349px) and (min-width:320px) {
    #normal .menu_cart_account {
        margin-top: 20px;
        margin-right: -75px
    }
    #normal .menu_cart_account .cart_menu {
        margin-right: -7px
    }
    #normal .header-advance-search {
        width: 300px;
        margin-top: 60px
    }
    .is-sticky .menu_cart_account {
        margin-right: 17px;
        margin-top: 40px;
        font-size: 10px
    }
    .header-sticky.is-sticky {
        height: 125px
    }
    .is-sticky .header-cart {
        min-width: 25px
    }
    .is-sticky .menu_cart_login {
        margin-top: -30px;
        margin-right: 50px;
        font-size: 11px
    }
    .is-sticky .menu_cart_login>.resume_quote {
        min-width: 85px
    }
    .dpf-input-row .dpf-input-container {
        text-align: left
    }
    .dpf-input-icon {
        left: 9px
    }
    .security_code_popover {
        margin-top: 0
    }
    .card-number {
        margin-top: 15px
    }
}

@media(max-width:320px) {
    .is-sticky .menu_cart_account {
        margin-right: 0;
        margin-top: 37px;
        font-size: 11px
    }
    .is-sticky .header-advance-search {
        position: absolute;
        margin-top: 70px;
        width: 290px;
        margin-left: -80px
    }
}

@media(max-width:420px) {
    .quote {
        display: none
    }
}

@media (width:667px) and (height:375px) {
    .qtt-input {
        height: 32px
    }
    .max_width {
        max-width: 180px
    }
}

@media (width:568px) and (height:320px) {
    .max_width {
        max-width: 180px
    }
    #normal .header-advance-search {
        margin-top: 60px;
        position: absolute;
        width: 535px
    }
}

@media (max-width:990px) {
    .is-sticky .mobile-menu .mean-bar .mean-nav {
        margin-top: 16px
    }
}

@media (max-width:933px) {
    .is-sticky .mobile-menu .mean-bar .mean-nav {
        margin-top: 20px
    }
}

@media (max-width:839px) {
    .is-sticky .mobile-menu .mean-bar .mean-nav {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .is-sticky .mobile-menu .mean-bar .mean-nav {
        margin-top: 30px
    }
    .nav-link {
        padding: .5rem .4rem
    }
    .dpf-input-row .dpf-input-column {
        width: 100%;
        padding: 0
    }
}

@media (max-width:349px) {
    .is-sticky .mobile-menu .mean-bar .mean-nav {
        margin-top: 30px
    }
}

@media(max-width:349px) and (min-width:320px) {
    .is-sticky #sticky .menu_cart_login {
        margin-top: -15px;
        margin-right: 70px
    }
    .is-sticky #sticky .header-advance-search {
        margin-top: 75px;
        position: absolute;
        left: -70px;
        width: 300px
    }
}

@media(min-width:480px) and (max-width:499px) {
    #normal .menu_cart_account {
        margin-right: 120px
    }
}

@media (min-width:649px) and (max-width:665px) {
    .is-sticky #sticky .menu_cart_account {
        margin-right: 0
    }
}

@media (min-width:767px) and (max-width:991px) {
    .phone_number_2 {
        color: #337ab7
    }
}

.text-panel-header {
    background-color: #fff;
    position: absolute;
    padding: 0 10px 0 10px;
    margin-top: -10px;
    z-index: 11;
    margin-left: 20px;
    font-weight: 700;
    text-align: left
}

.jp-card {
    min-width: 100%
}

.jp-card-container {
    width: 100%
}

.jp-card .jp-card-front .jp-card-lower .jp-card-name {
    font-size: 18px
}

.search_for {
    z-index: 999
}

.search_for2 {
    z-index: 999
}

@media (max-width:991px) {
    .is-sticky .container {
        max-width: 100%
    }
    .header-sticky .container {
        max-width: 100%
    }
}

@media (max-width:767px) {
    .header-sticky.is-sticky {
        background-color: #fff
    }
    .header-sticky {
        background-color: #0075ba;
        margin-top: -1px
    }
    .header-bottom.header-bottom-two.header-sticky {
        height: 50px
    }
    .header-bottom.header-bottom-two.header-sticky.is-sticky {
        height: 125px
    }
    .is-sticky .container {
        max-width: 100%
    }
    .header-sticky .container {
        max-width: 100%
    }
}

.menu_account a {
    color: #fff
}

@media (max-width:576px) {
    .container {
        max-width: 100%
    }
}

.menu_cart_right {
    position: relative;
    right: 5px;
    top: 5px
}

@media (max-width:991px) {
    .menu_cart_right {
        position: fixed;
        right: 50px;
        top: 15px
    }
}

@media(max-width:395px) {
    .cart_menu {
        font-size: 12px
    }
    .menu_cart_right {
        font-size: 13px
    }
}

.mobile-menu.menu-container .mean-bar .mean-nav>ul li #show_categories,
.mobile-menu.menu-container .mean-bar .mean-nav>ul li a {
    border-top: none
}

.mobile-menu.menu-container .mean-bar .mean-nav>ul li .contact {
    border-top: 1px solid #fff
}

nav {
    display: block !important
}

.newApp a {
    text-align: center;
    font-size: 16px;
    color: white !important;
    position: fixed;
    z-index: 998;
    line-height: 2;
    word-spacing: 3px
}

.newApp a:focus {
    color: white !important;
    text-decoration: underline !important
}

.newApp a:hover {
    color: white !important;
    text-decoration: underline !important
}

.newApp {
    background-color: #008000;
    padding-top: 72px;
    text-align: center;
    font-size: 16px;
    color: white !important;
    position: fixed;
    z-index: 998;
    line-height: 2;
    letter-spacing: 2px;
}

@media only screen and (max-width:767px) {
    .newApp a {
        text-align: center;
        font-size: 16px;
        color: white;
        line-height: 2;
        word-spacing: 2px
    }
    .newApp {
        background-color: #008000;
        padding-top: 100px;
        text-align: center;
        font-size: 12px;
        color: white;
        position: fixed;
        z-index: 998;
        line-height: 2;
        word-spacing: 0px
    }
}

.new_menu {
    -webkit-animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
    background-color: #0075ba;
    position: fixed;
    z-index: 999
}

.menu_account {
    margin-right: -10px
}

.bottom-absolute {
    position: relative !important;
    bottom: 5px !important
}

.bold {
    font-weight: 700 !important;
    margin-left: 8px;
}

.green {
    color: green !important
}

.light-blue-bg {
    background: #0075ba
}

.free_shipping_img {
    background-image: url(https://la-tronics.com/images/feature-van-2-bg.png)
}

.red-color {
    color: #fff;
    font-size: 18px
}

.bt-opacity {
    opacity: 3
}

.btn-close {
    color: #fff
}

.input-width {
    width: 100%
}

.password-input {
    width: 100%;
    margin-top: 5px
}

.b-color-green {
    color: green
}

.b-color-red {
    color: red;
    font-size: 12px
}

.expired-session {
    width: 100%;
    text-align: center;
    font-weight: bolder;
    font-size: 12px;
    color: red;
    float: left
}

.not-found {
    width: 100%;
    text-align: center;
    font-weight: bolder;
    font-size: 12px;
    color: red;
    padding-top: 50px
}

.dv-padding {
    padding: 15px
}

.display-dv {
    display: flex
}

.span-size {
    font-size: 12px;
    font-style: italic
}

.sup-class {
    font-size: 13px;
    font-weight: 700
}

.dv-pad {
    padding: 15px
}

.a-font {
    font-size: 12px
}

.ul-width {
    width: auto
}

.dv-display {
    display: none
}

.dv-overflow {
    overflow: auto
}

.img-billing {
    width: 25%;
    display: none
}

.label-pass {
    display: none;
    width: 100%;
    margin-top: 10px
}

.loader-img {
    width: 30px;
    height: 30px;
    display: none
}

.a-color {
    color: #15a5f8
}

.bg-image1 {
    background-image: url(https://la-tronics.com/images/feature-shield-2-bg.png)
}

.bg-image2 {
    background-image: url(https://la-tronics.com/images/feature-walet-2-bg.png)
}

.dv-banner {
    margin-bottom: 5px;
    border: 1px #ddd solid
}

.dv-image3 {
    background-image: url(https://la-tronics.com/images/feature-shield-2-bg.png)
}

.span-font {
    font-size: 15px;
    font-weight: 700
}

.clrcolor {
    background-color: red
}

.snake_loader {
    width: 10px !important
}

.only-price {
    float: left
}

.only-price h2 {
    float: left;
    font-size:22px;
}

.only-ratting {
    float: right
}

.btn-defaultt {
    color: #000
}

.corner_shipping {
    position: absolute;
    right: 0;
    padding-top: 0px !important;
    width: 20% !important
}

.corner_shipping_1 {
    position: absolute;
    right: 0;
    padding-top: 0px !important;
    width: 28% !important;
    min-height: 28px !important
}

.details {
    background-color: #337ab7;
    color: #fff
}

.corner_shipping_specifics {
    position: absolute;
    right: 0;
    width: 20% !important
}

.img_freeshipping {
    width: 30%
}

.test1233 {
    position: inherit;
    bottom: 30px;
    left: 50%;
    font-size: 14px;
    font-weight: 600;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0075ba;
    color: #fff;
    border-radius: 50px;
    display: block;
    width: 100%;
    padding: 10px 0 10px 46px;
    text-transform: uppercase;
    visibility: hidden;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
}

@media(max-width:393px) {
    .limitcharactertitle {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

.limitcharacter {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 15ch;
    margin: 0px 0px -3px;
}

.ee-product .test123 .add-to-cart {
    position: inherit;
    bottom: 30px;
    left: 50%;
    font-size: 14px;
    font-weight: 600;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    background-color: #0075ba;
    color: #fff;
    border-radius: 50px;
    display: block;
    width: 100%;
    padding: 10px 0 10px 46px;
    text-transform: uppercase;
    visibility: hidden;
    -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
    transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
}

.ee-product:hover .test123 .add-to-cart {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
    color: #fff
}

.ee-product .test123 .add-to-cart i {
    width: 45px;
    height: 45px;
    color: #adff2f;
    border-radius: 50px;
    display: block;
    float: left;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all 0ms ease 0s;
    position: absolute;
    left: 8px;
    right: auto;
    top: 3px
}

.ee-product .content-search .category-title .cat:hover {
    color: #202020
}

.ee-product .content-search .category-title .cat {
    text-transform: capitalize;
    font-size: 14px;
    text-align: justify;
    color: #333;
    line-height: 20px;
    margin-bottom: 6px;
    font-weight: 600;
    margin-right: 5px;
    margin-left: 5px;
    min-height: 80px;
}

.ee-product .content-search .category-title a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    font-weight: 600;
    display: inline-block;
    line-height: 21px;
    text-transform: capitalize;
    font-size: 14px;
    color: #333;
    margin-bottom: 4px
}

.ee-product .content-search .price-ratting .price {
    font-size: 20px !important;
    line-height: 36px;
    color: #333;
    float: left;
    margin: 5px 8px
}

}

h5 {
    font-size: 14px !important;
    line-height: 18px
}

.ee-product .content-search {
    background-color: #fff;
    overflow: hidden;
    height: 165px
}

.ee-product .content-search .price-ratting .ratting {
    float: right;
    margin: 11px 5px;
}

.ee-product .content-search .price-ratting .ratting {
    float: right;
    margin: 11px 5px;
    padding-right: 5px
}

.ee-product .content-search .price-ratting .ratting i:last-child {
    margin-right: 0
}

.ee-product .content-search .price-ratting .ratting i {
    color: #fac819;
    font-size: 16px;
    float: left;
    margin-right: 2px;
    line-height: 24px
}

.withoutbold {
    font-weight: 700 !important;
    margin-left: 8px;
    min-height: 14px;
}

.tree:hover b {
    text-decoration: underline !important;
    text-decoration-color: black !important;
}

.payment-submit-btn {
    margin-left: 15px !important
}

textarea.form-control2 {
    height: 100px !important
}

img.corner_shipping {
    position: absolute;
    right: 0;
    padding-top: 0px !important;
    width: 22% !important;
    min-height: 30% !important;
}

.coupon-input {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.logo-latronics {
    padding-bottom: 5px
}

.homCar {
    overflow: hidden;
}

@media (max-width:767px) {
    .ee-product .test123 .add-to-cart {
        position: inherit;
        bottom: 30px;
        left: 50%;
        font-size: 14px;
        font-weight: 600;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        background-color: #0075ba;
        color: #fff;
        border-radius: 50px;
        display: block;
        width: 100%;
        padding: 10px 0 10px 46px;
        text-transform: uppercase;
        visibility: visible;
        -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
        -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
        transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
    }
}

@media(max-width:1199px) and (min-width:768px) {
    .ee-product .test123 .add-to-cart {
        position: inherit;
        bottom: 30px;
        left: 50%;
        font-size: 14px;
        font-weight: 600;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        visibility: visible;
        background-color: #0075ba;
        color: #fff;
        border-radius: 50px;
        display: block;
        width: 100%;
        padding: 10px 0 10px 46px;
        text-transform: uppercase;
        -webkit-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
        -o-transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s;
        transition: all .7s cubic-bezier(.77, -1.5, .12, 3) 0s
    }
}

#myCarousel.homCar .item img {
    width: 100%;
    max-height: 400px
}

#myCarousel .btn {
    border: 0 none;
    border-radius: 0 0 0 0;
    bottom: 49px;
    font-size: 18px;
    line-height: 42px;
    padding: 0 28px;
    position: absolute;
    right: 0;
    text-shadow: 0 0 0 transparent;
}

#myCarousel {
    position: relative;
    margin: 0;
}

.homCar h4 {
    background-color: #eb4800;
    color: #fff;
    padding: 11px 4px;
    font-size: 26px;
    text-transform: uppercase;
    float: left;
    width: auto;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    opacity: 0.8;
}

.homCar p span {
    background-color: #fff;
    color: #000;
    padding: 2px 10px;
    line-height: 30px;
    font-size: 28px;
    float: left;
    width: auto;
    opacity: 0.8;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}

#myCarousel.homCar .item img {
    width: 100%;
    max-height: 400px
}

#myCarousel .btn {
    border: 0 none;
    border-radius: 0 0 0 0;
    bottom: 49px;
    font-size: 18px;
    line-height: 42px;
    padding: 0 28px;
    position: absolute;
    right: 0;
    text-shadow: 0 0 0 transparent;
}

#myCarousel {
    position: relative;
    margin: 0;
}

.moreOptopm.carousel .carousel-control,
.moreOptopm.carousel .carousel-control:hover {
    background: transparent;
}

.moreOptopm.carousel .carousel-control {
    border: 0;
    top: 50%;
    bottom: 0;
}

.moreOptopm.carousel .carousel-control.right,
.moreOptopm.carousel .carousel-control.right:hover {
    right: 0;
}

.moreOptopm.carousel .carousel-control.left,
.moreOptopm.carousel .carousel-control.left:hover {
    left: 0;
}

.moreOptopm.carousel .carousel-control,
.moreOptopm.carousel .carousel-control:hover {
    color: #000;
}

#myCarousel .btn {
    border: 0 none;
    border-radius: 0 0 0 0;
    bottom: 49px;
    font-size: 18px;
    line-height: 42px;
    padding: 0 28px;
    position: absolute;
    right: 0;
    text-shadow: 0 0 0 transparent;
}

#myCarousel {
    position: relative;
    margin: 0;
}

.moreOptopm.carousel .item img {
    padding: 2px;
    border: 1px solid #ddd
}

.moreOptopm.carousel .item img:hover {
    border: 1px solid pink
}

.carousel .item>img {
    display: inline;
}

.carousel-control {
    border: 0px;
    border-radius: 2px
}

.carousel-control,
.carousel-control:hover {
    background: rgba(248, 118, 16, 1);
    height: 43px;
    line-height: 34px;
    color: #fff;
}

.carousel-control {
    top: 50%;
}

.carousel-control.left {
    left: -15600px;
}

.carousel-control.right {
    right: -15600px;
}

.carousel:hover .carousel-control.right {
    right: 8px;
    left: auto;
}

.carousel:hover .carousel-control.left {
    left: 8px;
}

.alignR {
    text-align: right;
}

.control-label.alignL,
.alignL {
    text-align: left;
}

.carousel-caption {
    background: transparent;
    background: transparent;
}

.fbstyles {
    margin-top: 10px;
    width: 100%;
    margin-left: 0px;
}

.gstyles {
    margin-left: 0px;
}

.containerstyles {
    margin-left: 0px;
}

@media(max-width:575px) {
    .dv-padding {
        padding-bottom: 15px;
        padding-top: 10px;
        padding-right: 0px !important;
        padding-left: 10px !important;
    }
    .header-top {
        padding-top: 10px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .new_menu {
        -webkit-animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
        animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
        -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
        box-shadow: 0 3px 3px rgb(0 0 0 / 10%);
        background-color: #0075ba;
        position: fixed;
        z-index: 999;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .menu_cart_right {
        position: fixed;
        right: 20px;
        top: 10px;
    }
    #loginbox-k ul.nav-tabs li a {
        width: 102%;
        display: inline-block;
        padding: 14px 10px;
        text-align: center;
        background: #eee7f7;
        color: #434343;
        font-size: 13px;
    }
}