:root{
    --title-color: #000000;
    --body-color: #858585;
    --body-color2: #959595;
    --black-color: #000000;
    --light-color: #c2c2c2;
    --secondary-color: #f5f6fb;
    --smoke-color: #f8f8f8;
    --dark-color: #252323;
    --light-dark-color: #0f1116;
    --white-color: #ffffff;
    --yellow-color: #fec624;
    --success-color: #28a745;
    --error-color: #dc3545;
    --border-color: rgba(0,0,0,0.10);
    --theme-font: "Advent Pro", sans-serif;
    --theme-font2: "Lato",sans-serif;
    --theme-font3: "Amatic SC", cursive;
    --icon-font: "Font Awesome 5 Pro";
    --moving-ani-duration: 10s;
    --ripple-ani-duration: 5s
}

@font-face{font-family:'Montserrat-Regular';src:url("../fonts/Montserrat-Regular.eot");src:url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat-Regular.woff") format("woff"),url("../fonts/Montserrat-Regular.ttf") format("truetype"),url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");}

@font-face{font-family:'Lalezar-Regular';src:url("../fonts/Lalezar-Regular.eot");src:url("../fonts/Lalezar-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Lalezar-Regular.woff2") format("woff2"),url("../fonts/Lalezar-Regular.woff") format("woff"),url("../fonts/Lalezar-Regular.ttf") format("truetype"),url("../fonts/Lalezar-Regular.svg#Lalezar-Regular") format("svg");}

.home-7:not(.plate-color),.home-8:not(.plate-color),.home-6:not(.plate-color){
    --theme-color: 118, 167, 19
}

html,body{
    scroll-behavior:auto !important
}

body{
    font-family: 'Montserrat-Regular';
    font-size:16px;
    font-weight:400;
    color:var(--body-color);
    line-height:26px;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased
}

iframe{
    border:none;width:100%
}

.slick-slide:focus,button:focus,a:focus,a:active,input,input:hover,input:focus,input:active,textarea,textarea:hover,textarea:focus,textarea:active
{
    outline:none
}

input:focus{
    outline:none;
    box-shadow:none
}

img:not([draggable]),embed,object,video{
    max-width:100%;
    height:auto
}

ul{
    list-style-type:disc
}

ol{
    list-style-type:decimal
}

table{
    margin:0 0 1.5em;
    width:100%;
    border-collapse:collapse;
    border-spacing:0
}

th{
    font-weight:500
}

td,th{
    border-top:1px solid var(--border-color);
    padding:9px
}

a{
    color:rgba(var(--theme-color), 1);
    text-decoration:none;
    outline:0;
    transition:all ease .4s
}

a:hover{
    color:var(--body-color)
}

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

button{
    transition:all ease .4s
}

img{
    border:none;
    max-width:100%
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a,span a{
    font-size:inherit;
    font-family:inherit;
    font-weight:inherit;
    line-height:inherit
}

p{
    margin:0 0 15px 0;
    color:var(--body-color);
    line-height:1.8
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{
    font-family:'Lalezar-Regular';
    color:var(--title-color);
    font-weight:700;
    text-transform:none;
    line-height:1.3;
    margin:0 0 15px 0
}

.h1,h1{
    font-size:48px
}

.h2,h2{
    font-size:36px
}

.h3,h3{
    font-size:30px
}

.h4,h4{
    font-size:24px
}

.h5,h5{
    font-size:18px
}

.h6,h6{
    font-size:16px
}

@media(max-width: 1199px){
    .h3,h3{
        font-size:26px
    }
    
    .h4,h4{
        font-size:22px
    }
}

@media(max-width: 992px){
    .h1,h1{
        font-size:42px
    }
    
    .h2,h2{
        font-size:38px
    }
    
    .h3,h3{
        font-size:24px
    }
    
    .h4,h4{
        font-size:20px
    }
}

@media(max-width: 767px){
    .h1,h1{
        font-size:36px
    }
    
    .h2,h2{
        font-size:28px
    }
    
    .h3,h3{
        font-size:22px
    }
}

@media only screen and (min-width: 1300px){
    .container-lg,.container-md,.container-sm,.container-xl,.container{
        max-width:1200px
    }
}

@media only screen and (max-width: 1600px){
    .container-fluid.px-0{
        padding-left:15px !important;
        padding-right:15px !important
    }
    
    .container-fluid.px-0 .row:not(.gx-70){
        margin-left:0 !important;
        margin-right:0 !important
    }
}

.vs-container{
    width:100%;padding-left:var(--bs-gutter-x, 0.75rem);
    padding-right:var(--bs-gutter-x, 0.75rem);
    margin-left:auto
}

@media(min-width: 1921px){
    .vs-container{
        margin-left:auto;
        margin-right:auto
    }
}

@media(min-width: 1600px){
    .vs-container{
        max-width:1540px;
        padding-left:0;
        padding-right:0;
        overflow:hidden
    }
    
    .vs-container_style2{
        max-width:1354px
    }
}

@media(min-width: 1500px){
    .vs-container_style3{
        max-width:1569px;
        margin-left:0;
        padding-left:0;
        margin-bottom:-210px
    }
    
    .vs-container_style3 .row{
        margin-left:0
    }
    
    .vs-container_style3 .row>[class*=col-]:first-child{
        padding-left:0
    }
}

@media(max-width: 1500px){
    .vs-container_style3{
        max-width:100%
    }
}

.equipo{
    width: 600px !Important;
}

@media(max-width: 500px){
    .equipo{
        width: 500px !Important;
    }
}

.slick-track>[class*=col]{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x)/2);
    padding-left:calc(var(--bs-gutter-x)/2);
    margin-top:var(--bs-gutter-y)
}

.gx-10{
    --bs-gutter-x: 10px
}

.gx-2px{
    --bs-gutter-x: 2px
}

.gy-30{
    --bs-gutter-y: 30px
}

@media(min-width: 1300px){
    .gx-80{
        --bs-gutter-x: 80px
    }
    
    .gx-30{
        --bs-gutter-x: 30px
    }
    
    .gx-70{
        --bs-gutter-x: 70px
    }
    
    .gx-60{
        --bs-gutter-x: 60px
    }
}

@media(min-width: 992px){
    .gx-40,.row.gutters-40{
        --bs-gutter-x: 40px
    }
}

label{
    font-size:14px;
    font-weight:700;
    color:var(--title-color);
    margin-bottom:10px;
    line-height:1
}

table.variations select,select,.form-select,.form-control{
    height:55px;
    padding:0 20px;
    border:1px solid #e3e6e9;
    color:var(--title-color);
    background-color:var(--white-color);
    border-radius:3px;
    font-family:var(--theme-font2)
}

table.variations select:focus,select:focus,.form-select:focus,.form-control:focus{
    outline:0;
    box-shadow:none;
    border:1px solid #e3e6e9;
    background-color:var(--white-color)
}

table.variations select::-moz-placeholder,select::-moz-placeholder,.form-select::-moz-placeholder,.form-control::-moz-placeholder{
    color:var(--body-color2);
    text-transform:capitalize
}

table.variations select:-ms-input-placeholder,select:-ms-input-placeholder,.form-select:-ms-input-placeholder,.form-control:-ms-input-placeholder{
    color:var(--body-color2);
    text-transform:capitalize
}

table.variations select::-moz-placeholder, select::-moz-placeholder, .form-select::-moz-placeholder, .form-control::-moz-placeholder{
    color:var(--body-color2);
    text-transform:capitalize
}

table.variations select:-ms-input-placeholder, select:-ms-input-placeholder, .form-select:-ms-input-placeholder, .form-control:-ms-input-placeholder{
    color:var(--body-color2);
    text-transform:capitalize
}

table.variations select::placeholder,select::placeholder,.form-select::placeholder,.form-control::placeholder{
    color:var(--body-color2);
    text-transform:capitalize
}

select{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-position:right .75rem center;
    background-size:16px 12px;
    background-repeat:no-repeat;
    font-size:14px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding-right:50px
}

input.form-control::-webkit-outer-spin-button,input.form-control::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}

input.form-control[type=number]{
    -moz-appearance:textfield
}

textarea.form-control{
    min-height:180px;
    padding-top:10px;
    padding-bottom:17px
}

input[type=checkbox]{
    visibility:hidden;
    opacity:0;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    display:none
}

input[type=checkbox]:checked~label:before{
    content:"";
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color);
    border-color:transparent
}

input[type=checkbox]~label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:block;
    line-height:1.5;
    margin-bottom:11px
}

input[type=checkbox]~label:before{
    content:"";
    font-family:var(--icon-font);
    font-weight:400;
    position:absolute;
    left:0;
    top:2px;
    background-color:var(--white-color);
    border:1px solid var(--border-color);
    height:18px;width:18px;
    line-height:18px;
    text-align:center;
    font-size:12px;
    border-radius:3px
}

input[type=radio]{
    visibility:hidden;
    opacity:0;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    display:none
}

input[type=radio]~label{
    position:relative;
    padding-left:25px;
    cursor:pointer;
    display:block;
    line-height:1.3;
    margin-bottom:11px
}

input[type=radio]~label:after,input[type=radio]~label:before{
    content:"";
    position:absolute;
    border-radius:100%;
    transition:all .2s ease
}

input[type=radio]~label::before{
    top:1px;
    left:0;
    width:16px;
    height:16px;
    border:1px solid var(--border-color);
    background:var(--white-color)
}

input[type=radio]~label:after{
    width:10px;
    height:10px;
    top:4px;
    left:3px;
    opacity:0;
    transform:scale(0)
}

input[type=radio]:checked~label::before{
    border-color:rgba(var(--theme-color), 1)
}

input[type=radio]:checked~label:after{
    opacity:1;
    background-color:rgba(var(--theme-color), 1);
    transform:scale(1)
}

.form-group{
    margin-bottom:20px;
    position:relative
}

.form-group>i{
    position:absolute;
    right:40px;
    top:20px;
    font-size:18px;
    color:rgba(var(--theme-color), 1)
}

.form-control.is-invalid,.was-validated .form-control:invalid{
    border:1px solid var(--error-color);
    background-position:right calc(.375em + .8875rem) center
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{
    outline:0;
    box-shadow:none
}

textarea.form-control.is-invalid{
    background-position:top calc(.375em + .5875rem) right calc(.375em + .8875rem)
}

.row.no-gutters>.form-group{
    margin-bottom:0
}

.slick-list.draggable{
    padding-left:0;
    padding-right:0
}

.slick-track{
    min-width:100%
}

.slick-track img{
    display:inline-block
}

.slick-dots{
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
    margin-bottom:30px;
    line-height:0
}

.slick-dots li{
    line-height:0;
    display:inline-block;
    margin-right:10px
}

.slick-dots li:last-child{
    margin-right:0
}

.slick-dots button{
    border:none;
    background-color:transparent;
    display:inline-block;
    background-color:#e5d8d8;
    text-indent:-99999px;
    width:12px;
    height:12px;
    padding:0;
    border-radius:50%
}

.slick-dots .slick-active button{
    background-color:var(--body-color)
}

.dots-style2 .slick-dots{
    padding-top:25px
}

.dots-style2 li:not(:last-child){
    margin-right:20px
}

.dots-style2 button{
    width:10px;
    height:10px;
    background-color:#fcd55c;
    position:relative
}

.dots-style2 button:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:4px;
    height:4px;
    margin:-2px 0 0 -2px;
    background-color:var(--white-color);
    opacity:0;
    visibility:hidden;
    border-radius:inherit;
    transition:all ease .4s
}

.dots-style2 .slick-active button{
    background-color:rgba(var(--theme-color), 1);
    box-shadow:0 0 0 6px rgba(var(--theme-color), 1)
}

.dots-style2 .slick-active button:before{
    opacity:1;
    visibility:visible
}

.slick-arrow{
    display:inline-block;
    width:var(--icon-size, 42px);
    height:var(--icon-size, 42px);
    line-height:var(--icon-size, 40px);
    border:none;
    background-color:#fcd55c;
    color:var(--title-color);
    font-size:18px;
    vertical-align:middle;
    border-radius:50%
}

.slick-arrow:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}

.vs-menu-wrapper{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,.6);
    z-index:999999;
    width:0;
    height:100%;
    transition:all ease .8s;
    text-align:center
}

.vs-menu-wrapper .mobile-logo{
    padding-bottom:25px;
    padding-top:40px;
    display:inline-block
}

.vs-menu-wrapper .vs-menu-toggle{
    border:none;
    font-size:22px;
    position:absolute;
    right:10px;
    top:10px;
    padding:0;
    line-height:1;
    width:33px;
    height:33px;
    line-height:33px;
    font-size:18px;
    z-index:1;
    color:var(--white-color);
    background-color:#8dc63f;
    border-radius:50%
}

.vs-menu-wrapper .vs-menu-toggle:hover{
    background-color:#57575c;
    color:var(--white-color)
}

.vs-menu-wrapper .vs-menu-area{
    width:100%;
    max-width:310px;
    background-color:#fff;
    border-right:3px solid rgba(var(--theme-color), 1);
    height:100%;
    position:relative;
    left:-1000px;
    opacity:0;
    visibility:hidden;
    transition:all ease 1s;
    z-index:1
}

.vs-menu-wrapper.vs-body-visible{
    opacity:1;
    visibility:visible;
    width:100%;
    transition:all ease .8s
}

.vs-menu-wrapper.vs-body-visible .vs-menu-area{
    left:0;
    opacity:1;
    visibility:visible;
    transition:all ease 1s
}

.vs-mobile-menu{
    overflow-y:scroll;
    max-height:58vh;
    padding-bottom:40px;
    text-align:left
}

.vs-mobile-menu ul{
    margin:0;padding:0 0
}

.vs-mobile-menu ul li{
    border-bottom:1px solid #fdedf1;
    list-style-type:none
}

.vs-mobile-menu ul li li:first-child{
    border-top:1px solid #fdedf1
}

.vs-mobile-menu ul li a{
    display:block;
    position:relative;
    padding:14px 0;
    line-height:1;
    font-size:14px;
    text-transform:capitalize;
    color:var(--title-color)
}

.vs-mobile-menu ul li a:before{
    content:"*";
    font-family:var(--icon-font);
    position:relative;
    left:0;
    top:0;
    margin-right:10px;
    display:inline-block
}

.vs-mobile-menu ul li.vs-active>a{
    color:rgba(var(--theme-color), 1)
}

.vs-mobile-menu ul li ul li{
    padding-left:20px
}

.vs-mobile-menu ul li ul li:last-child{
    border-bottom:none
}

.vs-mobile-menu ul .vs-item-has-children>a:after{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    right:0;
    top:50%;
    font-weight:400;
    font-size:11px;
    width:25px;
    height:25px;
    line-height:25px;
    margin-top:-12.5px;
    display:inline-block;
    text-align:center;
    background-color:var(--white-color);
    box-shadow:0 0 31px -7px rgba(0,0,0,.8);
    border-radius:50%
}

.vs-mobile-menu ul .vs-item-has-children.vs-active>a:before{
    transform:rotate(90deg)
}

.vs-mobile-menu ul .vs-item-has-children.vs-active>a:after{
    content:""
}

.vs-mobile-menu>ul{
    padding:0 20px
}

.vs-mobile-menu>ul>li:last-child{
    border-bottom:none
}

.vs-menu-toggle{
    width:50px;
    height:50px;
    padding:0;
    font-size:24px;
    border:none;
    background-color:#8dc63f;
    color:var(--white-color);
    display:inline-block;
    border-radius:50%
}

.xdsoft_datetimepicker{
    z-index:1080
}

.xdsoft_datetimepicker .xdsoft_datepicker{
    width:300px
}

.xdsoft_datetimepicker .xdsoft_current{
    color:rgba(var(--theme-color), 1)
}

@media(max-width: 576px){
    .xdsoft_datetimepicker{
        transform:scale(0.7);
        transform-origin:top center
    }
}

@font-face{
    font-family:"Flaticon";
    src:url("../fonts/Flaticon.eot");
    src:url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),url("../fonts/Flaticon.woff2") format("woff2"),url("../fonts/Flaticon.woff") format("woff"),url("../fonts/Flaticon.ttf") format("truetype"),url("../fonts/Flaticon.svg#Flaticon") format("svg");font-weight:normal;
    font-style:normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
    @font-face{
        font-family:"Flaticon";
        src:url("../fonts/Flaticon.svg#Flaticon") format("svg")
    }
}

[class^=flaticon-]:before,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class*=" flaticon-"]:after{
    font-family:Flaticon;
    font-style:normal;
    line-height:1
}

.vs-setting-plate{
    position:fixed;
    display:block;
    z-index:99998;
    padding:20px;
    width:240px;
    background:#fff;
    left:-240px;
    text-align:left;
    top:30%;
    transition:all .4s ease;
    box-shadow:-3px 0px 10px -2px rgba(0,0,0,.1);
    direction:ltr
}

.vs-setting-plate.open{
    left:0
}

.vs-setting-plate .setting-plate-icon{
    position:absolute;
    right:-48px;
    width:48px;
    height:45px;
    line-height:45px;
    font-size:21px;
    border-radius:0 5px 5px 0;
    text-align:center;
    color:#fff !important;
    top:0;
    cursor:pointer;
    box-shadow:-4px 0px 5px #00000036
}

.vs-setting-plate .plate-btn{
    height:40px;
    line-height:40px;
    display:inline-block;
    border:none;
    background-color:#000;
    color:var(--white-color);
    font-weight:700;
    font-size:14px;
    border:1px solid transparent;text-align:center
}

.vs-setting-plate .plate-btn:hover,.vs-setting-plate .plate-btn.active{
    border-color:rgba(var(--theme-color), 1);
    background-color:transparent;
    color:var(--title-color)
}

.vs-setting-plate h4{
    display:block;
    font-size:18px;
    margin-bottom:0px;
    font-weight:500
}

.vs-setting-plate p{
    font-size:12px;
    margin-bottom:15px;
    line-height:20px
}

.vs-setting-plate .btn-wrap{
    display:grid;
    gap:5px
}

.vs-setting-plate .btn-wrap.grid-3{
    grid-template-columns:repeat(3, 1fr)
}

.vs-setting-plate .btn-wrap.grid-2{
    grid-template-columns:repeat(2, 1fr)
}

.vs-setting-plate .color-btn{
    height:40px;
    border-radius:0;
    cursor:pointer;
    display:inline-block;
    border:none
}

.vs-setting-plate .color-btn:hover{
    cursor:pointer
}

.default-color-btn{
    border:none;
    background-color:#000;
    color:var(--white-color);
    font-weight:400;
    font-family:var(--theme-font2);
    text-align:center;
    width:100%;
    font-size:14px;
    margin:0 0 10px 0;
    padding:5px 0
}

.preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background-color:var(--white-color)
}

.preloader .vs-btn{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    border-radius:0;
    padding:5px 20px;
    font-size:16px;
    border:none
}

.preloader .loader{
    width:48px;
    height:48px;
    display:inline-block;
    position:relative;
    transform:rotate(45deg)
}

.preloader .loader::before{
    content:"";
    box-sizing:border-box;
    width:24px;
    height:24px;
    position:absolute;
    left:0;
    top:-24px;
    -webkit-animation:animloader 4s ease infinite;
    animation:animloader 4s ease infinite
}

.preloader .loader::after{
    content:"";
    box-sizing:border-box;
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    background:rgba(var(--theme-color), 0.85);
    box-shadow:0 0 10px rgba(0,0,0,.15);
    -webkit-animation:animloader2 2s ease infinite;
    animation:animloader2 2s ease infinite
}

@-webkit-keyframes animloader{
    0%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)
    }
    12%{
        box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)
    }
    25%{
        box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)
    }
    37%{
        box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(255,255,255,0)
    }
    50%{
        box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(var(--theme-color), 1)
    }
    62%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(var(--theme-color), 1)
    }
    75%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(var(--theme-color), 1)
    }
    87%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(var(--theme-color), 1)
    }
    100%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)
    }
}

@keyframes animloader{
    0%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)}12%{box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)
    }
    25%{
        box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)
    }
    37%{
        box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(255,255,255,0)
    }
    50%{
        box-shadow:0 24px rgba(var(--theme-color), 1),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(var(--theme-color), 1)
    }
    62%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(var(--theme-color), 1),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(var(--theme-color), 1)
    }
    75%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(var(--theme-color), 1),0px 48px rgba(var(--theme-color), 1)
    }
    87%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(var(--theme-color), 1)
    }
    100%{
        box-shadow:0 24px rgba(255,255,255,0),24px 24px rgba(255,255,255,0),24px 48px rgba(255,255,255,0),0px 48px rgba(255,255,255,0)
    }
}

@-webkit-keyframes animloader2{
    0%{
        transform:translate(0, 0) rotateX(0) rotateY(0)
    }
    25%{
        transform:translate(100%, 0) rotateX(0) rotateY(180deg)
    }
    50%{
        transform:translate(100%, 100%) rotateX(-180deg) rotateY(180deg)
    }
    75%{
        transform:translate(0, 100%) rotateX(-180deg) rotateY(360deg)
    }
    100%{
        transform:translate(0, 0) rotateX(0) rotateY(360deg)
    }
}

@keyframes animloader2{
    0%{
        transform:translate(0, 0) rotateX(0) rotateY(0)
    }
    25%{
        transform:translate(100%, 0) rotateX(0) rotateY(180deg)
    }
    50%{
        transform:translate(100%, 100%) rotateX(-180deg) rotateY(180deg)}75%{transform:translate(0, 100%) rotateX(-180deg) rotateY(360deg)
    }
    100%{
        transform:translate(0, 0) rotateX(0) rotateY(360deg)
    }
}

.vs-btn{
    display:inline-block;
    border:none;
    padding:12px 37px;
    border-radius:9999px;
    background-color:#8dc63f;
    color:var(--white-color);
    font-family:var(--title-color);
    font-weight:700;
    box-shadow:3px 6px 0px 0px rgba(186,186,186,.43);
    transition:all ease-in-out .4s;
    position:relative;
    z-index:1;
    vertical-align:middle;
    overflow:hidden;
    font-size:16px
}

.vs-btn:after{
    content:"";
    position:absolute;
    z-index:-1;
    background-color:#57575c;
    left:auto;
    right:0;
    top:0;
    height:100%;
    width:0;
    border-radius:inherit;
    transition:all ease .4s
}

.vs-btn.style2{
    background-color:#57575c;
}

.vs-btn.style2:after{
    background-color:#8dc63f;
}

.vs-btn.style6,.vs-btn.style5,.vs-btn.style3{
    box-shadow:none;
    text-transform:uppercase;
    font-size:14px;
    height:60px;
    padding:8px 8px 8px 45px;
    line-height:1
}

.vs-btn.style6 i,.vs-btn.style5 i,.vs-btn.style3 i{
    display:inline-block;
    width:var(--icon-size, 42px);
    height:var(--icon-size, 42px);
    line-height:var(--icon-size, 42px);
    background-color:var(--white-color);
    color:var(--title-color);
    font-size:var(--icon-font-size, 18px);
    margin:0 0 0 var(--icon-gap, 25px);
    text-align:center;
    border-radius:50%;
    transition:all ease .4s
}

.vs-btn.style4{
    background-color:rgba(var(--theme-color), 1);
    text-transform:uppercase;
    border-radius:999px;
    font-weight:700;
    font-size:15px;
    box-shadow:none;
    padding:17px 47px
}

.vs-btn.style4 i{
    margin-right:10px
}

.vs-btn.style4:hover{
    color:var(--white-color)
}

.vs-btn:hover{
    color:var(--white-color)
}

.vs-btn:hover:after{
    width:100%;
    right:auto;
    left:0
}

.vs-btn.style5{
    background-color:transparent;
    border:2px solid var(--white-color);
    padding:6px 8px 8px 45px
}

.vs-btn.style5:after{
    display:none
}

.vs-btn.style5:hover{
    color:var(--title-color);
    background-color:var(--white-color)
}

.vs-btn.style5:hover i{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.vs-btn.style6{
    background-color:var(--white-color);
    color:#8dc63f;
}

.vs-btn.style6 i{
    background-color:#8dc63f;
    color:var(--white-color)
}

.vs-btn.style6:after{
    display:none
}

.vs-btn.style6:hover{
    background-color:#8dc63f;
    color:var(--white-color)
}

.vs-btn.style6:hover i{
    background-color:var(--white-color);
    color:#8dc63f;
}

.icon-btn{
    display:inline-block;
    color:var(--body-color);
    background-color:#f5efef;
    text-align:center;
    position:relative;
    width:35px;
    height:35px;
    line-height:35px;
    border:none;
    font-size:12px;
    border-radius:50%
}

.icon-btn.bg2{
    background-color:rgba(var(--theme-color), 0.25)
}

.icon-btn.bg3{
    background-color:#eadcdc
}

.icon-btn.bg4{
    background-color:#584f4f;
    color:var(--white-color)
}

.icon-btn.active,.icon-btn:hover{
    background-color:rgba(var(--theme-color), 1) !important;
    color:var(--white-color) !important
}

.icon-btn.style2{
    width:60px;
    height:60px;
    line-height:60px;
    background-color:#eff3f1;
    color:var(--title-color);
    font-size:18px
}

.icon-btn.style3{
    width:35px;
    height:35px;
    line-height:35px;
    font-size:16px;
    background-color:var(--secondary-color);
    border-radius:5px
}

.play-btn{
    position:relative;
    border-radius:50%;
    display:inline-block
}

.play-btn>i{
    position:relative;
    z-index:2;
    display:inline-block;
    width:var(--icon-size, 75px);
    height:var(--icon-size, 75px);
    line-height:var(--icon-size, 75px);
    text-align:center;
    font-size:var(--icon-font-size, 18px);
    border-radius:inherit;
    transition:all ease .4s
}

.play-btn .fa-play{
    padding-left:3px
}

.play-btn:after,.play-btn:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:inherit;
    background-color:rgba(var(--theme-color), 1);
    z-index:1
}

.play-btn:after{
    -webkit-animation-delay:1s;
    animation-delay:1s
}

.play-btn:hover>i,.play-btn.style-white>i{
    background-color:var(--white-color);
    color:rgba(var(--theme-color), 1);
    box-shadow:0px 6px 34.3px .7px rgba(148,147,147,.84)
}

.play-btn>i,.play-btn.style-white:hover>i{
    color:var(--white-color);
    background-color:rgba(var(--theme-color), 1)
}

.play-btn.style2{
    --icon-size: 128px;
    --icon-font-size: 30px
}

.play-btn.style2>i{
    background-color:var(--white-color);
    color:var(--title-color)
}

.play-btn.style2:before{
    display:none
}

.play-btn.style2:after{
    -webkit-animation:none;
    animation:none;
    left:-10px;
    top:-10px;
    right:-10px;
    bottom:-10px;
    width:auto;
    height:auto;
    border:3px dashed #fcd55c;
    background-color:transparent;
    -webkit-animation:cspine 35s linear infinite;
    animation:cspine 35s linear infinite
}

.link-btn{
    font-weight:700;
    display:inline-block;
    line-height:.8
}

.link-btn i{
    margin-left:5px
}

.view-btn{
    font-size:18px;
    font-size:700;
    color:var(--body-color2);
    text-transform:capitalize
}

.view-btn i{
    margin-left:10px
}

.view-btn:hover{
    color:rgba(var(--theme-color), 1)
}

.scrollToTop{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    background-color:#8dc63f;
    color:var(--white-color);
    position:fixed;
    bottom:100px;
    right:30px;
    z-index:94;
    opacity:0;
    visibility:hidden;
    font-size:26px;
    transition:all ease .8s;
    border-radius:50%
}

.scrollToTop.show{
    bottom:30px;
    opacity:1;
    visibility:visible
}

.scrollToTop:focus,.scrollToTop:hover{
    background-color:#57575c;
    color:var(--white-color)
}

@media(max-width: 767px){
    .scrollToTop{
        width:40px;
        height:40px;
        line-height:40px;
        right:15px;
        bottom:50px
    }
    
    .scrollToTop.show{
        bottom:15px
    }
}

.bottom-btn{
    margin-top:70px;
    text-align:center
}

@media(max-width: 1199px){
    .play-btn.style2{
        --icon-size: 80px;
        --icon-font-size: 20px
    }
}

@media(max-width: 992px){
    .play-btn>i{
        width:100px;
        height:100px;
        line-height:100px;
        font-size:26px
    }
    
    .bottom-btn{
        margin-top:40px
    }
}

.section-title{
    margin-bottom:60px
}

.section-title>img{
    margin-top:15px
}

.sec-title2,.sec-title1{
    font-size:72px;
    text-transform:capitalize;
    line-height:1;
    margin-top:-0.14em;
    margin-bottom:20px
}

.sec-title2{
    color:#8dc63f;
    font-weight:200;
    margin-bottom:0;
    text-transform:none
}

.sec-title3{
    font-size:60px;
    font-weight:700;
    line-height:1.1
}

.sec-title4{
    font-size:50px
}

.sub-title2,.sub-title1{
    font-family:'Montserrat-Regular';
    letter-spacing:.5em;
    font-weight:700;
    line-height:1;
    margin-bottom:18px;
    color:var(--body-color2);
    text-transform:uppercase;
    display:block
}

.sub-title2{
    letter-spacing:.3em;
    text-transform:capitalize;
    margin-bottom:15px
}

.sub-title3{
    font-family:var(--theme-font);
    font-size:18px;
    letter-spacing:.4em;
    font-weight:300;
    text-transform:capitalize;
    color:#010101
}

.sub-title4{
    font-size:35px;
    font-family: 'Lalezar-Regular';
    font-weight:700;
    color:#8dc63f;
    margin:0 0 10px 0;
    display:block
}

.sec-text{
    font-size:18px
}

.sec-icon{
    margin:0 0 30px 0
}

.inner-title1{
    position:relative;
    padding-bottom:10px;
    margin-bottom:40px;
    margin-top:-0.3em
}

.inner-title1 span{
    font-weight:300
}

.inner-title1::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:40px;
    height:2px;
    background-color:rgba(var(--theme-color), 1)
}

@media(max-width: 1199px){
    .sec-title1,.sec-title2{
        font-size:54px
    }
    
    .sec-title3{
        font-size:46px
    }
    
    .sub-title4{
        font-size:30px
    }
    
    .sec-title4{
        font-size:42px;
        line-height:1.2
    }
}

@media(max-width: 992px){
    .sec-title1,.sec-title2{
        font-size:48px
    }
    
    .sec-title4,.sec-title3{
        font-size:36px
    }
    
    .sub-title4{
        font-size:24px
    }
    
    .section-title{
        margin-bottom:40px
    }
    
    .sec-text{
        font-size:16px
    }
}

@media(max-width: 767px){
    .sec-title1,.sec-title2{
        font-size:36px
    }
    
    .sec-title4,.sec-title3{
        font-size:30px
    }
    
    .sub-title2{
        font-size:18px
    }
}

@media(min-width: 1950px){
    .d-none-hd{
        display:none
    }
}

@media(min-width: 1500px){
    .d-hd-inline-block{
        display:inline-block !important
    }
    
    .d-hd-block{
        display:block !important
    }
}

.shape-mockup-wrap{
    position:relative
}

.shape-mockup{
    position:absolute;
    z-index:-1
}

.image-scale-hover{
    overflow:hidden
}

.image-scale-hover img{
    transition:all ease .4s;transform:scale(1.001)
}

.image-scale-hover:hover img{
    transform:scale(1.2)
}

.link-inherit a,.link-inherit * a{
    color:inherit
}

.link-inherit a:hover,.link-inherit * a:hover{
    color:rgba(var(--theme-color), 1)
}

.list-style-none ol,.list-style-none ul,.list-style-none{
    padding:0;
    margin:0
}

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

.form-messages{
    display:none
}

.form-messages.success{
    color:var(--success-color);
    display:block
}

.form-messages.error{
    color:var(--error-color);
    display:block
}

.z-index-step1{
    position:relative;
    z-index:41 !important
}

.z-index-common{
    position:relative;
    z-index:31
}

.badge{
    position:absolute;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    display:inline-block;
    text-align:center;
    background-color:var(--body-color);
    color:var(--white-color);
    padding:.35em .55em;
    border-radius:50%
}

.vs-rating{
    color:var(--light-color)
}

.vs-rating .active{
    color:#8dc63f;
}

.media-body{
    flex:1
}

.middle-box{
    margin-bottom:-82px;
    position:relative;
    z-index:1;
    border-radius:10px
}

.middle-box h4{
    max-width:240px
}

#google_translate_element2,.goog-te-banner-frame,#goog-gt-tt{
    display:none !important
}

.goog-te-menu-value:hover{
    text-decoration:none !important
}

.goog-text-highlight{
    background-color:transparent !important;
    box-shadow:none !important
}

body{
    top:0 !important
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{
    border-left-color:rgba(var(--theme-color), 1)
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{
    border-top-color:rgba(var(--theme-color), 1)
}

.tooltip-inner{
    background-color:rgba(var(--theme-color), 1)
}

.new-label{
    background-color:#dc3545;
    display:inline-block;
    color:var(--white-color);
    font-size:11px;
    font-family:var(--theme-font2);
    font-weight:400;
    line-height:1;
    padding:3px 7px;
    border-radius:5px
}

@media(max-width: 992px){
    .middle-box{
        margin-bottom:60px
    }
}

@media(max-width: 576px){
    .middle-box.px-90.py-50{
        padding:20px
    }
    
    .middle-box .media-icon.pr-35{
        padding-right:15px
    }
}

.widget_layered_nav ul,.product-categories ul,.widget_nav_menu ul,.widget_meta ul,.widget_pages ul,.widget_archive ul,.widget_categories ul{
    list-style:none;
    margin:0;
    padding:0
}

.widget_layered_nav>ul,.product-categories>ul,.widget_nav_menu>ul,.widget_meta>ul,.widget_pages>ul,.widget_archive>ul,.widget_categories>ul{
    margin-top:-15px
}

.widget_layered_nav li,.product-categories li,.widget_nav_menu li,.widget_meta li,.widget_pages li,.widget_archive li,.widget_categories li{
    display:block;
    position:relative
}

.widget_layered_nav li>span,.product-categories li>span,.widget_nav_menu li>span,.widget_meta li>span,.widget_pages li>span,.widget_archive li>span,.widget_categories li>span{
    position:absolute;
    right:0;
    top:14px;
    font-size:16px
}

.widget_layered_nav li:last-child a,.product-categories li:last-child a,.widget_nav_menu li:last-child a,.widget_meta li:last-child a,.widget_pages li:last-child a,.widget_archive li:last-child a,.widget_categories li:last-child a{
    margin-bottom:0
}

.widget_layered_nav label,.widget_layered_nav a,.product-categories label,.product-categories a,.widget_nav_menu label,.widget_nav_menu a,.widget_meta label,.widget_meta a,.widget_pages label,.widget_pages a,.widget_archive label,.widget_archive a,.widget_categories label,.widget_categories a{
    display:block;
    background-color:var(--white-color);
    padding-right:20px;
    padding-bottom:15px;
    padding-top:16px;
    color:var(--body-color2);
    font-weight:600;
    font-size:16px;
    font-family:var(--theme-font2);
    border-bottom:1px dashed var(--body-color2)
}

.widget_layered_nav label:hover,.widget_layered_nav a:hover,.product-categories label:hover,.product-categories a:hover,.widget_nav_menu label:hover,.widget_nav_menu a:hover,.widget_meta label:hover,.widget_meta a:hover,.widget_pages label:hover,.widget_pages a:hover,.widget_archive label:hover,.widget_archive a:hover,.widget_categories label:hover,.widget_categories a:hover{
    color:rgba(var(--theme-color), 1)
}

.widget_layered_nav input[type=checkbox]~label:before,.product-categories input[type=checkbox]~label:before,.widget_nav_menu input[type=checkbox]~label:before,.widget_meta input[type=checkbox]~label:before,.widget_pages input[type=checkbox]~label:before,.widget_archive input[type=checkbox]~label:before,.widget_categories input[type=checkbox]~label:before{
    top:5px
}

.widget_layered_nav input[type=checkbox]:not(:checked)~label:before,.product-categories input[type=checkbox]:not(:checked)~label:before,.widget_nav_menu input[type=checkbox]:not(:checked)~label:before,.widget_meta input[type=checkbox]:not(:checked)~label:before,.widget_pages input[type=checkbox]:not(:checked)~label:before,.widget_archive input[type=checkbox]:not(:checked)~label:before,.widget_categories input[type=checkbox]:not(:checked)~label:before{
    background-color:#fbf8f8;
    border-color:#ffe4e4
}

.widget_layered_nav .children,.product-categories .children,.widget_nav_menu .children,.widget_meta .children,.widget_pages .children,.widget_archive .children,.widget_categories .children{
    margin-left:10px
}

.widget_nav_menu a,.widget_meta a,.widget_pages a{
    padding-right:20px
}

.product-categories{
    margin:0;padding:0
}

.widget_nav_menu .sub-menu{
    margin-left:10px
}

.wp-block-archives{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:20px
}

.wp-block-archives a:not(:hover){
    color:inherit
}

.vs-blog ul.wp-block-archives li{
    margin:5px 0
}

.style-white a{
    color:var(--white-color)
}

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

.widget_recent_comments li:not(:last-child){
    padding-bottom:12px
}

.widget_recent_comments a{
    color:var(--body-color);
    position:relative
}

.widget_recent_comments a:hover{
    color:rgba(var(--theme-color), 1)
}

.widget_recent_comments li{
    padding-left:30px;
    position:relative
}

.widget_recent_comments li:before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    color:rgba(var(--theme-color), 1);
    font-family:var(--icon-font)
}

.widget_recent_entries ul{
    margin:-0.2em 0 0 0;
    padding:0;list-style:none
}

.widget_recent_entries ul li>a{
    color:var(--title-color);
    font-weight:500
}

.widget_recent_entries ul li>a:hover{
    color:rgba(var(--theme-color), 1)
}

.widget_recent_entries ul li:not(:last-child){
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-bottom:12px;
    margin-bottom:12px
}

.price_slider_wrapper .price_slider_amount{
    display:flex;
    flex-wrap:wrap;
    flex-flow:column
}

.price_slider_wrapper .price_slider_amount .price_label{
    order:1;
    margin-bottom:10px
}

.price_slider_wrapper .price_slider_amount button{
    order:2;
    width:94px;
    height:40px;
    line-height:40px;
    border-radius:50px;
    min-width:auto;
    font-weight:700;
    font-size:14px;
    color:var(--white-color);
    border:none;
    padding:0;
    text-transform:capitalize;
    background-color:rgba(var(--theme-color), 1)
}

.price_slider_wrapper .price_slider_amount button:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}

.price_slider_wrapper{
    margin-top:25px
}

.price_slider_wrapper .price_label{
    font-weight:700
}

.price_slider_wrapper .price_label span{
    font-weight:500
}

.price_slider_wrapper .price_label span:first-child{
    margin-left:5px
}

.price_slider_wrapper .price-area{
    float:left;
    padding:7px 0
}

.price_slider_wrapper .price-area span{
    display:inline-block;
    color:var(--title-color)
}

.price_slider_wrapper input{
    width:100px;
    display:inline-block;
    border:none;
    background-color:transparent;
    font-size:16px;
    font-weight:700;
    color:var(--body-color)
}

.price_slider_wrapper .ui-slider{
    height:6px;
    position:relative;
    width:100%;
    background-color:var(--smoke-color);
    border:none;
    margin-top:5px;
    margin-bottom:20px;
    cursor:pointer;
    border-radius:3px
}

.price_slider_wrapper .ui-slider-range{
    border:none;
    cursor:pointer;
    position:absolute;
    top:0;
    height:100%;
    z-index:1;
    display:block;
    background-color:rgba(var(--theme-color), 1)
}

.price_slider_wrapper .ui-slider-handle{
    width:20px;
    height:20px;
    border-radius:50%;
    margin-top:-2px;
    text-align:center;
    line-height:10.5px;
    padding:0;
    border:none;
    cursor:pointer;
    position:absolute;
    margin-top:-7px;
    z-index:2;
    background-color:rgba(var(--theme-color), 1);
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15);
    transform:translateX(0)
}

.price_slider_wrapper .ui-slider-handle:focus{
    outline:none;
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15)
}

.price_slider_wrapper .ui-slider-handle:before{
    content:"";
    position:absolute;
    background-color:#fff;
    top:50%;
    left:50%;
    width:6px;
    height:6px;
    border-radius:50%;
    transform:translate(-50%, -50%)
}

.price_slider_wrapper .ui-slider-handle:last-child{
    transform:translateX(-20px)
}

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

.widget_rss ul .rsswidget{
    color:var(--title-color);
    font-family:var(--theme-font);
    font-size:18px;
    display:block;
    margin-bottom:5px
}

.widget_rss ul .rssSummary{
    font-size:14px
}

.widget_rss ul a{
    display:block;
    font-weight:700;
    color:inherit
}

.widget_rss ul .rss-date{
    font-size:14px;
    display:inline-block;
    margin-bottom:5px
}

.widget_rss ul .rss-date:before{
    content:"";
    font-family:var(--icon-font);
    margin-right:10px;
    font-weight:300;
    color:rgba(var(--theme-color), 1)
}

.widget_rss ul cite{
    font-weight:600;
    color:var(--title-color);
    font-family:var(--theme-font)
}

.widget_rss ul cite:before{
    content:"";
    position:relative;
    top:0;
    left:0;
    width:20px;
    height:2px;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
    background-color:rgba(var(--theme-color), 1)
}

.widget_rss li:not(:last-child){
    margin-bottom:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-bottom:16px
}

.sticky-sidebar{
    overflow:hidden;
    position:-webkit-sticky;
    position:sticky;
    top:0
}

.widget{
    margin-bottom:50px
}

.widget:last-child{
    margin-bottom:30px
}

.widget .screen-reader-text{
    display:none
}

.widget select{
    height:50px;
    width:100%;
    padding-left:20px;
    border-radius:4px

}

.widget_title{
    font-size:24px;
    font-weight:600;
    position:relative;
    padding-bottom:10px;
    margin-bottom:25px;
    align-content: :-0.3em
}

.widget_title:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:40px;
    height:2px;
    background-color:rgba(var(--theme-color), 1);
    border-radius:5px
}

.widget_title a{
    color:inherit
}

.widget_title a:hover{
    color:rgba(var(--theme-color), 1)
}

ul.product_list_widget{
    margin:0;
    padding:0
}

ul.product_list_widget li{
    margin-bottom:20px
}

ul.product_list_widget li:last-child{
    margin-bottom:0
}

ul.product_list_widget img{
    border:1px solid #ececec
}

ul.product_list_widget .media-body.pl-30{
    padding-left:15px
}

ul.product_list_widget .amount{
    font-size:14px
}

.sidebar-gallery{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    padding-top:7px
}

.footer-widget,.footer-widget .widget{
    padding:0;
    border:none;
    padding-bottom:0;
    background-color:transparent;
    margin-bottom:30px
}

.footer-widget .widget_title{
    padding-bottom:17px;
    margin-bottom:23px
}

.footer-widget .widget_meta,.footer-widget .widget_pages,.footer-widget .widget_archive,.footer-widget .widget_categories,.footer-widget .widget_nav_menu{
    margin-bottom:20px
}

.footer-widget .widget_meta .widget_title,.footer-widget .widget_pages .widget_title,.footer-widget .widget_archive .widget_title,.footer-widget .widget_categories .widget_title,.footer-widget .widget_nav_menu .widget_title{
    margin-bottom:25px
}

.footer-widget .widget_meta li>span,.footer-widget .widget_pages li>span,.footer-widget .widget_archive li>span,.footer-widget .widget_categories li>span,.footer-widget .widget_nav_menu li>span{
    width:auto;
    height:auto;
    position:relative;
    background-color:transparent;
    color:var(--body-color);
    line-height:1
}

.footer-widget .widget_meta a,.footer-widget .widget_pages a,.footer-widget .widget_archive a,.footer-widget .widget_categories a,.footer-widget .widget_nav_menu a{
    background-color:transparent;
    padding:0;
    position:relative;
    margin-bottom:3px;
    display:inline-block;
    padding:0;
    border:none
}

.footer-widget .widget_meta a:hover,.footer-widget .widget_pages a:hover,.footer-widget .widget_archive a:hover,.footer-widget .widget_categories a:hover,.footer-widget .widget_nav_menu a:hover{
    background-color:transparent
}

.footer-widget .widget_meta a:before,.footer-widget .widget_pages a:before,.footer-widget .widget_archive a:before,.footer-widget .widget_categories a:before,.footer-widget .widget_nav_menu a:before{
    content:"";
    font-family:var(--icon-font);
    margin-right:10px
}

.footer-widget .menu a{
    padding:0;
    margin-bottom:7px;
    display:inline-block;
    background-color:transparent;
    border:none;
    padding-bottom:0
}

.footer-widget .menu a:hover{
    background-color:transparent;
    color:rgba(var(--theme-color), 1)
}

.footer-widget .menu[class*=text-] a{
    color:inherit
}

.footer-widget .menu[class*=text-] a:hover{
    color:rgba(var(--theme-color), 1)
}

.widget.footer-widget,.footer-widget .widget{
    margin-bottom:40px
}

.footer-social-links ul{
    margin:0;
    padding:0;
    list-style-type:none
}

.footer-social-links li{
    position:relative;
    margin-bottom:8px
}

.footer-social-links li:last-child{
    margin-bottom:0
}

.footer-social-links i{
    color:rgba(var(--theme-color), 1);
    min-width:18px;
    text-align:center;
    margin-right:10px
}

.footer-social-links a{
    text-transform:capitalize;
    color:var(--body-color2)
}

.footer-social-links a:hover{
    color:rgba(var(--theme-color), 1)
}

.footer-social-links[class*=text-] a{
    color:inherit
}

.footer-social-links[class*=text-] a:hover{
    color:rgba(var(--theme-color), 1)
}

.footer-newsletter{
    margin-top:5px
}

.footer-newsletter input{
    border-radius:5px;
    font-family:var(--theme-font2);
    height:50px
}

.footer-newsletter input.dark{
    border:1px solid #5b5c61;
    background-color:#2f2c2c
}

.footer-map iframe{
    width:100%;
    height:150px
}

.footer-info-logo{
    margin-bottom:93px
}

.footer-info{
    position:relative;
    font-size:16px;
    color:var(--white-color);
    padding:0 0 0 65px;
    margin:35px 0 35px 0;
    max-width:320px
}

.footer-info a{
    color:inherit
}

.footer-info a:hover{
    color:rgba(var(--theme-color), 1)
}

.footer-info i{
    display:inline-block;
    width:var(--icon-size, 50px);
    height:var(--icon-size, 50px);
    line-height:var(--icon-size, 50px);
    text-align:center;
    color:var(--white-color);
    background-color:#8dc63f;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    font-size:18px
}

.footer-links ul{
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2, 1fr)
}

.footer-links li{
    margin:0 0 10px 0
}

.footer-links a{
    font-size:16px;
    color:var(--white-color);
    font-weight:700
}

.footer-links a:hover{
    color:var(--title-color)
}

.footer-links a:before{
    content:"ï„…";
    font-family:var(--icon-font);
    color:rgba(var(--theme-color), 1);
    margin:0 10px 0 0
}

.footer-widget .footer-links a:hover{
    color:var(--title-color)
}

.copyright-social a{
    color:var(--white-color);
    display:inline-block;
    margin:0 40px 0 0;
    font-weight:700
}

.copyright-social a:last-child{
    margin-right:0
}

.copyright-social i{
    display:inline-block;
    width:var(--icon-size, 50px);
    height:var(--icon-size, 50px);
    line-height:var(--icon-size, 50px);
    font-size:var(--icon-font-size, 18);
    margin:0 10px 0 0;
    background-color:var(--white-color);
    color:rgba(var(--theme-color), 1);
    text-align:center;
    border-radius:50%
}

.contact-footer{
    position:relative;
    padding:0 0 0 30px;
    margin:0 0 5px 0
}

.contact-footer>i{
    position:absolute;
    left:0;
    top:6px;
    font-size:18px;
    color:rgba(var(--theme-color), 1)
}

.contact-footer a{
    color:inherit
}

.footer-about{
    padding:60px 45px 25px 45px
}

.footer-about[data-bg-src]{
    background-size:100% 100%
}

.footer-about-logo{
    margin-bottom:23px
}

.footer-about-text{
    color:var(--white-color);
    line-height:28px;
    letter-spacing:.02em
}

@media(max-width: 1199px){
    .footer-widget .widget_title{
        font-size:22px
    }
    
    .footer-info-logo{
        margin-bottom:30px
    }
}

@media(max-width: 992px){
    .widget-area.pt-100{
        padding-top:60px
    }
    
    .footer-links li{
        margin:0 0 0 0}
}

@media(max-width: 576px){
    .footer-links ul{
        display:block
    }
}

.widget .search-form{
    margin-top:20px;
    position:relative
}

.widget .search-form input{
    width:100%;
    height:40px;
    background-color:var(--white-color);
    border:1px solid #dddee6;
    color:var(--title-color);
    font-size:14px;
    padding-left:20px;
    border-radius:9999px;
    padding-right:45px
}

.widget .search-form input::-moz-placeholder{
    color:var(--body-color2)
}

.widget .search-form input:-ms-input-placeholder{
    color:var(--body-color2)
}

.widget .search-form input::placeholder{
    color:var(--body-color2)
}

.widget .search-form button{
    padding:0;
    border:none;
    color:#edd7d7;
    background-color:transparent;
    line-height:1;
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%)
}

.widget .search-form button:hover{
    color:var(--title-color)
}

.wp-block-tag-cloud a,.tagcloud a{
    display:inline-block;
    border:1px solid #f3e9e9;
    text-transform:capitalize;
    background-color:var(--secondary-color);
    font-family:var(--theme-font);
    color:var(--body-color2);
    font-size:14px;
    margin-right:5px;
    margin-bottom:10px;
    line-height:1;
    font-weight:500;
    padding:11px 18px
}

.wp-block-tag-cloud a:hover,.tagcloud a:hover{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color) !important;
    border-color:transparent
}

.tagcloud{
    margin-right:-5px;
    margin-bottom:-10px
}

.widget .tagcloud{
    margin-top:30px
}

.vs-widget-recent-post{
    margin-top:30px
}

.vs-widget-recent-post a{
    color:inherit
}

.vs-widget-recent-post .recent-post{
    border-bottom:1px solid #f7f8fc;
    padding-bottom:25px;
    margin-bottom:25px
}

.vs-widget-recent-post .recent-post:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}

.vs-widget-recent-post .recent-post:last-child{
    margin-bottom:0
}

.range-slider-area .price-amount{
    display:flex;
    justify-content:space-between
}

.range-slider-area .price-amount span{
    display:inline-block;
    color:var(--title-color);
    font-size:14px;
    font-weight:700
}

.range-slider-area .ui-slider{
    height:6px;
    position:relative;
    width:100%;
    background-color:#f6f1f1;
    border:none;
    margin-top:20px;
    margin-bottom:15px;
    cursor:pointer;
    border-radius:3px
}

.range-slider-area .ui-slider-range{
    border:none;
    cursor:pointer;
    position:absolute;
    top:0;
    height:100%;
    z-index:1;
    display:block;
    background-color:rgba(var(--theme-color), 1)
}

.range-slider-area .ui-slider-handle{
    width:20px;
    height:20px;
    border-radius:50%;
    margin-top:-2px;
    text-align:center;
    line-height:10.5px;
    padding:0;
    border:none;
    cursor:pointer;
    position:absolute;
    margin-top:-7px;
    z-index:2;
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15);
    background-color:rgba(var(--theme-color), 1);
    transform:translateX(0px)
}

.range-slider-area .ui-slider-handle:focus{
    outline:none;
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15)
}

.range-slider-area .ui-slider-handle:before{
    content:"";
    position:absolute;
    background-color:#fff;
    top:50%;
    left:50%;
    width:6px;
    height:6px;
    border-radius:50%;
    transform:translate(-50%, -50%)
}

.range-slider-area .ui-slider-handle:last-child{
    transform:translateX(-20px)
}

.widget_shopping_cart ul{
    margin:0;
    padding:0
}

.widget_shopping_cart ul li{
    list-style-type:none
}

.widget_shopping_cart .mini_cart_item{
    position:relative;
    padding:30px 10px 30px 90px;
    border-bottom:1px solid rgba(0,0,0,.1);
    margin-bottom:0
}

.widget_shopping_cart .mini_cart_item:first-child{
    border-top:1px solid rgba(0,0,0,.1)
}

.widget_shopping_cart .cart_list a:not(.remove){
    display:block;
    color:var(--body-color);
    font-size:18px;
    font-weight:500;
    font-family:var(--theme-font);
    font-weight:600;
    color:var(--title-color)
}

.widget_shopping_cart .cart_list a:not(.remove):hover{
    color:rgba(var(--theme-color), 1)
}

.widget_shopping_cart .cart_list a.remove{
    position:absolute;
    top:50%;
    left:95%;
    transform:translateY(-50%);
    color:var(--body-color2)
}

.widget_shopping_cart .cart_list a.remove:hover{
    color:rgba(var(--theme-color), 1)
}

.widget_shopping_cart .cart_list img{
    width:75px;
    height:75px;
    position:absolute;
    left:0;
    top:20px;
    border:1px solid var(--secondary-color)
}

.widget_shopping_cart .quantity{
    display:inline-flex;
    white-space:nowrap;
    vertical-align:top;
    margin-right:20px;
    font-size:14px;
    color:rgba(var(--theme-color), 1)
}

.widget_shopping_cart .total{
    margin-top:30px;
    font-size:18px;
    color:var(--title-color)
}

.widget_shopping_cart .amount{
    padding-left:5px;
    font-weight:600;
    font-family:var(--theme-font)
}

.widget_shopping_cart .vs-btn{
    margin-right:20px
}

.widget_shopping_cart .vs-btn:last-child{
    margin-right:0
}

.sidebar-area .widget_shopping_cart .vs-btn{
    margin-right:10px;
    padding:8px 22px;
    font-size:14px
}

.header-wrapper{
    position:relative;
    z-index:41
}

.header-top-wrapper{
    position:relative;
    z-index:42 !important
}

.main-menu a{
    color:var(--title-color);
    font-family:'Lalezar-Regular';
    font-weight:700;
    display:block;
    position:relative
}

.main-menu a:hover{
    color:#8dc63f;
}

.main-menu.text-white>ul>li>a{
    color:inherit
}

.main-menu.text-white>ul>li>a:hover{
    color:rgba(var(--theme-color), 1)
}

.main-menu ul{
    margin:0;
    padding:0
}

.main-menu ul li{
    list-style-type:none;
    display:inline-block;
    position:relative
}

.main-menu ul li.menu-item-has-children>a:after{
    content:"";
    position:relative;
    font-family:var(--icon-font);
    margin-left:7px;
    font-size:.8rem
}

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

.main-menu ul li:first-child{
    margin-left:0
}

.main-menu ul li:hover>ul.sub-menu,.main-menu ul li:hover ul.mega-menu{
    visibility:visible;
    opacity:1;
    transform:rotateX(0);
    z-index:9
}

.main-menu ul.sub-menu,.main-menu ul.mega-menu{
    position:absolute;
    text-align:left;
    top:100%;
    left:0;
    background-color:var(--white-color);
    box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
    visibility:hidden;
    min-width:200px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:7px;
    left:-14px;
    opacity:0;
    z-index:-1;
    transform-origin:top center;
    transform:rotateX(90deg);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    transition:transform .4s ease-in-out 0s,visibility .4s ease-in-out 0s,opacity .4s ease-in-out 0s,z-index 0s
}

.main-menu ul.sub-menu li{
    display:block;
    margin:0 0;
    padding:4px 9px
}

.main-menu ul.sub-menu li.menu-item-has-children>a:after{
    content:"ï„…";
    float:right;
    top:1px;
    font-size:.8rem
}

.main-menu ul.sub-menu li a:hover{
    color:rgba(var(--theme-color), 1)
}

.main-menu ul.sub-menu li ul{
    left:100%;
    right:auto;
    top:0;
    margin:0 7px;
    border-radius:5px;
    transform:rotateX(0)
}

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

.main-menu .mega-menu-wrap{
    position:static
}

.main-menu ul.mega-menu{
    display:flex;
    justify-content:space-between;
    text-align:left;
    width:100%;
    max-width:1200px;
    padding:20px 0;
    left:0
}

.main-menu ul.mega-menu li{
    display:block;
    width:100%;
    padding:0 20px
}

.main-menu ul.mega-menu li li{
    padding:3px 0
}

.main-menu ul.mega-menu li a{
    display:inline-block
}

.main-menu ul.mega-menu>li>a{
    display:block;
    border-bottom:1px solid;
    padding:0;
    padding-bottom:10px;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    color:rgba(var(--theme-color), 1);
    border-color:rgba(var(--theme-color), 1)
}

.main-menu ul.mega-menu>li>a::before{
    display:none
}

.main-menu ul.mega-menu>li>a:hover{
    padding-left:0
}

.sticky-header-wrap{
    background-color:#fff;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999;
    box-shadow:0 0 10px 0 rgba(0,0,0,.1);
    transition:all ease .4s;
    transform:translateY(-110%);
    transform-origin:top;
    opacity:0;
    visibility:hidden
}

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

.menu-sticky1>ul>li{
    margin:0 17px
}

.menu-sticky1>ul>li>a{
    padding:27px 0
}

.header-top-v3{
    padding:6.5px 0;
    background-color:#fceee7
}

.header6-inner{
    padding:28px 0
}

.header-page-link ul{
    margin:0;
    padding:0;
    list-style-type:none
}

.header-page-link li{
    display:inline-block;
    position:relative;
    padding-right:15px;
    margin-right:12px
}

.header-page-link li:before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:14px;
    margin-top:-7px;
    background-color:var(--body-color2)
}

.header-page-link li:last-child{
    padding-right:0;
    margin-right:0
}

.header-page-link li:last-child::before{
    display:none
}

.header-page-link a{
    color:var(--body-color2);
    font-family:var(--theme-font);
    font-weight:600;
    font-size:14px;
    text-transform:capitalize
}

.header-page-link a i{
    margin-right:10px
}

.head-top-links>ul{
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block
}

.head-top-links>ul>li{
    display:inline-block;
    margin-right:7px
}

.head-top-links>ul>li::after{
    content:"/";
    position:relative;
    top:-1px;
    vertical-align:middle;
    padding-left:5px
}

.head-top-links>ul>li:last-child{
    margin-right:0
}

.head-top-links>ul>li:last-child:after{
    display:none
}

.head-top-links a{
    font-family:var(--theme-font);
    color:var(--body-color2);
    font-weight:600;
    font-size:14px;
    position:relative;
    padding:0px 0;
    line-height:1;
    display:inline-block;
    transition:all ease .4s
}

.head-top-links a:hover{
    text-decoration:underline;
    color:rgba(var(--theme-color), 1)
}

.head-top-links a:first-child{
    margin-left:0
}

.head-top-links[class*=text-] a{
    color:inherit
}

.head-top-links[class*=text-] a:hover{
    color:rgba(var(--theme-color), 1)
}

.head-top-links .dropdown-toggle:after{
    content:"";
    margin:0;
    border:none;
    font-family:var(--icon-font);
    vertical-align:middle;
    font-weight:400;
    margin-left:3px
}

.head-top-links ul.dropdown-menu{
    padding:10px 15px;
    border:none;
    box-shadow:0 0 15px 0 rgba(0,0,0,.07);
    margin:0;
    margin-left:-15px !important;
    margin-top:15px !important;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    min-width:auto;
    position:relative;
    z-index:1;
    border:1px solid #ededed
}

.head-top-links ul.dropdown-menu li{
    margin-bottom:10px
}

.head-top-links ul.dropdown-menu li:last-child{
    margin-bottom:0
}

.head-top-links ul.dropdown-menu a{
    display:block;
    margin:11px 0;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:2px 0
}

.head-top-links ul.dropdown-menu a:first-child{
    margin-top:0;
    padding-top:0
}

.head-top-links ul.dropdown-menu a:last-of-type,.head-top-links ul.dropdown-menu a:last-child{
    padding-bottom:0;
    margin-bottom:0
}

.head-top-links ul.dropdown-menu:before{
    content:"";
    position:absolute;
    left:18px;
    top:-7px;
    width:14px;
    height:14px;
    background-color:var(--white-color);
    z-index:-1;
    transform:rotate(45deg);
    border-top:1px solid #ededed;
    border-left:1px solid #ededed
}

.head-top-links .icon-btn{
    margin-right:10px;
    width:30px;
    height:30px;
    line-height:30px
}

.menu-style1>ul>li{
    margin:0 15px
}

.menu-style1>ul>li>a{
    padding:41px 0;
    font-size:18px;
    color:var(--title-color);
    position:relative
}

.menu-style1>ul>li>a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    height:4px;
    width:0;
    background-color:rgba(var(--theme-color), 1);
    transition:all ease .4s
}

.menu-style1>ul>li>a:hover{
    color:#8dc63f;
}

.menu-style1>ul>li>a:hover:before{
    width:100%
}

.menu-style1>ul>li.menu-item-has-children a:before{
    bottom:0
}

.menu-style2>ul>li{
    margin:0 16px
}

.menu-style2>ul>li>a{
    padding:46px 0;
    line-height:1
}

.menu-style3>ul>li{
    margin:0 15px
}

.menu-style3>ul>li>a{
    padding:16px 0;
    font-size:18px;
    font-weight:600;
    color:var(--title-color);
    position:relative
}

.menu-style3>ul>li>a:hover{
    color:var(--title-color) !important
}

.menu-style4>ul>li{
    margin:0 16px
}

.menu-style4>ul>li>a{
    padding:45px 0;
    line-height:1;
    color:var(--white-color)
}

.menu-style4>ul>li>a:hover{
    color:#8dc63f;
}

.social-header a{
    margin-right:10px;
    color:#c6baba
}

.social-header a:hover{
    color:#8dc63f;
}

.social-header.fs-md a{
    margin-right:15px
}

.header-search{
    position:relative;
    min-width:320px;
    border-radius:9999px;
    background-color:#f6f1f1;
    height:55px;
    overflow:hidden;
    margin:7px 0
}

.header-search input{
    border:none;
    padding-left:30px;
    font-family:var(--theme-font2);
    font-weight:600;
    font-size:14px;
    height:100%;
    width:calc(100% - 100px);
    background-color:transparent
}

.header-search input:focus{
    border:none;
    background-color:#f6f1f1
}

.header-search .icon-btn,.header-search .vs-btn{
    position:absolute;
    right:7px;
    top:7px;
    box-shadow:none;
    padding:8px 24px;
    font-size:14px
}

.header-search .icon-btn{
    width:40px;
    height:40px;
    line-height:40px;
    top:2px;
    right:2px;
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color);
    padding:0
}

.header-search .icon-btn:hover{
    background-color:var(--title-color) !important;
    color:var(--white-color) !important
}

.header-search.style2{
    height:44px;
    min-width:auto;
    max-width:600px;
    width:400px
}

.cart-btn{
    font-size:30px;
    color:var(--white-color);
    position:relative
}

.cart-btn .badge{
    font-size:.7rem;
    right:-0.3rem;
    top:-0.2rem
}

.cart-btn:hover{
    color:rgba(var(--theme-color), 1)
}

.header-wrapper .bg-black .icon-btn{
    background-color:#584f4f;
    color:var(--white-color)
}

.header-layout1{
    position:relative
}

.header1-inner{
    position:absolute;
    left:.75rem;
    right:.75rem;
    top:55px;
    padding:0 35px;
    background-color:var(--white-color);
    box-shadow:0px 13px 96.04px 1.96px rgba(186,186,186,.3);
    border-radius:5px
}

.header2-inner{
    box-shadow:0px 13px 96.04px 1.96px rgba(186,186,186,.3);
    border-radius:5px;
    background-color:var(--white-color)
}

.header3-inner{
    background-color:var(--white-color);
    box-shadow:0px 13px 96.04px 1.96px rgba(186,186,186,.3);
    border-radius:5px;
    padding:0 40px
}

.header-layout2{
    position:absolute;
    left:0;
    right:0;
    top:60px
}

.header-layout4{
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:31
}

.header-layout4 .text-body2{
    color:#c6baba !important
}

.header-layout4 .bg-ovelay1,.header-layout4 .bg-ovelay2{
    position:relative
}

.header-layout4 .bg-ovelay1:after,.header-layout4 .bg-ovelay2:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    z-index:-1;
    background-color:var(--black-color);
    width:100%
}

.header-layout4 .bg-ovelay1:after{
    opacity:.7
}

.header-layout4 .bg-ovelay2:after{
    border:1px solid var(--white-color);
    border-top:none;
    opacity:.2
}

.header3-margin{
    margin-bottom:-55px;
    position:relative;
    z-index:31
}

.header-buttons>button,.header-buttons>a{
    border:none;
    background-color:transparent;
    padding:0 15px 0 13px;
    color:var(--title-color);
    font-size:20px;
    border-right:1px solid #cdcdcd;
    margin:0
}

.header-buttons>button:last-child,.header-buttons>a:last-child{
    padding-right:0;
    margin-right:0;
    border-right:none
}

.header-buttons>button.has-badge,.header-buttons>a.has-badge{
    margin-right:17px
}

.header-buttons .badge{
    font-size:12px;
    margin-left:-3px;
    margin-top:-5px
}

.header-infos .info{
    color:var(--white-color);
    margin:0 47px 0 0;
    font-size:15px;
    display:inline-block
}

.header-infos .info:last-child{
    margin-right:0
}

.header-infos .info>img,.header-infos .info>i{
    margin-right:15px;
    font-size:18px
}

.header-infos .info a{
    color:inherit;
    text-decoration:underline;
    margin-left:5px
}

.header-infos .info a:hover{
    color:#8dc63f;
}

.header-layout5{
    position:absolute;
    left:0;
    top:0;
    right:0
}

.header-layout5 .menu-area{
    background-color:var(--white-color);
    position:relative;
    max-width:1266px;
    margin-left:auto;
    margin-right:auto
}

.header-layout5 .menu-area ul.mega-menu{
    max-width:100%
}

.header-layout5 .header-top{
    padding:16.5px 0
}

.header-layout6 .header-infos .info{
    color:var(--title-color)
}

.header-layout6 .header-top{
    padding:16.5px 0
}

.header-layout6 .menu-area{
    border-top:1px solid #aaa;
    position:relative
}

.header-layout7 .header-top-shape{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    max-width:840px;
    height:220px;
    z-index:-1;
    background-color:#8dc63f;
}

.header-layout7 .header-top{
    position:relative;
    padding:10px 0;
    margin-bottom:-11px
}

.header-layout7 .menu-area{
    position:relative;
    padding:14px 0
}

.header-layout7 .menu-area .container{
    position:relative
}

.header-layout7 .header-shape{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-position:right center;
    background-size:auto 100%;
    z-index:-1
}

.header-layout7 .header-infos .info{
    color:var(--title-color)
}

.header-layout7 .header-login{
    color:var(--white-color);
    font-size:16px
}

.header-layout7 .header-login i{
    font-size:22px;
    vertical-align:middle;
    margin:0 7px 0 0
}

.header-layout7 .social-header a{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:var(--white-color);
    color:#8dc63f;
    margin:0 4px 0 0;
    border-radius:50%;
    transition:all ease .4s
}

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

.header-layout7 .social-header a:hover{
    background-color:#8dc63f;
    color:var(--white-color)
}

.header-layout7 .header-buttons>button,.header-layout7 .header-buttons>a{
    width:50px;
    height:50px;
    line-height:50px;
    background-color:#fcd55c;
    display:inline-block;
    box-shadow:none;
    border:none;
    text-align:center;
    padding:0;
    margin:0 7px 0 0;
    border-radius:50%
}

.header-layout7 .header-buttons>button:last-child,.header-layout7 .header-buttons>a:last-child{
    margin-right:0
}

.header-layout7 .header-buttons>button .badge,.header-layout7 .header-buttons>a .badge{
    background-color:var(--white-color);
    color:var(--title-color)
}

.header-layout7 .header-buttons>button:hover,.header-layout7 .header-buttons>a:hover{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

@media(max-width: 1500px){
    .header-layout4 .main-menu ul.mega-menu{
        left:-10%
    }
    
    .header-layout7 .header-top-shape{
        max-width:700px;
        height:200px
    }
}

@media(max-width: 1300px){
    .header1-inner{
        position:relative;
        top:0;
        left:0;
        right:0;
        padding:0 calc(var(--bs-gutter-x)/2);
        box-shadow:none;
        border-radius:0
    }
    
    .menu-style1>ul>li>a{
        padding:31px 0
    }
    
    .header-layout2{
        position:absolute;
        left:0;
        right:0;
        top:0
    }
    
    .menu-style1>ul>li{
        margin:0 10px
    }
}

@media(max-width: 1199px){
    .header-layout2{
        position:relative
    }
    
    .header-layout5{
        position:relative;
        background-color:rgba(var(--theme-color), 1)
    }
    
    .header-layout5 .menu-area{
        padding:20px 0;
        margin:0
    }
    
    .header-layout6 .menu-area{
        padding:20px 0
    }
    
    .header-layout7 .header-top-shape{
        height:100%;
        width:100%;
        max-width:100%
    }
    
    .header-layout7 .header-infos .info{
        color:var(--white-color)
    }
    
    .header3-inner{
        padding:0 30px
    }
    
    .header3-margin{
        margin-bottom:30px
    }
    
    .menu-style1>ul>li>a{
        font-size:16px
    }
    
    .header-search{
        min-width:235px
    }
    
    .header-search .vs-btn{
        font-size:0;
        width:40px;
        height:40px;
        padding:0;
        line-height:40px
    }
    
    .header-search .vs-btn:before{
        content:"";
        font-family:var(--icon-font);
        font-size:16px;
        font-weight:300
    }
    
    .header-search input{
        padding-right:15px;
        width:calc(100% - 50px);
        padding-left:25px
    }
    
    header.header-wrapper.header-layout3 .container{
        max-width:100%
    }
}

@media(max-width: 992px){
    .header-layout3.pb-50{
        padding-bottom:0
    }
    
    .header-layout3 .container.py-30{
        padding-top:20px;
        padding-bottom:20px
    }
    
    .header3-margin{
        margin-bottom:0
    }
    
    .header-search.style2{
        width:100%;
        max-width:100%
    }
}

@media(max-width: 576px){
    .header-layout4{
        position:relative
    }
    
    .header-layout4 .bg-ovelay1:after{
        opacity:1
    }
}

.footer-subscribe{
    display:flex;
    max-width:100%;
    width:420px;
    position:relative;
    --btn-size: 176px;
    border:1px solid #dddee6;
    padding:4px;
    border-radius:9999px
}

.footer-subscribe input{
    background-color:transparent;
    border-radius:inherit;
    width:calc(100% - var(--btn-size));
    border:none;
    height:50px;
    padding-left:20px;
    font-size:14px
}

.footer-subscribe input:focus{
    border:none;
    background-color:transparent
}

.footer-subscribe button{
    padding-left:0;
    padding-right:0;
    text-align:center;
    width:var(--btn-size);
    border-radius:9999px
}

.social-btn{
    --btn-size: 45px
}

.social-btn ul{
    margin:0;
    padding:0;
    list-style:none
}

.social-btn li{
    display:inline-block;
    margin-right:12px
}

.social-btn a{
    display:inline-block;
    width:var(--btn-size);
    height:var(--btn-size);
    line-height:var(--btn-size);
    text-align:center;
    border:1px solid #dddee6;
    border-radius:50%;
    color:var(--title-color)
}

.footer-top{
    border-bottom:1px solid #dddee6;
    padding-bottom:25px;
    margin-bottom:60px;
    padding-top:55px
}

.footer-layout2.footer-wrapper{
    padding-top:195px
}

.footer-layout2 .widget_title{
    font-size:26px;
    font-weight:700;
    color:var(--white-color);
    margin-bottom:35px;
    padding:0
}

.footer-layout2 .widget_title:before{
    display:none
}

.footer-layout2 .widget-area{
    padding:100px 0 70px 0
}

.footer-layout2 .copyright-area,.footer-layout3 .copyright-area{
    padding:30px 0 20px 0
}

.footer-layout2 .copyright p,.footer-layout3 .copyright p{
    color:var(--white-color)
}

.footer-layout2 .copyright p a,.footer-layout3 .copyright p a{
    color:inherit
}

.footer-layout3{
    padding-top:60px
}

.footer-layout3 .widget{
    margin-bottom:33px
}

.footer-layout3 .widget_title{
    font-weight:700;
    font-size:22px;
    padding:0;
    margin-bottom:15px
}

.footer-layout3 .widget_title:before{
    display:none
}

.footer-layout3 .footer-links ul{
    display:block
}

.footer-layout3 .footer-links li{
    margin:0
}

.footer-layout3 .footer-links a{
    color:var(--title-color);
    font-size:16px;
    font-weight:400
}

.footer-layout3 .widget-area{
    padding-top:100px;
    padding-bottom:30px
}

@media(min-width: 992px){
    .footer-layout3 .widget-area .row>[class*=col-]{
        margin-bottom:40px
    }
    
    .footer-layout3 .widget-area .row>[class*=col-]:not(:first-child){
        border-left:1px solid #c7bda0
    }
    
    .footer-layout3 .widget-area .row>[class*=col-]:not(:first-child) .widget{
        padding:13px 0 5px 35px
    }
    
    .footer-layout3 .widget-area .row>[class*=col-] .widget{
        padding-top:13px;
        margin-bottom:0
    }
}

.footer-layout4 .widget_title{
    font-size:26px;
    font-weight:700;
    color:var(--white-color);
    margin:73px 0 20px 0
}

.footer-layout4 .footer-links a{
    font-weight:400
}

.footer-layout4 .footer-links a:before{
    color:var(--white-color)
}

.footer-layout4 .footer-newsletter .form-text{
    color:var(--white-color);
    font-size:16px;
    max-width:270px;
    margin:0 0 13px 0
}

.footer-layout4 .footer-newsletter .form-control{
    font-size:16px;
    border-radius:9999px;
    border:none;
    height:60px;
    font-size:16px;
    color:#202020;
    padding-left:40px;
    margin-bottom:15px
}

.footer-layout4 .footer-newsletter .form-control::-moz-placeholder{
    color:#202020
}

.footer-layout4 .footer-newsletter .form-control:-ms-input-placeholder{
    color:#202020
}

.footer-layout4 .footer-newsletter .form-control::placeholder{
    color:#202020
}

.footer-layout4 .footer-newsletter .vs-btn.style4{
    background-color:#000
}

.footer-layout4 .widget-area{
    padding-top:50px;
    padding-bottom:20px
}

.footer-layout4 .copyright p{
    font-weight:700;
    color:var(--title-color)
}

.footer-layout4 .copyright p a{
    color:inherit
}

.footer-layout4 .copyright p a:hover{
    color:#8dc63f;
}

.footer-layout4 .copyright-area[data-bg-src]{
    padding:80px 0 45px 0;
    background-size:100% 100%;
    background-position:center top
}

@media(max-width: 1500px){
    .footer-layout2.footer-wrapper{
        padding-top:145px
    }
}

@media(max-width: 1199px){
    .footer-layout4 .widget_title{
        font-size:26px;
        font-weight:700;
        color:var(--white-color);
        margin:50px 0 0 0}
}

@media(max-width: 992px){
    .footer-layout2.footer-wrapper{
        padding-top:0
    }
    
    .footer-layout2 .widget_title{
        font-size:26px;
        margin-bottom:15px
    }
    
    .footer-layout3 .widget-area{
        padding-top:60px;
        padding-bottom:10px
    }
    
    .footer-layout4 .widget_title{
        margin:0 0 0 0
    }
}

@media(max-width: 767px){
    .footer-subscribe{
        width:100%
    }
    
    .footer-layout4 .copyright-area p{
        font-size:14px
    }
    
    .footer-layout4 .copyright-area[data-bg-src]{
        padding:60px 0 30px 0;
        background-size:cover
    }
}

@media(max-width: 576px){
    .footer-subscribe{
        border:none;
        display:block;
        width:100%;
        max-width:100%;
        text-align:center;
        padding:0;
        margin-top:10px
    }
    
    .footer-subscribe input{
        width:100%;
        border:1px solid #dddee6;
        margin-bottom:10px;
        line-height:1
    }
    
    .footer-layout3 .copyright p,.footer-layout2 .copyright p{
        font-size:12px
    }
}

.breadcumb-menu-style1{
    max-width:100%;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin:0;
    padding:0;
    list-style-type:none;
    line-height:0;
    margin-top:7px
}

.breadcumb-menu-style1 li{
    display:inline-block;
    margin:0 6px;
    list-style:none
}

.breadcumb-menu-style1 li:first-child{
    margin-left:0
}

.breadcumb-menu-style1 li:last-child{
    margin-right:0
}

.breadcumb-menu-style1 li:last-child:after{
    display:none
}

.breadcumb-menu-style1 li:after{
    content:"/";
    position:relative;
    right:-7px;
    float:right
}

.breadcumb-menu-style1 li,.breadcumb-menu-style1 a,.breadcumb-menu-style1 span{
    white-space:normal;
    word-break:break-word;
    letter-spacing:.1em;
    text-transform:uppercase;
    font-family:'Montserrat-Regular';
    color:#000;
    font-weight:600;
    line-height:1;
    font-size:16px
}

.breadcumb-menu-style1 li i,.breadcumb-menu-style1 a i,.breadcumb-menu-style1 span i{
    margin-right:5px
}

.breadcumb-title{
    font-size:80px;
    text-transform:uppercase;
    line-height:1;
    margin-bottom:3px;
    margin-top:-0.15em;
    word-break:break-word
}

@media(max-width: 1300px){
    .breadcumb-layout1.pt-200.pb-200{
        padding-top:150px;
        padding-bottom:150px
    }
    
    .breadcumb-layout1.bg-fluid{
        background-size:cover;
        background-position:center center
    }
}

@media(max-width: 1199px){
    .breadcumb-title{
        font-size:68px
    }
}

@media(max-width: 992px){
    .breadcumb-layout1.pt-200.pb-200{
        padding-top:100px;
        padding-bottom:100px
    }
    
    .breadcumb-menu-style1 li,.breadcumb-menu-style1 a,.breadcumb-menu-style1 span{
        font-size:16px
    }
    
    .breadcumb-title{
        font-size:52px
    }
}

@media(max-width: 767px){
    .breadcumb-layout1.pt-200.pb-200{
        padding-top:80px;
        padding-bottom:80px
    }
    
    .breadcumb-menu-style1 li,.breadcumb-menu-style1 a,.breadcumb-menu-style1 span{
        font-size:14px
    }
    
    .breadcumb-title{
        font-size:42px
    }
}

@media(max-width: 576px){
    .breadcumb-layout1.pt-200.pb-200{
        padding-top:60px;
        padding-bottom:60px
    }
    
    .breadcumb-title{
        font-size:38px;
        margin-bottom:10px
    }
}

.popup-search-box{
    position:fixed;
    top:0;
    left:50%;
    background-color:rgba(0,0,0,.95);
    height:0;
    width:0;
    overflow:hidden;
    z-index:99999;
    opacity:0;
    visibility:hidden;
    border-radius:50%;
    transform:translateX(-50%);
    transition:all ease .4s
}

.popup-search-box button.searchClose{
    width:60px;
    height:60px;
    position:absolute;
    top:40px;
    right:40px;
    border-width:1px;
    border-style:solid;
    border-color:rgba(var(--theme-color), 1);
    background-color:transparent;
    font-size:22px;
    border-radius:50%;
    transform:rotate(0);
    transition:all ease .4s
}

.popup-search-box button.searchClose:hover{
    color:var(--body-color);
    background-color:#fff;
    border-color:transparent;
    border-color:transparent;
    transform:rotate(90deg)
}

.popup-search-box form{
    position:absolute;
    top:50%;
    left:50%;
    display:inline-block;
    padding-bottom:40px;
    cursor:auto;
    width:100%;
    max-width:700px;
    transform:translate(-50%, -50%) scale(0);
    transition:transform ease .4s
}

@media(max-width: 1199px){
    .popup-search-box form{
        max-width:600px
    }
}

.popup-search-box form input{
    font-size:18px;
    height:70px;
    width:100%;
    border-width:0;
    border-bottom-width:2px;
    border-style:solid;
    border-color:rgba(var(--theme-color), 1);
    background-color:transparent;
    padding-left:30px;
    color:#fff;
    border-radius:50px
}

.popup-search-box form input::-moz-placeholder{
    color:#fff
}

.popup-search-box form input:-ms-input-placeholder{
    color:#fff
}

.popup-search-box form input::placeholder{
    color:#fff
}

.popup-search-box form button{
    position:absolute;
    top:0px;
    background-color:transparent;
    border:none;
    color:#fff;
    font-size:24px;
    right:12px;
    color:var(--white-color);
    cursor:pointer;
    width:70px;
    height:70px;
    transition:all ease .4s;
    transform:scale(1.001)
}

.popup-search-box form button:hover{
    transform:scale(1.1)
}

.popup-search-box.show{
    opacity:1;
    visibility:visible;
    width:100.1%;
    height:100%;
    transition:all ease .4s;
    border-radius:0
}

.popup-search-box.show form{
    transition-delay:.5s;
    transform:translate(-50%, -50%) scale(1)
}

.sidemenu-wrapper{
    position:fixed;
    z-index:99999;
    right:0;
    top:0;
    height:100%;
    width:0;
    background-color:rgba(0,0,0,.75);
    opacity:0;
    visibility:hidden;
    transition:all ease .8s
}

.sidemenu-wrapper .closeButton{
    display:inline-block;
    border:2px solid;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:24px;
    padding:0;
    position:absolute;
    top:20px;
    right:20px;
    background-color:var(--white-color);
    border-radius:50%;
    transform:rotate(0);
    transition:all ease .4s
}

.sidemenu-wrapper .closeButton:hover{
    color:var(--white-color);
    border-color:transparent;
    transform:rotate(90deg)
}

.sidemenu-wrapper .sidemenu-content{
    background-color:var(--white-color);
    width:450px;
    margin-left:auto;
    padding:80px 30px;
    height:100%;
    overflow:scroll;
    position:relative;
    right:-500px;
    cursor:auto;
    transition-delay:1s;
    transition:right ease 1s
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track{
    box-shadow:inset 0 0 1px rgba(0,0,0,.1);
    background-color:#f5f5f5
}

.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar{
    width:2px;
    background-color:#f5f5f5
}

.sidemenu-wrapper .widget{
    padding:0;
    border:none;
    background-color:transparent
}

.sidemenu-wrapper.show{
    opacity:1;
    visibility:visible;
    width:100%;
    transition:all ease .8s
}

.sidemenu-wrapper.show .sidemenu-content{
    right:0;
    opacity:1;
    visibility:visible
}

.pagination-layout1{
    text-align:center
}

.pagination-layout1 ul{
    margin:0;
    padding:0
}

.pagination-layout1 ul li{
    display:inline-block;
    margin:0 3px;
    list-style-type:none
}

.pagination-layout1 ul li:last-child{
    margin-right:0
}

.pagination-layout1 ul li:first-child{
    margin-left:0
}

.pagination-layout1 ul li span,.pagination-layout1 ul li a{
    display:inline-block;
    background-color:var(--secondary-color);
    height:42px;
    min-width:42px;
    width:auto;
    padding:0 16px;
    text-transform:uppercase;
    font-weight:600;
    line-height:42px;
    color:var(--title-color)
}

.pagination-layout1 ul li span.active,.pagination-layout1 ul li span:hover,.pagination-layout1 ul li a.active,.pagination-layout1 ul li a:hover{
    color:var(--white-color);
    background-color:rgba(var(--theme-color), 1);
    border-color:transparent
}

@media(max-width: 767px){
    .pagination-layout1 ul li span,.pagination-layout1 ul li a{
        font-size:13px
    }
}

blockquote.wp-block-quote,blockquote.wp-block-quote.is-style-large,blockquote{
    font-size:18px;
    line-height:34px;
    border-left:3px solid rgba(var(--theme-color), 1);
    padding-left:30px;
    padding-bottom:25px;
    padding-right:20px;
    padding-top:20px;
    display:block;
    font-weight:300;
    position:relative;
    background-color:#fff;
    box-shadow:0 0 20px -5px rgba(0,0,0,.1);
    margin:30px 0
}

blockquote.wp-block-quote p,blockquote.wp-block-quote.is-style-large p,blockquote p{
    font-family:inherit;
    margin-bottom:0 !important;
    line-height:1.5;
    color:inherit
}

blockquote.wp-block-quote:after,blockquote.wp-block-quote.is-style-large:after,blockquote:after{
    content:"";
    position:absolute;
    right:20px;
    bottom:15px;
    font-family:var(--icon-font);
    font-weight:300;
    font-size:3rem;
    z-index:1;
    opacity:.15;
    line-height:1;
    color:rgba(var(--theme-color), 1)
}

blockquote.wp-block-quote *:not(:after)>,blockquote.wp-block-quote.is-style-large *:not(:after)>,blockquote *:not(:after)>{
    position:relative;
    z-index:1
}

blockquote.wp-block-quote p,blockquote.wp-block-quote.is-style-large p,blockquote p{
    margin-bottom:0
}

blockquote.wp-block-quote p a,blockquote.wp-block-quote.is-style-large p a,blockquote p a{
    color:inherit
}

blockquote.wp-block-quote cite,blockquote.wp-block-quote.is-style-large cite,blockquote cite{
    display:block;
    font-size:14px;
    font-weight:300;
    margin-top:10px;
    position:relative;
    padding-left:30px;
    line-height:1;
    color:rgba(var(--theme-color), 1);
    border-color:rgba(var(--theme-color), 1);
    text-align:left
}

blockquote.wp-block-quote cite br,blockquote.wp-block-quote.is-style-large cite br,blockquote cite br{
    display:none
}

blockquote.wp-block-quote cite:before,blockquote.wp-block-quote.is-style-large cite:before,blockquote cite:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:20px;
    height:2px;
    margin-top:-1px;
    border-top:2px solid;
    border-color:inherit
}

blockquote.wp-block-quote.has-text-align-right{
    border-right-color:rgba(var(--theme-color), 1)
}

blockquote.wp-block-quote.has-text-align-right:after{
    left:20px;
    right:auto
}

blockquote.wp-block-quote.has-text-align-right cite{
    padding-left:0;
    padding-right:30px;
    text-align:right
}

blockquote.wp-block-quote.has-text-align-right cite:before{
    left:auto;
    right:0;
    bottom:15px
}

.wp-block-pullquote blockquote:after{
    display:none
}

.wp-block-pullquote blockquote{
    text-align:center;
    border-left:none
}

.wp-block-pullquote blockquote cite{
    text-align:center;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    display:block;
    margin-left:auto;
    margin-right:auto
}

.wp-block-pullquote.is-style-solid-color cite{
    margin-left:0
}

.blog-meta span,.blog-meta a{
    display:inline-block;
    margin-right:0;
    font-weight:500;
    color:var(--body-color)
}

.blog-meta span:last-child,.blog-meta a:last-child{
    margin-right:0;
    padding-right:0 !important
}

.blog-meta span:hover,.blog-meta a:hover{
    color:rgba(var(--theme-color), 1)
}

.blog-meta span i,.blog-meta a i{
    padding-right:0;
    margin-right:10px;
    color:rgba(var(--theme-color), 1)
}

.blog-meta.text-white-light a{
    color:rgba(255,255,255,.8)
}

.blog-category{
    margin-bottom:-10px
}

.blog-category a{
    display:inline-block;
    color:#fff;
    padding:4.5px 24.5px;
    margin-right:5px;
    margin-bottom:10px;
    font-weight:700;
    font-family:var(--theme-font);
    border:1px solid transparent;
    background-color:rgba(var(--theme-color), 1);
    border-radius:4px
}

.blog-category a:hover{
    background-color:var(--white-color);
    color:var(--body-color);
    border-color:rgba(var(--theme-color), 1)
}

.vs-blog{
    margin-bottom:30px
}

.vs-blog .blog-title a{
    color:inherit
}

.vs-blog .blog-title a:hover{
    color:rgba(var(--theme-color), 1)
}

@media(max-width: 992px){
    blockquote{
        font-size:18px;
        line-height:34px;
        padding:20px;
        margin:20px 0
    }
    
    blockquote:after{
        font-size:5rem
    }
    
    blockquote cite{
        font-size:16px;
        padding-left:30px;
        margin-top:15px
    }
    
    blockquote cite:before{
        bottom:8px
    }
}

.blog-single{
    margin-bottom:40px;
    border:1px solid var(--border-color)
}

.blog-single .blog-meta>a{
    padding-right:25px
}

.blog-single .blog-meta .pr-15{
    padding-right:25px
}

.blog-single .blog-header{
    padding:0 40px 0 40px;
    margin-bottom:18px;
    margin-top:40px;
    position:relative;
    z-index:3
}

.blog-single .blog-header .blog-category{
    margin-bottom:20px
}

.blog-single .blog-audio,.blog-single .blog-image{
    margin-bottom:30px;
    position:relative
}

.blog-single .blog-audio .play-btn,.blog-single .blog-image .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}

.blog-single .blog-audio .blog-category,.blog-single .blog-image .blog-category{
    position:absolute;
    right:30px;
    top:30px;
    z-index:1
}

.blog-single .blog-audio{
    line-height:1
}

.blog-single .blog-content{
    border-top:none;
    padding:0 40px;
    margin-bottom:32px;
    overflow:hidden
}

.blog-single .blog-title{
    margin-top:-0.3em;
    margin-bottom:10px
}

.blog-single .slick-arrow{
    position:absolute;
    left:30px;
    top:50%;
    z-index:1;
    width:40px;
    height:40px;
    border:none;
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color);
    opacity:0;
    visibility:hidden;
    border-radius:50%;
    transform:translateY(-50%)
}

.blog-single .slick-arrow.slick-next{
    left:auto;
    right:30px
}

.blog-single[data-overlay]{
    padding-bottom:10px
}

.blog-single:hover .slick-arrow{
    opacity:1;
    visibility:visible
}

.blog-single .share-links{
    border-top:1px solid #e3e6e9;
    border-bottom:1px solid #e3e6e9;
    padding:10.5px 0;
    margin-top:40px
}

.blog-single .share-links .tagcloud{
    display:inline-block;
    margin:0
}

.blog-single .share-links .tagcloud a{
    border:none;
    color:var(--body-color2);
    font-size:14px;
    background-color:transparent;
    padding:0;
    margin:0;
    position:relative
}

.blog-single .share-links .tagcloud a:hover{
    color:rgba(var(--theme-color), 1) !important
}

.blog-single .share-links .tagcloud a:after{
    content:",";
    margin-right:5px
}

.blog-single .share-links .tagcloud a:last-child:after{
    display:none
}

.blog-single .blog-social{
    margin:0;
    display:inline-block
}

.blog-single .blog-social li{
    display:inline-block;
    margin-right:12px
}

.blog-single .blog-social li:last-child{
    margin-right:0
}

.blog-single .blog-social a{
    color:var(--body-color2);
    font-size:14px
}

.blog-single .blog-social a:hover{
    color:rgba(var(--theme-color), 1)
}

.blog-single .blog-author{
    border-left:5px solid rgba(var(--theme-color), 1);
    background-color:#f5fcf9;
    padding:50px 50px
}

.blog-single .blog-author .media-image{
    border-radius:50%;
    width:103px;
    height:103px;
    overflow:hidden;
    align-self:center
}

.blog-single .blog-author .author-degi{
    color:rgba(var(--theme-color), 1);
    font-weight:600;
    margin-bottom:0
}

.blog-single .blog-author .author-name{
    margin-bottom:10px
}

.blog-details .blog-single{
    border:none;
    margin-bottom:30px
}

.blog-details .blog-single .blog-image{
    margin-bottom:40px
}

.blog-details .blog-single .blog-content{
    padding:0
}

.blog-details .blog-single .blog-header{
    margin-top:0;
    padding:0
}

.blog-details .blog-single .blog-video .blog-category{
    position:absolute;
    right:0;
    margin-top:10px
}

.blog-details .blog-single .blog-audio.blog-image{
    margin-bottom:30px
}

.blog-details .blog-single .blog-audio.blog-image .blog-category{
    padding-left:0
}

.blog-details .blog-grid .blog-content>span{
    font-size:14px;
    padding-right:10px
}

.blog-details .blog-grid .blog-content>span:after{
    content:"-";
    position:relative;
    margin-left:10px
}

.blog-details .blog-grid .blog-content>span a{
    color:var(--body-color)
}

.blog-details .blog-grid .blog-content>span:last-child:after{
    display:none
}

.blog-details .blog-grid .blog-content{
    padding:28px 30px
}

.blog-single.vs-blog .blog-video.blog-image{
    background-color:transparent
}

.blog-single.vs-blog .blog-video.blog-image .play-btn,.blog-single.vs-blog .blog-video.blog-image .play-btn{
    position:absolute;
    left:50%;
    top:43%;
    transform:translate(-50%, -50%)
}

@media(max-width: 1300px){
    .blog-single .blog-header{
        padding:0 30px 0 30px;
        margin-bottom:15px
    }
    
    .blog-single .blog-audio,.blog-single .blog-image{
        margin-bottom:20px;
        margin-top:23px
    }
    
    .blog-single .blog-content{
        padding:0 30px;
        margin-bottom:23px
    }
    
    .blog-single .blog-title{
        font-size:34px
    }
}

@media(max-width: 992px){
    .related-post-wrapper.pt-40{
        padding-top:0
    }
    
    .blog-single .share-links.my-60{
        margin-top:30px;
        margin-bottom:30px
    }
    
    .blog-single .blog-author.my-60{
        margin-top:30px;
        margin-bottom:60px
    }
}

@media(max-width: 767px){
    .blog-single .blog-title{
        font-size:28px
    }
    
    .blog-single .play-btn>i{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:18px
    }
    
    .blog-single .blog-meta a{
        font-size:14px
    }
    
    .blog-single .blog-image .blog-category{
        right:20px;
        top:20px
    }
}

@media(max-width: 576px){
    .blog-single .blog-header{
        padding:0 20px 0 20px
    }
    
    .blog-single .blog-header{
        margin-bottom:18px;
        margin-top:25px
    }
    
    .blog-single .blog-content{
        padding:0 20px
    }
}

@media(max-width: 1790px){
    .vs-blog-wrapper .shape1{
        display:none !important
    }
}

.blog-grid .blog-title{
    margin-bottom:8px
}

.blog-grid .blog-content{
    background-color:#f5fcf9;
    padding:28px 30px
}

.blog-grid .blog-meta a{
    color:var(--body-color2);
    position:relative;
    font-size:14px
}

.blog-grid .blog-meta a:hover{
    color:rgba(var(--theme-color), 1)
}

.blog-grid .blog-meta a:after{
    content:"";
    width:7px;
    display:inline-block;
    height:1px;
    background-color:rgba(var(--theme-color), 1);
    vertical-align:middle;
    margin-left:5px;
    margin-right:7px
}

.blog-grid .blog-meta a:last-child:after{
    display:none
}

.blog-grid .blog-meta.fs-12 a{
    font-size:12px
}

.blog-grid.grid-wide .blog-content{
    padding:30px 40px 35px 40px
}

.blog-style1{
    position:relative
}

.blog-style1:before{
    content:"";
    position:absolute;
    top:5px;
    right:5px;
    bottom:0;
    left:5px;
    border:2px solid rgba(var(--theme-color), 1);
    z-index:1
}

.blog-style1 .tags{
    display:inline-block;
    margin:0 8px 0 0
}

.blog-style1 .tags a{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color);
    display:inline-block;
    text-transform:uppercase;
    font-weight:700;
    line-height:1;
    font-size:14px;
    padding:7px 15px;
    border-radius:4px;
    margin:0 5px 5px 0
}

.blog-style1 .tags a:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}

.blog-style1 .blog-date{
    font-weight:700;
    line-height:1;
    font-size:14px;
    display:inline-block;
    text-transform:uppercase;
    color:#444
}

.blog-style1 .blog-date:hover{
    color:rgba(var(--theme-color), 1)
}

.blog-style1 .blog-title{
    font-size:25px;
    font-weight:700;
    line-height:31px;
    margin:5px 0 15px 0
}

.blog-style1 .meta-box{
    border-top:2px solid rgba(var(--theme-color), 1);
    padding:16px 25px;
    margin:26px 5px 0 5px;
    position:relative;
    z-index:3
}

.blog-style1 .meta-box a{
    position:relative;
    font-size:20px;
    font-weight:700;
    font-family:var(--theme-font3);
    color:#444
}

.blog-style1 .meta-box a:not(:last-child):after{
    content:"/";
    margin:0 12px 0 12px
}

.blog-style1 .meta-box a:hover{
    color:rgba(var(--theme-color), 1)
}

.blog-style1 .blog-content{
    padding:25px 30px 0 30px;
    position:relative;
    z-index:3
}

.blog-style2{
    margin-bottom:22px
}

.blog-style2 .blog-img{
    margin:0 0 18px 0
}

.blog-style2 .blog-avater{
    width:70px;
    height:70px;
    border:5px solid var(--white-color);
    position:absolute;
    right:22px;
    top:-50px;
    overflow:hidden;
    border-radius:50%
}

.blog-style2 .blog-date{
    color:rgba(var(--theme-color), 1);
    text-transform:uppercase;
    font-weight:700;
    font-size:16px;
    display:inline-block;
    margin:0 0 4px 0
}

.blog-style2 .blog-meta{
    margin-bottom:10px
}

.blog-style2 .blog-meta a{
    position:relative;
    font-size:20px;
    font-weight:700;
    font-family:var(--theme-font3);
    color:#444
}

.blog-style2 .blog-meta a:not(:last-child):after{
    content:"/";
    margin:0 12px 0 12px
}

.blog-style2 .blog-meta a:hover{
    color:rgba(var(--theme-color), 1)
}

.blog-style2 .blog-title{
    font-size:26px;
    max-width:350px;
    margin:0 0 0 0
}

.blog-style2 .blog-content{
    position:relative
}

.blog-style3{
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    position:relative;
    border-bottom:1px solid #fdc500;
    margin:0 0 30px 0;
    padding:0 0 30px 0
}

.blog-style3:last-child{
    border-bottom:none;
    padding-bottom:0
}

.blog-style3 .blog-img{
    position:relative
}

.blog-style3 .blog-shape{
    position:absolute;
    left:-20%;
    top:50%;
    transform:translateY(-50%)
}

.blog-style3 .blog-content{
    flex:1
}

.blog-style3 .blog-title{
    font-size:32px;
    line-height:42px;
    margin:0 0 7px 0;
    max-width:420px
}

.blog-style3 .blog-text{
    font-size:18px;
    line-height:32px;
    margin:0 0 33px 0;
    max-width:420px
}

.blog-style3 .blog-bottom{
    display:flex;
    align-items:center
}

.blog-style3 .blog-date{
    color:rgba(var(--theme-color), 1);
    text-transform:uppercase;
    font-weight:700;
    font-size:16px;
    display:inline-block;
    margin:0 0 2px 0
}

.blog-style3 .blog-meta a{
    position:relative;
    font-size:20px;
    font-weight:700;
    font-family:var(--theme-font3);
    color:#444
}

.blog-style3 .blog-meta a:not(:last-child):after{
    content:"/";
    margin:0 12px 0 12px
}

.blog-style3 .blog-meta a:hover{
    color:rgba(var(--theme-color), 1)
}

.blog-style3 .blog-avater{
    width:60px;
    height:60px;
    overflow:hidden;
    margin:0 10px 0 0;
    border-radius:50%
}

.blog-style3 .blog-avater img{
    width:100%
}

@media(min-width: 1199px)and (max-width: 1500px){
    .related-post-wrapper .blog-grid .blog-content{
        padding-left:20px;
        padding-right:20px
    }
}

@media(max-width: 1199px){
    .blog-single .blog-author{
        padding:25px 25px
    }
    
    .blog-style3 .blog-img{
        max-width:450px
    }
    
    .blog-style3 .blog-shape{
        max-width:200px;
        left:-5%
    }
    
    .blog-style3 .blog-title{
        font-size:28px;
        line-height:30px;
        margin:0 0 10px 0
    }
    
    .blog-style3 .blog-text{
        font-size:16px;
        line-height:28px;
        margin:0 0 23px 0;
        max-width:420px
    }
}

@media(max-width: 992px){
    .blog-style3{
        display:block
    }
    
    .blog-style3 .blog-text,.blog-style3 .blog-title,.blog-style3 .blog-img{
        max-width:100%
    }
    
    .blog-style3 .blog-img{
        margin-bottom:20px
    }
    
    .blog-style3 .blog-shape{
        left:0
    }
}

@media(max-width: 767px){
    .blog-grid.grid-wide .blog-content{
        padding:20px 20px 20px 20px
    }
    
    .blog-style3 .blog-shape{
        max-width:100px
    }
    
    .blog-style3 .blog-title{
        font-size:26px;
        line-height:36px
    }
}

.vs-comments-layout1{
    border-bottom:1px solid var(--white-color)
}

.vs-comments-layout1 li{
    margin:0
}

.vs-comments-layout1 .vs-post-comment{
    display:flex;
    padding:35px 35px 30px 35px;
    border:1px solid #ddd;
    margin-bottom:30px
}

.vs-comments-layout1 ul.comment-list{
    list-style:none;
    margin:0;
    padding:0
}

.vs-comments-layout1 ul.comment-list ul,.vs-comments-layout1 ul.comment-list ol{
    margin-bottom:20px
}

.vs-comments-layout1 ul.comment-list ul ul,.vs-comments-layout1 ul.comment-list ul ol,.vs-comments-layout1 ul.comment-list ol ul,.vs-comments-layout1 ul.comment-list ol ol{
    margin-bottom:0
}

.vs-comments-layout1 .author-img{
    width:100px;
    height:100px;
    margin-right:30px;
    border-radius:50%;
    overflow:hidden
}

.vs-comments-layout1 .comment-content{
    width:calc(100% - 130px);
    margin-top:-5px;
    position:relative
}

.vs-comments-layout1 .commented-on{
    font-size:14px;
    display:inline-block;
    margin-bottom:0;
    font-weight:700;
    color:rgba(var(--theme-color), 1);
    font-family:var(--theme-font)
}

.vs-comments-layout1 .name{
    margin-bottom:2px
}

.vs-comments-layout1 .comment-top{
    display:flex;
    justify-content:space-between
}

.vs-comments-layout1 .text{
    color:#6b6b6b;
    margin-bottom:0
}

.vs-comments-layout1 .text:last-child{
    margin-bottom:0
}

.vs-comments-layout1 .children{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:70px
}

.vs-comments-layout1 .replay-btn{
    font-weight:600;
    font-family:var(--theme-font);
    font-size:18px;
    color:var(--body-color);
    margin-top:10px;
    display:inline-block
}

.vs-comments-layout1 .replay-btn i{
    margin-right:7px
}

.vs-comments-layout1 .replay-btn:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-comments-layout1 .star-rating{
    font-size:12px;
    margin-bottom:10px;
    position:absolute;
    top:5px;
    right:0;
    width:80px
}

.vs-comments-layout1 .comment-respond{
    margin-bottom:47px
}

.woocommerce-Reviews .description p:last-child{
    margin-bottom:0
}

@media(max-width: 992px){
    .vs-comments-layout1.pt-70{
        padding-top:30px
    }
    
    .vs-comments-layout1 .vs-post-comment{
        padding:25px 25px 20px 25px
    }
}

@media(max-width: 767px){
    .vs-comments-layout1 .vs-post-comment{
        display:block
    }
    
    .vs-comments-layout1 .author-img{
        margin-right:0
    }
    
    .vs-comments-layout1 .comment-content{
        width:100%;
        margin-top:15px
    }
    
    .vs-comments-layout1 .children{
        margin-left:30px
    }
}

.vs-comment-form input{
    height:70px;
    padding-left:30px
}

.vs-comment-form textarea{
    padding-left:30px;
    padding-top:25px
}

.vs-comment-form .custom-checkbox{
    margin-bottom:25px
}

.vs-comment-form p.comment-notes{
    margin-bottom:22px
}

.vs-comment-form .form-title .h4{
    margin-bottom:6px !important
}

@media(max-width: 992px){
    .vs-comment-form.mt-60{
        margin-top:0
    }
    
    .vs-comment-form.mb-30{
        margin-bottom:60px
    }
}

@media(max-width: 992px){
    .vs-comment-form textarea{
        padding-left:15px;
        padding-top:10px
    }
    
    .vs-comment-form input{
        height:50px;
        padding-left:15px
    }
}

.hero-link{
    color:#7d7d7d
}

.hero-link:hover{
    color:rgba(var(--theme-color), 1)
}

.home-one-title{
    text-shadow:0px 9px 7px rgba(235,225,225,.35);
    -webkit-text-stroke:1px #d7d6d2;
    text-transform:uppercase
}

.ls-hero-btn{
    line-height:1.6;
    font-size:1rem
}

.ls-thumbnail-slide-container{
    position:absolute;
    left:0;
    right:0;
    bottom:50%;
    z-index:32;
    text-align:center;
    transform:translateY(40%);
    overflow:visible !important
}

.ls-thumbnail-slide>*{
    display:inline-block;
    margin:0 8px !important;
    border-radius:50%;
    position:relative;
    z-index:1;
    cursor:pointer;
    box-shadow:0px 11px 7.84px .16px rgba(148,147,147,.54) !important
}

.hero-thumb{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:32;
    text-align:center;
    transform:translateY(50%)
}

.hero-thumb .thumb{
    display:inline-block;
    width:135px;
    height:135px;
    margin:0 18px;
    border-radius:50%;
    box-shadow:0px 11px 7.84px .16px rgba(148,147,147,.54);
    position:relative;
    z-index:1;
    cursor:pointer;
    --position-shape: -5px
}

.hero-thumb .thumb::before{
    content:"";
    position:absolute;
    left:var(--position-shape);
    right:var(--position-shape);
    top:var(--position-shape);
    bottom:var(--position-shape);
    background-color:var(--white-color);
    transition:all ease .4s;
    opacity:0;
    visibility:hidden;
    z-index:-1;
    border-radius:inherit
}

.hero-thumb .thumb img{
    width:100%;
    border-radius:inherit
}

.hero-thumb .thumb:last-child{
    margin-right:0
}

.hero-thumb .thumb:first-child{
    margin-left:0
}

.hero-thumb .thumb.active:before{
    opacity:1;
    visibility:visible
}

.hero-box1 .box-title{
    font-size:80px;
    text-transform:uppercase;
    width:100%;
    max-width:500px;
    line-height:1.1;
    margin-bottom:25px
}

.hero-box1 .sub-title1{
    letter-spacing:1.2em;
    font-weight:600;
    margin-bottom:5px
}

.hero-box1 .box-content{
    padding:70px
}

.hero-box2{
    min-height:295px
}

.hero-box2 .box-title{
    text-transform:uppercase;
    font-size:32px;
    margin-bottom:10px
}

.hero-box2 .box-subtitle{
    font-weight:300;
    text-transform:uppercase;
    margin-bottom:10px
}

.hero-box2 .ad-btn{
    color:var(--body-color2);
    text-decoration:underline
}

.hero-box2 .ad-btn:hover{
    color:rgba(var(--theme-color), 1)
}

.hero-box2 .ad-btn.text-theme:hover{
    color:var(--white-color) !important
}

.hero-box2 .box-content{
    padding:80px 50px 0 50px
}

.ls-next-custom,.ls-prev-custom{
    --fill-color: #f2ffd8;
    --stroke-color: #000000;
    position:relative;
    height:55px;
    width:55px;
    border:2px solid var(--stroke-color);
    cursor:pointer;
    display:inline-block;
    border-radius:50%
}

.ls-next-custom,.ls-next-custom *,.ls-prev-custom,.ls-prev-custom *{
    transition:all ease .5s
}

.ls-next-custom .line,.ls-prev-custom .line{
    position:absolute;
    left:50%;
    top:50%;
    height:2px;
    background-color:var(--stroke-color);
    width:60px;
    margin-top:-1px;
    box-shadow:0 0 0 6px var(--fill-color);
    display:inline-block
}

.ls-next-custom .shape,.ls-prev-custom .shape{
    position:absolute;
    left:50%;
    top:50%;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-right:6px solid var(--stroke-color);
    transform:translate(-50%, -50%);
    display:inline-block
}

.ls-next-custom:hover,.ls-prev-custom:hover{
    --stroke-color: #76a713
}

.ls-next-custom .line{
    left:auto;
    right:50%
}

.ls-next-custom .shape{
    border-right:none;
    border-left:6px solid var(--stroke-color)
}

.hero-layout7[data-bg-src]{
    padding-bottom:130px;
    margin-bottom:-95px;
    background-position:bottom center;
    background-size:100% auto
}

.hero-layout8{
    margin-top:-20px
}

.hero-layout8 .ls-nav-prev,.hero-layout8 .ls-nav-next{
    width:80px !important;
    height:80px !important;
    line-height:80px !important;
    text-align:center;
    background-color:rgba(255,255,255,.2);
    border-radius:50% !important;
    transition:all ease .4s;
    left:80px !important
}

@media(max-width: 1500px){
    .hero-layout8 .ls-nav-prev,.hero-layout8 .ls-nav-next{
        display:none
    }
}

.hero-layout8 .ls-nav-prev:after,.hero-layout8 .ls-nav-next:after{
    display:none
}

.hero-layout8 .ls-nav-prev:before,.hero-layout8 .ls-nav-next:before{
    content:"ï…·";
    font-family:var(--icon-font);
    font-size:26px;
    color:var(--white-color);
    font-weight:300;
    transition:all ease .4s
}

.hero-layout8 .ls-nav-prev:hover,.hero-layout8 .ls-nav-next:hover{
    background-color:rgba(var(--theme-color), 1);
    transform:none !important
}

.hero-layout8 .ls-nav-prev:hover:before,.hero-layout8 .ls-nav-next:hover:before{
    color:var(--white-color)
}

.hero-layout8 .ls-nav-next{
    left:auto !important;
    right:80px !important
}

.hero-layout8 .ls-nav-next:before{
    content:"ï…¸"
}

@media(min-width: 1921px){
    .header-layout7 .header-shape{
        background-size:90% 100%
    }
    
    .header-layout7 .header-top-shape{
        height:200px;
        width:100%;
        max-width:50%
    }
}

@media(max-width: 1300px){
    .hero-thumb .thumb{
        width:100px;
        height:100px;
        margin:0 10px
    }
    
    .hero-layout8{
        margin-top:-13px
    }
}

@media(max-width: 1199px){
    .hero-thumb .thumb{
        width:80px;
        height:80px;
        margin:0 10px
    }
    
    .hero-layout7[data-bg-src]{
        padding-bottom:0;
        margin-bottom:0
    }
}

@media(max-width: 992px){
    .hero-btn.center{
        padding:10px 20px;
        font-size:14px
    }
    
    .ls-thumbnail-slide-container{
        display:none
    }
    
    .ls-hero-btn .play-btn i{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:14px
    }
}

@media(max-width: 767px){
    .hero-thumb .thumb{
        width:40px;
        height:40px;
        margin:0 5px;
        --position-shape: -2px
    }
    
    .hero-btn{
        padding:8px 20px;
        font-size:14px
    }
    
    .hero-btn.center{
        left:-20px
    }
    
    .ls-hero-btn .play-btn i{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:14px;
        margin-left:-1rem
    }
}

@media(max-width: 576px){
    .hero-btn,.hero-btn.center{
        margin-top:5px;
        padding:5px 10px;
        font-size:8px
    }
    
    .hero-btn.center{
        left:-10px
    }
}

@media(max-width: 1199px){
    .hero-box1 .box-content{
        padding:40px
    }
    
    .hero-box1 .box-title{
        font-size:72px;
        max-width:500px
    }
    
    .hero-box2 .box-content{
        padding:40px 30px 0 30px
    }
}

@media(max-width: 992px){
    .hero-box1 .box-title{
        font-size:52px;
        max-width:400px
    }
}

@media(max-width: 576px){
    .hero-box1 .box-content{
        padding:60px 20px
    }
    
    .hero-box1 .sub-title1{
        font-size:12px
    }
    
    .hero-box1 .box-title{
        margin-bottom:10px;
        font-size:42px;
        max-width:400px
    }
}

.vs-about-wrapper{
    position:relative
}

.vs-about-wrapper .shape1{
    position:absolute;
    right:11%;
    bottom:20%
}

.vs-about-wrapper .shape2{
    position:absolute;
    bottom:-10%;
    right:0
}

.vs-about-wrapper .shape3{
    position:absolute;
    right:3.5%;
    top:5%;
    z-index:-1
}

.vs-about-wrapper .shape4{
    position:absolute;
    left:0;
    bottom:-18%;
    width:100%;
    max-width:40vw
}

.vs-about-wrapper .shape5{
    right:15%;
    top:20%
}

.img-box1{
    position:relative;
    padding-left:70px;
    padding-top:75px
}

.img-box1 .img1{
    position:absolute;
    left:0;
    top:0
}

.img-box2{
    position:relative
}

.img-box2 .img-2{
    position:absolute;
    top:-18%;
    right:-13%;
    z-index:2
}

.img-box2 .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:4
}

.img-box3{
    margin:-80px 0 0 -45px
}

.img-box4{
    position:relative
}

.img-box4 .img-1{
    margin-left:-70px
}

.img-box4 .img-2{
    position:absolute;
    left:-28%;
    bottom:-3%
}

.img-box4 .content{
    position:absolute;
    left:5%;
    bottom:10%
}

.img-box4 .title{
    font-size:24px;
    font-weight:700;
    color:#333;
    margin:0 0 12px 0
}

.img-box4 .text{
    font-size:18px;
    line-height:24px;
    margin:0;
    max-width:220px;
    font-weight:300;
    color:#373737
}

.img-box5 .img-1{
    margin:0 -60px 0 -50px;
    text-align:right
}

.img-box6 .img-1{
    display:flex;
    justify-content:flex-end;
    margin:-135px 0 0 0
}

.img-box6 .img-1 img{
    max-width:initial
}

.counter-style1 span:not(.number){
    display:block;
    width:90px;
    height:90px;
    line-height:1;
    color:var(--white-color);
    background-color:rgba(var(--theme-color), 1);
    text-align:center;
    font-size:22px;
    font-weight:700;
    font-family:var(--theme-font3);
    border-radius:10px;
    padding:14px 0;
    margin-bottom:2px
}

.counter-style1 span:not(.number):last-child{
    margin-bottom:0
}

.counter-style1 .number{
    display:block;
    font-size:40px
}

.counter-style1 span.message{
    display:none;
    line-height:90px;
    padding:0
}

.counter-style1.expired span:not(.number){
    display:none
}

.block-step-list ol{
    list-style:none;
    margin:0;
    padding:0
}

.block-step-list li{
    font-size:18px;
    font-weight:500;
    counter-increment:count;
    position:relative;
    margin:32px 0 32px 0;
    padding:0 0 0 65px
}

.block-step-list li::before{
    content:counter(count);
    width:42px;
    height:42px;
    line-height:42px;
    background-color:#fcd55c;
    color:#111;
    font-size:18px;
    font-weight:700;
    display:inline-block;
    text-align:center;
    position:absolute;
    left:0;
    top:-7px;
    border-radius:50%;
    z-index:2
}

.block-step-list li:after{
    content:"";
    position:absolute;
    left:19px;
    top:8px;
    height:calc(100% + 20px);
    width:4px;
    background-color:#fcd55c;
    z-index:1
}

.block-step-list li:last-child:after{
    display:none
}

.block-social{
    --social-color: #214183;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:20px
}

.block-social a{
    display:inline-block;
    width:205px;
    height:65px;
    border:2px solid var(--social-color);
    background-color:transparent;
    color:var(--title-color);
    font-size:16px;
    font-weight:600;
    padding:6px;
    text-align:left;
    border-radius:9999px
}

.block-social a i{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    background-color:var(--social-color);
    color:var(--white-color);
    text-align:center;
    margin:0 10px 0 0;
    font-size:18px;
    vertical-align:middle;
    border-radius:50%;
    transition:all ease .4s
}

.block-social a:hover{
    background-color:var(--social-color);
    color:var(--white-color)
}

.block-social a:hover i{
    background-color:var(--white-color);
    color:var(--social-color)
}

.block-social .twitter{
    --social-color: #52a7e9
}

.block-social .linkedin{
    --social-color: #2975bc
}

.block-social .instagram{
    --social-color: #c6397e
}

.about-features{
    align-items:center;
    display:flex;
    position:relative;
    height:100%;
    padding:40px;
    max-height:330px
}

.about-features .bg-icon{
    position:absolute;
    bottom:20px;
    right:0;
    opacity:.2;
    line-height:1
}

.block-list{
    margin:0 0 53px 0
}

.block-list ul{
    margin:0;
    padding:0;
    list-style-type:none
}

.block-list li{
    position:relative;
    padding:0 0 0 24px;
    margin:0 0 10px 0
}

.block-list li:before{
    content:"";
    position:absolute;
    left:5.5px;
    top:11px;
    width:6px;
    height:6px;
    background-color:#76a713;
    border-radius:50%;
    box-shadow:0 0 0 5px rgba(118,167,19,.3)
}

.block-text{
    font-size:18px;
    line-height:32px;
    margin:0 0 25px 0
}

.block-schedule{
    display:flex;
    align-items:center
}

.block-schedule>img{
    margin-right:20px
}

.block-schedule .text{
    color:var(--title-color);
    font-size:18px;
    line-height:36px;
    font-weight:700;
    max-width:300px;
    margin:0
}

.about-box1{
    padding:50px 0 0 85px;
    max-width:610px
}

.content-style1 .about-subtitle{
    font-size:28px;
    font-family:var(--theme-font3);
    color:rgba(var(--theme-color), 1);
    font-weight:700;
    display:block;
    margin:0 0 10px 0
}

.content-style1 .about-title{
    margin:0 0 13px 0;
    font-size:34px;
    line-height:40px;
    max-width:300px
}

.content-style1 .about-text{
    font-size:18px;
    line-height:30px;
    margin:0 0 34px 0
}

.content-style1 .about-price{
    font-size:28px;
    font-weight:700;
    color:rgba(var(--theme-color), 1);
    line-height:1;
    display:inline-block;
    margin:0 37px 0 0
}

.content-style1 .about-price del{
    color:#898989;
    font-weight:600;
    font-size:18px;
    margin:0 0 0 10px
}

.content-style1 .product-rating-box{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    top:3px
}

.content-style1 .vs-btn{
    margin:32px 0 0 0
}

.video-box{
    position:relative
}

.video-box .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}

.block-counter .counter-number{
    color:#8dc63f;
    font-size:65px;
    font-family:'Lalezar-Regular';
    line-height:1;
    font-weight:700;
    margin-bottom:8px
}

.block-counter .counter-text{
    font-size:18px;
    margin:0 0 0 0;
    line-height:1
}

.about-box2{
    max-width:560px;
    margin-left:85px
}

.about-box2 .sec-title4{
    margin-bottom:10px;
    color:var(--white-color)
}

.about-box2 .sec-text{
    color:#a0beaa;
    max-width:470px
}

.about-box2 .block-counter{
    margin-top:30px
}

.about-box2 .counter-text{
    color:var(--white-color)
}

@media(max-width: 1810px){
    .vs-about-wrapper .shape1{
        right:5%
    }
    
    .vs-about-wrapper .shape3{
        right:1%;
        top:2%;
        max-width:150px
    }
    
    .vs-about-wrapper .shape4{
        max-width:33vw
    }
}

@media(max-width: 1500px){
    .vs-about-wrapper .shape1{
        right:2%
    }
    
    .vs-about-wrapper .shape4{
        bottom:-7%
    }
    
    .about-box1{
        padding:100px 0 0 0
    }
    
    .img-box2 .img-2{
        top:-12%;
        right:-30px
    }
    
    .img-box4 .img-2{
        position:absolute;
        left:0;
        bottom:-5%
    }
    
    .img-box4 .img-1{
        margin-left:0
    }
    
    .img-box4 .content{
        left:30%;
        bottom:9%
    }
    
    .img-box6 .img-1{
        margin:0 0 0 -50px
    }
    
    .img-box6 .img-1 img{
        max-width:100%
    }
    
    .about-box2{
        max-width:100%;
        margin-left:0
    }
    
    .about-box2 .sec-text{
        max-width:500px
    }
    
    .about-box2 .block-counter{
        margin-top:10px
    }
}

@media(max-width: 1300px){
    .vs-about-wrapper .container.pt-70{
        padding-top:50px
    }
}

@media(max-width: 1199px){
    .about-content.pt-75{
        padding-top:0
    }
    
    .img-box5 .img-1{
        margin:0 0 0 0;
        text-align:center
    }
    
    .about-box1{
        padding:0 0 0 0;
        max-width:610px
    }
    
    .about-box1 .block-text:first-child{
        margin-top:-0.5em
    }
    
    .img-box1{
        position:relative;
        padding-left:30px;
        padding-right:50px;
        padding-top:30px
    }
    
    .img-box3{
        margin:0 0 0 0
    }
    
    .about-features{
        padding:20px
    }
    
    .about-features .fa-10x{
        font-size:7rem
    }
    
    .vs-about-wrapper .shape4{
        position:relative;
        left:0;
        bottom:0;
        padding:0 var(--bs-gutter-x, 0.75rem);
        max-width:100%;
        width:100%
    }
    
    .about-layout1.bg-fluid{
        background-size:auto auto;
        background-position:left top
    }
    
    .block-list{
        margin:0 0 33px 0
    }
    
    .img-box2 .img-2{
        max-width:300px;
        top:-32px;
        right:0
    }
    
    .img-box4 .content{
        left:20%;
        bottom:9%
    }
    
    .img-box6 .img-1{
        margin:0 0 0 0
    }
    
    .block-counter .counter-number{
        font-size:48px
    }
    
    .block-counter .counter-text{
        font-size:16px
    }
    
    .about-box2 .sec-text{
        max-width:100%
    }
}

@media(max-width: 992px){
    .img-box1{
        max-width:600px;
        margin-bottom:60px;
        margin-left:auto;
        margin-right:auto;
        padding-left:0;
        padding-right:0;
        text-align:center
    }
    
    .img-box1 .img1{
        left:20%
    }
    
    .block-social a{
        width:155px;
        height:55px;
        font-size:14px
    }
    
    .block-social a i{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:15px
    }
    
    .about-features{
        justify-content:center
    }
    
    .content-style1 .vs-btn{
        margin:23px 0 0 0
    }
    
    .content-style1 .about-text{
        margin:0 0 24px 0
    }
    
    .counter-style1 span:not(.number):not(.message){
        display:inline-block;
        margin-bottom:30px
    }
    
    .img-box4 .content{
        left:24%;
        bottom:9%
    }
    
    .video-box img{
        width:100%
    }
}

@media(max-width: 767px){
    .block-schedule .text{
        font-size:16px;
        line-height:26px
    }
    
    .img-box1{
        width:100%;
        max-width:350px
    }
    
    .img-box1>img{
        max-width:350px;
        width:100%
    }
    
    .img-box1 .img1{
        left:0;
        right:0;
        text-align:center;
        top:2%
    }
    
    .img-box2 .img-2{
        max-width:150px;
        top:-25px;
        right:0
    }
    
    .counter-style1 .number{
        display:block;
        font-size:30px
    }
    
    .counter-style1 span:not(.number){
        width:65px;
        height:65px;
        padding:9px 0;
        font-size:16px
    }
    
    .content-style1 .about-text{
        font-size:16px;
        line-height:26px
    }
    
    .content-style1 .about-title{
        font-size:26px;
        line-height:34px
    }
    
    .content-style1 .about-subtitle{
        font-size:24px
    }
    
    .content-style1 .about-price{
        font-size:20px
    }
    
    .content-style1 .about-price del{
        font-size:16px
    }
    
    .img-box4 .title{
        font-size:18px;
        margin-bottom:5px
    }
    
    .img-box4 .text{
        font-size:15px;
        line-height:24px;
        max-width:190px
    }
    
    .img-box4 .img-2{
        bottom:0
    }
}

@media(max-width: 576px){
    .block-social a{
        width:135px;
        height:55px;
        font-size:14px
    }
}

.service-box1{
    text-align:center;
    position:relative;
    z-index:1;
    padding-bottom:70px;
    margin-bottom:30px
}

.service-box1:after,.service-box1:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:calc(100% - 60px);
    background-color:var(--white-color);
    z-index:-1;
    box-shadow:0px 11px 17.82px .18px rgba(221,221,221,.54);
    border-radius:10px;
    opacity:1;
    visibility:visible;
    transition:all ease .4s
}

.service-box1:after{
    opacity:.9;
    transform:scaleY(0);
    background-color:rgba(var(--theme-color), 1);
    transform-origin:center bottom
}

.service-box1 a{
    color:inherit;
    transition:0s
}

.service-box1 .service-img{
    margin-bottom:30px
}

.service-box1 .service-img img{
    border-radius:50%;
    box-shadow:8px 6px 15px -3px rgba(0,0,0,.005)
}

.service-box1 .service-text{
    max-width:250px;
    margin-left:auto;
    margin-right:auto;
    color:var(--body-color2)
}

.service-box1 .service-text,.service-box1 .service-title{
    position:relative;
    z-index:5;
    transition:all ease .4s
}

.service-box1 .sr-shape2,.service-box1 .sr-shape1{
    position:absolute;
    left:0;
    bottom:0;
    transition:all ease .4s;
    opacity:0;
    visibility:hidden
}

.service-box1 .sr-shape1{
    opacity:1;
    visibility:visible
}

.service-box1 .icon-btn{
    background-color:var(--body-color);
    width:50px;
    height:50px;
    line-height:50px;
    font-size:18px;
    color:var(--white-color);
    position:absolute;
    left:50%;
    bottom:-25px;
    margin-left:-25px;
    transform:translateX(20px);
    opacity:0;
    visibility:hidden;
    transition:all ease .4s;
    transition-delay:0
}

.service-box1 .icon-btn:hover{
    background-color:var(--white-color);
    color:rgba(var(--theme-color), 1)
}

.service-box1:hover:after{
    transform:scaleY(1)
}

.service-box1:hover .service-text,.service-box1:hover .service-title{
    color:var(--white-color)
}

.service-box1:hover .sr-shape2{
    opacity:1;
    visibility:visible
}

.service-box1:hover:before,.service-box1:hover .sr-shape1{
    opacity:0;
    visibility:hidden
}

.service-box1:hover .icon-btn{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
    transition-delay:.3s
}

.service-box2{
    position:relative;
    padding:50px 20px 0 60px;
    margin-bottom:30px
}

.service-box2 .service-content{
    padding:0 30px 0 0
}

.service-box2 .service-title{
    font-size:45px;
    font-weight:700;
    color:#fcd55c;
    font-family:var(--theme-font3);
    margin:0 0 10px 0
}

.service-box2 .service-title a{
    color:inherit
}

.service-box2 .service-title a:hover{
    color:rgba(var(--theme-color), 1)
}

.service-box2 .service-text{
    font-size:16px;
    color:var(--white-color);
    line-height:28px;
    margin:0 0 27px 0
}

.service-box2 .service-img{
    margin:-55px 0 0 0;
    text-align:right
}

.service-box2 .icon-btn{
    width:50px;
    height:50px;
    line-height:50px;
    font-size:20px;
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.service-shape1{
    min-height:55%;
    background-color:var(--black-color);
    border-bottom:5px solid rgba(var(--theme-color), 1);
    width:100%
}

@media(max-width: 1199px){
    .service-box1{
        padding-bottom:50px
    }
    
    .service-box1 .service-img{
        max-width:180px;
        margin-left:auto;
        margin-right:auto
    }
    
    .service-box1 .service-img img{
        width:100%
    }
    
    .service-box1 .service-text{
        max-width:200px
    }
    
    .service-box2{
        padding:50px 20px 0 35px
    }
    
    .service-box2[data-bg-src]{
        background-size:100% 108%
    }
    
    .service-box2 .service-title{
        font-size:36px
    }
    
    .service-box2 .service-text{
        font-size:14px;
        line-height:24px;
        margin:0 0 17px 0
    }
    
    .service-box2 .service-img{
        margin:-40px 0 0 auto;
        text-align:right;
        max-width:170px
    }
}

@media(max-width: 992px){
    .vs-service-wrapper.pt-175{
        padding-top:60px
    }
}

.vs-feature-box1{
    position:relative;
    margin-bottom:30px;
    max-width:280px
}

.vs-feature-box1 .feature-icon{
    display:inline-block;
    width:134px;
    height:134px;
    line-height:134px;
    text-align:center;
    position:relative;
    box-shadow:0px 11px 57.82px 1.18px rgba(209,193,193,.54);
    border-radius:50%;
    margin-bottom:35px
}

.vs-feature-box1 .feature-icon:after,.vs-feature-box1 .feature-icon:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius:inherit;
    z-index:-1;
    transition:all ease .4s
}

.vs-feature-box1 .feature-icon:before{
    background-color:var(--body-color);
    opacity:0;
    visibility:hidden;
    transform:scale(0)
}

.vs-feature-box1 .feature-icon:after{
    border:2px dotted #e2d6d6;
    top:15px;
    right:15px;
    bottom:15px;
    left:15px
}

.vs-feature-box1 .feature-icon .badge{
    width:41px;
    height:41px;
    line-height:41px;
    font-size:14px;
    font-weight:600;
    font-family:var(--theme-font);
    padding:0;
    background-color:#8dc63f;
    left:0;
    top:0;
    box-shadow:0px 11px 57.82px 1.18px rgba(209,193,193,.54);
    transition:all ease .6s
}

.vs-feature-box1 .feature-icon i{
    font-size:3rem;
    line-height:inherit
}

.vs-feature-box1 .feature-shape{
    position:absolute;
    top:60px;
    right:-30%
}

.vs-feature-box1:hover .feature-icon{
    color:var(--white-color)
}

.vs-feature-box1:hover .feature-icon .badge{
    background-color:var(--white-color);
    color:var(--title-color)
}

.vs-feature-box1:hover .feature-icon:before{
    transform:scale(1);
    opacity:1;
    visibility:visible
}

.vs-feature-box1:hover .feature-icon:after{
    border-color:var(--white-color)
}

.featured-bar{
    box-shadow:0px 22px 32px 0px rgba(0,0,0,.04);
    border-radius:10px;
    background-color:var(--white-color);
    padding:45px 70px 15px 70px;
    margin-top:-82.5px;
    z-index:41;
    position:relative
}

.feature-style1{
    position:relative;
    border:1px solid #f7d15b;
    margin:20px 0 30px 25px;
    padding:22px 0 20px 55px
}

.feature-style1 .feature-title{
    font-size:22px;
    margin:0
}

.feature-style1 .feature-text{
    margin:0
}

.feature-style1 .feature-icon{
    position:absolute;
    left:-25px;
    top:-20px
}

.feature-style2{
    text-align:center;
    border-right:1px dashed #d0d0d0;
    margin-bottom:25px
}

.feature-style2:last-child{
    border-right:none
}

.feature-style2 .feature-img{
    margin-bottom:23px
}

.feature-style2 .feature-title{
    font-size:26px;
    margin:0 0 10px 0
}

.feature-style2 .feature-text{
    font-size:18px;
    margin:0 auto;
    line-height:30px;
    max-width:300px
}

@media(max-width: 1199px){
    .vs-feature-box1{
        margin-left:auto;
        margin-right:auto
    }
    
    .vs-feature-box1 .feature-shape{
        right:-9%
    }
    
    .featured-bar{
        box-shadow:0px 0 52px 0px rgba(0,0,0,.07);
        padding:45px 40px 15px 40px;
        margin-top:130px
    }
    
    .feature-icon.mr-30{
        margin-right:20px
    }
    
    .feature-style1{
        padding:0 20px 20px 20px;
        margin:35px 0 30px 0;
        text-align:center
    }
    
    .feature-style1 .feature-icon{
        position:relative;
        left:0;
        top:0;
        margin-top:-35px;
        margin-bottom:10px
    }
}

@media(max-width: 992px){
    .vs-feature-box1{
        text-align:center
    }
    
    .vs-feature-box1 .feature-shape{
        display:none
    }
    
    .featured-bar{
        padding:35px 20px .5px 20px;
        margin-top:60px
    }
    
    .feature-bar-box.d-lg-flex{
        text-align:center
    }
    
    .feature-bar-box.d-lg-flex .feature-icon{
        margin-right:0;
        margin-bottom:10px
    }
    
    .feature-style2{
        border-right:none
    }
    
    .feature-style2 .feature-img{
        max-width:150px;
        margin:0 auto 15px auto
    }
    
    .feature-style2 .feature-title{
        font-size:24px
    }
    
    .feature-style2 .feature-text{
        font-size:16px;
        margin:0 auto;
        line-height:26px;
        max-width:205px
    }
}

@media(max-width: 576px){
    .feature-style2{
        border-right:none
    }
    
    .feature-style2 .feature-text{
        max-width:100%
    }
}

.features-wrap1{
    margin-top:-80px;
    position:relative;
    z-index:31
}

.vs-feature-box2{
    display:flex;
    align-items:center;
    background-color:var(--black-color);
    padding:30px;
    position:relative;
    transition:all ease .4s;
    border-right:1px solid rgba(255,255,255,.3)
}

.vs-feature-box2:last-child{
    border-right:none
}

.vs-feature-box2 .number{
    position:absolute;
    right:15px;
    bottom:5px;
    color:#a59696;
    line-height:1;
    font-size:72px;
    font-weight:600;
    line-height:1;
    font-family:var(--theme-font);
    opacity:.18
}

.vs-feature-box2 .feature-text,.vs-feature-box2 .feature-title{
    color:var(--white-color)
}

.vs-feature-box2 .feature-text{
    max-width:180px
}

.vs-feature-box2 .feature-icon{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:3rem;
    border:1px dashed var(--white-color);
    margin-right:25px;
    border-radius:50%;
    transition:all ease .4s
}

.vs-feature-box2 .feature-content{
    flex:1
}

.vs-feature-box2:hover{
    background-color:rgba(var(--theme-color), 1)
}

.vs-feature-box2:hover .feature-icon{
    color:var(--white-color)
}

@media(max-width: 1199px){
    .vs-feature-box2{
        padding:30px
    }
    
    .vs-feature-box2 .feature-icon{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:1.5rem;
        margin-right:10px
    }
    
    .features-wrap1{
        margin-top:-73.5px
    }
}

@media(max-width: 992px){
    .vs-feature-box2{
        display:block;
        text-align:center
    }
    
    .vs-feature-box2 .feature-icon{
        margin-right:0;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:10px
    }
    
    .vs-feature-box2 .feature-text{
        margin-left:auto;
        margin-right:auto
    }
    
    .features-wrap1{
        margin-top:0;
        padding-top:60px
    }
}

@media(max-width: 767px){
    .vs-feature-box2{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.3)
    }
    
    .vs-feature-box2:last-child{
        border-bottom:none
    }
}

.product-big-img{
    border:1px solid var(--secondary-color)
}

.product-big-img .slick-dots{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    bottom:25px;
    margin-bottom:0
}

.product-thumb-img .thumb{
    width:150px;
    max-width:100%;
    border:1px solid var(--secondary-color);
    transition:all ease .4s;
    cursor:pointer
}

.product-thumb-img .slick-current .thumb{
    border-color:rgba(var(--theme-color), 1)
}

.product-thumb-img .slick-arrow{
    position:absolute;
    left:-60px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background-color:transparent;
    width:auto;
    height:auto;
    padding:0;
    line-height:1;
    font-size:24px;
    color:rgba(0,0,0,.3);
    opacity:0;
    visibility:hidden
}

.product-thumb-img .slick-arrow.slick-next{
    left:auto;
    right:-60px
}

.product-thumb-img .slick-dots{
    margin-top:20px
}

.product-big-img .slick-arrow,.product-thumb-img .slick-arrow{
    position:absolute;
    left:-60px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background-color:transparent;
    width:auto;
    height:auto;
    padding:0;
    line-height:1;
    font-size:24px;
    color:rgba(0,0,0,.3);
    opacity:0;
    visibility:hidden;
    z-index:3
}

.product-big-img .slick-arrow.slick-next,.product-thumb-img .slick-arrow.slick-next{
    left:auto;
    right:-60px
}

.product-big-img .slick-arrow{
    left:30px
}

.product-big-img .slick-arrow.slick-next{
    left:auto;
    right:30px
}

.container .row:hover .product-big-img .slick-arrow,.container .row:hover .product-thumb-img .slick-arrow{
    opacity:1;
    visibility:visible
}

.quantity.style2{
    position:relative;
    display:inline-block;
    vertical-align:middle
}

.quantity.style2 input{
    width:75px;
    height:50px;
    text-align:center;
    border:1px solid var(--secondary-color);
    font-family:var(--theme-font2);
    color:var(--body-color2);
    font-weight:600;
    font-size:18px;
    padding-left:0;
    padding-right:30px
}

.quantity.style2 input::-webkit-outer-spin-button,.quantity.style2 input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}

.quantity.style2 input[type=number]{
    -moz-appearance:textfield
}

.quantity.style2 .qut-btn{
    position:absolute;
    top:0;
    right:10px;
    border:none;
    background-color:transparent;
    padding:0;
    line-height:1;
    color:#e6d6d6;
    top:8px;
    font-size:14px
}

.quantity.style2 .qut-btn.quantity-minus{
    top:26px
}

.quantity.style2 .qut-btn:hover{
    color:rgba(var(--theme-color), 1)
}

.product_meta{
    color:var(--body-color);
    font-weight:600;
    font-size:18px;
    text-transform:capitalize;
    font-family:var(--theme-font)
}

.product_meta>span{
    display:block;
    margin-bottom:3px
}

.product_meta>span:last-child{
    margin-bottom:0
}

.product_meta>span a{
    color:inherit
}

.product_meta>span a:hover{
    color:rgba(var(--theme-color), 1)
}

.product_meta>span>a,.product_meta>span>span{
    position:relative;
    margin-right:3px
}

.product_meta>span>a:first-child,.product_meta>span>span:first-child{
    margin-left:5px
}

.product_meta>span>a:last-child,.product_meta>span>span:last-child{
    margin-right:0
}

.product-tab-style1{
    border-bottom:1px solid #f7f3f3
}

.product-tab-style1 a{
    color:#959595;
    font-size:18px;
    font-weight:600;
    text-transform:capitalize;
    display:inline-block;
    position:relative;
    line-height:1;
    padding:0 20px 10px 20px;
    font-family:var(--theme-font)
}

.product-tab-style1 a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    height:1px;
    width:0;
    background-color:rgba(var(--theme-color), 1);
    transition:all ease .4s
}

.product-tab-style1 a.active:before{
    width:100%
}

.product-inner-list>ul{
    margin:0;
    padding:0;
    list-style-type:none
}

.product-inner-list li{
    position:relative;
    padding-left:15px
}

.product-inner-list li:before{
    content:"-";
    position:absolute;
    left:0
}

.product-tag2,.product-tag1{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color);
    text-transform:capitalize;
    display:inline-block;
    position:absolute;
    min-width:60px;
    height:30px;
    line-height:30px;
    padding:0 10px;
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    text-align:center;
    z-index:2
}

.product-rating-box{
    font-size:10px;
    color:var(--white-color);
    font-weight:700;
    line-height:1;
    margin:0 0 0 0;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:0 0 2px 7px;
    border-radius:9999px;
    position:relative;
    z-index:1;
    margin:0 0 20px 0
}

.product-rating-box::after,.product-rating-box::before{
    content:"";
    position:absolute;
    background-color:#fdba0a;
    z-index:-1
}

.product-rating-box::after{
    width:26px;
    height:26px;
    border:1px solid var(--white-color);
    top:50%;
    left:0;
    margin:-13px 0 0 0;
    border-radius:50%
}

.product-rating-box:before{
    height:18px;
    left:5px;
    top:50%;
    right:0;
    margin:-9px 0 0 0;
    border-radius:0 9999px 9999px 0
}

.product-rating-box .star-rating{
    font-size:8px;
    display:inline-block;
    top:1.95px;
    width:67px;
    margin:0 0 0 12px;
    --theme-color: #fff
}

.vs-product-box1{
    text-align:center;
    background-color:var(--white-color);
    position:relative;
    margin-bottom:30px;
    box-shadow:none;
    transition:all ease .4s
}

.vs-product-box1 .product-img{
    border:1px solid var(--secondary-color);
    border-bottom:none;
    transition:all ease .4s
}

.vs-product-box1 a{
    color:inherit
}

.vs-product-box1 a:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-product-box1 .product-content{
    padding:20px 0;
    background-color:var(--secondary-color);
    position:relative
}

.vs-product-box1 .product-tag1{
    left:-40px;
    top:0;
    transform:rotate(-90deg);
    transform-origin:top right
}

.vs-product-box1 .product-tag2{
    right:0;
    top:10px
}

.vs-product-box1 .actions-btn{
    background-color:var(--white-color);
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    display:inline-block;
    box-shadow:0px 7px 65px 0px rgba(163,163,163,.2);
    border-radius:9999px;
    padding:3px;
    line-height:0;
    position:absolute;
    left:50%;
    top:-19px;
    margin-top:-30px;
    transform:translateX(-50%);
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}

.vs-product-box1 .actions-btn a{
    display:inline-block;
    width:25px;
    height:25px;
    line-height:25px;
    font-size:12px;
    color:var(--body-color);
    background-color:var(--white-color);
    border-radius:50%
}

.vs-product-box1 .actions-btn a:hover{
    background-color:var(--body-color);
    color:var(--white-color)
}

.vs-product-box1 .base{
    background-color:#fff;
    position:absolute;
    left:737px;
    top:3837px;
    width:120px;
    height:28px;
    z-index:249
}

.vs-product-box1 .price{
    font-size:14px
}

.vs-product-box1:hover{
    box-shadow:0px 7px 65px 0px rgba(163,163,163,.2)
}

.vs-product-box1:hover .product-img{
    border-color:transparent
}

.vs-product-box1:hover .actions-btn{
    opacity:1;
    visibility:visible;
    margin-top:0
}

.dishes-box{
    position:relative;
    padding:10px;
    border:1px solid rgba(var(--theme-color), 1)
}

.dishes-box .product-tag1{
    right:auto;
    top:10px;
    left:0;
    border-radius:0 30px 30px 0;
    background-color:var(--body-color);
    color:var(--white-color)
}

.dishes-box .dishes-img{
    position:relative
}

.dishes-box .flash-counter{
    background-color:rgba(var(--theme-color), 1);
    border-radius:5px;
    justify-content:center;
    margin:0 18px;
    padding-left:0;
    padding-right:0;
    font-size:14px;
    margin-top:-25px;
    position:relative;
    z-index:1
}

.dishes-box .flash-counter>*:not(.message):before{
    margin:0 10px
}

.dishes-box .rating{
    margin:8px 0 0 0
}

.dishes-box .dishes-content{
    padding:33px 30px 27px 30px
}

.vs-product-box5 .product-img,.vs-product-box4 .product-img,.vs-product-box3 .product-img{
    position:relative
}

.vs-product-box5 .product-tag1,.vs-product-box5 .product-tag2,.vs-product-box5 .product-tag3,.vs-product-box4 .product-tag1,.vs-product-box4 .product-tag2,.vs-product-box4 .product-tag3,.vs-product-box3 .product-tag1,.vs-product-box3 .product-tag2,.vs-product-box3 .product-tag3{
    min-width:auto;
    width:var(--tag-size, 45px);
    height:var(--tag-size, 45px);
    line-height:var(--tag-size, 45px);
    text-align:center;
    padding:0;
    text-transform:uppercase;
    font-size:12px;
    right:20px;
    top:20px;
    left:auto;
    border-radius:50%;
    z-index:1;
    display:inline-block;
    color:var(--white-color);
    position:absolute
}

.vs-product-box5 .product-tag1:nth-of-type(2),.vs-product-box5 .product-tag2:nth-of-type(2),.vs-product-box5 .product-tag3:nth-of-type(2),.vs-product-box4 .product-tag1:nth-of-type(2),.vs-product-box4 .product-tag2:nth-of-type(2),.vs-product-box4 .product-tag3:nth-of-type(2),.vs-product-box3 .product-tag1:nth-of-type(2),.vs-product-box3 .product-tag2:nth-of-type(2),.vs-product-box3 .product-tag3:nth-of-type(2){
    right:62px;
    z-index:2
}

.vs-product-box5 .product-tag1:nth-of-type(3),.vs-product-box5 .product-tag2:nth-of-type(3),.vs-product-box5 .product-tag3:nth-of-type(3),.vs-product-box4 .product-tag1:nth-of-type(3),.vs-product-box4 .product-tag2:nth-of-type(3),.vs-product-box4 .product-tag3:nth-of-type(3),.vs-product-box3 .product-tag1:nth-of-type(3),.vs-product-box3 .product-tag2:nth-of-type(3),.vs-product-box3 .product-tag3:nth-of-type(3){
    right:105px;
    z-index:2
}

.vs-product-box5 .product-tag1,.vs-product-box4 .product-tag1,.vs-product-box3 .product-tag1{
    background-color:#f12525
}

.vs-product-box5 .product-tag2,.vs-product-box4 .product-tag2,.vs-product-box3 .product-tag2{
    background-color:#6f9ee3
}

.vs-product-box5 .product-tag3,.vs-product-box4 .product-tag3,.vs-product-box3 .product-tag3{
    background-color:#8dc63f;
}

.vs-product-box3{
    background-color:var(--white-color);
    position:relative;
    margin-bottom:2px
}

.vs-product-box3:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(252,213,92,.95);
    z-index:4;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}

.vs-product-box3 .actions-btn{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    text-align:center;
    z-index:3;
    z-index:5;
    transform:translateY(-50%)
}
.vs-product-box3 .actions-btn .icon-btn{
    width:50px;
    height:50px;
    line-height:50px;
    font-size:17px;
    background-color:var(--white-color);
    color:var(--title-color);
    margin:0 2px 0 2px;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s;
    transform:translateY(-30px);
    position:relative;
    top:-8px
}

.vs-product-box3 .actions-btn .icon-btn:hover{
    background-color:rgba(var(--theme-color), 1);
    transition-delay:0;
    color:var(--white-color)
}

.vs-product-box3 .cart-btn{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    display:block;
    margin:0 auto 0 auto;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s;
    transform:translateY(30px);
    position:relative;
    top:8px
}

.vs-product-box3 .product-img img{
    width:100%
}

.vs-product-box3 .product-content{
    padding:0 30px 22px 30px
}

.vs-product-box3 .product-title{
    font-size:20px;
    font-weight:700;
    margin:0 0 2px 0
}

.vs-product-box3 .product-title a{
    color:inherit
}

.vs-product-box3 .price{
    color:#76a713;
    font-family:var(--theme-font2);
    font-size:15px
}

.vs-product-box3 .price del{
    color:#898989;
    margin-left:5px;
    font-size:13px
}

.vs-product-box3:hover:before{
    opacity:1;
    visibility:visible
}

.vs-product-box3:hover .cart-btn,.vs-product-box3:hover .actions-btn .icon-btn{
    opacity:1;
    visibility:visible;
    transform:translateY(1px);
    transition-delay:.2s
}

.vs-product-box3:hover .cart-btn:hover,.vs-product-box3:hover .actions-btn .icon-btn:hover{
    transition-delay:0
}

.vs-product-box3.style2{
    border:1px solid #f7d15b
}

.vs-product-box3.style3{
    border:1px solid #eee;
    margin-bottom:30px
}

.vs-product-box4{
    background-color:var(--white-color);
    padding:.1px .1px 0 .1px;
    margin:0 0 39px 0
}

.vs-product-box4 .product-img{
    position:relative;
    border:2px solid #fcd55c;
    margin:10px 10px 0 10px;
    overflow:hidden
}

.vs-product-box4 .product-img:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#76a713;
    z-index:4;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}

.vs-product-box4 .product-img img{
    width:100%
}

.vs-product-box4 .product-img .product-rating-box{
    position:absolute;
    left:10px;
    bottom:15px;
    margin:0
}

.vs-product-box4 .product-tag1{
    top:10px;
    right:10px
}

.vs-product-box4 .product-title{
    font-size:22px;
    color:#171717;
    margin:0 0 5px 0
}

.vs-product-box4 .product-title a{
    color:inherit
}

.vs-product-box4 .product-title a:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-product-box4 .product-quantity{
    font-size:14px;
    font-weight:500;
    color:#333;
    text-transform:uppercase;
    margin:0 0 22px 0
}

.vs-product-box4 .product-quantity .text{
    margin:0 0 0 5px
}

.vs-product-box4 .price{
    font-size:20px;
    font-weight:500;
    color:#444;
    display:inline-block
}

.vs-product-box4 .price del{
    font-size:17px;
    margin:0 0 0 10px
}

.vs-product-box4 .product-discount{
    color:rgba(var(--theme-color), 1);
    font-weight:700;
    font-size:16px;
    display:inline-block;
    margin:0 0 0 5px
}

.vs-product-box4 .product-content{
    padding:20px 25px 18px 25px
}

.vs-product-box4 .product-cart-btn{
    display:block;
    background-color:#fdba0a;
    color:var(--white-color);
    line-height:1;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    border:none;
    padding:15px 27px;
    position:relative;
    transition:all ease .4s
}

.vs-product-box4 .product-cart-btn i{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:57px;
    border:3px solid #fffbc1;
    text-align:center;
    font-size:20px;
    position:absolute;
    right:20px;
    top:50%;
    border-radius:50%;
    background-color:#fdba0a;
    margin:-30px 0 0 0;
    transition:all ease .4s
}

.vs-product-box4 .actions-btn{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:5
}

.vs-product-box4 .actions-btn .icon-btn{
    display:block;
    width:42px;
    height:42px;
    line-height:42px;
    font-size:16px;
    color:var(--title-color);
    background-color:var(--white-color);
    margin:5px 0 0 0;
    transition:all ease .4s;
    opacity:0;
    visibility:hidden;
    transform:translateX(50px)
}

.vs-product-box4:hover .product-img:before{
    opacity:.5;
    visibility:visible
}

.vs-product-box4:hover .product-cart-btn{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.vs-product-box4:hover .product-cart-btn i{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.vs-product-box4:hover .actions-btn .icon-btn{
    transform:translateX(0);
    opacity:1;
    visibility:visible;
    transition-delay:.1s
}

.vs-product-box4:hover .actions-btn .icon-btn:nth-child(2){
    transition-delay:.15s
}

.vs-product-box4:hover .actions-btn .icon-btn:nth-child(3){
    transition-delay:.2s
}

.vs-product-box5{
    border:1px solid #eee;
    margin:0 0 60px 0;
    transition:all ease .4s
}

.vs-product-box5 .product-tag3,.vs-product-box5 .product-tag2,.vs-product-box5 .product-tag1{
    right:7px;
    top:7px
}

.vs-product-box5 .product-title{
    font-size:20px;
    margin:0 0 2px 0
}

.vs-product-box5 .product-title a{
    color:inherit
}

.vs-product-box5 .product-quantity{
    font-size:14px;
    font-weight:600;
    color:#333;
    text-transform:uppercase;
    margin:0 0 0 0
}

.vs-product-box5 .product-bottom{
    min-height:124px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    margin:0 0 20px 0
}

.vs-product-box5 .product-rating-box{
    margin:0 0 17px 0
}

.vs-product-box5 .price{
    font-size:18px;
    color:#444;
    margin:0 0 2px 0
}

.vs-product-box5 .price del{
    font-size:16px;
    margin-left:7px
}

.vs-product-box5 .product-discount{
    display:block;
    font-weight:700;
    color:rgba(var(--theme-color), 1)
}

.vs-product-box5 .product-cart-btn{
    width:60px;
    height:60px;
    line-height:60px;
    display:inline-block;
    text-align:center;
    font-size:18px;
    border:1px solid #eee;
    background-color:var(--white-color);
    border-radius:50%;
    position:relative;
    box-shadow:none
}

.vs-product-box5 .product-content{
    padding:0 20px 0 20px;
    margin:0 0 -30px 0;
    position:relative;
    z-index:3
}

.vs-product-box5:hover{
    box-shadow:0px 0px 13px 0px rgba(0,0,0,.03)
}

.vs-product-box5:hover .product-cart-btn{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color);
    border-color:transparent;
    box-shadow:0 0 0 4px rgba(118,167,19,.43)
}

.vs-product-box6{
    display:flex;
    flex-direction:row-reverse;
    border:1px solid #eee;
    position:relative;
    margin:0 0 75px 0
}

.vs-product-box6 .product-title{
    font-size:22px;
    margin:0 0 5px 0;
    font-weight:700
}

.vs-product-box6 .product-title a{
    color:inherit
}

.vs-product-box6 .product-title a:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-product-box6 .price{
    font-size:18px;
    color:rgba(var(--theme-color), 1);
    font-weight:700;
    display:block
}

.vs-product-box6 .price del{
    color:#898989;
    font-size:13px;
    margin-left:8px
}

.vs-product-box6 .product-cart-btn{
    font-size:16px;
    color:var(--title-color);
    font-weight:700;
    text-decoration:underline;
    text-transform:uppercase;
    display:inline-block;
    margin:30px 0 0 0
}

.vs-product-box6 .counter-style1{
    display:flex;
    gap:2px;
    margin:30px 0 0 0;
    position:absolute;
    left:40px;
    bottom:-45px
}

.vs-product-box6 .counter-style1 span{
    margin:0
}

.vs-product-box6 .product-content{
    padding:40px 30px 80px 40px;
    flex:1;
    position:relative
}

.vs-product-box6 .product-shape{
    position:absolute;
    right:0;
    top:0
}

.vs-product-box6 .product-img{
    position:relative
}

@media(max-width: 992px){
    .dishes-box .dishes-content{
        padding:23px 20px 17px 20px
    }
}

@media(max-width: 1199px){
    .vs-product-box6 .product-img{
        max-width:210px
    }
    
    .vs-product-box6 .product-content{
        padding:30px 10px 70px 30px
    }
    
    .vs-product-box6 .counter-style1{
        left:30px
    }
    
    .vs-product-box6 .product-cart-btn{
        margin:20px 0 0 0
    }
}

@media(max-width: 992px){
    .vs-product-box6{
        display:block
    }
    
    .vs-product-box6 .product-img{
        max-width:100%;
        margin:0
    }
    
    .vs-product-box6 .product-content{
        padding:10px 20px 30px 20px
    }
    
    .vs-product-box6 .counter-style1{
        left:0;
        right:0;
        display:grid;
        grid-template-columns:repeat(4, 1fr);
        position:relative;
        bottom:0
    }
    
    .vs-product-box6 .counter-style1 span:not(.number){
        width:auto;
        height:auto;
        font-size:18px;
        margin-bottom:0
    }
    
    .vs-product-box6 .counter-style1 .number{
        font-size:36px;
        margin-bottom:5px
    }
    
    .vs-product-box5 .product-title{
        font-size:19px;
        margin:0 0 7px 0
    }
    
    .vs-product-box5 .product-bottom{
        min-height:100px;
        margin:0 0 20px 0
    }
}

.vs-product-box2{
    margin-bottom:30px;
    position:relative
}

.vs-product-box2.has-border{
    border:1px solid var(--secondary-color)
}

.vs-product-box2 .product-img{
    width:100%;
    max-width:170px
}

.vs-product-box2 .star-rating{
    margin-top:5px;
    transform:scale(0.8);
    transform-origin:left center
}

.vs-product-box2 a{
    color:inherit
}

.vs-product-box2 a:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-product-box2 .product-content{
    background-color:var(--secondary-color);
    flex:1;
    padding:35px 30px
}

.vs-product-box2 .product-tag1{
    right:0;
    top:5px;
    font-size:14px
}

.vs-flash-sale .vs-product-box2{
    margin-bottom:0
}

@media(max-width: 1199px){
    .vs-product-box2.d-xl-flex{
        text-align:center
    }
    
    .vs-product-box2.d-xl-flex .product-img{
        max-width:100%
    }
    
    .vs-product-box2.d-xl-flex .star-rating{
        margin-left:auto;
        margin-right:auto;
        width:96px;
        transform:scale(1)
    }
}

@media(max-width: 992px){
    .vs-product-box2{
        text-align:center
    }
    
    .vs-product-box2 .product-img{
        max-width:100%;
        background-color:var(--white-color)
    }
    
    .vs-product-box2 .product-content{
        padding:20px 0
    }
}

.vs-cat-card{
    padding-bottom:20px;
    position:relative
}

.vs-cat-card .cat-img{
    overflow:hidden
}

.vs-cat-card .cat-img img{
    position:relative;
    transform:scale(1);
    transition:all ease .4s
}

.vs-cat-card .cat-content{
    position:absolute;
    left:20px;
    right:20px;
    bottom:0;
    text-align:center;
    background-color:rgba(var(--theme-color), 1);
    padding:18px 10px;
    transition:all ease .4s
}

.vs-cat-card .cat-title{
    margin:0;
    font-weight:600;
    color:var(--white-color)
}

.vs-cat-card .cat-title a{
    color:inherit
}

.vs-cat-card:hover .cat-content{
    background-color:var(--body-color)
}

.vs-cat-card:hover .cat-img img{
    transform:scale(1.3)
}

.filter-menu-style1 button{
    border:none;
    text-align:center;
    display:inline-block;
    background-color:transparent;
    position:relative;
    color:#140735;
    font-weight:700;
    padding-right:37px;
    margin-right:15px;
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:95% 10px
}

.filter-menu-style1 button i{
    margin-bottom:10px;
    display:block;
    font-size:2rem;
    font-weight:400
}

.filter-menu-style1 button:first-child{
    padding-left:0
}

.filter-menu-style1 button:last-child{
    margin-right:0;
    padding-right:0;
    background-image:none !important
}

.filter-menu-style1 button.active,.filter-menu-style1 button:hover{
    color:rgba(var(--theme-color), 1)
}

.filter-menu2{
    position:absolute;
    left:-87px;top:0
}

.filter-menu2 button{
    border:none;
    background-color:transparent;
    color:var(--title-color);
    width:var(--icon-size, 60px);
    height:var(--icon-size, 60px);
    line-height:var(--icon-size, 62px);
    font-size:var(--font-size, 26px);
    margin:0 0 8px 0;
    display:block;
    position:relative;
    transition:all ease .4s
}

.filter-menu2 button i{
    position:relative;
    z-index:3
}

.filter-menu2 button .bg-2,.filter-menu2 button .bg-1{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:2;
    transition:all ease .4s;
    opacity:1;
    visibility:visible;
    width:100%;
    height:100%
}

.filter-menu2 button .bg-2{
    opacity:0;
    visibility:hidden
}

.filter-menu2 button:hover,.filter-menu2 button.active{
    color:var(--white-color)
}

.filter-menu2 button:hover .bg-1,.filter-menu2 button.active .bg-1{
    opacity:0;
    visibility:hidden
}

.filter-menu2 button:hover .bg-2,.filter-menu2 button.active .bg-2{
    opacity:1;
    visibility:visible
}

.filter-menu3{
    text-align:center;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    margin:0 auto;
    background-color:var(--white-color);
    border:2px solid rgba(var(--theme-color), 1);
    border-radius:9999px;
    margin:0 auto 40px auto
}

.filter-menu3 button{
    border:none;
    background-color:transparent;
    color:#222;
    font-size:16px;
    font-weight:700;
    display:inline-block;
    line-height:1;
    padding:22px 46.5px;
    border-radius:9999px
}

.filter-menu3 button:hover,.filter-menu3 button.active{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.filter-menu3 button i{
    margin:0 10px 0 0
}

.filter-menu3 button:first-child{
    margin-left:-1px
}

.filter-menu3 button:last-child{
    margin-right:-1px
}

.filter-menu4 button{
    border:none;
    background-color:transparent;
    display:block;
    text-align:left;
    padding:36px 30px 36px 140px;
    margin:10px 0 10px 0;
    position:relative;
    width:100%;
    max-width:330px;
    --stroke-color: #b2a87f;
    border-radius:9999px;
    transition:all ease .4s
}

.filter-menu4 button:before{
    content:"";
    position:absolute;
    top:10px;
    right:0;
    bottom:10px;
    left:30px;
    border:2px solid var(--stroke-color);
    border-radius:inherit;
    transition:all ease .4s
}

.filter-menu4 button:after{
    content:"";
    position:absolute;
    right:-9px;
    top:50%;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid var(--stroke-color);
    transform:translateY(-50%);
    transition:all ease .4s;
    opacity:0;
    visibility:hidden
}

.filter-menu4 button:last-child{
    margin-bottom:0
}

.filter-menu4 button:first-child{
    margin-top:0
}

.filter-menu4 button.active .title,.filter-menu4 button.active .text,.filter-menu4 button:hover .title,.filter-menu4 button:hover .text{
    color:var(--white-color)
}

.filter-menu4 button.active:before,.filter-menu4 button:hover:before{
    background-color:var(--stroke-color);
    border-color:transparent
}

.filter-menu4 button.active:after{
    opacity:1;
    visibility:visible
}

.filter-menu4 button:nth-child(3n+2){
    --stroke-color: #d57373
}

.filter-menu4 button:nth-child(4n+3){
    --stroke-color: #8fb9df
}

.filter-menu4 button:nth-child(5n+4){
    --stroke-color: #ffbff9
}

.filter-menu4 button:nth-child(6n+5){
    --stroke-color: #62eeae
}

.filter-menu4 img{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%)
}

.filter-menu4 .title{
    display:block;
    color:#111;
    font-size:22px;
    font-weight:700;
    margin:2px 0 5px 0;
    transition:all ease .4s;
    position:relative;
    z-index:2
}

.filter-menu4 .text{
    font-size:15px;
    color:#666;
    position:relative;
    z-index:2;
    transition:all ease .4s
}

@media(max-width: 1199px){
    .filter-menu2{
        position:relative;
        left:0;
        text-align:center;
        margin-bottom:30px
    }
    
    .filter-menu2 button{
        display:inline-block
    }
    
    .filter-menu4 button{
        padding:25px 30px 25px 120px
    }
    
    .filter-menu4 button img{
        max-width:105px
    }
}

@media(max-width: 992px){
    .filter-menu-style1.mb-65{
        margin-bottom:35px
    }
    
    .filter-menu4{
        text-align:center;
        margin-bottom:25px
    }
    
    .filter-menu4 button{
        display:inline-block;
        margin:10px;
        max-width:45%
    }
    
    .filter-menu4 button:after{
        display:none
    }
}

@media(max-width: 767px){
    .filter-menu3 button{
        font-size:14px;
        padding:15.5px 24px
    }
    
    .filter-menu4 button{
        padding:25px 30px 25px 100px;
        max-width:45%;
        display:inline-block
    }
    
    .filter-menu4 button img{
        max-width:85px
    }
}

@media(max-width: 576px){
    .filter-menu-style1{
        display:flex;
        flex-wrap:wrap;
        justify-content:center
    }
    
    .filter-menu-style1 button{
        background-size:0 0;
        margin-right:20px;
        padding:0;
        font-size:13px
    }
    
    .filter-menu-style1 button i{
        font-size:1.5rem;
        margin-bottom:5px
    }
    
    .filter-menu4 button{
        max-width:95%;
        padding:20px 30px 20px 100px
    }
    
    .filter-menu4 button:before{
        top:0;
        bottom:0
    }
}

.vs-ad-box1{
    position:relative
}

.vs-ad-box1 .ad-content{
    position:absolute;
    left:11%;
    top:50%;
    transform:translateY(-50%);
    padding-bottom:12px
}

.vs-ad-box3 .ad-btn,.vs-ad-box1 .ad-btn{
    color:var(--body-color);
    font-weight:700;
    font-size:18px;
    position:relative;
    display:inline-block;
    padding-bottom:5px
}

.vs-ad-box3 .ad-btn:before,.vs-ad-box1 .ad-btn:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    height:1px;
    width:100%;
    background-color:var(--body-color);
    transition:inherit
}

.vs-ad-box3 .ad-btn:hover,.vs-ad-box1 .ad-btn:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-ad-box3 .ad-btn:hover:before,.vs-ad-box1 .ad-btn:hover:before{
    background-color:rgba(var(--theme-color), 1)
}

.vs-ad-box5,.vs-ad-box4,.vs-ad-box3{
    position:relative
}

.vs-ad-box5 .ad-content,.vs-ad-box4 .ad-content,.vs-ad-box3 .ad-content{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    padding:0 40px;
    z-index:1
}

.vs-ad-box5 .ad-content *,.vs-ad-box4 .ad-content *,.vs-ad-box3 .ad-content *{
    z-index:2
}

.vs-ad-box3 .ad-content{
    top:55%
}

.vs-ad-box4 .ad-content{
    top:40%;
    max-width:280px
}

.vs-ad-box4 .ad-content{
    top:40%
}

.vs-ad-box6 .ad-content{
    position:absolute;
    top:50%;
    right:10%;
    z-index:1;
    transform:translateY(-50%)
}

@media(max-width: 1300px){
    .vs-ad-box1 .ad-content{
        left:5%
    }
    
    .vs-ad-box1 .ad-content h1{
        font-size:28px
    }
    
    .vs-ad-box1 .ad-content .ad-btn{
        font-size:14px
    }
}

@media(max-width: 1199px){
    .vs-ad-box5 .ad-content,.vs-ad-box4 .ad-content,.vs-ad-box3 .ad-content{
        transform:translateY(-69%);
        padding:0 80px 0 15px
    }
    
    .vs-ad-box6 .ad-content{
        right:30px
    }
    
    .vs-ad-box6 .h1{
        font-size:30px
    }
    
    .vs-ad-box6 h4{
        font-size:18px
    }
}

@media(max-width: 576px){
    .vs-ad-box1 .ad-content h1{
        font-size:18px;
        margin-bottom:5px
    }
    
    .vs-ad-box6 .ad-content{
        transform:scale(0.7) translateY(-50%);
        right:3%;
        transform-origin:100% 0
    }
}

.vs-flash-sale{
    border:1px solid var(--secondary-color);
    background-color:var(--secondary-color);
    margin-bottom:30px
}

.vs-flash-sale a{
    color:inherit
}

.vs-flash-sale a:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-flash-sale .flash-img{
    max-width:170px;
    background-color:var(--white-color)
}

.vs-flash-sale .flash-img img{
    width:100%
}

.vs-flash-sale .flash-content{
    padding-left:30px;
    padding-right:20px
}

.vs-flash-sale .price{
    font-size:700;
    font-family:var(--theme-font);
    color:var(--body-color2);
    font-weight:700
}

.vs-flash-sale .star-rating{
    margin-top:5px
}

.vs-flash-sale:hover .flash-counter{
    background-color:rgba(var(--theme-color), 1)
}

.flash-counter .message,.deal-counter .message{
    display:none
}

.flash-counter>*:not(.message),.deal-counter>*:not(.message){
    position:relative
}

.flash-counter>*:not(.message):before,.deal-counter>*:not(.message):before{
    content:":";
    position:relative
}

.flash-counter>*:not(.message):first-child:before,.deal-counter>*:not(.message):first-child:before{
    display:none
}

.flash-counter.expired,.deal-counter.expired{
    text-align:center
}

.flash-counter.expired>*:not(.message),.deal-counter.expired>*:not(.message){
    display:none
}

.flash-counter{
    background-color:var(--body-color);
    color:var(--white-color);
    text-align:center;
    display:flex;
    justify-content:center;
    font-weight:700;
    font-family:var(--theme-font);
    padding:12px 20px;
    transition:all ease .4s
}

.flash-counter>*:not(.message):before{
    margin:0 20px
}

.deal-counter{
    font-size:22px;
    font-family:var(--theme-font);
    color:var(--title-color);
    font-weight:600
}

.deal-counter>*:not(.message):before{
    margin-right:20px;
    margin-left:13px
}

@media(max-width: 1199px){
    .vs-flash-sale .flash-img{
        max-width:120px
    }
    
    .vs-flash-sale .flash-content{
        padding-left:20px
    }
    
    .flash-counter{
        padding:6px 10px
    }
    
    .flash-counter>*:not(.message):before{
        margin:0 5px
    }
}

@media(max-width: 767px){
    .vs-flash-sale{
        text-align:center
    }
    
    .vs-flash-sale .flash-img{
        max-width:100%;
        width:100%
    }
    
    .vs-flash-sale .flash-content{
        padding:15px 10px;
        padding-bottom:17px
    }
    
    .deal-counter{
        font-size:16px
    }
    
    .deal-counter>*:not(.message):before{
        margin-right:10px;
        margin-left:3px
    }
}

.vs-testimonial-wrapper .shape1{
    position:absolute;
    left:15%;
    top:8%;
    -webkit-animation-delay:3s;
    animation-delay:3s
}

.vs-testimonial-wrapper .shape2{
    position:absolute;
    right:10%;
    bottom:25%
}

.testimonial-box{
    background-color:var(--white-color);
    position:relative;
    padding:40px 40px 18px 40px;
    margin-bottom:30px;
    border-radius:10px;
    transition:all ease .4s
}

.testimonial-box .quote-icon{
    position:absolute;
    right:50px;
    top:50px;
    line-height:1;
    color:#57575c;
    font-size:48px
}

.testimonial-box:hover{
    box-shadow:0px 11px 42.14px .86px rgba(221,221,221,.3)
}

.testimonial-box.bg-dark:hover{
    box-shadow:none
}

.testimonial-arrow{
    position:absolute;
    top:calc(50% - 15px);
    left:-50px;
    z-index:31;
    transform:translate(-50%, -50%);
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}

.testimonial-arrow[data-slick-next]{
    left:auto;
    right:-50px;
    transform:translate(50%, -50%)
}

.container:hover .testimonial-arrow{
    opacity:1;
    visibility:visible;
    left:0
}

.container:hover .testimonial-arrow[data-slick-next]{
    left:auto;
    right:0
}

.testi-style1 .testi-text{
    font-size:20px;
    line-height:36px;
    color:#333;
    margin:0 0 20px 0
}

.testi-style1 .testi-bottom{
    display:flex;
    align-items:center
}

.testi-style1 .testi-quote{
    margin-right:15px
}

.testi-style1 .testi-name{
    margin:0
}

.testi-style1 .testi-degi{
    color:#333;
    font-size:14px;
    margin:5px 0 0 0
}

.testi-img1{
    margin-top:-50px
}

.testi-slideTab{
    background-color:#fcdc76;
    padding:10px 15px 10px 15px;
    border-radius:9999px;
    position:absolute;
    left:120px;
    bottom:95px
}

.testi-slideTab .tab-btn{
    border:none;
    padding:0;
    width:60px;
    height:60px;
    overflow:hidden;
    border:3px solid var(--white-color);
    position:relative;
    border-radius:50%
}

.testi-slideTab .tab-btn:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color:rgba(var(--theme-color), 1);
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}

.testi-slideTab .tab-btn:not(:first-child){
    margin-left:-12px
}

.testi-slideTab .tab-btn img{
    width:100%
}

.testi-slideTab .tab-btn.active:before{
    opacity:.5;
    visibility:visible
}

@media(max-width: 1199px){
    .testi-slideTab{
        left:50px;
        bottom:50px
    }
    
    .testi-img1{
        margin-top:0
    }
}

@media(max-width: 992px){
    .testimonial-box{
        padding:30px 30px 10px 30px
    }
    
    .testimonial-box .quote-icon{
        display:none
    }
}

@media(max-width: 767px){
    .testimonial-box{
        padding:20px 20px 1px 20px
    }
    
    .testimonial-box .quote-icon{
        display:none
    }
    
    .testi-slideTab{
        position:relative;
        left:0;
        top:0;
        bottom:0;
        margin:15px 0 25px 0
    }
    
    .testi-style1 .testi-text{
        font-size:18px;
        line-height:30px;
        margin:0 0 20px 0
    }
}

.testimonial-style2{
    margin-bottom:30px
}

.testimonial-style2 .text{
    font-size:24px
}

.testimonial-style2 .quote-icon{
    line-height:1;
    color:#e5d8d8;
    font-weight:700;
    display:inline-block;
    margin-top:20px
}

@media(max-width: 767px){
    .testimonial-style2 .text{
        font-size:18px
    }
    
    .testimonial-style2 .quote-icon{
        margin-top:0
    }
}

.best-seller-wrapper .inner-wrapper{
    box-shadow:0px 49px 65px 0px rgba(242,232,232,.3)
}

.thumb-slider{
    position:relative
}

.thumb-slider .thumb{
    border-radius:10px;
    overflow:hidden
}

.thumb-slider .slick-arrow{
    position:absolute;
    top:auto;
    right:auto;
    left:30px;
    bottom:30px;
    border:none;
    background-color:#eff3f1;
    width:35px;
    height:35px;
    line-height:35px;
    color:var(--title-color);
    padding:0;
    z-index:3;
    border-radius:50%
}

.thumb-slider .slick-arrow.slick-next{
    left:75px
}

.thumb-slider .slick-arrow:hover{
    background-color:var(--body-color);
    color:var(--white-color)
}

@media(max-width: 767px){
    .best-seller-wrapper .px-70{
        padding-left:40px;
        padding-right:40px
    }
    
    .best-seller-wrapper .py-70{
        padding-top:40px;
        padding-bottom:40px
    }
}

@media(max-width: 576px){
    .best-seller-wrapper .px-70{
        padding-left:30px;
        padding-right:30px
    }
    
    .best-seller-wrapper .py-70{
        padding-top:30px;
        padding-bottom:30px
    }
}

.vs-gallery-grid{
    position:relative;
    overflow:hidden
}

.vs-gallery-grid:after,.vs-gallery-grid:before{
    content:"";
    position:absolute;
    left:0;
    height:50%;
    width:100%;
    background-color:rgba(32,80,153,.4);
    transition:all ease .6s;
    z-index:1
}

.vs-gallery-grid:before{
    bottom:100%
}

.vs-gallery-grid:after{
    top:100%
}

.vs-gallery-grid .gallery-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:4;
    color:var(--white-color);
    font-size:42px;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s;
    transition-delay:0s
}

.vs-gallery-grid:hover .gallery-btn{
    opacity:1;
    visibility:visible;
    transition-delay:.4s
}

.vs-gallery-grid:hover::after{
    top:0
}

.vs-gallery-grid:hover:before{
    bottom:0
}

@media(min-width: 1500px){
    .gallery-wrap1{
        width:690px
    }
}

.gallery-style1{
    margin-bottom:10px;
    position:relative
}

.gallery-style1 .gal-img{
    overflow:hidden
}

.gallery-style1 .gal-img img{
    transform:scale(1);
    transition:all ease .4s
}

.gallery-style1 .gal-icon{
    position:absolute;
    right:12px;
    bottom:12px;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    z-index:3;
    background-color:rgba(0,0,0,.6);
    color:var(--white-color);
    text-align:center;
    font-size:18px;
    border-radius:50%;
    transition:all ease .4s
}

.gallery-style1 .gal-icon:hover{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.gallery-style1:hover .gal-img img{
    transform:scale(1.1)
}

@media(min-width: 1199px)and (max-width: 1500px){
    .gallery-wrap1 .grid-item{
        width:49%;
        max-width:50%
    }
}

.cta-box-style1{
    position:relative
}

.cta-box-style1 .cta-content{
    padding-top:14%;
    width:100%;
    max-width:330px;
    padding:60px 30px;
    margin-left:auto;
    margin-right:14%
}

.cta-box-style2{
    background-color:#f5fcf9;
    padding:100px 100px 80px 100px
}

.cta-feature .media-icon{
    display:inline-block;
    text-align:center;
    position:relative;
    width:100px;
    height:100px;
    background-color:var(--white-color);
    line-height:100px;
    font-size:38px;
    border-radius:50%;
    transition:all ease .4s
}

.cta-feature .media-icon:before{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
    border:1px dotted #e2d6d6;
    border-radius:inherit;
    transition:all ease .4s
}

.cta-feature:hover .media-icon{
    color:var(--white-color);
    background-color:rgba(var(--theme-color), 1)
}

.cta-feature:hover .media-icon:before{
    border-color:var(--white-color)
}

@media(max-width: 1500px){
    .cta-box-style2{
        padding:80px 80px 60px 80px
    }
}

@media(max-width: 1300px){
    .cta-box-style2{
        padding:60px 60px 40px 60px
    }
    
    .cta-feature .media-icon{
        width:80px;
        height:80px;
        line-height:80px;
        font-size:26px
    }
    
    .cta-feature .media-icon.mr-35{
        margin-right:15px
    }
    
    .cta-box-style1 .cta-content{
        margin-right:0%;
        max-width:380px
    }
}

@media(max-width: 992px){
    .cta-box-style2{
        padding:60px 0 40px 0
    }
}

@media(max-width: 1199px){
    .cta-feature.d-lg-flex .media-icon{
        margin-right:0
    }
}

.vs-member-box{
    text-align:center;
    margin-bottom:23px
}

.vs-member-box a{
    color:inherit
}

.vs-member-box a:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-member-box .member-img{
    display:inline-block;
    margin-bottom:35px;
    width:260px;
    height:260px;
    max-width:100%;
    margin-right:10px;
    position:relative;
    border-radius:50%
}

.vs-member-box .member-img img{
    border-radius:50%
}

.vs-member-box .member-img:after,.vs-member-box .member-img:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:inherit
}

.vs-member-box .member-img:before{
    left:10px;
    top:10px;
    z-index:-1;
    background-color:#eee
}

.vs-member-box .member-img:after{
    opacity:0;
    visibility:visible;
    background-color:rgba(0,0,0,.3);
    transition:all ease .4s
}

.vs-member-box .member-name{
    margin-bottom:5px
}

.vs-member-box .degi{
    font-family:'Montserrat-Regular';
    font-size:18px
}

.vs-member-box .member-links{
    position:absolute;
    left:0;
    top:7px;
    width:100%;
    height:100%;
    z-index:2;
    border-radius:50%;
    transition:all ease .7s
}

.vs-member-box .member-links>*{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:40px;
    height:40px;
    line-height:40px;
    margin:-20px
}

.vs-member-box .member-links>*:nth-of-type(1){
    transform:rotate(67deg) translate(130px) rotate(-67deg)
}

.vs-member-box .member-links>*:nth-of-type(2){
    transform:rotate(89deg) translate(130px) rotate(-89deg)
}

.vs-member-box .member-links>*:nth-of-type(3){
    transform:rotate(111deg) translate(130px) rotate(-111deg)
}

.vs-member-box .member-links>*:nth-of-type(4){
    transform:rotate(133deg) translate(130px) rotate(-133deg)
}

.vs-member-box .member-links>*:nth-of-type(5){
    transform:rotate(155deg) translate(130px) rotate(-155deg)
}

.vs-member-box .member-links a{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:var(--body-color2);
    background-color:var(--white-color);
    text-align:center;
    box-shadow:0px 5px 16px 0px rgba(235,225,225,.52);
    border-radius:50%;
    transform:translateX(-50%);
    transition:all ease .8s
}

.vs-member-box .member-links a:hover{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.vs-member-box:hover .member-links{
    top:0;
    transform:rotate(360deg)
}

.vs-member-box:hover .member-img:after{
    opacity:1;
    visibility:visible
}

@media(max-width: 767px){
    .vs-member-box .member-img{
        width:200px;
        height:200px
    }
    
    .vs-member-box .member-links>*{
        display:block;
        position:absolute;
        top:50%;
        left:50%;
        width:40px;
        height:40px;
        line-height:40px;
        margin:-20px
    }
    
    .vs-member-box .member-links>*:nth-of-type(1){
        transform:rotate(60deg) translate(100px) rotate(-60deg)
    }
    
    .vs-member-box .member-links>*:nth-of-type(2){
        transform:rotate(88deg) translate(100px) rotate(-88deg)
    }
    
    .vs-member-box .member-links>*:nth-of-type(3){
        transform:rotate(116deg) translate(100px) rotate(-116deg)
    }
    
    .vs-member-box .member-links>*:nth-of-type(4){
        transform:rotate(144deg) translate(100px) rotate(-144deg)
    }
    
    .vs-member-box .member-links>*:nth-of-type(5){
        transform:rotate(172deg) translate(100px) rotate(-172deg)
    }

}.vs-newsletter-wrpper .inner-wrap1{
    border-radius:10px
}

.newsletter-style1{
    position:relative
}

.newsletter-style1 input{
    border:none;
    height:65px;
    border-radius:9999px;
    padding-left:40px
}

.newsletter-style1 input:focus{
    border:none
}

.newsletter-style1 .vs-btn{
    position:absolute;
    top:7px;
    right:7px;
    box-shadow:none
}

.newsletter-style3 .form-group,.newsletter-style2 .form-group{
    display:flex;
    margin:40px auto 0 auto;
    max-width:785px
}

.newsletter-style3 .form-control,.newsletter-style2 .form-control{
    flex:1;
    height:71px;
    font-size:16px;
    color:#202020;
    padding:0 0 0 40px;
    border:none;
    border-radius:9999px;
    margin-right:12px
}

.newsletter-style3 .form-control::-moz-placeholder,.newsletter-style2 .form-control::-moz-placeholder{
    color:#202020
}

.newsletter-style3 .form-control:-ms-input-placeholder,.newsletter-style2 .form-control:-ms-input-placeholder{
    color:#202020
}

.newsletter-style3 .form-control::-moz-placeholder, .newsletter-style2 .form-control::-moz-placeholder{
    color:#202020
}

.newsletter-style3 .form-control:-ms-input-placeholder, .newsletter-style2 .form-control:-ms-input-placeholder{
    color:#202020
}

.newsletter-style3 .form-control::placeholder,.newsletter-style2 .form-control::placeholder{
    color:#202020
}

.newsletter-style2{
    text-align:center;
    padding:130px 0;
    position:relative;
    margin:0 auto
}

.newsletter-style2[data-bg-src]{
    background-size:auto;
    background-position:center center
}

.newsletter-style2 .sub-title4{
    color:#000
}

.newsletter-style2 .shape-1{
    position:absolute;
    right:4%;
    top:-6%
}

.newsletter-style2 .shape-1 img{
    max-width:initial
}

.newsletter-style3{
    max-width:1367px;
    margin:0 auto;
    padding:59px 90px;
    background-position:center center
}

.newsletter-style3 .form-group{
    width:675px;
    max-width:100%;
    margin:0
}

.newsletter-style3 .sub-title4{
    font-size:30px;
    color:#000
}

.newsletter-style3 .form-title{
    font-size:40px;
    font-weight:700;
    margin:0
}

@media(max-width: 1199px){
    .newsletter-style2{
        padding:85px 0 75px 0
    }
    
    .newsletter-style2[data-bg-src]{
        background-size:100%;
        background-position:center center
    }
    
    .newsletter-style2 .shape-1{
        max-width:100%;
        max-height:100%
    }
    
    .newsletter-style2 .shape-1 img{
        max-width:100%
    }
    
    .newsletter-style3 .form-group{
        margin:0 auto
    }
    
    .newsletter-style3 .form-title{
        font-size:36px
    }
    
    .newsletter-style3 .sub-title4{
        font-size:24px
    }
}

@media(max-width: 992px){
    .vs-newsletter-wrpper .inner-wrap1.px-70.py-70{
        padding:40px
    }
    
    .newsletter-style2{
        padding:65px 20px 75px 20px
    }
    
    .newsletter-style2[data-bg-src]{
        background-size:cover
    }
    
    .newsletter-style2 .form-control{
        height:50px;
        font-size:14px;
        margin:0 auto 15px auto
    }
    
    .newsletter-style2 .form-group{
        display:block
    }
    
    .newsletter-style3 .form-group{
        display:block
    }
    
    .newsletter-style3 .form-control{
        margin-bottom:15px
    }
}

@media(max-width: 767px){
    .vs-newsletter-wrpper .inner-wrap1.px-70.py-70{
        padding:30px 15px
    }
    
    .newsletter-style1{
        text-align:center
    }
    
    .newsletter-style1 input{
        height:50px
    }
    
    .newsletter-style1 .vs-btn{
        position:relative;
        top:0;
        right:0;
        margin-top:15px
    }
    
    .newsletter-style3{
        padding:60px 20px
    }
    
    .newsletter-style3 .form-control{
        height:50px;
        font-size:14px;
        margin-bottom:15px
    }
    
    .newsletter-style3 .form-title{
        font-size:30px
    }
    
    .newsletter-style3 .sub-title4{
        font-size:20px
    }
}

.vs-cat-list{
    margin:0;
    padding:0;
    list-style-type:none;
    padding-left:23px
}

.vs-cat-list a{
    color:var(--title-color);
    text-transform:capitalize
}

.vs-cat-list a:hover{
    color:rgba(var(--theme-color), 1)
}

.vs-cat-list li{
    position:relative;
    margin-bottom:10px
}

.vs-cat-list li:before{
    content:"";
    position:absolute;
    left:-22px;
    font-family:var(--icon-font);
    color:#d3baba
}

.vs-cat-list li:last-child{
    margin-bottom:0
}

.vs-banner-box{
    padding:80px 90px;
    box-shadow:0px 11px 39.2px .8px rgba(209,193,193,.2);
    background-color:var(--white-color)
}

.vs-banner-box.big-banner{
    min-height:550px
}

@media(max-width: 1199px){
    .vs-banner-box{
        padding:50px 60px
    }
    
    .vs-cat-list{
        margin-left:24px
    }
}

@media(max-width: 576px){
    .vs-banner-box{
        padding:20px 30px
    }
    
    .vs-banner-box.big-banner{
        min-height:850px
    }
    
    .vs-banner-box .vs-cat-list li:before{
        display:none
    }
}

.accordion-style1 .accordion-button{
    font-weight:600;
    font-size:18px;
    font-family:var(--theme-font);
    color:var(--title-color);
    border:none;
    background-color:transparent;
    border-bottom:1px solid #f1e4e4;
    padding:12px 0
}

.accordion-style1 .accordion-button:focus{
    outline:none;
    box-shadow:none
}

.accordion-style1 .accordion-button:after{
    width:auto;
    height:auto;
    background-image:none;
    content:"";
    font-family:var(--icon-font);
    font-size:.8rem
}

.accordion-style1 .accordion-body{
    padding:0;
    padding-top:12px;
    border:none;
    border-bottom:1px solid transparent;
    transition:all ease .4s
}

.accordion-style1 .accordion-collapse{
    border:none
}

.accordion-style1 .accordion-collapse.show .accordion-body{
    border-color:#f1e4e4
}

.accordion-style1 .accordion-item:first-child .accordion-button{
    padding-top:0
}

.accordion-style3 .accordion-item{
    background-color:var(--white-color);
    margin:0 0 20px 0;
    border:2px solid transparent;
    box-shadow:none;
    transition:all ease .4s
}

.accordion-style3 .accordion-item.active{
    border-color:rgba(var(--theme-color), 1);
    box-shadow:0px 0px 32px 0px rgba(0,0,0,.08)
}

.accordion-style3 .accordion-button{
    background-color:transparent;
    font-size:20px;
    color:#111;
    font-weight:600;
    transition:all ease .4s;
    border:none;
    padding:27px 60px 27px 30px;
    text-align:left;
    position:relative
}

.accordion-style3 .accordion-button:focus{
    box-shadow:none
}

.accordion-style3 .accordion-button:after{
    content:"ï„…";
    font-family:var(--icon-font);
    position:absolute;
    right:30px;
    top:50%;
    border:none;
    transform:none;
    width:auto;
    height:auto;
    background-image:none;
    font-weight:400;
    height:30px;
    line-height:30px;
    margin-top:-15px;
    transition:all ease .4s
}

.accordion-style3 .accordion-button:before{
    content:"";
    height:42px;
    width:1px;
    background-color:#afafaf;
    position:absolute;
    top:50%;
    margin-top:-21px;
    right:57px;
    display:inline-block;
    text-align:center;
    transition:all ease .4s
}

.accordion-style3 .accordion-button:not(.collapsed):after{
    transform:rotate(90deg);
    color:rgba(var(--theme-color), 1)
}

.accordion-style3 .accordion-button:not(.collapsed):before{
    background-color:rgba(var(--theme-color), 1)
}

.accordion-style3 .accordion-collapse{
    border:none
}

.accordion-style3 .accordion-collapse.collapsing .accordion-body::before,.accordion-style3 .accordion-collapse.show .accordion-body::before{
    width:100%
}

.accordion-style3 .accordion-body{
    padding:25px 0 24px 0;
    margin:0 30px 0 30px;
    position:relative
}

.accordion-style3 .accordion-body::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:2px;
    width:0;
    background-color:rgba(var(--theme-color), 1);
    transition:all ease .4s
}

.accordion-style3 .accordion-body p{
    font-size:17px;
    line-height:30px
}

.accordion-style3 .accordion-body p:last-child{
    margin:0
}

@media(max-width: 767px){
    .accordion-style3 .accordion-button{
        font-size:18px;
        padding:20px 60px 20px 20px
    }
    
    .accordion-style3 .accordion-body{
        margin:0 20px 0 20px
    }
}

.faq-list li{
    position:relative;
    padding-left:25px
}

.faq-list li::before{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    left:0
}

.accordion-item{
    background-color:transparent;
    border:none
}

.accordion-style2 .accordion-header{
    border-bottom:1px solid #f3e8e8
}

.accordion-style2 .accordion-body{
    padding:0;
    padding-top:20px
}

.accordion-style2 .accordion-item{
    margin-bottom:40px
}

.accordion-style2 .accordion-item:last-child{
    margin-bottom:25px
}

.error-content .error-number{
    font-size:25vw;
    line-height:.9
}

.contact-form1 .form-control{
    font-family:var(--theme-font);
    height:70px;
    border-color:#eee;
    color:var(--title-color)
}

.contact-form1 .form-control::-moz-placeholder{
    color:var(--body-color2)
}

.contact-form1 .form-control:-ms-input-placeholder{
    color:var(--body-color2)
}

.contact-form1 .form-control::placeholder{
    color:var(--body-color2)
}

.vs-checkout-wrapper .border-light{
    border:1px solid #eaf0f2 !important
}

.vs-checkout-wrapper p.form-row{
    margin-bottom:0
}

.woocommerce-message,.woocommerce-info{
    position:relative;
    border:1px solid #d8d8d8;
    padding:11px 20px;
    background-color:var(--body-color);
    color:var(--white-color);
    font-size:14px;
    font-weight:700;
    margin-bottom:30px;
    border-radius:5px
}

.woocommerce-message a,.woocommerce-info a{
    color:inherit;
    text-decoration:underline
}

.woocommerce-message a:hover,.woocommerce-info a:hover{
    text-decoration:underline
}

.woocommerce-message:before,.woocommerce-info:before{
    content:"";
    font-family:var(--icon-font);
    font-weight:900;
    margin-right:10px
}

.woocommerce-notices-wrapper .woocommerce-message{
    background-color:rgba(var(--theme-color), 1)
}

.woocommerce-notices-wrapper .woocommerce-message:before{
    content:"ï…Š";
    font-weight:300
}

.woocommerce-form-login-toggle .woocommerce-info{
    background-color:rgba(var(--theme-color), 1)
}

.woocommerce-checkout .form-select,.woocommerce-checkout .form-group{
    margin-bottom:var(--bs-gutter-x)
}

.woocommerce-checkout .form-control{
    margin-bottom:var(--bs-gutter-x)
}

.woocommerce-checkout .shipping_address{
    display:none
}

.woocommerce-checkout .select2-container{
    margin-bottom:calc(var(--bs-gutter-x) + .26rem)
}

.login-tab{
    margin-bottom:30px;
    justify-content:center
}

.login-tab button.nav-link{
    background-color:var(--secondary-color);
    color:var(--title-color);
    padding:11px 39px;
    font-size:18px;
    font-weight:500;
    border-radius:15px ​15px 0
}

.login-tab button.nav-link.active{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

#ship-to-different-address{
    margin-bottom:11px
}

#ship-to-different-address label{
    font-size:24px;
    font-family:var(--theme-font);
    display:inline-block;
    padding-right:30px;
    padding-left:0;
    margin-bottom:0
}

#ship-to-different-address label:before{
    left:auto;
    right:0;
    top:10px
}

.woocommerce-cart-form{
    text-align:center
}

.cart_table{
    border:1px solid #eaf0f2;
    margin-bottom:45px
}

.cart_table thead{
    background-color:#ecf0f1
}

.cart_table td:before,.cart_table th{
    font-family:var(--theme-font);
    color:var(--title-color);
    font-weight:700;
    text-transform:uppercase;
    border:none;
    padding:27px 15px
}

.cart_table td:before{
    content:attr(data-title);
    position:absolute;
    left:15px;
    top:50%;
    vertical-align:top;
    padding:0;
    transform:translateY(-50%);
    display:none
}

.cart_table td{
    border:none;
    border-bottom:1px solid #f3f3f3;
    color:#8b8b8b;
    padding:20px 10px;
    position:relative;
    vertical-align:middle
}

.cart_table .product-quantity{
    color:var(--title-color)
}

.cart_table .product-quantity input{
    position:relative;
    top:-2px
}

.cart_table .cart-productname{
    font-weight:600;
    font-family:var(--theme-font);
    color:inherit
}

.cart_table .cart-productimage{
    display:inline-block;
    border:2px solid var(--secondary-color)
}

.cart_table .remove{
    color:#29af8a;
    font-size:18px
}

.cart_table .quantity{
    display:inline-flex;
    align-items:center
}

.cart_table .qut-btn{
    border:2px solid var(--secondary-color);
    background-color:transparent;
    color:#b8c6d0;
    padding:0;
    width:30px;
    height:30px;
    font-size:16px;
    border-radius:4px
}

.cart_table .qut-btn:hover{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color)
}

.cart_table .qty-input{
    vertical-align:middle;
    border:2px solid var(--secondary-color);
    width:70px;
    height:30px;
    font-size:14px;
    text-align:center;
    color:#2c3e50;
    font-weight:700;
    margin:0 10px;
    border-radius:4px
}

.cart_table .qty-input::-webkit-outer-spin-button,.cart_table .qty-input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}

.cart_table .qty-input[type=number]{
    -moz-appearance:textfield
}

.cart_table .actions{
    text-align:right;
    vertical-align:middle
}

.cart_table .actions>.vs-btn{
    margin-right:15px
}

.cart_table .actions>.vs-btn:last-child{
    margin-right:0
}

.cart_table .vs-cart-coupon{
    float:left;
    margin:0;
    width:455px;
    max-width:100%;
    display:flex
}

.cart_table .vs-cart-coupon input{
    height:50px;
    width:calc(100% - 200px);
    margin-right:10px
}

.cart_totals{
    border:1px solid #ecf0f1
}

.cart_totals th,.cart_totals td{
    vertical-align:top;
    padding:20px 20px;
    border:none;
    border-bottom:1px solid #ecf0f1;
    font-size:14px;
    color:var(--title-color);
    width:55%
}

.cart_totals th:first-child,.cart_totals td:first-child{
    width:45%;
    background-color:#f9fbfb;
    font-weight:700;
    font-size:14px;
    color:#333
}

.cart_totals .shipping-calculator-button{
    display:inline-block;
    border-bottom:1px solid;
    color:var(--title-color);
    font-weight:700
}

.cart_totals .shipping-calculator-button:hover{
    color:rgba(var(--theme-color), 1)
}

.cart_totals .woocommerce-shipping-destination{
    margin-bottom:10px
}

.cart_totals .woocommerce-shipping-methods{
    margin-bottom:0
}

.cart_totals .shipping-calculator-form{
    display:none
}

.cart_totals .shipping-calculator-form p:first-child{
    margin-top:20px
}

.cart_totals .shipping-calculator-form p:last-child{
    margin-bottom:0
}

.cart_totals .shipping-calculator-form .vs-btn{
    padding:5px 30px
}

.cart_totals .amount{
    font-weight:700
}

.cart_totals .order-total .amount{
    color:#1abc9c
}

.checkout-ordertable th,.checkout-ordertable td{
    border:none;
    vertical-align:top;
    padding:5px 0;
    font-size:14px;
    font-weight:700;
    color:#2c3e50
}

.checkout-ordertable ul{
    margin:0;
    padding:0
}

.checkout-ordertable .order-total .amount{
    color:#29af8a
}

.checkout-ordertable input[type=hidden]~label{
    color:#29af8a
}

.woocommerce-checkout-payment ul{
    margin:0;
    padding:0;
    list-style-type:none
}

.woocommerce-checkout-payment ul li{
    padding-top:10px;
    border-bottom:1px solid #d8d8d8;
    border-radius:4px
}

.woocommerce-checkout-payment .place-order{
    padding-top:30px
}

.woocommerce-checkout-payment .payment_box{
    color:#a1b1bc;
    background-color:#ecf0f1;
    border:1px solid #d8d8d8;
    border-bottom:none;
    font-size:14px;
    padding:10px 20px;
    border-radius:4px;
    display:none
}

.woocommerce-checkout-payment .payment_box p{
    margin:0
}

.woocommerce-checkout-payment label{
    color:#34495e
}

.woocommerce-checkout-payment label img{
    margin-left:30px;
    float:right;
    position:relative;
    top:-2.5px
}

.star-rating{
    overflow:hidden;
    position:relative;
    width:100px;
    height:1.2em;
    line-height:1.2em;
    display:block;
    font-family:var(--icon-font);
    font-weight:700;
    font-size:14px
}

.star-rating:before{
    content:"";
    color:#e1e1e1;
    float:left;
    top:0;
    left:0;
    position:absolute;
    letter-spacing:3px
}

.star-rating span{
    overflow:hidden;
    float:left;
    top:0;
    left:0;
    position:absolute;
    padding-top:1.5em
}

.star-rating span:before{
    content:"";
    top:0;
    position:absolute;
    left:0;
    color:rgba(var(--theme-color), 1);
    letter-spacing:3px
}

.rating-select label{
    margin:0;
    margin-right:10px
}

.rating-select p.stars{
    margin-bottom:0;
    line-height:1
}

.rating-select p.stars a{
    position:relative;
    height:14px;
    width:18px;
    text-indent:-999em;
    display:inline-block;
    text-decoration:none
}

.rating-select p.stars a::before{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:18px;
    height:14px;
    line-height:1;
    font-family:var(--icon-font);
    content:"";
    font-weight:400;
    text-indent:0;
    color:rgba(var(--theme-color), 1)
}

.rating-select p.stars a:hover~a::before{
    content:"";
    font-weight:400
}

.rating-select p.stars:hover a::before{
    content:"";
    font-weight:700
}

.rating-select p.stars.selected a.active::before{
    content:"";
    font-weight:700
}

.rating-select p.stars.selected a.active~a::before{
    content:"";
    font-weight:400
}

.rating-select p.stars.selected a:not(.active)::before{
    content:"";
    font-weight:700
}

.woocommerce-error{
    background-color:var(--error-color);
    color:#fff;
    list-style:none;
    padding:10px 26px;
    margin:0 0 30px 0;
    border-radius:5px;
    font-weight:700;
    font-size:14px
}

.vs-checkout-wrapper form.woocommerce-form{
    margin-bottom:25px
}

.tinv-wishlist .cart-empty{
    padding:12px 25px;
    background-color:#eee;
    border-radius:5px;
    font-weight:700;
    font-size:14px
}

.tinv-wishlist p.return-to-shop .button{
    display:inline-block;
    background-color:rgba(var(--theme-color), 1);
    color:#fff;
    font-size:14px;
    padding:10px 25px;
    border-radius:4px;
    margin-top:10px;
    font-weight:700
}

.tinv-wishlist p.return-to-shop .button:Hover{
    background-color:var(--title-color);
    color:var(--white-color)
}

.tinv-wishlist table.tinvwl-table-manage-list{
    font-size:14px
}

.tinv-wishlist table.tinvwl-table-manage-list button{
    border-radius:5px
}

.tinv-wishlist .product-stock i{
    margin-right:5px
}

.tinv-wishlist .tinv-modal .icon_big_times{
    margin-bottom:5px;
    color:rgba(var(--theme-color), 1)
}

.tinv-wishlist button.button{
    border:none;
    height:40px;
    line-height:40px;
    font-size:14px;
    font-weight:700;
    background-color:rgba(var(--theme-color), 1);
    color:#fff
}

.tinv-wishlist button.button:hover{
    background-color:var(--title-color);
    color:#fff
}

.tinv-wishlist button.button i{
    font-size:1rem !important;
    margin-right:3px !important
}

.tinv-wishlist th,.tinv-wishlist td.product-name{
    font-size:16px;
    font-weight:700;
    font-family:var(--theme-font)
}

.tinv-wishlist td.product-name a{
    color:var(--title-color)
}

.tinv-wishlist td.product-name a:hover{
    color:rgba(var(--theme-color), 1)
}

.tinv-wishlist td.product-price del{
    font-size:.9em
}

.tinv-wishlist .social-buttons>span{
    font-weight:700;
    margin-right:10px;
    font-family:var(--theme-font);
    color:var(--title-color)
}

.tinv-wishlist .social-buttons li a.social{
    background-color:rgba(var(--theme-color), 1);
    color:#fff;
    width:30px;
    height:30px;
    font-size:14px;
    line-height:30px
}

.tinv-wishlist .social-buttons li a.social i{
    line-height:inherit
}

.tinv-wishlist .social-buttons li a.social:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}

nav.woocommerce-MyAccount-navigation li{
    border:1px solid #ddd;
    margin:0;
    border-top:none
}

nav.woocommerce-MyAccount-navigation li:first-child{
    border-top:1px solid #ddd
}

nav.woocommerce-MyAccount-navigation li a{
    color:var(--title-color);
    font-weight:700;
    padding:7px 17px;
    display:block
}

nav.woocommerce-MyAccount-navigation li.is-active a,nav.woocommerce-MyAccount-navigation li a:hover{
    color:var(--white-color);
    background-color:rgba(var(--theme-color), 1)
}

.woocommerce-MyAccount-content h3{
    margin-top:-0.3em
}

.woocommerce-MyAccount-content .btn{
    background-color:rgba(var(--theme-color), 1);
    color:var(--white-color);
    font-size:14px;
    padding:10px 25px;
    font-weight:700
}

.woocommerce-MyAccount-content .btn:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}

table.variations,.woocommerce-grouped-product-list.group_table{
    border-collapse:separate;
    border-spacing:0 15px;
    margin-bottom:5px
}

table.variations td,.woocommerce-grouped-product-list.group_table td{
    border:none;
    vertical-align:middle;
    padding:0 5px
}

table.variations td:first-child,.woocommerce-grouped-product-list.group_table td:first-child{
    padding:0
}

table.variations label,.woocommerce-grouped-product-list.group_table label{
    margin:0;
    font-size:14px;
    text-transform:capitalize
}

table.variations label a,.woocommerce-grouped-product-list.group_table label a{
    color:var(--title-color)
}

table.variations label a:hover,.woocommerce-grouped-product-list.group_table label a:hover{
    color:rgba(var(--theme-color), 1)
}

.woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount{
    font-size:16px;
    color:var(--title-color)
}

.woocommerce-grouped-product-list.group_table label{
    margin:0 0 0 10px;
    margin:0 0 0 10px;
    font-family:var(--theme-font);
    font-size:18px
}

table.variations td{
    padding:0
}

table.variations select{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    font-weight:400;
    line-height:1.5;
    vertical-align:middle;
    margin:0;
    padding-right:35px
}

table.variations .reset_variations{
    margin-left:12px;
    display:inline-block
}

.wooscp-table-items td.woocommerce-product-attributes-item__value{
    padding-left:15px !important
}

.wooscp-table-items a.added_to_cart.wc-forward{
    margin-left:15px;
    text-decoration:underline
}

#woosq-popup .product_title.entry-title{
    margin-bottom:0
}

#woosq-popup .fs-xs.my-4{
    margin:10px 0 0 0 !important
}

#woosq-popup .single-product .product{
    margin-bottom:0 !important
}

#woosq-popup .slick-slider .slick-arrow{
    border:none;
    margin:0 10px
}

#woosq-popup .woocommerce-product-rating{
    display:flex;
    align-items:center;
    margin-bottom:3px;
    font-size:14px
}

table.woocommerce-grouped-product-list.group_table{
    border-collapse:collapse;
    margin-bottom:15px
}

table.woocommerce-grouped-product-list.group_table .qty-input{
    border-color:#e3e6e9
}

table.woocommerce-grouped-product-list.group_table tr{
    border-bottom:1px solid #e3e6e9
}

table.woocommerce-grouped-product-list.group_table tr:last-child{
    border-bottom:none
}

table.woocommerce-grouped-product-list.group_table td{
    padding:30px 5px
}

@media(max-width: 992px){
    .cart_table .actions .vs-btn{
        padding:10px 15px
    }
    
    .cart_table .vs-cart-coupon{
        width:350px;
        max-width:100%
    }
}

@media(max-width: 767px){
    .cart_table{
        text-align:left;
        min-width:auto;
        border-collapse:separate;
        border-spacing:0 20px;
        border:none
    }
    
    .cart_table thead{
        display:none
    }
    
    .cart_table td{
        padding:15px;
        display:block;
        width:100%;
        padding-left:25%;
        text-align:right;
        border:1px solid #f3f3f3;
        border-bottom:none
    }
    
    .cart_table td::before{
        display:block
    }
    
    .cart_table td:last-child{
        border-bottom:1px solid #f3f3f3
    }
    
    .cart_table td.actions{
        padding-left:15px;
        text-align:center
    }
    
    .cart_table td.actions>.vs-btn{
        margin-top:10px;
        margin-right:0
    }
    
    .cart_table .vs-cart-coupon{
        width:100%;
        text-align:center;
        float:none;
        justify-content:center
    }
    
    .cart_table .vs-cart-coupon input{
        width:calc(100% - 150px)
    }
    
    .cart_totals th,.cart_totals td{
        padding:15px 15px
    }
}

@media(max-width: 576px){
    .cart_table .vs-cart-coupon{
        display:block;
        padding-bottom:10px
    }
    
    .cart_table .vs-cart-coupon input{
        width:100%;
        margin-bottom:10px
    }
    
    .woocommerce-checkout-payment label img{
        margin-left:10px;
        float:none;
        max-width:150px
    }
}

.vs-sort-bar label{
    margin:0;
    margin-right:20px
}

.vs-sort-bar select{
    display:inline-block;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    padding-left:15px;
    padding-right:30px;
    min-width:60px
}

.vs-sort-bar .woocommerce-result-count{
    margin-bottom:0
}

.vs-sort-bar select{
    height:40px;
    border:1px solid #ececec;
    font-size:14px;
    color:var(--body-color);
    font-family:var(--theme-font2);
    font-weight:500
}

.vs-sort-bar label:empty{
    display:none
}

@media(max-width: 767px){
    .vs-sort-bar label{
        margin-right:10px
    }
}

.box-nav-container{
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:100%
}

.box-nav-wrap{
    position:relative;
    z-index:31;
    background-color:var(--white-color);
    max-width:330px;
    height:100%
}

.box-nav-btn{
    text-transform:uppercase;
    font-family:var(--theme-font);
    font-weight:700;
    font-size:16px;
    border:none;
    background-color:transparent;
    background-color:#f7f3f1;
    width:100%;
    display:block;
    text-align:left;
    padding:17px 30px;
    color:var(--title-color);
    margin-bottom:25px
}

.box-nav-btn:after{
    content:"";
    font-family:var(--icon-font);
    float:right;
    display:none
}

.box-nav-btn i{
    margin-right:15px
}

.vs-box-nav ul{
    list-style-type:none;
    margin:0;
    padding:0
}

.vs-box-nav>ul>li{
    margin:20px 0;
    position:relative
}

.vs-box-nav>ul>li>a{
    font-size:16px;
    padding:0 30px
}

.vs-box-nav li.menu-item-has-children>a:after{
    content:"";
    font-family:var(--icon-font);
    float:right;
    top:1px;
    position:relative;
    transition:all .2s ease
}

.vs-box-nav li.menu-item-has-children>a.active:after,.vs-box-nav li.menu-item-has-children>a:hover:not(:focus):after{
    color:rgba(var(--theme-color), 1);
    transform:rotate(-90deg)
}

.vs-box-nav li.menu-item-has-children>ul{
    position:absolute;
    left:100%;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    background-color:var(--white-color);
    top:0;
    opacity:0;
    visibility:hidden;
    margin-left:20px;
    transition:all .2s ease
}

.vs-box-nav li.menu-item-has-children .mega-menu-wrap{
    top:-20px;
    max-width:846px
}

.vs-box-nav li.menu-item-has-children .sub-menu{
    top:-14px;
    min-width:230px;
    padding:15px 20px 13px 20px
}

.vs-box-nav li.menu-item-has-children .sub-menu li{
    margin-bottom:7px
}

.vs-box-nav li.menu-item-has-children .sub-menu ul.sub-menu{
    top:0
}

.vs-box-nav li.menu-item-has-children:hover>ul{
    opacity:1;
    visibility:visible;
    margin-left:0
}

.vs-box-nav a:not(.vs-btn){
    color:var(--title-color);
    font-weight:600;
    position:relative;
    display:block
}

.vs-box-nav a:not(.vs-btn) i{
    font-size:1.4em;
    vertical-align:middle;
    width:39px;
    display:inline-block;
    color:#3d6666;
    transition:inherit
}

.vs-box-nav a:not(.vs-btn).active,.vs-box-nav a:not(.vs-btn).active i,.vs-box-nav a:not(.vs-btn):hover:not(:focus),.vs-box-nav a:not(.vs-btn):hover:not(:focus) i{
    color:rgba(var(--theme-color), 1)
}

.box-nav-popup{
    padding:20px 30px 0px 30px;
    box-shadow:0 0 35px -5px rgba(0,0,0,.1)
}

.box-nav-popup .widget{
    margin-bottom:20px
}

.box-nav-popup .widget-title{
    position:relative;
    font-size:18px;
    margin-bottom:10px
}

.box-nav-popup .vs-box-nav li{
    margin:0 0 5px 0
}

.box-nav-popup .vs-box-nav li:last-child{
    margin-bottom:0
}

.box-nav-popup .vs-box-nav a:not(.vs-btn){
    padding:0;
    border:none;
    color:var(--body-color);
    font-size:14px;
    font-weight:400;
    background-color:transparent
}

.box-nav-popup .vs-box-nav a:not(.vs-btn):hover{
    color:rgba(var(--theme-color), 1)
}

@media(max-width: 1199px){
    .box-nav-wrap{
        max-width:100%;
        height:auto
    }
    
    .box-nav-wrap>.vs-box-nav{
        display:none
    }
    
    .box-nav-btn:after{
        display:block
    }
    
    .box-nav-btn{
        margin-bottom:0
    }
    
    .box-nav-container{
        position:relative;
        padding-left:0;
        padding-right:0
    }
    
    .box-nav-btn{
        padding:17px 31px
    }
    
    .vs-box-nav li.menu-item-has-children>ul{
        position:relative;
        left:0;
        top:0;
        opacity:1;
        visibility:visible;
        margin-left:0;
        display:none;
        transition:0s
    }
    
    .vs-box-nav li.menu-item-has-children .mega-menu-wrap{
        top:0;
        max-width:100%;
        width:100%
    }
    
    .box-nav-popup{
        padding:5px 0 0 0;
        box-shadow:none
    }
    
    .box-nav-wrap>.vs-box-nav>ul>li{
        border-bottom:1px solid #dddee6;
        margin:0;
        padding:0 30px
    }
    
    .box-nav-wrap>.vs-box-nav>ul>li>a{
        padding:10px 0
    }
    
    .box-nav-wrap>.vs-box-nav>ul>li:last-child{
        border-bottom:none
    }
    
    .vs-box-nav li.menu-item-has-children .sub-menu{
        width:100%;
        top:0;
        margin-bottom:10px;
        padding:5px 10px;
        background-color:var(--secondary-color)
    }
    
    .vs-box-nav li.menu-item-has-children .sub-menu .sub-menu{
        margin-bottom:0;
        padding-bottom:0
    }
}

.cat-box{
    text-align:center;
    margin:0 0 30px 0
}

.cat-box__img{
    margin:0 0 28px 0
}

.cat-box__title{
    margin:0 0 10px 0;
    font-size:26px
}

.cat-box__title a{
    color:inherit
}

.cat-box__title a:hover{
    color:rgba(var(--theme-color), 1)
}

.cat-box__text{
    max-width:300px;
    display:inline-block;
    margin:0;
    line-height:26px
}

.cat-style1{
    margin-bottom:30px
}

.cat-style1 .cat-body{
    position:relative;
    text-align:center;
    width:210px;
    margin:0 auto;
    max-width:100%
}

.cat-style1 .cat-shape{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:calc(100% - 40px);
    border:2px solid var(--stroke-color, #b1a77f);
    background-color:var(--white-color);
    border-radius:110px 110px 0 0
}

.cat-style1 .cat-title,.cat-style1 .cat-text,.cat-style1 .cat-img{
    position:relative;
    z-index:1
}

.cat-style1 .cat-title{
    font-size:25px;
    margin:0;
    padding:22px 0 0 0
}

.cat-style1 .cat-text{
    font-size:14px;
    margin:0;
    padding:0 0 22px 0
}

.cat-style1:nth-child(3n+2){
    --stroke-color: #d57373
}

.cat-style1:nth-child(4n+3){
    --stroke-color: #8fb9df
}

.cat-style1:nth-child(5n+4){
    --stroke-color: #ffbff9
}

.cat-style1:nth-child(6n+5){
    --stroke-color: #62eeae
}

.cat-style1:nth-child(odd) .cat-body{
    display:flex;
    flex-direction:column-reverse
}

.cat-style1:nth-child(odd) .cat-title{
    order:1
}

.cat-style1:nth-child(odd) .cat-shape{
    top:0;
    bottom:auto;
    border-radius:0 0 110px 110px
}

.cat-style2{
    text-align:center;
    padding:68px 30px 0 30px
}

.cat-style2 .cat-title{
    font-size:65px;
    line-height:68px;
    font-family:var(--theme-font3);
    max-width:290px;
    margin:0 auto 30px auto;
    color:#000
}

.cat-style2 .cat-link{
    font-size:28px;
    font-family:var(--theme-font3);
    line-height:1;
    font-weight:700;
    color:#000;
    text-decoration:underline
}

.cat-style2 .cat-shape{
    height:214px;
    text-align:center;
    line-height:214px;
    margin:30px 0 -107px 0;
    position:relative;
    z-index:1
}

.cat-style2 .cat-img img{
    width:100%
}

.cat-style2.no-1{
    background-color:#fff343
}

.cat-style2.no-3{
    background-color:#efe3ff
}

@media(max-width: 1199px){
    .cat-style2{
        padding:58px 15px 0 15px
    }
    
    .cat-style2 .cat-title{
        font-size:50px;
        line-height:50px;
        margin-bottom:15px
    }
    
    .cat-style2 .cat-link{
        font-size:24px
    }
    
    .cat-style2 .cat-shape{
        height:150px;
        line-height:150px;
        margin:30px auto -75px auto;
        max-width:120px
    }
}

.package-style1{
    text-align:center;
    border:1px solid #f7d15b;
    margin:0 0 60px 0;
    background-color:var(--white-color)
}

.package-style1 .package-img{
    margin:-1px -1px 0 -1px
}

.package-style1 .package-img img{
    width:100%
}

.package-style1 .package-quantity{
    width:230px;
    height:230px;
    background-size:100% 100%;
    display:flex;
    justify-content:center;
    flex-direction:column;
    padding:0 0 5px 0;
    margin:-140px auto 27px auto;
    position:relative;
    z-index:1
}

.package-style1 .number{
    font-size:80px;
    font-family:var(--theme-font3);
    color:#111;
    font-weight:700;
    line-height:1;margin:0 0 3px 0
}

.package-style1 .label{
    font-size:25px;
    text-transform:uppercase;
    font-weight:700;
    color:#111;
    font-family:var(--theme-font3)
}

.package-style1 .package-price{
    font-size:30px;
    font-weight:700;
    color:rgba(var(--theme-color), 1);
    margin:0 0 8px 0
}

.package-style1 .package-price .text{
    color:#111;
    font-weight:500;
    font-size:16px;
    display:inline-block;
    margin:0 0 0 5px
}

.package-style1 .package-title{
    font-size:26px;
    line-height:36px;
    max-width:270px;
    margin:0 auto
}

.package-style1 .package-list ul{
    font-size:16px;
    margin:24px auto 43px auto;
    max-width:275px;
    padding:0;
    list-style-type:none
}

.package-style1 .package-list li:not(:last-child){
    border-bottom:1px dashed green;
    padding:0 0 12px 0;
    margin:0 0 11px 0
}

.package-style1 .package-list i{
    color:#fdd835;
    margin-right:10px
}

.package-style1 .vs-btn{
    width:calc(100% - 30px);
    display:block;
    margin:0 auto -30px auto
}

@media(max-width: 1199px){
    .package-style1 .package-list ul{
        max-width:230px
    }
    
    .package-style1 .package-title{
        font-size:22px;
        line-height:32px;
        max-width:230px
    }
    
    .package-style1 .package-price{
        font-size:24px
    }
    
    .package-style1 .package-quantity{
        width:180px;
        height:180px;
        margin:-90px auto 27px auto
    }
    
    .package-style1 .label{
        font-size:20px
    }
    
    .package-style1 .number{
        font-size:72px
    }
}

.brand-style1{
    border-right:1px dashed #cbcbcb;
    text-align:center
}

.brand-style1:last-child{
    border:none
}

@media(max-width: 992px){
    .brand-style1{
        border-right:none
    }
}

.banner-style1{
    height:390px;
    position:relative
}

.banner-style1 .banner-subtitle{
    font-size:35px;
    font-weight:700;
    font-family:var(--theme-font3);
    color:var(--white-color);
    margin:0 0 15px 0;
    display:block
}

.banner-style1 .banner-title{
    font-size:35px;
    color:var(--white-color);
    margin:0 0 0 0
}

.banner-style1 .banner-content{
    position:absolute;
    left:47px;
    bottom:43px;
    max-width:260px
}

.banner-style2{
    text-align:center;
    padding:110px 0;
    margin:80px 0 0 -95px;
    position:relative;
    z-index:1
}

.banner-style2 .banner-shape{
    position:absolute;
    top:var(--shape-gap, 20px);
    right:var(--shape-gap, 20px);
    bottom:var(--shape-gap, 20px);
    left:var(--shape-gap, 20px);
    border:10px solid #fcd55c
}

.banner-style2 .banner-logo{
    margin:0 0 45px 0
}

.banner-style2 .banner-title{
    font-size:90px;
    line-height:.95;
    color:#fcd55c;
    font-family:var(--theme-font3);
    position:relative;
    display:inline-block;
    padding:0 0 3px 0;
    margin:0 0 30px 0
}

.banner-style2 .banner-title:after,.banner-style2 .banner-title:before{
    content:"";
    position:absolute;
    left:1%;
    top:0;
    width:98%;
    height:2px;
    background-color:currentColor
}

.banner-style2 .banner-title:after{
    top:auto;
    bottom:0
}

.banner-style2 .banner-text{
    color:var(--white-color);
    font-size:18px;
    margin:0 0 20px 0
}

.banner-style2 .vs-btn,.banner-style2 .banner-text,.banner-style2 .banner-title,.banner-style2 .banner-logo{
    position:relative;
    z-index:2
}

.banner-style3{
    padding:35px 30px 30px 30px;
    background-position:left center;
    max-width:500px
}

.banner-style3 .banner-pill{
    width:110px;
    height:110px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#fcdb72;
    margin:0 0 20px 0;
    border-radius:50%
}
.banner-style3 .banner-pill .number,.banner-style3 .banner-pill .text{
    font-family:var(--theme-font3);
    color:#000;
    font-weight:700;
    font-size:26px;
    line-height:1
}

.banner-style3 .banner-pill .number{
    font-size:50px
}

.banner-style3 .banner-title{
    font-size:24px;
    font-weight:700;
    color:var(--white-color);
    margin:0 0 8px 0
}

.banner-style3 .banner-text{
    font-size:16px;
    font-weight:500;
    line-height:24px;
    margin:0 0 0 0;
    max-width:180px;
    color:var(--white-color)
}

.banner-style3.layout1{
    margin:5px 0 -140px 0
}

.banner-wrap1{
    margin-bottom:-195px
}

@media(max-width: 1500px){
    .banner-style1{
        height:290px
    }
    
    .banner-style1 .banner-subtitle{
        font-size:20px;
        margin:0 0 5px 0
    }
    
    .banner-style1 .banner-content{
        left:30px;
        bottom:20px;
        max-width:220px
    }
    
    .banner-style1 .banner-title{
        font-size:24px
    }
    
    .banner-wrap1{
        margin-bottom:-145px
    }
}

@media(max-width: 1199px){
    .banner-style2{
        text-align:center;
        padding:110px 0;
        margin:0 0 0 0;
        position:relative;
        z-index:1
    }
    
    .banner-style2 .banner-title{
        font-size:72px
    }
    
    .banner-style3.layout1{
        margin:0 0 0 0
    }
}

@media(max-width: 992px){
    .banner-wrap1{
        padding-bottom:60px;
        margin-bottom:0
    }
    
    .banner-style3{
        max-width:100%
    }
}

@media(max-width: 767px){
    .banner-style2{
        padding:60px 30px
    }
    
    .banner-style2 .banner-shape{
        border:5px solid #fcd55c;
        --shape-gap: 10px
    }
    
    .banner-style2 .banner-title{
        font-size:50px;
        margin:0 0 20px 0
    }
    
    .banner-style2 .banner-text{
        font-size:14px;
        margin:0 0 20px 0
    }
    
    .banner-style2 .vs-btn.style5{
        padding-left:30px
    }
    
    .banner-style2 .banner-logo{
        margin:0 0 30px 0
    }
}

.award-box{
    text-align:center;
    border:2px solid #fcd96d;
    padding:45px 45px 42px 45px
}

.award-box__icon{
    margin:0 0 23px 0
}

.award-box__text{
    margin:0
}

@media(max-width: 1199px){
    .award-box{
        padding:35px 20px 32px 20px
    }
    
    .award-box__icon{
        margin:0 0 13px 0
    }
    
    .award-box__text{
        line-height:1.5
    }
}

.font-theme{
    font-family:'Montserrat-Regular';
}

.font-theme2{
    font-family:var(--theme-font2)
}

.font-icon{
    font-family:var(--icon-font)
}

.fw-light{
    font-weight:300
}

.fw-normal{
    font-weight:400
}

.fw-medium{
    font-weight:500
}

.fw-semibold{
    font-weight:600
}

.fw-bold{
    font-weight:700
}

.fs-md{
    font-size:18px
}

.fs-12{
    font-size:12px
}

.fs-xs{
    font-size:14px
}

.fs-20{
    font-size:20px
}

@media(max-width: 1199px){
    .fs-20{
        font-size:18px
    }
}

.bg-theme{
    background-color:rgba(var(--theme-color), 1) !important
}

.bg-black{
    background-color:var(--black-color) !important
}

.bg-smoke{
    background-color:var(--smoke-color) !important
}

.bg-secondary{
    background-color:var(--secondary-color) !important
}

.bg-white{
    background-color:var(--white-color) !important
}

.bg-dark{
    background-color:var(--dark-color) !important
}

.bg-yellow{
    background-color:var(--yellow-color) !important
}

.bg-success{
    background-color:var(--success-color) !important
}

.bg-error{
    background-color:var(--error-color) !important
}

.bg-body{
    background-color:var(--body-color) !important
}

[data-bg-src]{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}

.bg-fluid{
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center
}

.bg-auto{
    background-size:auto auto
}

.bg-fixed{
    background-attachment:fixed
}

.bg1{
    background-size:auto auto;
    background-position:top center
}

.bg2{
    background-size:100% calc(100% - 98px);
    background-position:bottom center
}

@media(max-width: 1199px){
    .bg2{
        background-size:auto calc(100% - 98px)
    }
}

.sec-bg3{
    background-color:transparent;
    background-position:center center;
    background-size:100% 100%;
    padding-top:205px;
    padding-bottom:165px
}

.sec-bg4{
    background-color:transparent;
    background-position:center center;
    background-size:100% 100%;
    width:100%;
    height:946px;
    position:absolute;
    left:0;
    top:-60px;
    z-index:-1
}

.sec-bg5{
    padding-top:380px;
    background-position:bottom center
}

.sec-bg6{
    margin-bottom:-250px
}

.sec-bg7{
    padding-bottom:270px
}

.sec-bg8{
    margin-top:-140px
}

.sec-bg9{
    padding-bottom:160px
}

@media(min-width: 1500px){
    .sec-bg10[data-bg-src]{
        background-position:right center;
        background-size:100% 100%
    }
}

@media(min-width: 1921px){
    .bg1{
        background-size:100%
    }
}

@media(max-width: 1500px){
    .sec-bg3{
        padding-top:130px
    }
}

@media(max-width: 1199px){
    .sec-bg6{
        margin-bottom:-160px
    }
    
    .sec-bg5{
        padding-top:290px
    }
    
    .sec-bg9{
        padding-bottom:160px;
        margin-bottom:-50px;
        margin-top:-70px
    }
    
    .sec-bg11[data-bg-src]{
        background-position:right center
    }
}

@media(max-width: 992px){
    .sec-bg5,.sec-bg8,.sec-bg3{
        padding-top:60px
    }
    
    .sec-bg6,.sec-bg7{
        padding-bottom:60px
    }
    
    .sec-bg6{
        margin-bottom:0
    }
    
    .sec-bg8{
        margin-top:0
    }
    
    .sec-bg9.space-top{
        padding-bottom:130px;
        margin-bottom:-40px;
        margin-top:-40px;
        padding-top:110px
    }
}

.text-theme{
    color:#8dc63f !important
}

.text-title{
    color:var(--title-color) !important
}

.text-body{
    color:var(--body-color) !important
}

.text-body2{
    color:var(--body-color2) !important
}

.text-light{
    color:var(--light-color) !important
}

.text-white{
    color:var(--white-color) !important
}

.text-yellow{
    color:var(--yellow-color) !important
}

.text-success{
    color:var(--success-color) !important
}

.text-error{
    color:var(--error-color) !important
}

.text-color2{
    color:#fcd55c
}

.text-inherit{
    color:inherit
}

.radius-circle{
    border-radius:50%
}

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

.radius-100{
    border-radius:100px
}

.overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:block;
    z-index:1
}

[data-overlay]{
    position:relative
}

[data-overlay] [class^=col-],[data-overlay] [class*=col-]{
    z-index:1
}

[data-overlay]:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1
}

[data-overlay=theme]:before{
    background-color:rgba(var(--theme-color), 1)
}

[data-overlay=white]:before{
    background-color:var(--white-color)
}

[data-overlay=dark]:before{
    background-color:var(--dark-color)
}

[data-opacity="1"]:before{
    opacity:0.1
}

[data-opacity="2"]:before{
    opacity:0.2
}

[data-opacity="3"]:before{
    opacity:0.3
}

[data-opacity="4"]:before{
    opacity:0.4
}

[data-opacity="5"]:before{
    opacity:0.5
}

[data-opacity="6"]:before{
    opacity:0.6
}

[data-opacity="7"]:before{
    opacity:0.7
}

[data-opacity="8"]:before{
    opacity:0.8
}

[data-opacity="9"]:before{
    opacity:0.9
}

[data-opacity="10"]:before{
    opacity:1
}

.ripple-animation,.play-btn:after,.play-btn:before{
    -webkit-animation-duration:var(--ripple-ani-duration);
    animation-duration:var(--ripple-ani-duration);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:ripple;
    animation-name:ripple
}

.ani-moving-x,.ani-moving-y,.ani-moving{
    -webkit-animation-duration:var(--moving-ani-duration);
    animation-duration:var(--moving-ani-duration);
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}

.ani-moving{
    -webkit-animation-name:moving;
    animation-name:moving
}

.ani-moving-x{
    -webkit-animation-name:moving-x;
    animation-name:moving-x
}

.ani-moving-y{
    -webkit-animation-name:moving-y;
    animation-name:moving-y
}

.mega-hover{
    position:relative;
    overflow:hidden
}

.mega-hover img{
    transition:all 2s ease;
    transform:scale(1)
}

.mega-hover:after,.mega-hover:before{
    content:"";
    position:absolute;
    pointer-events:none;
    opacity:1;
    z-index:3;
    transform:rotate(5deg)
}

.mega-hover:before{
    top:0;
    right:51%;
    bottom:0;
    left:50%;
    background:rgba(255,255,255,.3)
}

.mega-hover:after{
    top:50%;
    right:0;
    bottom:50%;
    left:0;
    background:rgba(255,255,255,.6)
}

.mega-hover:hover:before{
    left:0;
    right:0;
    opacity:0;
    transition:all 900ms linear
}

.mega-hover:hover:after{
    top:0;
    bottom:0;
    opacity:0;
    transition:all 900ms linear
}

.mega-hover:hover img{
    transform:scale(1.05)
}

.thumb_swap .img_swap{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
    visibility:hidden;
    transition:all .5s ease 0s;
    background-color:var(--white-color)
}

.thumb_swap:hover .img_swap{
    opacity:1;
    visibility:visible
}

.thumb_swap .flash-img,.thumb_swap .product-img{
    overflow:hidden;
    position:relative
}

@media(max-width: 992px){
    .ani-md-none{
        -webkit-animation:none;
        animation:none
    }
}

@-webkit-keyframes ripple{
    0%{
        transform:scale(1);
        opacity:0
    }
    
    30%{
        opacity:.4
    }
    
    100%{
        transform:scale(1.7);
        opacity:0
    }
}

@keyframes ripple{
    0%{
        transform:scale(1);
        opacity:0
    }
    
    30%{
        opacity:.4
    }
    
    100%{
        transform:scale(1.7);
        opacity:0
    }
}

@-webkit-keyframes moving{
    0%{
        transform:translate(0px, 0px)
    }
    
    20%{
        transform:translate(0px, -60px)
    }
    
    50%{
        transform:translate(-60px, -60px)
    }
    
    70%{
        transform:translate(-60px, 0px)
    }
    
    100%{
        transform:translate(0px, 0px)
    }
}

@keyframes moving{
    0%{
        transform:translate(0px, 0px)
    }
    
    20%{
        transform:translate(0px, -60px)
    }
    
    50%{
        transform:translate(-60px, -60px)
    }
    
    70%{
        transform:translate(-60px, 0px)
    }
    
    100%{
        transform:translate(0px, 0px)
    }
}

@-webkit-keyframes moving-y{
    0%{
        transform:translate(0px, 0px)
    }
    
    50%{
        transform:translate(0, -60px)
    }
    
    100%{
        transform:translate(0px, 0px)
    }
}

@keyframes moving-y{
    0%{
        transform:translate(0px, 0px)
    }
    
    50%{
        transform:translate(0, -60px)
    }
    
    100%{
        transform:translate(0px, 0px)
    }
}

@-webkit-keyframes moving-x{
    0%{
        transform:translate(0px, 0px)
    }
    
    50%{
        transform:translate(-60px, 0)
    }
    
    100%{
        transform:translate(0px, 0px)
    }
}

@keyframes moving-x{
    0%{
        transform:translate(0px, 0px)
    }
    
    50%{
        transform:translate(-60px, 0)
    }
    
    100%{
        transform:translate(0px, 0px)
    }
}

@-webkit-keyframes cspine{
    from{
        transform:rotate(0)
    }
    
    to{
        transform:rotate(359deg)
    }
}

@keyframes cspine{
    from{
        transform:rotate(0)
    }
    
    to{
        transform:rotate(359deg)
    }
}

.jump-reverse-img,.jump-img,.jump-reverse,.jump{
    -webkit-animation:jumpping var(--duration, 6s) infinite linear;
    animation:jumpping var(--duration, 6s) infinite linear
}

.jump-reverse-img,.jump-img{
    --duration: 5s
}

.jump-reverse-img,.jump-reverse{
    --jump-y: -20px
}

@-webkit-keyframes jumpping{
    0%,100%{
        transform:translate3d(0, 0, 0)
    }
    
    40%{
        transform:translate3d(0, var(--jump-y, 20px), var(--jump-x, 0))
    }
}

@keyframes jumpping{
    0%,100%{
        transform:translate3d(0, 0, 0)
    }
    
    40%{
        transform:translate3d(0, var(--jump-y, 20px), var(--jump-x, 0))
    }
}

.rotate-reverse-img,.rotate-img,.rotate-reverse,.rotate{
    -webkit-animation:rotate var(--duration, 12s) infinite linear;
    animation:rotate var(--duration, 12s) infinite linear
}

.rotate-reverse-img,.rotate-img{
    --duration: 40s
}

.rotate-reverse{
    --rotate-angle: -360deg
}

@-webkit-keyframes rotate{
    0%{
        transform:rotate(0)
    }
    
    100%{
        transform:rotate(var(--rotate-angle, 360deg))
    }
}

@keyframes rotate{
    0%{
        transform:rotate(0)
    }
    
    100%{
        transform:rotate(var(--rotate-angle, 360deg))
    }
}

.space,.space-top{
    padding-top:130px
}

.space,.space-bottom{
    padding-bottom:130px
}

.space-md,.space-md-top{
    padding-top:100px
}

.space-md,.space-md-bottom{
    padding-bottom:100px
}

@media(max-width: 992px){
    .space,.space-top{
        padding-top:60px
    }
    
    .space,.space-bottom{
        padding-bottom:60px
    }
    
    .space-md,.space-md-top{
        padding-top:30px
    }
    
    .space-md,.space-md-bottom{
        padding-bottom:30px
    }
}

.px-5{
    padding-right:5px;
    padding-left:5px
}

.px-10{
    padding-right:10px;
    padding-left:10px
}

.px-15{
    padding-right:15px;
    padding-left:15px
}

.px-20{
    padding-right:20px;
    padding-left:20px
}

.px-25{
    padding-right:25px;
    padding-left:25px
}

.px-30{
    padding-right:30px;
    padding-left:30px
}

.px-35{
    padding-right:35px;
    padding-left:35px
}

.px-40{
    padding-right:40px;
    padding-left:40px
}

.px-45{
    padding-right:45px;
    padding-left:45px
}

.px-50{
    padding-right:50px;
    padding-left:50px
}

.px-55{
    padding-right:55px;
    padding-left:55px
}

.px-60{
    padding-right:60px;
    padding-left:60px
}

.px-65{
    padding-right:65px;
    padding-left:65px
}

.px-70{
    padding-right:70px;
    padding-left:70px
}

.px-75{
    padding-right:75px;
    padding-left:75px
}

.px-80{
    padding-right:80px;
    padding-left:80px
}

.px-85{
    padding-right:85px;
    padding-left:85px
}

.px-90{
    padding-right:90px;
    padding-left:90px
}

.px-95{
    padding-right:95px;
    padding-left:95px
}

.px-100{
    padding-right:100px;
    padding-left:100px
}

.py-5{
    padding-top:5px;
    padding-bottom:5px
}

.py-10{
    padding-top:10px;
    padding-bottom:10px
}

.py-15{
    padding-top:15px;
    padding-bottom:15px
}

.py-20{
    padding-top:20px;
    padding-bottom:20px
}

.py-25{
    padding-top:25px;
    padding-bottom:25px
}

.py-30{
    padding-top:30px;
    padding-bottom:30px
}

.py-35{
    padding-top:35px;
    padding-bottom:35px
}

.py-40{
    padding-top:40px;
    padding-bottom:40px
}

.py-45{
    padding-top:45px;
    padding-bottom:45px
}

.py-50{
    padding-top:50px;
    padding-bottom:50px
}

.py-55{
    padding-top:55px;
    padding-bottom:55px
}

.py-60{
    padding-top:60px;
    padding-bottom:60px
}

.py-65{
    padding-top:65px;
    padding-bottom:65px
}

.py-70{
    padding-top:70px;
    padding-bottom:70px
}

.py-75{
    padding-top:75px;
    padding-bottom:75px
}

.py-80{
    padding-top:80px;
    padding-bottom:80px
}

.py-85{
    padding-top:85px;
    padding-bottom:85px
}

.py-90{
    padding-top:90px;
    padding-bottom:90px
}

.py-95{
    padding-top:95px;
    padding-bottom:95px
}

.py-100{
    padding-top:100px;
    padding-bottom:100px
}

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

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

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

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

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

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

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

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

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

.mx-15{
    margin-right:15px;
    margin-left:15px
}

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

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

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

.mx-35{
    margin-right:35px;
    margin-left:35px
}

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

.mx-45{
    margin-right:45px;
    margin-left:45px
}

.mx-50{
    margin-right:50px;
    margin-left:50px
}

.mx-55{
    margin-right:55px;
    margin-left:55px
}

.mx-60{
    margin-right:60px;
    margin-left:60px
}

.mx-65{
    margin-right:65px;
    margin-left:65px
}

.mx-70{
    margin-right:70px;
    margin-left:70px
}

.mx-75{
    margin-right:75px;
    margin-left:75px
}

.mx-80{
    margin-right:80px;
    margin-left:80px
}

.mx-85{
    margin-right:85px;
    margin-left:85px
}

.mx-90{
    margin-right:90px;
    margin-left:90px
}

.mx-95{
    margin-right:95px;
    margin-left:95px
}

.mx-100{
    margin-right:100px;
    margin-left:100px
}

.my-5{
    margin-top:5px;
    margin-bottom:5px
}

.my-10{
    margin-top:10px;
    margin-bottom:10px
}

.my-15{
    margin-top:15px;
    margin-bottom:15px
}

.my-20{
    margin-top:20px;
    margin-bottom:20px
}

.my-25{
    margin-top:25px;
    margin-bottom:25px
}

.my-30{
    margin-top:30px;
    margin-bottom:30px
}

.my-35{
    margin-top:35px;
    margin-bottom:35px
}

.my-40{
    margin-top:40px;
    margin-bottom:40px
}

.my-45{
    margin-top:45px;
    margin-bottom:45px
}

.my-50{
    margin-top:50px;
    margin-bottom:50px
}

.my-55{
    margin-top:55px;
    margin-bottom:55px
}

.my-60{
    margin-top:60px;
    margin-bottom:60px
}

.my-65{
    margin-top:65px;
    margin-bottom:65px
}

.my-70{
    margin-top:70px;
    margin-bottom:70px
}

.my-75{
    margin-top:75px;
    margin-bottom:75px
}

.my-80{
    margin-top:80px;
    margin-bottom:80px
}

.my-85{
    margin-top:85px;
    margin-bottom:85px
}

.my-90{
    margin-top:90px;
    margin-bottom:90px
}

.my-95{
    margin-top:95px;
    margin-bottom:95px
}

.my-100{
    margin-top:100px;
    margin-bottom:100px
}

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

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

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

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

.mt-n1{
    margin-top:-0.25rem
}

.mt-n2{
    margin-top:-0.5rem
}

.mt-n3{
    margin-top:-1rem
}

.mt-n4{
    margin-top:-1.5rem
}

.mt-n5{
    margin-top:-3rem
}

.space,.space-top{
    padding-top:130px
}

.space,.space-bottom{
    padding-bottom:130px
}

.space-md,.space-md-top{
    padding-top:100px
}

.space-md,.space-md-bottom{
    padding-bottom:100px
}

@media(max-width: 992px){
    .space,.space-top{
        padding-top:60px
    }
    
    .space,.space-bottom{
        padding-bottom:60px
    }
    
    .space-md,.space-md-top{
        padding-top:30px
    }
    
    .space-md,.space-md-bottom{
        padding-bottom:30px
    }
}

[dir=rtl] .ml-5{
    margin-right:5px;
    margin-left:0
}

[dir=rtl] .ml-10{
    margin-right:10px;
    margin-left:0
}

[dir=rtl] .ml-15{
    margin-right:15px;
    margin-left:0
}

[dir=rtl] .ml-20{
    margin-right:20px;
    margin-left:0
}

[dir=rtl] .ml-25{
    margin-right:25px;
    margin-left:0
}

[dir=rtl] .ml-30{
    margin-right:30px;
    margin-left:0
}

[dir=rtl] .ml-35{
    margin-right:35px;
    margin-left:0
}

[dir=rtl] .ml-40{
    margin-right:40px;
    margin-left:0
}

[dir=rtl] .ml-45{
    margin-right:45px;
    margin-left:0
}

[dir=rtl] .ml-50{
    margin-right:50px;
    margin-left:0
}

[dir=rtl] .ml-55{
    margin-right:55px;
    margin-left:0
}

[dir=rtl] .ml-60{
    margin-right:60px;
    margin-left:0
}

[dir=rtl] .ml-65{
    margin-right:65px;
    margin-left:0
}

[dir=rtl] .ml-70{
    margin-right:70px;
    margin-left:0
}

[dir=rtl] .ml-75{
    margin-right:75px;
    margin-left:0
}

[dir=rtl] .ml-80{
    margin-right:80px;
    margin-left:0
}

[dir=rtl] .ml-85{
    margin-right:85px;
    margin-left:0
}

[dir=rtl] .ml-90{
    margin-right:90px;
    margin-left:0
}

[dir=rtl] .ml-95{
    margin-right:95px;
    margin-left:0
}

[dir=rtl] .ml-100{
    margin-right:100px;
    margin-left:0
}

[dir=rtl] .mr-5{
    margin-left:5px;
    margin-right:0
}

[dir=rtl] .mr-10{
    margin-left:10px;
    margin-right:0
}

[dir=rtl] .mr-15{
    margin-left:15px;
    margin-right:0
}

[dir=rtl] .mr-20{
    margin-left:20px;
    margin-right:0
}

[dir=rtl] .mr-25{
    margin-left:25px;
    margin-right:0
}

[dir=rtl] .mr-30{
    margin-left:30px;
    margin-right:0
}

[dir=rtl] .mr-35{
    margin-left:35px;
    margin-right:0
}

[dir=rtl] .mr-40{
    margin-left:40px;
    margin-right:0
}

[dir=rtl] .mr-45{
    margin-left:45px;
    margin-right:0
}

[dir=rtl] .mr-50{
    margin-left:50px;
    margin-right:0
}

[dir=rtl] .mr-55{
    margin-left:55px;
    margin-right:0
}

[dir=rtl] .mr-60{
    margin-left:60px;
    margin-right:0
}

[dir=rtl] .mr-65{
    margin-left:65px;
    margin-right:0
}

[dir=rtl] .mr-70{
    margin-left:70px;
    margin-right:0
}

[dir=rtl] .mr-75{
    margin-left:75px;
    margin-right:0
}

[dir=rtl] .mr-80{
    margin-left:80px;
    margin-right:0
}

[dir=rtl] .mr-85{
    margin-left:85px;
    margin-right:0
}

[dir=rtl] .mr-90{
    margin-left:90px;
    margin-right:0
}

[dir=rtl] .mr-95{
    margin-left:95px;
    margin-right:0
}

[dir=rtl] .mr-100{
    margin-left:100px;
    margin-right:0
}

[dir=rtl] .pl-5{
    padding-left:0;
    padding-right:5px
}

[dir=rtl] .pl-10{
    padding-left:0;
    padding-right:10px
}

[dir=rtl] .pl-15{
    padding-left:0;
    padding-right:15px
}

[dir=rtl] .pl-20{
    padding-left:0;
    padding-right:20px
}

[dir=rtl] .pl-25{
    padding-left:0;
    padding-right:25px
}

[dir=rtl] .pl-30{
    padding-left:0;
    padding-right:30px
}

[dir=rtl] .pl-35{
    padding-left:0;
    padding-right:35px
}

[dir=rtl] .pl-40{
    padding-left:0;
    padding-right:40px
}

[dir=rtl] .pl-45{
    padding-left:0;
    padding-right:45px
}

[dir=rtl] .pl-50{
    padding-left:0;
    padding-right:50px
}

[dir=rtl] .pl-55{
    padding-left:0;
    padding-right:55px
}

[dir=rtl] .pl-60{
    padding-left:0;
    padding-right:60px
}

[dir=rtl] .pl-65{
    padding-left:0;
    padding-right:65px
}

[dir=rtl] .pl-70{
    padding-left:0;
    padding-right:70px
}

[dir=rtl] .pl-75{
    padding-left:0;
    padding-right:75px
}

[dir=rtl] .pl-80{
    padding-left:0;
    padding-right:80px
}

[dir=rtl] .pl-85{
    padding-left:0;
    padding-right:85px
}

[dir=rtl] .pl-90{
    padding-left:0;
    padding-right:90px
}

[dir=rtl] .pl-95{
    padding-left:0;
    padding-right:95px
}

[dir=rtl] .pl-100{
    padding-left:0;
    padding-right:100px
}

[dir=rtl] .pr-5{
    padding-right:0;
    padding-left:5px
}

[dir=rtl] .pr-10{
    padding-right:0;
    padding-left:10px
}

[dir=rtl] .pr-15{
    padding-right:0;
    padding-left:15px
}

[dir=rtl] .pr-20{
    padding-right:0;
    padding-left:20px
}

[dir=rtl] .pr-25{
    padding-right:0;
    padding-left:25px
}

[dir=rtl] .pr-30{
    padding-right:0;
    padding-left:30px
}

[dir=rtl] .pr-35{
    padding-right:0;
    padding-left:35px
}

[dir=rtl] .pr-40{
    padding-right:0;
    padding-left:40px
}

[dir=rtl] .pr-45{
    padding-right:0;
    padding-left:45px
}

[dir=rtl] .pr-50{
    padding-right:0;
    padding-left:50px
}

[dir=rtl] .pr-55{
    padding-right:0;
    padding-left:55px
}

[dir=rtl] .pr-60{
    padding-right:0;
    padding-left:60px
}

[dir=rtl] .pr-65{
    padding-right:0;
    padding-left:65px
}

[dir=rtl] .pr-70{
    padding-right:0;
    padding-left:70px
}

[dir=rtl] .pr-75{
    padding-right:0;
    padding-left:75px
}

[dir=rtl] .pr-80{
    padding-right:0;
    padding-left:80px
}

[dir=rtl] .pr-85{
    padding-right:0;
    padding-left:85px
}

[dir=rtl] .pr-90{
    padding-right:0;
    padding-left:90px
}

[dir=rtl] .pr-95{
    padding-right:0;
    padding-left:95px
}

[dir=rtl] .pr-100{
    padding-right:0;
    padding-left:100px
}

[dir=rtl] .vs-ad-box5 .ad-content,[dir=rtl] .vs-ad-box4 .ad-content,[dir=rtl] .vs-ad-box3 .ad-content{
    left:auto;
    right:0
}

[dir=rtl] .slick-dots li:last-child{
    margin-right:10px
}

[dir=rtl] .slick-dots li:first-child{
    margin-right:0
}

[dir=rtl] .ls-rtl-btn .vs-btn{
    position:absolute;
    right:0;
    top:0
}

[dir=rtl] .middle-box .media-icon.pr-35{
    padding-right:0;
    padding-left:35px
}

[dir=rtl] .vs-menu-wrapper{
    left:auto;
    right:0
}

[dir=rtl] .vs-menu-wrapper .vs-menu-area{
    left:auto;
    right:-1000px;
    border-right:none;
    border-left:3px solid rgba(var(--theme-color), 1)
}

[dir=rtl] .vs-menu-wrapper.vs-body-visible .vs-menu-area{
    left:auto;
    right:0
}

[dir=rtl] .vs-mobile-menu{
    text-align:right
}

[dir=rtl] .vs-mobile-menu ul li a:before{
    margin-left:9px;
    content:"ï„„";
    top:1px
}

[dir=rtl] .vs-mobile-menu ul li ul li{
    padding-left:0;
    padding-right:20px
}

[dir=rtl] .vs-mobile-menu ul .vs-item-has-children>a:after{
    right:auto;
    left:0
}

[dir=rtl] .vs-mobile-menu ul .vs-item-has-children.vs-active>a:before{
    transform:rotate(-90deg)
}

[dir=rtl] input{
    text-align:right
}

[dir=rtl] .vs-container{
    margin-left:0;
    margin-right:auto
}

[dir=rtl] .main-menu>ul>li:last-child{
    margin-right:15px;
    margin-left:0
}

[dir=rtl] .main-menu>ul>li:first-child{
    margin-left:15px;
    margin-right:0
}

[dir=rtl] .main-menu ul li.menu-item-has-children>a:after{
    float:left;
    margin-right:7px;
    margin-left:0;
    top:2px
}

[dir=rtl] .main-menu ul.sub-menu,[dir=rtl] .main-menu ul.mega-menu{
    left:auto;
    right:-14px;
    text-align:right
}

[dir=rtl] .main-menu ul.mega-menu{
    right:0
}

[dir=rtl] .header-page-link a i{
    margin-right:0;
    margin-left:10px
}

[dir=rtl] .header-page-link li:last-child{
    padding-right:15px;
    margin-right:12px
}

[dir=rtl] .header-page-link li:last-child::before{
    display:inline-block
}

[dir=rtl] .header-page-link li:first-child{
    padding-right:0;
    margin-right:0
}

[dir=rtl] .header-page-link li:first-child::before{
    display:none
}

[dir=rtl] .head-top-links>ul>li::after{
    padding-right:7px;
    padding-left:7px
}

[dir=rtl] .head-top-links .dropdown-toggle:after{
    margin-left:0px;
    margin-right:7px
}

[dir=rtl] .head-top-links .icon-btn{
    margin-right:0;
    margin-left:0
}

[dir=rtl] .head-top-links ul.dropdown-menu:before{
    left:auto;
    right:14px
}

[dir=rtl] .header-search .icon-btn{
    right:auto;
    left:2px
}

[dir=rtl] .header-search .vs-btn{
    right:auto;
    left:7px
}

[dir=rtl] .vs-about-wrapper .shape1{
    right:auto;
    left:11%
}

[dir=rtl] .vs-about-wrapper .shape4{
    left:auto;
    right:0
}

[dir=rtl] .vs-about-wrapper .shape5{
    right:auto;
    left:15%
}

[dir=rtl] .img-box1{
    padding-left:0;
    padding-right:70px
}

[dir=rtl] .vs-cat-list{
    padding-left:0;
    padding-right:23px
}

[dir=rtl] .vs-cat-list li::before{
    left:auto;
    right:-22px
}

[dir=rtl] .box-nav-btn{
    text-align:right
}

[dir=rtl] .box-nav-btn i{
    margin-right:0;
    margin-left:15px
}

[dir=rtl] .vs-box-nav li.menu-item-has-children>a:after{
    float:left
}

[dir=rtl] .vs-box-nav li.menu-item-has-children>a.active:after,[dir=rtl] .vs-box-nav li.menu-item-has-children>a:hover:not(:focus):after{
    transform:rotate(90deg)
}

[dir=rtl] .vs-box-nav li.menu-item-has-children>ul{
    left:auto;
    right:100%
}

[dir=rtl] .vs-feature-box1 .feature-shape{
    right:auto;
    left:-31%
}

[dir=rtl] .feature-bar-box .feature-icon:not(.mr-30){
    margin-left:0
}

[dir=rtl] .vs-feature-box2 .feature-icon{
    margin-right:0;
    margin-left:25px
}

[dir=rtl] .filter-menu-style1 button{
    margin:0;
    padding:0 15px 0 43px;
    background-position:left 0% top 10px
}

[dir=rtl] .newsletter-style1 .vs-btn{
    right:auto;
    left:7px
}

[dir=rtl] .testimonial-box .quote-icon{
    right:auto;
    left:50px
}

[dir=rtl] .footer-social-links i{
    margin-left:10px;
    margin-right:0
}

[dir=rtl] .widget_title:before{
    left:auto;
    right:0
}

[dir=rtl] .vs-ad-box1 .ad-content{
    left:auto;
    right:11%
}

[dir=rtl] .cta-box-style1 .cta-content{
    margin-left:14%;
    margin-right:auto
}

[dir=rtl] .box-nav-btn:after{
    float:left
}

[dir=rtl] .vs-ad-box6 .ad-content{
    left:10%;
    right:auto
}

[dir=rtl] .breadcumb-menu-style1 li:first-child{
    margin-right:0;
    margin-left:7px
}

[dir=rtl] .breadcumb-menu-style1 li:first-child:after{
    display:none
}

[dir=rtl] .breadcumb-menu-style1 li:last-child{
    margin-right:7px;
    margin-left:0
}

[dir=rtl] .breadcumb-menu-style1 li:last-child:after{
    display:inline-block
}
[dir=rtl] .about-features .bg-icon{
    right:auto;
    left:0
}

[dir=rtl] .faq-list li{
    padding-left:0;
    padding-right:25px
}

[dir=rtl] .faq-list li:before{
    left:auto;
    right:0;
    transform:rotate(180deg);
    top:1px
}

[dir=rtl] .blog-meta span i,[dir=rtl] .blog-meta a i{
    margin-right:0;
    margin-left:20px
}

[dir=rtl] .blog-single .blog-meta>a{
    padding-right:0;
    padding-left:25px
}

[dir=rtl] a.link-btn i{
    float:right;
    margin-right:0;
    margin-left:7px
}

[dir=rtl] .pagination-layout1 ul li:last-child{
    margin-right:3px;
    margin-left:0
}

[dir=rtl] .pagination-layout1 ul li:first-child{
    margin-left:3px;
    margin-right:0
}

[dir=rtl] .widget_layered_nav li>span,[dir=rtl] .product-categories li>span,[dir=rtl] .widget_nav_menu li>span,[dir=rtl] .widget_meta li>span,[dir=rtl] .widget_pages li>span,[dir=rtl] .widget_archive li>span,[dir=rtl] .widget_categories li>span{
    right:auto;
    left:0
}

[dir=rtl] .widget_layered_nav label,[dir=rtl] .widget_layered_nav a,[dir=rtl] .product-categories label,[dir=rtl] .product-categories a,[dir=rtl] .widget_nav_menu label,[dir=rtl] .widget_nav_menu a,[dir=rtl] .widget_meta label,[dir=rtl] .widget_meta a,[dir=rtl] .widget_pages label,[dir=rtl] .widget_pages a,[dir=rtl] .widget_archive label,[dir=rtl] .widget_archive a,[dir=rtl] .widget_categories label,[dir=rtl] .widget_categories a{
    padding-right:0;
    padding-left:20px
}

[dir=rtl] blockquote.wp-block-quote,[dir=rtl] blockquote.wp-block-quote.is-style-large,[dir=rtl] blockquote{
    padding-right:30px;
    padding-left:20px;
    border-right:3px solid rgba(var(--theme-color), 1);
    border-left:none
}

[dir=rtl] blockquote.wp-block-quote cite,[dir=rtl] blockquote.wp-block-quote.is-style-large cite,[dir=rtl] blockquote cite{
    text-align:right;
    padding-left:0;
    padding-right:30px
}

[dir=rtl] blockquote.wp-block-quote cite:before,[dir=rtl] blockquote.wp-block-quote.is-style-large cite:before,[dir=rtl] blockquote cite:before{
    left:auto;
    right:0
}

[dir=rtl] blockquote.wp-block-quote:after,[dir=rtl] blockquote.wp-block-quote.is-style-large:after,[dir=rtl] blockquote:after{
    right:auto;
    left:20px
}

[dir=rtl] .widget .search-form input{
    padding-left:45px;
    padding-right:20px
}

[dir=rtl] .widget .search-form button{
    left:20px;
    right:auto
}

[dir=rtl] .blog-single .blog-social li:last-child{
    margin-right:12px;
    margin-left:0
}

[dir=rtl] .blog-single .blog-social li:first-child{
    margin-right:0
}

[dir=rtl] .blog-single .blog-author{
    border-right:5px solid rgba(var(--theme-color), 1);
    border-left:none
}

[dir=rtl] .vs-comments-layout1 .author-img{
    margin-right:0;
    margin-left:30px
}

[dir=rtl] .vs-comments-layout1 .replay-btn i{
    margin-right:0;
    top:3px;
    position:relative;
    margin-left:9px
}

[dir=rtl] .vs-comments-layout1 .children{
    margin-left:0;
    margin-right:70px
}

[dir=rtl] .vs-sort-bar select{
    padding-right:15px;
    padding-left:30px;
    text-align:right
}

[dir=rtl] .vs-sort-bar label{
    margin-left:20px;
    margin-right:0
}

[dir=rtl] .vs-comments-layout1 .star-rating{
    right:auto;
    left:0
}

[dir=rtl] .rating-select label{
    margin-right:0;
    margin-left:10px
}

[dir=rtl] input[type=checkbox]~label{
    padding-left:0;
    padding-right:30px
}

[dir=rtl] input[type=checkbox]~label:before{
    left:auto;
    right:0
}

[dir=rtl] input[type=radio]~label{
    padding-right:25px;
    padding-left:0
}

[dir=rtl] input[type=radio]~label:after{
    right:3px;
    left:auto
}

[dir=rtl] input[type=radio]~label::before{
    left:auto;
    right:0
}

[dir=rtl] .woocommerce-message:before,[dir=rtl] .woocommerce-info:before{
    float:right;
    margin-right:0;
    margin-left:10px
}

[dir=rtl] .cart_table .vs-cart-coupon input{
    margin-right:0;
    margin-left:10px
}

[dir=rtl] .cart_table .actions>.vs-btn{
    margin-left:15px;
    margin-right:0
}

[dir=rtl] .cart_table .vs-cart-coupon{
    justify-content:flex-end
}

@media(max-width: 1300px){
    [dir=rtl] .cta-feature .media-icon.mr-35{
        margin-right:0;
        margin-left:15px
    }
    
    [dir=rtl] .vs-ad-box1 .ad-content{
        left:auto;
        right:5%
    }
    
    [dir=rtl] .cta-box-style1 .cta-content{
        margin-left:0%;
        margin-right:auto
    }
    
    [dir=rtl] .g-5,[dir=rtl] .gx-5{
        --bs-gutter-x: 1.5rem
    }
}

@media(max-width: 1199px){
    [dir=rtl] .cta-feature .media-icon.mr-35{
        margin-left:0
    }
    
    [dir=rtl] .vs-feature-box2 .feature-icon{
        margin-right:0;
        margin-left:10px
    }
    
    [dir=rtl] .vs-ad-box6 .ad-content{
        right:auto;
        left:30px
    }
}

@media(max-width: 992px){
    [dir=rtl] .vs-feature-box2 .feature-icon{
        margin-right:auto;
        margin-left:auto
    }
}

@media(max-width: 767px){
    [dir=rtl] .vs-comments-layout1 .author-img{
        margin-left:0
    }
    
    [dir=rtl] .vs-comments-layout1 .children{
        margin-left:0;
        margin-right:30px
    }
    
    [dir=rtl] .cart_table .actions>.vs-btn{
        margin-left:0;
        margin-right:0
    }
    
    [dir=rtl] .cart_table td{
        text-align:left;
        padding-left:15px;
        padding-right:25%
    }
    
    [dir=rtl] .cart_table td:before{
        left:auto;
        right:15px
    }
    
    [dir=rtl] .cart_table td.actions{
        padding-right:15px;
        text-align:center
    }
}

@media(max-width: 576px){
    [dir=rtl] .vs-banner-box .vs-cat-list{
        padding-right:0
    }
    
    [dir=rtl] .filter-menu-style1 button{
        padding:0 6px 0 9px
    }
    
    [dir=rtl] .middle-box .media-icon.pr-35{
        padding-right:0;
        padding-left:15px
    }
    
    [dir=rtl] .vs-ad-box6 .ad-content{
        right:auto;
        left:3%
    }
}