:root {
    --title-color: #211e1c;
    --body-color: #211e1c;
    --smoke-color: #f6f6f6;
    --light-smoke-color: #fafafa;
    --white-color: #ffffff;
    --black-color: #000000;
    --dark-color: #151515;
    --silver-color: #aeaeae;
    --yellow-color: #fec624;
    --success-color: #28a745;
    --error-color: #dc3545;
    --border-color: rgba(0, 0, 0, 0.10);
    --theme-font1: "Roboto", sans-serif;
    --theme-font2: "Prata", serif;
    --icon-font: "Font Awesome 5 Pro";
    --icon-font2: "Flaticon";
    --moving-ani-duration: 5s;
    --ripple-ani-duration: 5s
}
body {
    font-family: var(--theme-font1);
    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
}
ol li,ul li{
    margin:2px 0
}
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:var(--theme-color);
    text-decoration:none;
    outline:0;
    transition:all ease .4s
}
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
}
p:last-of-type:not([class*=mb-]),p:last-child:not([class*=mb-]){
    margin:0 0 25px 0
}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{
    font-family:var(--theme-font2);
    color:var(--title-color);
    font-weight:400;
    text-transform:none;
    line-height:1.5;
    margin:0 0 20px 0
}
.h1,h1{
    font-size:48px;
    line-height:1.3
}


.h2,h2{font-size:36px;line-height:1.3}.h3,h3{font-size:30px;line-height:1.4}.h4,h4{font-size:24px}.h5,h5{font-size:20px}.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,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{margin:0 0 15px 0}.h1,h1{font-size:42px}.h2,h2{font-size:38px}.h3,h3{font-size:24px}.h4,h4{font-size:20px}}
@media(max-width: 768px){.h1,h1{font-size:36px}.h2,h2{font-size:28px}.h3,h3{font-size:22px}}
@media only screen and (min-width: 1200px){.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{margin-left:0 !important;margin-right:0 !important}}
.row .col-0{
    flex:0 0 0%;
    max-width:0%;
    padding-left:0;
    padding-right:0
}
.row.no-gutters{
    margin-right:0;
    margin-left:0
}
.row.no-gutters .slick-track>[class^=col-],.row.no-gutters .slick-track>[class*=" col-"],.row.no-gutters>[class^=col-],.row.no-gutters>[class*=" col-"]{
    padding-right:0;
    padding-left:0
}

.row.gutters-1{
    padding-left:14.5px;
    padding-right:14.5px
}
.row.gutters-1 .slick-track>[class*=col-],.row.gutters-1 .slick-track>[class^=col-],.row.gutters-1>[class*=col-],.row.gutters-1>[class^=col-]{
    padding-left:.5px;
    padding-right:.5px
}
.row.gutters-2{
    padding-left:14px;
    padding-right:14px
}
.row.gutters-2 .slick-track>[class*=col-],.row.gutters-2 .slick-track>[class^=col-],.row.gutters-2>[class*=col-],.row.gutters-2>[class^=col-]{
    padding-left:1px;
    padding-right:1px
}
.row.gutters-3{
    padding-left:13.5px;
    padding-right:13.5px
}
.row.gutters-3 .slick-track>[class*=col-],.row.gutters-3 .slick-track>[class^=col-],.row.gutters-3>[class*=col-],.row.gutters-3>[class^=col-]{
    padding-left:1.5px;
    padding-right:1.5px
}
.row.gutters-4{
    padding-left:13px;
    padding-right:13px
}

.row.gutters-4 .slick-track>[class*=col-],.row.gutters-4 .slick-track>[class^=col-],.row.gutters-4>[class*=col-],.row.gutters-4>[class^=col-]{
    padding-left:2px;
    padding-right:2px
}
.row.gutters-5{
    padding-left:12.5px;
    padding-right:12.5px
}
.row.gutters-5 .slick-track>[class*=col-],.row.gutters-5 .slick-track>[class^=col-],.row.gutters-5>[class*=col-],.row.gutters-5>[class^=col-]{
    padding-left:2.5px;
    padding-right:2.5px
}
.row.gutters-6{
    padding-left:12px;
    padding-right:12px
}
.row.gutters-6 .slick-track>[class*=col-],.row.gutters-6 .slick-track>[class^=col-],.row.gutters-6>[class*=col-],.row.gutters-6>[class^=col-]{
    padding-left:3px;
    padding-right:3px
}
.row.gutters-7{
    padding-left:11.5px;
    padding-right:11.5px
}
.row.gutters-7 .slick-track>[class*=col-],.row.gutters-7 .slick-track>[class^=col-],.row.gutters-7>[class*=col-],.row.gutters-7>[class^=col-]{
    padding-left:3.5px;
    padding-right:3.5px
}
.row.gutters-8{
    padding-left:11px;
    padding-right:11px
}
.row.gutters-8 .slick-track>[class*=col-],.row.gutters-8 .slick-track>[class^=col-],.row.gutters-8>[class*=col-],.row.gutters-8>[class^=col-]{
    padding-left:4px;
    padding-right:4px
}
.row.gutters-9{
    padding-left:10.5px;
    padding-right:10.5px
}
.row.gutters-9 .slick-track>[class*=col-],.row.gutters-9 .slick-track>[class^=col-],.row.gutters-9>[class*=col-],.row.gutters-9>[class^=col-]{
    padding-left:4.5px;
    padding-right:4.5px
}
.row.gutters-10{
    padding-left:10px;
    padding-right:10px
}
.row.gutters-10 .slick-track>[class*=col-],.row.gutters-10 .slick-track>[class^=col-],.row.gutters-10>[class*=col-],.row.gutters-10>[class^=col-]{
    padding-left:5px;
    padding-right:5px
}
.row.gutters-11{
    padding-left:9.5px;
    padding-right:9.5px
}
.row.gutters-11 .slick-track>[class*=col-],.row.gutters-11 .slick-track>[class^=col-],.row.gutters-11>[class*=col-],.row.gutters-11>[class^=col-]{
    padding-left:5.5px;
    padding-right:5.5px
}
.row.gutters-12{
    padding-left:9px;
    padding-right:9px
}
.row.gutters-12 .slick-track>[class*=col-],.row.gutters-12 .slick-track>[class^=col-],.row.gutters-12>[class*=col-],.row.gutters-12>[class^=col-]{
    padding-left:6px;
    padding-right:6px
}
.row.gutters-13{
    padding-left:8.5px;
    padding-right:8.5px
}
.row.gutters-13 .slick-track>[class*=col-],.row.gutters-13 .slick-track>[class^=col-],.row.gutters-13>[class*=col-],.row.gutters-13>[class^=col-]{
    padding-left:6.5px;
    padding-right:6.5px
}
.row.gutters-14{
    padding-left:8px;
    padding-right:8px
}
.row.gutters-14 .slick-track>[class*=col-],.row.gutters-14 .slick-track>[class^=col-],.row.gutters-14>[class*=col-],.row.gutters-14>[class^=col-]{
    padding-left:7px;
    padding-right:7px
}
.row.gutters-15{
    padding-left:7.5px;
    padding-right:7.5px
}
.row.gutters-15 .slick-track>[class*=col-],.row.gutters-15 .slick-track>[class^=col-],.row.gutters-15>[class*=col-],.row.gutters-15>[class^=col-]{
    padding-left:7.5px;
    padding-right:7.5px
}
.row.gutters-20{
    padding-left:5px;
    padding-right:5px
}
.row.gutters-20 .slick-track>[class*=col-],.row.gutters-20 .slick-track>[class^=col-],.row.gutters-20>[class*=col-],.row.gutters-20>[class^=col-]{
    padding-left:10px;
    padding-right:10px
}
.row.gutters-35{
    margin-left:-17.5px;
    margin-right:-17.5px
}
.row.gutters-35 .slick-track>[class*=col-],.row.gutters-35 .slick-track>[class^=col-],.row.gutters-35>[class*=col-],.row.gutters-35>[class^=col-]{
    padding-left:17.5px;
    padding-right:17.5px
}



@media only screen and (max-width: 575px){.row.gutters-35{margin-left:0;margin-right:0}.row.gutters-35 .slick-track>[class*=col-],.row.gutters-35 .slick-track>[class^=col-],.row.gutters-35>[class*=col-],.row.gutters-35>[class^=col-]{padding-left:0;padding-right:0}}.row.gutters-40{margin-left:-20px;margin-right:-20px}.row.gutters-40 .slick-track>[class*=col-],.row.gutters-40 .slick-track>[class^=col-],.row.gutters-40>[class*=col-],.row.gutters-40>[class^=col-]{padding-left:20px;padding-right:20px}

@media only screen and (max-width: 575px){
    .row.gutters-40{
        margin-left:0;
        margin-right:0
    }
    .row.gutters-40 .slick-track>[class*=col-],.row.gutters-40 .slick-track>[class^=col-],.row.gutters-40>[class*=col-],.row.gutters-40>[class^=col-]{
        padding-left:0;
        padding-right:0
    }
}
.row.gutters-45{
    margin-left:-22.5px;
    margin-right:-22.5px
}
.row.gutters-45 .slick-track>[class*=col-],.row.gutters-45 .slick-track>[class^=col-],.row.gutters-45>[class*=col-],.row.gutters-45>[class^=col-]{
    padding-left:22.5px;
    padding-right:22.5px
}

@media only screen and (max-width: 575px){
    .row.gutters-45{
        margin-left:0;
        margin-right:0
    }
    .row.gutters-45 .slick-track>[class*=col-],.row.gutters-45 .slick-track>[class^=col-],.row.gutters-45>[class*=col-],.row.gutters-45>[class^=col-]{
        padding-left:0;
        padding-right:0
    }
}
.row.gutters-50{
    margin-left:-25px;
    margin-right:-25px
}
.row.gutters-50 .slick-track>[class*=col-],.row.gutters-50 .slick-track>[class^=col-],.row.gutters-50>[class*=col-],.row.gutters-50>[class^=col-]{
    padding-left:25px;
    padding-right:25px
}

@media only screen and (max-width: 1199px){
    .row.gutters-50{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.gutters-50 .slick-track>[class*=col-],.row.gutters-50 .slick-track>[class^=col-],.row.gutters-50>[class*=col-],.row.gutters-50>[class^=col-]{
        padding-left:15px;
        padding-right:15px
    }
}


@media only screen and (max-width: 575px){
    .row.gutters-50{
        margin-left:0;
        margin-right:0
    }
    .row.gutters-50 .slick-track>[class*=col-],.row.gutters-50 .slick-track>[class^=col-],.row.gutters-50>[class*=col-],.row.gutters-50>[class^=col-]{
        padding-left:15px;
        padding-right:15px
    }
}
.nice-select,.form-control{
    border-radius:0;
    height:60px;
    padding:0 30px;
    padding-right:60px;
    border:1px solid var(--border-color);
    color:var(--body-color);
    background-color:var(--white-color)
}
.nice-select:focus,.form-control:focus{
    outline:0;
    box-shadow:none;
    background-color:var(--white-color)
}
.nice-select.bg-smoke,.form-control.bg-smoke{
    background-color:var(--smoke-color)
}
.nice-select.bg-smoke:focus,.form-control.bg-smoke:focus{
    background-color:var(--smoke-color)
}
.nice-select::-moz-placeholder,.form-control::-moz-placeholder{
    color:var(--body-color);
    text-transform:capitalize
}


.nice-select::-moz-placeholder, .form-control::-moz-placeholder{
    color:var(--body-color);
    text-transform:capitalize
}
.nice-select::placeholder,.form-control::placeholder{
    color:var(--body-color);
    text-transform:capitalize
}
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:230px;
    padding-top:17px;
    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:"";
    color:var(--theme-color);
    border-color:var(--theme-color)
}
input[type=checkbox]~label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:block
}
input[type=checkbox]~label:before{
    content:"";
    font-family:var(--icon-font);
    font-weight:700;
    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
}
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:28px;
    cursor:pointer;
    line-height:20px;
    display:inline-block;
    font-weight:600;
    margin-bottom:0
}
input[type=radio]~label::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:1px solid var(--border-color);
    border-radius:100%;
    background:var(--white-color);
    transition:all .2s ease
}
input[type=radio]~label:after{
    content:"";
    width:12px;
    height:12px;
    position:absolute;
    top:3px;
    left:3px;
    border-radius:100%;
    transition:all .2s ease;
    opacity:0;
    transform:scale(0)
}
input[type=radio]:checked~label::before{
    border-color:var(--theme-color)
}
input[type=radio]:checked~label:after{
    opacity:1;
    background-color:var(--theme-color);
    transform:scale(1)
}
label{
    margin-bottom:12px;
    text-transform:capitalize
}
.form-group{
    margin-bottom:30px;
    position:relative
}
.nice-select:before,.form-group>i{
    position:absolute;
    right:40px;
    top:20px;
    font-size:18px;
    color:var(--theme-color)
}
.nice-select:before{
    right:30px
}
.form-control.is-invalid,.was-validated .form-control:invalid{
    border:1px solid var(--error-color) !important;
    background-position:right calc(.375em + .8875rem) center;
    background-image:none
}
.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
}
.row.gutters-20>.form-group{
    margin-bottom:20px
}
.input-white .nice-select,.input-white .form-control{
    border:none
}
.quantity-box{
    display:flex;
    justify-content:center
}
.quantity-box input{
    background-color:var(--theme-color)
}
.quantity-box input,.quantity-box button{
    width:50px;
    height:50px;
    text-align:center;
    border:none;
    font-size:16px;
    line-height:50px;
    color:var(--title-color)
}
.quantity-box input{
    color:#fff
}
.vs-rating-input span{
    font-size:16px;
    transform:none;
    cursor:pointer
}

.vs-rating-input span.active{
    color:var(--yellow-color)
}
.nice-select{
    position:relative;
    border:1px solid var(--border-color);
    z-index:2;
    cursor:pointer;
    line-height:60px;
    width:100%;
    float:none;
    z-index:42
}
.nice-select:after{
    display:none
}
.nice-select:before{
    content:"";
    font-family:var(--icon-font);
    line-height:1;
    transition:all ease .4s
}
.nice-select .list{
    position:absolute;
    left:0;
    top:100%;
    list-style:none;
    margin:0;
    padding:0;
    background-color:var(--white-color);
    opacity:0;
    visibility:hidden;
    transform-origin:50% 0;
    transform:scale(0.75) translateY(-21px);
    transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
    min-width:80px;
    width:100%;
    border-radius:0;
    border:1px solid var(--border-color)
}


.nice-select .option{
    white-space:normal;
    word-break:break-all;
    line-height:1.5;
    padding:10px 15px;
    border-top:1px solid var(--border-color);
    margin:0 0
}
.nice-select .option.selected{
    cursor:default
}
.nice-select .option.selected,.nice-select .option.focus,.nice-select .option:hover{
    background-color:var(--smoke-color)
}
.nice-select>span.current{
    overflow:hidden;
    max-width:100%;
    display:inline-block
}
 .nice-select.open:before{
    transform:rotate(180deg)
}
.nice-select.open .list{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:scale(1) translateY(0)
}
.slick-arrow{
    position:absolute;
    left:-70px;
    top:50%;
    color:var(--silver-color);
    border:none;
    padding:0;
    background-color:rgba(0,0,0,0);
    font-size:30px;
    line-height:1;
    z-index:2;
    transform:translateY(-50%)
}
.slick-arrow.slick-next{
    left:auto;
    right:-70px
}
.slick-arrow:hover{
    color:var(--theme-color)
}
.arrow-white .slick-arrow{
    color:#fff
}
.arrow-has-margin .slick-arrow{
    top:calc(50% - 15px)
}
.slick-dots{
    position:absolute;
    left:50%;
    bottom:0;
    margin:0;
    padding:0;
    transform:translateX(-50%)
}
.slick-dots li{
    display:inline-block;
    margin-right:10px
}
.slick-dots li:last-child{
    margin-right:0
}
.slick-dots button{
    background-color:var(--theme-color);
    border:1px solid rgba(0,0,0,0);
    font-size:0;
    padding:0;
    line-height:0;
    width:10px;
    height:10px;
    border-radius:50%
}
.slick-dots li.slick-active button{
    border-color:var(--theme-color);
    background-color:#fff;
    transform:scale(1.2)
}
.slick-dots-white .slick-dots button{
    background-color:#fff
}
.slick-dots-white .slick-dots li.slick-active button{
    background-color:rgba(0,0,0,0);
    border-color:#fff
}
.slick-slide img{
    display:inline-block
}
.carousel-container{
    max-width:1220px;
    padding:0 50px;
    margin:0 auto;
    overflow:hidden
}



@media(max-width: 1300px){.carousel-container{max-width:1200px;padding:0 45px}}

@media(max-width: 1199px){.carousel-container{max-width:980px;padding:0 25px}}

@media(max-width: 992px){.carousel-container{max-width:740px;padding:0 25px}}

@media(max-width: 768px){.carousel-container{max-width:560px;padding:0 25px}}

@media(max-width: 576px){.carousel-container{max-width:100%;padding:0 15px}}.carousel-container .slick-list{overflow:visible}.carousel-container .slick-slide{opacity:0;visibility:hidden;transition:all ease .4s}.carousel-container .slick-slide.slick-active{opacity:1;visibility:visible}.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}

.vs-menu-wrapper .mobile-logo{
    max-width:140px;
    padding-bottom:30px;
    padding-top:30px;
    margin:0 auto;
    text-align:center
}
.vs-menu-wrapper .vs-menu-toggle{
    background-color:rgba(0,0,0,0);
    border:none;
    font-size:22px;
    position:absolute;
    right:0;
    top:0;
    padding:0;
    line-height:1;
    width:45px;
    height:45px;
    line-height:45px;
    font-size:24px;
    z-index:1
}
.vs-menu-wrapper .vs-menu-area{
    width:100%;
    max-width:300px;
    background-color:#fff;
    height:100%;
    position:relative;
    left:-1000px;
    opacity:0;
    visibility:hidden;
    transition:all ease 1s
}
.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
}
.vs-mobile-menu ul{
    margin:0;
    padding:0
}
.vs-mobile-menu ul li{
    border-bottom:1px solid #eee;
    list-style-type:none
}
.vs-mobile-menu ul li:first-child{
    border-top:1px solid #eee
}
.vs-mobile-menu ul li a{
    display:block;
    position:relative;
    padding:7px 10px;
    line-height:1;
    font-size:14px;
    text-transform:capitalize
}
.vs-mobile-menu ul li ul li{
    padding-left:7px
}
.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);
    font-weight:700;
    float:right;
    padding-right:10px
}
.vs-mobile-menu ul .vs-item-has-children.vs-active>a:after{
    content:""
}
.vs-menu-toggle{
    border:1px dashed;
    width:50px;
    height:50px;
    padding:0;
    background:rgba(0,0,0,0);
    font-size:28px
}
.xdsoft_datetimepicker{
    z-index:1080
}
.xdsoft_datetimepicker .xdsoft_datepicker{
    width:300px
}
.xdsoft_datetimepicker .xdsoft_current{
    color:var(--theme-color)
}

@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/Flaticond41d.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-size:inherit;
    margin-left:0;
    font-style:normal;
    font-family:"flaticon"
}
[class^=flaticon-],[class*=" flaticon-"]{
    line-height:1
}
.icon-btn [class^=flaticon-],.icon-btn [class*=" flaticon-"]{
    line-height:inherit
}
.ls-v6 [class*="ls-gui-element ls-nav-"]{
    width:80px;
    height:80px;
    margin-top:-40px;
    z-index:10000;
    color:#fff;
    top:50%;
    position:absolute;
    text-align:center;
    left:80px;
    border-radius:50%;
    transition:all ease .4s !important
}


@media(max-width: 1500px){
    .ls-v6 [class*="ls-gui-element ls-nav-"]{
        left:40px
    }
}
.ls-v6 [class*="ls-gui-element ls-nav-"]:after{
    content:"";
    font-family:var(--icon-font);
    text-align:center;
    color:inherit;
    font-size:22px;
    font-weight:700;
    line-height:80px;
    color:inherit
}
.ls-v6 [class*="ls-gui-element ls-nav-"]:hover{
    color:var(--body-color);
    background-color:#fff
}
.ls-v6 .ls-nav-next{
    left:auto;
    right:80px
}
 @media(max-width: 1500px){
    .ls-v6 .ls-nav-next{
        right:40px
    }
}
.ls-v6 .ls-nav-next:after{
    content:""
}
.ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"]{
    background-color:rgba(255,255,255,.2);
    color:#fff
}
.ls-v6.navprevnext-white [class*="ls-gui-element ls-nav-"]:hover{
    background-color:#fff;
    color:var(--body-color)
}
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons{
    bottom:20px
}
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a{
    background-color:var(--silver-color);
    width:8px;
    height:8px;
    position:relative;
    margin-right:15px;
    border:2px solid rgba(0,0,0,0) !important;
    border-color:rgba(0,0,0,0);
    text-align:center;
    margin-left:0;
    display:inline-block;
    z-index:10000;
    border-radius:50%;
    transition:all ease .4s !important
}
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a:last-of-type,.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a:last-child{
    margin-right:0
}
.ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active{
    transform:scale(1.4);
    background-color:rgba(0,0,0,0);
    border-color:var(--theme-color) !important
}
.navbuttons-white .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a{
    background-color:#fff
}
.navbuttons-white .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active{
    background-color:rgba(0,0,0,0);
    border-color:#fff !important
}

@media(max-width: 1300px){
    .ls-v6 [class*="ls-gui-element ls-nav-"]{
        width:40px;
        height:40px;
        margin-top:-20px;
        left:30px
    }
    .ls-v6 [class*="ls-gui-element ls-nav-"]:after{
        line-height:40px;
        font-size:12px
    }
    .ls-v6 .ls-nav-next{
        left:auto;
        right:30px
    }
    .ls-bottom-nav-wrapper .ls-bottom-slidebuttons{
        bottom:0px
    }
    .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a{
        width:5px;
        height:5px
    }
}
 @media(max-width: 768px){
    .ls-v6 [class*="ls-gui-element ls-nav-"]{
        width:30px;
        height:30px;
        margin-top:-15px;
        left:10px
    }
    .ls-v6 [class*="ls-gui-element ls-nav-"]:after{
        line-height:30px;
        font-size:10px
    }
    .ls-v6 .ls-nav-next{
        left:auto;
        right:10px
    }
    .ls-bottom-nav-wrapper .ls-bottom-slidebuttons{
        bottom:-7px
    }
    .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a{
        width:4px;
        height:4px;
        border-width:1px;
        margin-right:10px
    }
}
.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 rgba(0,0,0,.2117647059)
}

.vs-setting-plate .plate-btn{
    height:40px;
    line-height:40px;
    display:inline-block;
    border:none;
    background-color:var(--theme-color);
    color:var(--white-color);
    font-weight:700;
    font-size:14px;
    border:1px solid rgba(0,0,0,0);
    text-align:center
}
.vs-setting-plate .plate-btn:hover,.vs-setting-plate .plate-btn.active{
    border-color:var(--theme-color);
    background-color:rgba(0,0,0,0);
    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
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background-color:var(--body-color)
}
.preloader .vs-btn.vs-style1{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    border-radius:0;
    padding:5px 20px;
    font-size:16px;
    border:none
}
.preloader .preloader-box{
    position:relative;
    padding-left:5px;
    display:flex;
    justify-content:center;
    perspective:200px;
    margin-top:30px
}
.preloader .letter{
    animation:movement 600ms ease var(--i) infinite alternate;
    position:relative;
    width:40px;
    height:40px;
    line-height:40px;
    float:left;
    text-align:center;
    font-size:20px;
    color:var(--white-color);
    background:var(--theme-color);
    margin-right:-1px
}

@media(max-width: 576px){
    .preloader .letter{
        width:30px;
        height:30px;
        line-height:30px
    }
}
.preloader .letter:nth-child(1){
    --i: 0ms
}
.preloader .letter:nth-child(2){
    --i: 75ms
}
.preloader .letter:nth-child(3){
    --i: 150ms
}
.preloader .letter:nth-child(4){
    --i: 225ms
}
.preloader .letter:nth-child(5){
    --i: 300ms
}
 .preloader .letter:nth-child(6){
    --i: 375ms
}
.preloader .letter:nth-child(7){
    --i: 450ms
}
.preloader .letter:nth-child(8){
    --i: 525ms
}
@keyframes movement{
    from{
        transform:scale(0.6) translateY(0px) rotateX(0deg)
    }
    to{
        transform:scale(1) translateY(-15px) rotateX(15deg);
        background:var(--theme-color)
    }
}
.vs-btn{
    position:relative;
    overflow:hidden;
    font-size:14px;
    font-weight:700;
    border:none;
    text-transform:capitalize;
    display:inline-block;
    background-color:var(--white-color);
    color:var(--body-color);
    vertical-align:middle;
    z-index:2
}
.vs-btn,.vs-btn .vs-btn-icon{
    transition:all ease .4s;
    transition-delay:calc((var(--n) - 1)*.1s)
}
.vs-btn .vs-btn-icon,.vs-btn .vs-btn-text{
    z-index:3;
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.vs-btn .vs-btn-shape{
    display:inline-block;
    position:absolute;
    width:25%;
    height:100%;
    background-color:var(--theme-color);
    transform:translateY(150%);
    border-radius:50%;
    left:calc((var(--n) - 1)*25%);
    transition:.5s;
    transition-delay:calc((var(--n) - 1)*.1s);
    z-index:1
}
.vs-btn .vs-btn-shape:nth-child(1){
    --n: 1
}
.vs-btn .vs-btn-shape:nth-child(2){
    --n: 2
}
.vs-btn .vs-btn-shape:nth-child(3){
    --n: 3
}
.vs-btn .vs-btn-shape:nth-child(4){
    --n: 4
}
.vs-btn:hover .vs-btn-shape{
    transform:translateY(0) scale(2)
}
.vs-btn[class*=wave]{
    padding:7px;
    padding-left:40px
}
.vs-btn[class*=wave] .vs-btn-icon{
    width:56px;
    height:56px;
    line-height:56px;
    text-align:center;
    background-color:var(--theme-color);
    color:var(--white-color);
    margin-left:27px;
    font-size:16px;
    --n: 5
}
.vs-btn.wave-style1 .vs-btn-icon{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.vs-btn.wave-style1:hover{
    color:var(--white-color);
    --n: 2
}
.vs-btn.wave-style1:hover .vs-btn-icon{
    background-color:var(--white-color);
    color:var(--theme-color)
}
.vs-btn.wave-style2{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.vs-btn.wave-style2 .vs-btn-shape{
    background-color:var(--white-color)
}
.vs-btn.wave-style2 .vs-btn-icon{
    background-color:var(--white-color);
    color:var(--theme-color)
}
.vs-btn.wave-style2:hover{
    color:var(--body-color);
    --n: 2
}
.vs-btn.wave-style2:hover .vs-btn-icon{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.vs-btn[class*=outline]{
    background-color:rgba(0,0,0,0);
    text-align:center;
    display:inline-block;
    padding:20px 45px;
    border:2px solid #e4e4e4;
    color:var(--body-color);
    --n: 1
}
.vs-btn[class*=outline] .vs-btn-icon{
    --n: 0;
    margin-right:7px;
    font-size:.9rem
}
.vs-btn[class*=outline]:hover{
    color:var(--white-color);
    border-color:var(--theme-color)
}
.vs-btn.outline-style2{
    border-color:var(--white-color);
    color:var(--white-color)
}
.vs-btn.vs-style2,.vs-btn.vs-style1{
    padding:16.5px 34px;
    background-color:var(--theme-color);
    color:var(--white-color);
    font-weight:500;
    border:1px solid rgba(0,0,0,0);
    --n: 1
}
.vs-btn.vs-style2 .vs-btn-icon,.vs-btn.vs-style1 .vs-btn-icon{
    --n: 0;
    margin-right:10px
}
.vs-btn.vs-style2 .vs-btn-shape,.vs-btn.vs-style1 .vs-btn-shape{
    background-color:var(--white-color)
}
.vs-btn.vs-style2:hover,.vs-btn.vs-style1:hover{
    border-color:var(--theme-color);
    color:var(--body-color)
}
.vs-btn.vs-style2{
    color:var(--body-color);
    background-color:var(--white-color);
    border:none
}


.vs-btn.vs-style2 .vs-btn-shape{
    background-color:var(--theme-color)
}
.vs-btn.vs-style2:hover{
    color:var(--white-color)
}
.icon-btn{
    width:60px;
    height:60px;
    line-height:60px;
    display:inline-block;
    text-align:center;
    border:1px solid rgba(0,0,0,0);
    border-radius:50%;
    background-color:var(--white-color)
}
.icon-btn .fa,.icon-btn .fab,.icon-btn .fad,.icon-btn .fal,.icon-btn .far,.icon-btn .fas{
    line-height:55px
}
.icon-btn:hover{
    color:var(--white-color) !important;
    background-color:var(--theme-color);
    border-color:rgba(0,0,0,0)
}
.icon-btn.bg-theme{
    color:var(--white-color)
}
.icon-btn.bg-theme:hover{
    background-color:var(--white-color) !important;
    color:var(--theme-color) !important;
    border-color:var(--theme-color)
}
 .dark-style .icon-btn:hover{
    color:#fff
}
.play-btn{
    position:relative;
    border-radius:50%;
    display:inline-block
}
.play-btn>i{
    position:relative;
    z-index:2;
    display:inline-block;
    width:120px;
    height:120px;
    line-height:120px;
    text-align:center;
    font-size:26px;
    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:var(--theme-color);
    z-index:1
}
.play-btn:after{
    animation-delay:1s
}
.play-btn:hover>i,.play-btn.style-white>i{
    background-color:var(--white-color);
    color:var(--body-color)
}
.play-btn>i,.play-btn.style-white:hover>i{
    color:var(--white-color);
    background-color:var(--theme-color)
}
.play-btn.md-size>i{
    width:80px;
    height:80px;
    line-height:80px
}
.link-btn{
    font-weight:700;
    display:inline-block;
    line-height:.8
}
.link-btn i{
    margin-left:5px
}
.scrollToTop{
    position:fixed;
    bottom:100px;
    right:30px;
    z-index:94;
    opacity:0;
    visibility:hidden;
    font-size:18px;
    color:var(--white-color) !important;
    transition:all ease .8s
}
.scrollToTop i{
    line-height:inherit !important
}
.scrollToTop.show{
    bottom:30px;
    opacity:1;
    visibility:visible
}


@media(max-width: 768px){
    .scrollToTop{
        width:40px;
        height:40px;
        line-height:40px;
        right:15px;
        bottom:50px
    }
    .scrollToTop.show{
        bottom:15px
    }
}
 @media(max-width: 992px){
    .play-btn>i{
        width:100px;
        height:100px;
        line-height:100px;
        font-size:26px
    }
}
 @media(max-width: 576px){
    .vs-btn-group{
        display:grid;
        justify-content:center
    }
    .vs-btn-group .vs-btn{
        margin-bottom:20px;
        margin-right:0
    }
    .vs-btn-group .vs-btn:last-child{
        margin-bottom:0
    }
}
.section-title{
    position:relative;
    margin-bottom:75px
}
.sec-title-style1{
    white-space:normal;
    
}
 @media only screen and (min-width: 1199px){
    .sec-title-style1{
        font-size:58px;
        margin-top:-10px;
        margin-bottom:5px
    }
}
 @media(max-width: 1199px)and (min-width: 992px){
    .sec-title-style1{
        font-size:48px;
        margin-top:-9px;
        margin-bottom:5px
    }
}
.sec-title-style1 .sec-subtitle-style1{
    position:relative;
    top:7px
}
.sec-subtitle-style1{
    font-size:26px;
    width:111px;
    color:var(--theme-color);
    line-height:1.1;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    word-break:break-word
}
.sec-text-style1{
    font-size:18px;
    line-height:1.6
}
.sec-bg-icon1{
    font-size:140px;
    position:absolute;
    top:-30%;
    left:38%;
    z-index:-1;
    color:var(--theme-color);
    opacity:.25;
    line-height:1
}
 @media(max-width: 1199px){
    .sec-subtitle-style1{
        font-size:18px;
        max-width:80px
    }
}
 @media(max-width: 992px){
    .sec-title-style1{
        margin-top:-5px
    }
    .section-title{
        margin-bottom:40px
    }
    .sec-bg-icon1{
        font-size:96px;
        top:-20%;
        left:43%;
        opacity:.25
    }
    .section-title .sec-title-style1{
        margin-bottom:5px
    }
    .sec-title-style1 .sec-subtitle-style1{
        top:0
    }
}
 @media(max-width: 576px){
    .sec-subtitle-style1{
        font-size:16px
    }
}
.image-scale-hover,.widget .instagram-feeds li{
    overflow:hidden
}
.image-scale-hover img,.widget .instagram-feeds li img{
    transition:all ease .4s;
    transform:scale(1.001)
}
.image-scale-hover:hover img,.widget .instagram-feeds li:hover img{
    transform:scale(1.2)
}
.link-inherit a,.link-inherit h1 a,.link-inherit h2 a,.link-inherit h3 a,.link-inherit h4 a,.link-inherit h5 a,.link-inherit h6 a,.link-inherit p a,.link-inherit span a{
    color:inherit
}
.list-style-none ol,.list-style-none ul,.list-style-none{
    padding:0;
    margin:0
}
.list-style-none li{
    list-style-type:none
}
.info-links li{
    display:inline-block;
    margin-right:15px
}
.info-links i{
    margin-right:7px
}
.info-links a{
    color:inherit
}
.info-links a:hover{
    color:var(--theme-color)
}
.info-links.text-white a:hover{
    color:var(--title-color)
}
.social-links,.social-links ol,.social-links ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.social-links li{
    display:inline-block;
    margin:0 5px
}
.social-links li:first-child{
    margin-left:0
}
.social-links li:last-child{
    margin-right:0
}
.social-links a{
    color:var(--body-color);
    font-size:14px;
    line-height:1
}
.social-links.links-hover-border a,.social-links.links-has-border a{
    display:inline-block;
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #ddd;
    border-radius:50%;
    text-align:center
}
.social-links.links-hover-border a:hover,.social-links.links-has-border a:hover{
    border-color:rgba(0,0,0,0);
    color:var(--white-color);
    background-color:var(--theme-color)
}
.social-links.links-hover-border a{
    border-color:rgba(0,0,0,0)
}
.social-links.text-white a{
    color:var(--white-color);
    background-color:var(--theme-color)
}
.social-links.text-white a:hover{
    color:var(--title-color);
    background-color:var(--white-color)
}
.overlay-center{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.form-messages{
    display:none
}
.form-messages pre:last-child{
    margin-bottom:0;
    color:inherit
}
.form-messages.success{
    color:var(--success-color);
    display:block
}
.form-messages.error{
    color:var(--error-color);
    display:block
}
.select-box-area,.z-index-step1{
    position:relative;
    z-index:4 !important
}
.z-index-common{
    position:relative;
    z-index:3
}
.border,.vs-checkout-area .nice-select,.vs-checkout-area .form-control{
    border:1px solid var(--border-color) !important
}
.border-top{
    border-top:1px solid var(--border-color) !important
}
.border-bottom{
    border-bottom:1px solid var(--border-color) !important
}
.border-left{
    border-left:1px solid var(--border-color) !important
}
.border-right{
    border-right:1px solid var(--border-color) !important
}
.inner-label{
    padding:0px 5px;
    display:inline-block;
    background-color:var(--theme-color);
    color:var(--white-color);
    border-radius:6px;
    font-weight:700;
    margin:0 5px
}
.text-box1{
    padding:15px 0;
    padding-left:30px;
    border-left:2px solid var(--theme-color);
    margin-bottom:25px
}
.vs-list-style1,.vs-list-style1 ul{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:25px
}
.vs-list-style1 li{
    position:relative;
    padding-left:25px;
    margin:0;
    margin-bottom:5px
}
.vs-list-style1 li:last-child{
    margin-bottom:0
}
.vs-list-style1 li:before{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    left:0;
    top:-0.8px;
    color:var(--theme-color)
}
.vs-list-style2,.vs-list-style2 ul{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:25px
}
.vs-list-style2 li{
    position:relative;
    padding-left:0;
    margin:0;
    border-bottom:1px solid var(--border-color);
    margin-bottom:15px;
    padding-bottom:14px;
    font-size:18px
}
.vs-list-style2 li:last-child{
    margin-bottom:0;
    border-bottom:none;
    padding-bottom:0
}
.sup-label{
    display:inline-block;
    position:absolute;
    top:-5px;
    right:-3px;
    background:var(--theme-color);
    line-height:1;
    text-transform:capitalize;
    color:var(--white-color);
    border-radius:10px;
    padding:3px 6px;
    font-size:11px;
    z-index:3
}
.vs-scroll{
    position:absolute;
    z-index:31
}
.hover-img-scale{
    overflow:hidden
}
.hover-img-scale img{
    transform:scale(1);
    transition:all ease .4s
}
.hover-img-scale:hover img{
    transform:scale(1.2)
}



@media(max-width: 1199px){
    .text-box1{
        padding:10px 0;
        padding-left:20px;
        margin-bottom:25px
    }
}
 @media(max-width: 576px){
    .text-box1.media{
        display:block
    }
    .text-box1.media .media-img{
        margin-right:0;
        margin-bottom:15px
    }
}
.counter-box1{
    position:relative;
    padding:40px;
    padding-bottom:37px
}
.counter-box1 .counter{
    font-size:80px;
    line-height:1
}
.counter-box1 .counter:after{
    content:"";
    font-family:var(--icon-font);
    font-size:16px
}
 .counter-box1 .counter-icon{
    font-size:4rem;
    position:absolute;
    right:0;
    top:0;
    line-height:1;
    opacity:.2
}
.header-wrapper{
    position:relative;
    z-index:9
}
.vs-mobile-menu .sup-label,.main-menu .sup-label{
    position:relative;
    top:-1px;
    right:-4px
}
.header-layout4{
    box-shadow:0 20px 30px 0 rgba(0,0,0,.03)
}
.main-menu a{
    color:var(--body-color);
    font-family:var(--theme-font2)
}
.main-menu ul{
    margin:0;
    padding:0
}
.main-menu ul li{
    list-style-type:none;
    display:inline-block;
    position:relative;
    margin-top:0;
    margin-bottom:0
}
.main-menu ul li.menu-item-has-children>a{
    position:relative
}
.main-menu ul li.menu-item-has-children>a:after{
    content:"";
    position:relative;
    font-family:var(--icon-font);
    float:right;
    margin-left:5px;
    font-weight:300;
    font-size:.8rem
}
.main-menu ul li a{
    display:block
}
.main-menu ul li:last-child{
    margin-right:0
}
.main-menu ul li:first-child{
    margin-left:0
}

.main-menu ul li ul.sub-menu{
    position:absolute;
    width:270px;
    top:100%;
    left:0;
    z-index:12;
    border-width:0;
    border-top-width:3px;
    border-style:solid;
    border-color:var(--theme-color);
    text-align:left;
    background-color:var(--white-color);
    transition:all ease .4s;
    opacity:0;
    visibility:hidden;
    transform-origin:top;
    transform:rotateX(90deg);
    box-shadow:0 0 10px 0 rgba(0,0,0,.1)
}
.main-menu ul li ul.sub-menu li{
    display:block;
    margin:0 0
}
.main-menu ul li ul.sub-menu li.menu-item-has-children>a:after{
    content:""
}
.main-menu ul li ul.sub-menu li a{
    padding:10px 15px;
    border-bottom:1px solid rgba(0,0,0,.07)
}
.main-menu ul li ul.sub-menu li ul{
    left:auto;
    right:100%;
    top:0
}
.main-menu ul li ul.sub-menu li ul li ul{
    left:100%;
    right:auto
}
 .main-menu ul li ul.sub-menu li ul li ul li ul{
    left:auto;
    right:100%
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul{
    left:100%;
    right:auto
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul{
    left:auto;
    right:100%
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul{
    left:100%;
    right:auto
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul{
    left:auto;
    right:100%
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul{
    left:100%;
    right:auto
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul{
    left:auto;
    right:100%
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul{
    left:100%;
    right:auto
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul{
    left:auto;
    right:100%
}
.main-menu ul li ul.sub-menu li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul{
    left:100%;
    right:auto
}

.main-menu ul li.mega-menu-wrap{
    position:static
}
.main-menu ul li ul.mega-menu{
    display:flex;
    justify-content:space-between;
    position:absolute;
    text-align:left;
    left:0;
    top:100%;
    width:100%;
    background:rgba(255,255,255,.98);
    box-shadow:0 0 10px rgba(0,0,0,.1);
    border-bottom:4px solid #aaa;
    padding:15px;
    visibility:hidden;
    opacity:0;
    transform:scaleY(0);
    transform-origin:0 0;
    z-index:-1;
    transition:transform .2s ease-in-out 0s,visibility .2s ease-in-out 0s,opacity .2s ease-in-out 0s,z-index 0s
}
.main-menu ul li ul.mega-menu li{
    display:block;
    width:100%;
    margin:10px 0;
    padding:0 25px
}
.main-menu ul li ul.mega-menu li li{
    padding:0 0
}
.main-menu ul li ul.mega-menu li a{
    padding:0 0;
    margin:0 0;
    display:inline-block
}
.main-menu ul li ul.mega-menu>li:not(:last-child){
    border-right:1px solid #ddd
}
.main-menu ul li 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:var(--theme-color);
    border-color:var(--theme-color)
}
.main-menu ul li:hover ul.mega-menu{
    visibility:visible;
    opacity:1;
    transform:scaleY(1);
    z-index:9
}
.main-menu ul li:hover>ul.sub-menu{
    opacity:1;
    visibility:visible;
    transform:rotateX(0)
}
.menu-style1>ul>li{
    margin:0 17px
}
.menu-style1>ul>li>a{
    padding:49px 0
}
@media(max-width: 1300px){
    .main-menu a{
        font-size:14px
    }
}
 @media(max-width: 1199px){
    .main-menu ul li ul.sub-menu{
        width:220px
    }
}
.sticky-header-wrap{
    background-color:#fff;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:9991;
    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-layout1.position-absolute{
    right:0;
    left:0;
    top:0;
    z-index:7
}
@media(min-width: 1500px){
    .header-layout1.position-absolute{
        padding-left:150px;
        padding-right:150px
    }
}
.menu-style2>ul>li{
    margin:0 10px
}
.menu-style2>ul>li>a{
    padding:40px 0
}


@media(max-width: 1500px){
    .menu-style2>ul>li{
        margin:0 10px
    }
    .menu-style2>ul>li>a{
        font-size:14px
    }
}
@media(max-width: 1300px){
    .menu-style2>ul>li{
        margin:0 8px
    }
}
@media(max-width: 1199px){
    .menu-style2>ul>li>a{
        padding:25px 0
    }
}
@media(max-width: 992px){
    .header-layout1.position-absolute{
        position:static !important
    }
}
 @media(max-width: 1500px){
    .header-wrapper.px-85{
        padding-left:0;
        padding-right:0
    }
}
.widget{
    padding:40px;
    margin-bottom:30px
}
.widget_title{
    font-size:20px;
    border-left:2px solid var(--theme-color);
    line-height:1em;
    padding-left:20px;
    margin-bottom:30px
}

@media(max-width: 1199px){
    .widget{
        padding:30px 20px
    }
}
.footer-widget,.footer-widget .widget{
    padding:0;
    border:none;
    padding-bottom:0;
    background-color:rgba(0,0,0,0)
}
.footer-widget .widget_title{
    border-left:none;
    padding-left:0;
    font-size:30px;
    font-family:var(--theme-font2)
}
.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:rgba(0,0,0,0);
    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:rgba(0,0,0,0);
    padding:0;
    position:relative;
    margin-bottom:3px;
    display:inline-block
}
.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:rgba(0,0,0,0);
    color:var(--theme-color) !important
}
.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 .widget_nav_menu ul{
    display:grid;
    grid-template-columns:1fr 1fr
}
.footer-widget .widget .vs-widget-about-author .author-img{
    width:100px;
    height:100px;
    margin-left:0
}
.footer-widget .vs-widget-recent-post .media-img{
    border-radius:0
}
.footer-widget .vs-widget-recent-post span{
    margin-top:0;
    margin-bottom:3px
}
.contact-info-style1{
    margin-bottom:10px
}
.contact-info-style1 a{
    color:inherit
}
.contact-info-style1>i{
    margin-right:15px;
    padding-right:15px;
    border-right:1px solid
}
.contact-info-style1.text-white>i{
    border-color:rgba(255,255,255,.6)
}
.contact-info-style1.text-white a:hover{
    color:var(--theme-color)
}
.social-links.footer-social a{
    width:45px;
    height:45px;
    line-height:45px;
    display:inline-block;
    text-align:center;
    background-color:var(--theme-color);
    color:var(--white-color);
    border-radius:50%
}
.social-links.footer-social a:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.social-links.footer-social li{
    margin:0 5px 0 0
}
.social-links.footer-social li:last-child{
    margin-right:0
}
.social-links.footer-social.text-white a:hover{
    background-color:var(--white-color);
    color:var(--theme-color)
}

@media(max-width: 992px){
    .footer-widget.pt-100{
        padding-top:60px
    }
    .footer-widget.pb-70{
        padding-bottom:30px
    }
}
.widget_nav_menu,.widget_meta,.widget_pages,.widget_archive,.widget_categories{
    padding-bottom:30px
}
.widget_nav_menu ul,.widget_meta ul,.widget_pages ul,.widget_archive ul,.widget_categories ul{
    list-style:none;
    margin:0;
    padding:0
}
.widget_nav_menu li,.widget_meta li,.widget_pages li,.widget_archive li,.widget_categories li{
    display:block;
    position:relative
}
.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:0;
    width:50px;
    height:50px;
    line-height:52px;
    color:#fff;
    background-color:var(--theme-color);
    text-align:center;
    font-family:var(--theme-font2);
    transition:all ease .4s
}
.widget_nav_menu li:hover>span,.widget_meta li:hover>span,.widget_pages li:hover>span,.widget_archive li:hover>span,.widget_categories li:hover>span{
    background-color:var(--title-color)
}
.widget_nav_menu a,.widget_meta a,.widget_pages a,.widget_archive a,.widget_categories a{
    display:block;
    background-color:var(--white-color);
    padding:12px 20px;
    margin-bottom:10px;
    color:var(--body-color);
    font-weight:500;
    padding-right:50px
}
.widget_nav_menu a:hover,.widget_meta a:hover,.widget_pages a:hover,.widget_archive a:hover,.widget_categories a:hover{
    background-color:var(--theme-color);
    color:var(--white-color) !important
}
.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
}
.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)
}
.style-white a:hover{
    color:var(--theme-color)
}
.widget .search-form{
    display:flex;
    flex-wrap:wrap
}
.widget .search-form input{
    width:calc(100% - 60px);
    height:60px;
    background-color:var(--white-color);
    border:none;
    color:var(--body-color);
    padding-left:20px
}
.widget .search-form input::-moz-placeholder{
    color:var(--body-color)
}
.widget .search-form input::placeholder{
    color:var(--body-color)
}

.widget .search-form button{
    width:60px;
    height:60px;
    text-align:center;
    padding:0;
    border:1px solid rgba(0,0,0,0);
    color:var(--white-color);
    background-color:var(--theme-color)
}
.widget .search-form button:hover{
    border-color:var(--theme-color);
    background-color:var(--white-color);
    color:var(--theme-color)
}
.widget .vs-widget-about-author .author-img{
    width:140px;
    height:140px;
    border-radius:50%;
    overflow:hidden
}
.widget .vs-widget-about-author img{
    width:100%;
    border-radius:inherit
}
.widget .vs-widget-about-author .social-links a{
    font-size:18px
}
.wp-block-tag-cloud a,.tagcloud a{
    display:inline-block;
    border:none;
    font-size:14px;
    text-transform:uppercase;
    line-height:1;
    padding:11px 18px;
    margin-right:5px;
    margin-bottom:10px;
    background-color:var(--white-color);
    color:var(--body-color);
    font-weight:500
}
.wp-block-tag-cloud a:hover,.tagcloud a:hover{
    background-color:var(--theme-color);
    color:var(--white-color) !important
}
.tagcloud{
    margin-right:-5px;
    margin-bottom:-10px
}
.vs-widget-recent-post a{
    color:inherit
}
.vs-widget-recent-post a:hover{
    color:var(--theme-color)
}
.vs-widget-recent-post .recent-post{
    margin-bottom:20px
}
.vs-widget-recent-post .recent-post:last-child{
    margin-bottom:0
}
.vs-widget-recent-post span{
    font-size:14px;
    margin-top:5px;
    display:inline-block
}
.vs-widget-recent-post span i{
    margin-right:7px
}
.vs-widget-recent-post .media-img{
    margin-top:5px;
    border-radius:50%
}
.vs-widget-recent-post .media-img img{
    border-radius:inherit
}
.vs-widget-recent-post[class*=has-border] .recent-post,.vs-widget-recent-post[class*=has-light-border] .recent-post{
    border-bottom:1px solid var(--border-color);
    padding-bottom:20px
}
.vs-widget-recent-post[class*=has-border] .recent-post:last-child,.vs-widget-recent-post[class*=has-light-border] .recent-post:last-child{
    padding-bottom:0;
    border:none
}
.vs-widget-recent-post.has-light-border-white .recent-post{
    border-color:rgba(255,255,255,.15)
}
.vs-widget-recent-post.has-border-white .recent-post{
    border-color:var(--white-color)
}
.widget .instagram-feeds ul{
    margin:0;
    padding:0;
    list-style-type:none;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:10px;
    grid-row-gap:10px
}
.widget .instagram-feeds li{
    overflow:hidden
}
.widget .instagram-feeds li img{
    width:100%
}
.widget .newsletter-form{
    position:relative
}
.widget .newsletter-form .form-icon{
    position:absolute;
    left:20px;
    top:19px
}
.widget .newsletter-form .form-control{
    padding-left:50px;
    padding-right:20px
}
.widget_shopping_cart ul{
    margin:0;
    padding:0
}
.widget_shopping_cart ul li{
    list-style-type:none
}
.widget_shopping_cart .cart_list li.mini_cart_item{
    position:relative;
    padding:30px 10px 30px 90px;
    border-bottom:1px solid rgba(0,0,0,.1)
}
.widget_shopping_cart .cart_list li.mini_cart_item:first-child{
    border-top:1px solid rgba(0,0,0,.1)
}
.widget_shopping_cart .cart_list li.mini_cart_item a{
    display:block;
    color:var(--body-color);
    font-size:17px;
    font-weight:500;
    font-family:var(--theme-font2)
}
.widget_shopping_cart .cart_list li.mini_cart_item img{
    width:75px;
    height:75px;
    position:absolute;
    left:0;
    top:20px
}
.widget_shopping_cart .cart_list a.remove{
    position:absolute;
    top:10%;
    left:95%
}
.widget_shopping_cart .quantity{
    display:inline-flex;
    white-space:nowrap;
    vertical-align:top;
    margin-right:20px;
    font-size:14px
}
.widget_shopping_cart .total{
    margin-top:30px;
    font-size:18px
}
.widget_shopping_cart .woocommerce-Price-currencySymbol{
    padding-left:5px
}
.widget_recent_comments ul{
    margin:0;
    padding:0;
    list-style:none
}
.widget_recent_comments li:not(:last-child){
    border-bottom:1px solid rgba(0,0,0,.1);
    margin-bottom:15px;
    padding-bottom:12px
}
.widget_recent_comments a:not(:hover){
    color:inherit
}
.widget_recent_entries ul{
    margin:0;
    padding:0;
    list-style:none
}
.widget_recent_entries ul li>a:not(:hover){
    color:inherit
}
.widget_recent_entries ul li:not(:last-child){
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-bottom:12px;
    margin-bottom:12px
}
.widget_rss ul{
    margin:0;
    padding:0;
    list-style:none
}
.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
}
.widget_rss ul cite{
    font-weight:600
}
.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
}
.widget_rss li:not(:last-child){
    margin-bottom:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-bottom:16px
}
.contact-widget-style2{
    box-shadow:0px 8px 16px 0px rgba(249,163,146,.1);
    text-align:center;
    padding:40px 60px;
    padding-top:0px
}
 




@media(max-width: 1199px){.contact-widget-style2{padding:0 20px 40px 20px}}

@media(max-width: 992px){
    .contact-widget-style2{
        text-align:left;
        padding:0;
        box-shadow:none
    }
}
.widget .social-links.links-hover-border a{
    border-radius:0;
    background-color:var(--white-color)
}
.widget .social-links.links-hover-border a:hover{
    background-color:var(--theme-color)
}
.widget .twitter-feeds ul{
    list-style-type:none;
    margin:0;
    padding:0
}
.widget .twitter-feeds li{
    border-bottom:1px solid var(--white-color);
    font-size:14px;
    line-height:24px;
    word-break:break-all;
    display:block;
    margin:0 0;
    padding-bottom:15px;
    margin-bottom:15px;
    padding-left:30px;
    position:relative
}
.widget .twitter-feeds li:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none
}
.widget .twitter-feeds li i{
    position:absolute;
    left:0;
    top:5px;
    display:inline-block;
    color:var(--theme-color);
    font-size:16px
}
.widget .twitter-feeds a{
    color:inherit;
    display:inline
}
.widget .twitter-feeds .post-date{
    font-size:16px;
    font-family:var(--theme-font2);
    display:block;
    margin-top:7px
}
.widget .range-slider-area{
    padding-bottom:40px
}
.widget .range-slider-area .price-area{
    float:left;
    padding:7px 0
}
.widget .range-slider-area .price-area span{
    display:inline-block;
    color:var(--body-color)
}
.widget .range-slider-area .vs-btn{
    float:right;
    width:94px;
    height:40px;
    padding:0;
    text-align:center;
    line-height:38px;
    border-radius:50px
}
.widget .range-slider-area input{
    width:100px;
    display:inline-block;
    border:none;
    background-color:rgba(0,0,0,0);
    font-size:16px;
    font-weight:700;
    color:var(--body-color)
}
.widget .range-slider-area .ui-slider{
    height:6px;
    position:relative;
    width:100%;
    background-color:var(--white-color);
    border:none;
    margin-bottom:25px
}
.widget .range-slider-area .ui-slider-range{
    background-color:var(--theme-color);
    border:none
}
.widget .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;
    background-color:var(--theme-color);
    border:none;
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15)
}
.widget .range-slider-area .ui-slider-handle:focus{
    outline:none;
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15)
}
.widget .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%)
}
.footer-layout2 .shape1{
    bottom:12%;
    left:0;
    max-width:350px
}
 @media(max-width: 1800px){
    .footer-layout2 .shape1{
        display:none
    }
}
.breadcumb-menu-style1{
    max-width:100%;
    width:-moz-fit-content;
    width:fit-content;
    margin:0;
    padding:0;
    list-style-type:none;
    margin-bottom:5px
}
.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-all
}
.breadcumb-menu-style1 li i,.breadcumb-menu-style1 a i,.breadcumb-menu-style1 span i{
    margin-right:5px
}
 @media(max-width: 1500px){
    .breadcumb-layout1.mx-100{
        margin-left:0;
        margin-right:0
    }
}
.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:var(--theme-color);
    background-color:rgba(0,0,0,0);
    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:rgba(0,0,0,0);
    border-color:rgba(0,0,0,0);
    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:2px solid var(--theme-color);
    border-color:var(--theme-color);
    background-color:rgba(0,0,0,0);
    padding-left:30px;
    color:#fff;
    border-radius:50px;
    padding-right:80px
}
.popup-search-box form input::-moz-placeholder{
    color:#fff
}
.popup-search-box form input::placeholder{
    color:#fff
}
.popup-search-box form button{
    position:absolute;
    top:0px;
    background-color:rgba(0,0,0,0);
    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:rgba(0,0,0,0);
    transform:rotate(90deg)
}
.sidemenu-wrapper .sidemenu-content{
    background-color:var(--white-color);
    width:450px;
    margin-left:auto;
    padding:35px 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:rgba(0,0,0,0)
}
.sidemenu-wrapper .widget .vs-widget-recent-post .media-img{
    border-radius:0;
    align-self:center
}
.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 a{
    display:inline-block;
    border:1px solid rgba(0,0,0,.1);
    background-color:var(--white-color);
    width:50px;
    height:50px;
    line-height:48px;
    color:var(--body-color)
}
.pagination-layout1 ul li a.active,.pagination-layout1 ul li a:hover{
    color:var(--white-color);
    background-color:var(--theme-color);
    border-color:rgba(0,0,0,0)
}
 @media(max-width: 768px){
    .pagination-layout1 ul li a{
        width:30px;
        height:30px;
        line-height:27px;
        font-size:11px
    }
}
.pagi-title a{
    color:inherit
}
.pagi-title a:hover{
    color:var(--theme-color)
}
 @media(max-width: 576px){
    .pagination-layout2 .pagi-title{
        font-size:16px
    }
    .pagination-layout2 span{
        font-size:14px;
        line-height:1
    }
}

@media(max-width: 576px){
    .pagination-layout3 a{
        font-size:12px
    }
    .pagination-layout3 .pagi-title{
        font-size:14px
    }
    .pagination-layout3 .pagi-title a{
        font-size:inherit
    }
    .pagination-layout3 .fa-3x{
        font-size:2em
    }
}
.vs-block-quote-style1,blockquote.wp-block-quote,blockquote.wp-block-quote.is-style-large,blockquote{
    font-size:28px;
    line-height:34px;
    padding:30px;
    padding-left:30px;
    display:block;
    position:relative;
    background-color:var(--theme-color);
    overflow:hidden;
    margin:30px 0;
    color:var(--white-color);
    font-family:var(--theme-font2)
}
.vs-block-quote-style1 p,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
}
.vs-block-quote-style1:after,blockquote.wp-block-quote:after,blockquote.wp-block-quote.is-style-large:after,blockquote:after{
    content:"";
    position:absolute;
    right:10px;
    bottom:5px;
    font-family:var(--icon-font);
    font-weight:700;
    font-size:8rem;
    z-index:1;
    opacity:.15;
    line-height:1
}
.vs-block-quote-style1 *:not(:after)>,blockquote.wp-block-quote *:not(:after)>,blockquote.wp-block-quote.is-style-large *:not(:after)>,blockquote *:not(:after)>{
    position:relative;
    z-index:1
}
.vs-block-quote-style1 p,blockquote.wp-block-quote p,blockquote.wp-block-quote.is-style-large p,blockquote p{
    margin-bottom:0
}
.vs-block-quote-style1 p a,blockquote.wp-block-quote p a,blockquote.wp-block-quote.is-style-large p a,blockquote p a{
    color:inherit
}
.vs-block-quote-style1 cite,blockquote.wp-block-quote cite,blockquote.wp-block-quote.is-style-large cite,blockquote cite{
    display:inline-block;
    font-size:18px;
    position:relative;
    padding-left:30px;
    border-color:inherit;
    line-height:1;
    font-weight:400;
    margin-top:20px;
    font-style:normal
}
.vs-block-quote-style1 cite:before,blockquote.wp-block-quote cite:before,blockquote.wp-block-quote.is-style-large cite:before,blockquote cite:before{
    content:"";
    position:absolute;
    left:0;
    bottom:10px;
    width:20px;
    height:2px;
    border-top:2px solid;
    border-color:inherit
}
.vs-block-quote-style1.has-text-align-right:after,blockquote.wp-block-quote.has-text-align-right:after,blockquote.wp-block-quote.is-style-large.has-text-align-right:after,blockquote.has-text-align-right:after{
    right:auto;
    left:10px;
    transform:rotateY(180deg)
}
.blog-meta a{
    display:inline-block;
    margin-right:15px;
    font-weight:500
}
.blog-meta a:last-child{
    margin-right:0
}
.blog-meta a i{
    margin-right:7px;
    color:var(--theme-color)
}
.service-category,.blog-category{
    margin-bottom:-10px
}
.service-category a,.blog-category a{
    display:inline-block;
    color:#fff;
    padding:4.5px 24.5px;
    margin-right:5px;
    margin-bottom:10px;
    border:1px solid rgba(0,0,0,0);
    background-color:var(--theme-color)
}
.service-category a:hover,.blog-category a:hover{
    background-color:var(--white-color);
    color:var(--body-color);
    border-color:var(--theme-color)
}
.vs-blog{
    margin-bottom:30px
}
.vs-blog .blog-title a:not(:hover){
    color:inherit
}
.vs-blog .has-drop-cap:first-letter{
    font-weight:700;
    font-size:30px;
    text-transform:uppercase;
    border-width:2px;
    border-style:solid;
    display:inline-block;
    padding:20px 24px
}

@media(max-width: 992px){
    .vs-block-quote-style1,blockquote.wp-block-quote,blockquote.wp-block-quote.is-style-large,blockquote{
        font-size:18px;
        line-height:34px;
        padding:20px;
        margin:20px 0
    }
    .vs-block-quote-style1:after,blockquote.wp-block-quote:after,blockquote.wp-block-quote.is-style-large:after,blockquote:after{
        font-size:5rem
    }
    .vs-block-quote-style1 cite,blockquote.wp-block-quote cite,blockquote.wp-block-quote.is-style-large cite,blockquote cite{
        font-size:16px;
        padding-left:30px;
        margin-top:15px
    }
    .vs-block-quote-style1 cite:before,blockquote.wp-block-quote cite:before,blockquote.wp-block-quote.is-style-large cite:before,blockquote cite:before{
        bottom:8px
    }
}
.vs-blog-layout1 .blog-meta{
    border-bottom:1px solid var(--theme-color);
    padding-bottom:15px;
    margin-bottom:27px
}
.vs-blog-layout1 .blog-content{
    padding:27px 30px;
    padding-bottom:1px;
    margin:0 20px;
    margin-top:-60px;
    position:relative;
    z-index:2
}
 @media(max-width: 1199px){
    .vs-blog-layout1 .blog-meta{
        margin-bottom:20px
    }
    .vs-blog-layout1 .blog-meta a{
        font-size:14px
    }
    .vs-blog-layout1 .blog-content{
        margin:0
    }
}
 @media(max-width: 1199px){
    .vs-blog-layout1 .blog-content{
        padding:15px 15px
    }
    .vs-blog-layout1 p{
        margin-bottom:0
    }
}
.vs-blog-layout2 .vs-blog{
    display:block;
    overflow:hidden;
    background-color:var(--white-color);
    box-shadow:0px 4px 20px 0px rgba(0,0,0,.05)
}
.vs-blog-layout2 .blog-content{
    padding:25px 30px;
    padding-bottom:15px
}
.vs-blog-layout2 .blog-meta{
    border-top:1px solid var(--border-color);
    padding-top:15px;
    margin-top:20px
}
 @media(max-width: 1199px){
    .vs-blog-layout2 .blog-content{
        padding:15px;
        padding-bottom:15px
    }
    .vs-blog-layout2 .blog-meta a{
        font-size:14px
    }
}
.vs-blog-layout3 .vs-blog{
    position:relative
}
.vs-blog-layout3 .blog-number{
    font-size:28px;
    font-family:var(--theme-font2);
    position:absolute;
    right:30px;
    top:30px;
    z-index:3;
    padding:20px;
    border-radius:10px
}
.vs-blog-layout3 .blog-content{
    padding:27px 30px;
    padding-bottom:1px
}
.vs-blog-layout3 .blog-title.text-white a:hover{
    color:var(--white-color)
}
.vs-blog-layout3 .blog-meta{
    padding-bottom:18px;
    border-bottom:1px solid;
    border-color:var(--white-color);
    margin-bottom:16px;
    position:relative;
    z-index:1
}
.vs-blog-layout3 .blog-meta:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-1.5px;
    height:3px;
    width:100%;
    max-width:100px;
    border-top:3px solid;
    border-color:inherit
}
.vs-blog-layout3 .blog-meta a.text-white i{
    color:var(--white-color)
}
 @media(max-width: 576px){
    .vs-blog-layout3 .blog-content{
        padding:17px 20px;
        padding-bottom:.1px
    }
    .vs-blog-layout3 p:last-child{
        margin-bottom:15px
    }
    .vs-blog-layout3 .blog-number{
        font-size:28px;
        right:15px;
        top:15px;
        padding:15px;
        font-size:22px
    }
}
.vs-blog-layout4 .vs-blog{
    position:relative;
    margin-bottom:35px;
    overflow:visible
}
.vs-blog-layout4 .vs-blog::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-5px;
    height:10px;
    background-color:var(--theme-color);
    z-index:2;
    border-radius:30px 30px 0 0;
    z-index:-1
}
.vs-blog-layout4 .blog-image{
    overflow:hidden
}
.vs-blog-layout4 a.overlay::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
    z-index:1
}
.vs-blog-layout4 .blog-number{
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    border-bottom-left-radius:20px;
    font-size:22px;
    font-family:var(--theme-font2);
    z-index:3
}
.vs-blog-layout4 .blog-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:0 30px;
    padding-bottom:17px;
    z-index:3
}
 @media(max-width: 1199px){
    .vs-blog-layout4 .blog-content{
        padding:0 20px;
        padding-bottom:7px
    }
}
 @media(max-width: 768px){
    .vs-blog-layout4 .blog-content{
        right:auto;
        width:100%
    }
}
.blog-list-layout1 .link-btn:not(:hover){
    color:var(--body-color)
}
.blog-list-layout1 .blog-video a.play-btn{
    z-index:3
}
@media(min-width: 1199px){
    .blog-list-layout1 .blog-video a.play-btn>i{
        width:100px;
        height:100px;
        line-height:100px;
        font-size:30px
    }
}
.blog-list-layout1 .blog-video a.play-btn:after,.blog-list-layout1 .blog-video a.play-btn:before{
    background-color:rgba(0,0,0,0);
    border:2px solid #fff
}
.blog-list-layout1 .blog-meta{
    margin-bottom:15px
}
.blog-list-layout1 .blog-meta a:not(:hover){
    color:var(--body-color)
}
.blog-list-layout1 .blog-meta i{
    color:inherit
}
.blog-list-layout1 .blog-image .slick-arrow{
    left:40px;
    color:var(--white-color)
}
.blog-list-layout1 .blog-image .slick-arrow.slick-next{
    left:auto;
    right:40px
}
.blog-list-layout1 .blog-image,.blog-list-layout1 .blog-video,.blog-list-layout1 .blog-header,.blog-list-layout1 .blog-content{
    position:relative;
    z-index:2
}
.blog-list-layout1 .blog-audio{
    line-height:0
}
.blog-list-layout1 .post-author img{
    width:40px;
    height:40px;
    margin-right:10px
}
.blog-list-layout1 .post-author a{
    color:var(--body-color);
    font-family:var(--theme-font2)
}
.blog-list-layout1 .format-background .blog-content{
    padding-bottom:18px
}
.blog-list-layout1 .format-background .blog-content *{
    position:relative;
    z-index:2
}
.blog-list-layout1 .blog-content{
    padding:40px;
    padding-bottom:.1px
}
.blog-list-layout1 .blog-category{
    margin-bottom:15px
}
.blog-list-layout1 .blog-category a{
    border:none
}
.blog-list-layout1 .blog-footer{
    margin-top:30px;
    margin-bottom:40px
}
.blog-list-layout1 .share-links .social-links li{
    margin-right:2px
}
.blog-list-layout1 .share-links .social-links li:last-child{
    margin-right:0
}
.blog-list-layout1 .share-links .social-links a{
    font-size:14px;
    width:40px;
    height:40px;
    line-height:40px;
    background-color:var(--white-color);
    color:var(--title-color);
    display:inline-block;
    text-align:center;
    border-radius:50%
}
.blog-list-layout1 .share-links .social-links a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.blog-list-layout1 .vs-related-post .link-btn{
    color:var(--theme-color);
    margin-top:15px;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:.2px;
    text-decoration:underline
}
.blog-list-layout1 .vs-related-post .link-btn:hover{
    color:var(--title-color)
}
.blog-list-layout1 .vs-related-post a.text-theme:hover{
    color:var(--title-color) !important
}
.blog-list-layout1 .vs-related-post .related-post-img{
    overflow:hidden
}
.blog-list-layout1 .vs-related-post .related-post-img img{
    transition:all ease .4s;
    transform:scale(1)
}
.blog-list-layout1 .vs-related-post:hover .related-post-img img{
    transform:scale(1.1)
}

@media(min-width: 1500px){
    .blog-list-layout1 .blog-title{
        font-size:38px;
        line-height:1.4;
        margin-bottom:5px
    }
}
 @media(max-width: 1199px){
    .blog-list-layout1 .blog-content{
        padding:30px;
        padding-bottom:.1px
    }
    .blog-list-layout1 .blog-footer{
        margin-top:30px;
        margin-bottom:30px
    }
}
 @media(max-width: 992px){
    .blog-list-layout1 .my-50{
        margin-top:30px;
        margin-bottom:30px
    }
    .blog-list-layout1 .py-50{
        padding-top:30px;
        padding-bottom:30px
    }
    .blog-list-layout1 .pt-50{
        padding-top:30px
    }
    .blog-list-layout1 .px-40{
        padding-right:20px;
        padding-left:20px
    }
    .blog-list-layout1 .py-40{
        padding-top:20px;
        padding-bottom:20px
    }
    .blog-list-layout1 .mb-45{
        margin-bottom:30px
    }
    .blog-list-layout1 .blog-author-style1 .h2{
        font-size:24px
    }
}
 @media(max-width: 576px){
    .blog-list-layout1 .blog-content{
        padding:30px 15px;
        padding-bottom:.1px
    }
    .blog-list-layout1 .blog-footer{
        margin-top:30px;
        margin-bottom:30px
    }
    .blog-list-layout1 .post-author a{
        font-size:12px
    }
    .blog-list-layout1 .blog-meta{
        margin-bottom:5px
    }
    .blog-list-layout1 .blog-author-style1 .h2{
        font-size:18px
    }
}
.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-top:40px;
    padding-bottom:32px;
    border-top:1px solid var(--white-color)
}
.vs-comments-layout1 p{
    margin-bottom:0
}
.vs-comments-layout1 ul.comment-list{
    list-style:none;
    margin:0;
    padding:0
}
.vs-comments-layout1 ul.comment-list>li:first-child>.vs-post-comment{
    padding-top:0;
    border-top:none
}
.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
}
.vs-comments-layout1 .comment-content{
    width:calc(100% - 130px);
    margin-top:-5px
}
.vs-comments-layout1 .commented-on{
    font-size:14px;
    display:inline-block;
    margin-bottom:5px;
    font-weight:500;
    color:var(--theme-color)
}
.vs-comments-layout1 .vs-btn{
    width:110px;
    height:40px;
    padding:0;
    line-height:40px;
    text-align:center;
    font-size:14px;
    margin-top:5px;
    --n: 1;
    border-radius:50px
}
.vs-comments-layout1 .vs-btn .vs-btn-icon{
    --n: 0
}
.vs-comments-layout1 .vs-btn:hover{
    color:var(--white-color)
}
.vs-comments-layout1 .comment-top{
    display:flex;
    justify-content:space-between
}
.vs-comments-layout1 .text{
    margin-bottom:25px
}
.vs-comments-layout1 .text:last-child{
    margin-bottom:0
}
.vs-comments-layout1 .children{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:30px
}
 @media(max-width: 992px){
    .vs-comments-layout1{
        padding-bottom:1px
    }
}
 @media(max-width: 992px){
    .vs-comments-layout1 .vs-post-comment{
        display:block;
        margin-bottom:0;
        padding:20px 0;
        margin-top:0
    }
    .vs-comments-layout1 .author-img{
        margin-right:0;
        margin-bottom:15px
    }
    .vs-comments-layout1 .comment-content{
        width:100%
    }
    .vs-comments-layout1 .children{
        margin-left:20px
    }
}
 @media(max-width: 576px){
    .vs-comments-layout1 .vs-post-comment{
        position:relative
    }
    .vs-comments-layout1 .children{
        margin-left:5px
    }
    .vs-comments-layout1 .commented-on{
        margin-bottom:0;
        line-height:1
    }
    .vs-comments-layout1 .comment-top{
        display:block
    }
    .vs-comments-layout1 .comment-top .vs-btn{
        position:relative;
        right:0;
        top:0;
        font-size:10px;
        width:80px;
        height:30px;
        line-height:27px;
        padding:0;
        border-width:1px;
        margin-bottom:10px
    }
}
.comment-form-style1{
    padding:40px
}
.comment-form-style1 textarea:focus,.comment-form-style1 input:focus,.comment-form-style1 textarea,.comment-form-style1 input{
    border:none
}
.comment-form-style1 textarea.form-control{
    min-height:150px
}
 @media(max-width: 992px){
    .comment-form-style1{
        padding:20px
    }
}
.vs-hero-wrapper .vs-btn{
    line-height:inherit;
    padding:inherit;
    padding-top:0;
    padding-bottom:0;
    font-size:inherit;
    width:100%;
    height:100%;
    box-shadow:none !important
}
.vs-hero-wrapper .vs-btn .vs-btn-icon{
    width:29%;
    margin-left:16%;
    height:calc(100% - .7vw);
    font-size:140%;
    line-height:.8;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.vs-hero-wrapper .vs-btn .vs-btn-icon i:before{
    position:relative;
    top:-2%
}
 @media(min-width: 992px){
    .hero-box1:before{
        content:"";
        position:absolute;
        top:0;
        left:-18px;
        width:18px;
        height:18px;
        border-top:10px solid var(--theme-color);
        border-left:10px solid rgba(0,0,0,0);
        border-right:10px solid var(--theme-color);
        border-bottom:10px solid rgba(0,0,0,0)
    }
}
.vs-hero-wrapper{
    position:relative;
    z-index:1
}
 @media(max-width: 1199px){
    .vs-hero-wrapper .vs-btn{
        text-align:center;
        padding:0
    }
    .vs-hero-wrapper .vs-btn .vs-btn-icon{
        display:none
    }
}
 @media(max-width: 992px){
    .ls-wrapper>.ls-layer.ls-hide-tablet{
        display:none !important
    }
}
 @media(max-width: 1500px){
    .vs-hero-wrapper.mx-100{
        margin-right:0;
        margin-left:0
    }
}


@media(max-width: 992px){
    .ls-container .ls-layers .ls-none-md{
        display:none !important
    }
}
.about-image-box1 .small-img1{
    position:absolute;
    top:0;
    right:0
}
.about-image-box1 .small-img2{
    position:absolute;
    left:-115px;
    bottom:0
}
.about-image-box1 .pattern{
    position:absolute;
    bottom:-40px;
    right:-47px;
    z-index:-1
}
.vs-about-layout1 .shape1{
    right:200px;
    top:-80px;
    z-index:2
}
@media(max-width: 1500px){
    .about-image-box1 .small-img2{
        left:-30px
    }
    .vs-about-layout1 .shape1{
        max-width:300px
    }
}
 @media(max-width: 1300px){
    .about-image-box1 .small-img2{
        left:30px
    }
    .about-content-box1.pl-50{
        padding-left:0
    }
    .about-content-box1.pr-50{
        padding-right:0
    }
}
@media(max-width: 1199px){
    .about-image-box1.pt-100.pb-150{
        padding-top:0;
        padding-bottom:0
    }
}
 @media(max-width: 992px){
    .about-content-box1 p.mb-30{
        margin-bottom:15px
    }
}
.vs-about-layout2 .shape1{
    right:100px;
    bottom:60px;
    z-index:2
}
@media(max-width: 1500px){
    .vs-about-layout2 .shape1{
        display:none
    }
}
.vs-about-layout3[data-overlay]:before{
    max-height:30%
}
.vs-about-layout3 .shape1{
    left:3%;
    bottom:7%
}
.vs-about-layout3 .shape2{
    right:8%;
    top:12%;
    z-index:2;
    animation-delay:2s
}
.about-image-box3 .blur-img{
    position:absolute;
    bottom:-20px;
    z-index:-1;
    filter:blur(15px);
    right:60px;
    left:60px
}
 @media(max-width: 1850px){
    .vs-about-layout3 .shape2,.vs-about-layout3 .shape1{
        display:none
    }
}
@media(max-width: 992px){
    .about-image-box3 .blur-img{
        display:none
    }
}
.vs-about-layout4 .shape1{
    right:5%;
    bottom:-200px
}
.vs-about-layout5 .shape1{
    right:2%;
    bottom:2%
}
.about-image-box4 .small-img1{
    width:160ox;
    height:160ox;
    display:inline-block;
    padding:9px;
    background-color:var(--white-color);
    position:absolute;
    right:-135px;
    bottom:125px;
    z-index:2;
    border-radius:50%
}
.about-image-box4 .small-img1 img{
    border-radius:50%
}
.about-image-box4 .experance-box{
    position:absolute;
    right:0;
    bottom:0;
    z-index:1
}
.about-image-box4 .experance-box:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:-10px;
    left:-10px;
    width:100%;
    height:100%;
    background-color:var(--white-color);
    border-radius:10px
}
.about-image-box4 .experance-box .box-content{
    padding:40px;
    border-radius:10px
}
.about-image-box4 .experance-box span{
    line-height:1
}
@media(max-width: 1800px){
    .vs-about-layout5 .shape1,.vs-about-layout4 .shape1{
        max-width:250px;
        bottom:-100px;
        right:1%
    }
    .vs-about-layout5 .shape1{
        bottom:1%
    }
}
@media(max-width: 1199px){
    .about-image-box4.pb-90{
        padding-bottom:50px
    }
    .about-content-box4.pl-50{
        padding-left:0
    }
}
@media(max-width: 992px){
    .about-image-box4.pb-90{
        padding-bottom:0
    }
    .about-image-box4 .experance-box .sec-title-style1{
        font-size:42px
    }
    .about-image-box4 .big-img img{
        width:100%
    }
}
@media(max-width: 576px){
    .about-image-box4 .experance-box{
        position:relative;
        margin-top:20px
    }
    .about-image-box4 .experance-box::before{
        display:none
    }
}
.about-image-box5 .ripple:after,.about-image-box5 .ripple:before{
    content:"";
    width:300px;
    height:300px;
    margin:-150px 0 0 -150px;
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    z-index:-1;
    border:2px solid var(--theme-color);
    opacity:0;
    border-radius:50%
}
.about-image-box5 .ripple:after{
    animation-delay:3s
}
@media(max-width: 1199px){
    .vs-about-layout6 .skill-area{
        padding:40px;
        padding-bottom:10px
    }
}
@media(max-width: 1199px){
    .vs-about-layout6 .skill-area{
        padding:20px;
        padding-bottom:5px
    }
    .vs-about-layout6 .vs-skill-bar1{
        margin-bottom:20px
    }
}
.about-content-box5>div{
    max-width:550px;
    margin-left:auto;
    margin-right:auto
}
@media(min-width: 1199px)and (max-width: 1500px){
    .about-content-box5.space{
        padding-top:40px;
        padding-bottom:40px
    }
}
.vs-service-layout1 a{
    color:inherit
}
.vs-service-layout1 .vs-service{
    text-align:center;
    position:relative;
    padding:0 20px;
    margin-bottom:25px;
    transition:all ease .4s
}
.vs-service-layout1 .vs-service:hover .icon{
    background-color:var(--theme-color) !important;
    color:var(--white-color) !important
}
.vs-service-layout1 .service-icon{
    position:relative;
    padding-bottom:43px;
    margin-bottom:37px
}
.vs-service-layout1 .service-icon [class^=flaticon-],.vs-service-layout1 .service-icon [class*=" flaticon-"]{
    line-height:inherit
}
.vs-service-layout1 .service-icon:before{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    height:4px;
    width:40px;
    margin-left:-20px;
    background-color:var(--theme-color);
    border-radius:10px
}
.vs-service-layout1 .service-icon .bg-icon{
    position:absolute;
    left:20%;
    top:30%;
    font-size:100px;
    z-index:-1;
    --moving-ani-duration: 15s;
    opacity:.5;
    line-height:1
}
.vs-service-layout1 .service-icon .icon{
    width:100px;
    height:100px;
    display:inline-block;
    border-radius:12px;
    text-align:center;
    line-height:100px;
    box-shadow:0px 8px 16px 0px rgba(249,163,146,.2);
    transition:all ease .4s
}
.vs-service-layout1 .vs-carousel .slick-track>div:nth-child(even) .service-icon .bg-icon,.vs-service-layout1 .row>div:nth-child(even) .service-icon .bg-icon{
    animation-delay:4s
}
 @media(max-width: 1199px){
    .vs-service-layout1 .vs-service{
        padding:0
    }
    .vs-service-layout1 .service-icon{
        padding-bottom:33px;
        margin-bottom:27px
    }
    .vs-service-layout1 .service-icon .bg-icon{
        left:20%;
        top:60%;
        font-size:64px
    }
}
@media(max-width: 576px){
    .vs-service-layout1 .service-icon .bg-icon{
        display:none
    }
}
.vs-service-layout2 .shape1,.vs-service-layout2 .shape2{
    font-size:260px;
    opacity:.25;
    z-index:1
}
.vs-service-layout2 .shape1{
    top:20%;
    right:5%
}
.vs-service-layout2 .shape2{
    bottom:10%;
    left:5%;
    animation-delay:2s
}
.vs-service-layout2 .icon-btn i{
    line-height:inherit
}
.vs-service-layout2 a{
    color:inherit
}
.vs-service-layout2 a:not(.icon-btn):hover{
    color:inherit
}
.vs-service-layout2 .vs-service,.vs-service-layout2 .service-btn,.vs-service-layout2 .service-icon,.vs-service-layout2 .service-text,.vs-service-layout2 .service-title{
    transition:all ease .4s
}
.vs-service-layout2 .vs-service{
    background-color:var(--white-color);
    text-align:center;
    padding:70px 0;
    padding-bottom:40px;
    border:2px solid;
    border-right:none;
    position:relative;
    z-index:2
}
.vs-service-layout2 .vs-service:hover{
    background-color:var(--theme-color);
    z-index:3
}
.vs-service-layout2 .vs-service:hover .service-icon,.vs-service-layout2 .vs-service:hover .service-text,.vs-service-layout2 .vs-service:hover .service-title{
    color:var(--white-color)
}
.vs-service-layout2 .vs-service:hover .service-btn{
    bottom:0;
    opacity:1;
    visibility:visible
}
.vs-service-layout2 .service-text,.vs-service-layout2 .service-text:last-child{
    max-width:215px;
    margin-left:auto;
    margin-right:auto
}
.vs-service-layout2 .service-icon{
    color:var(--theme-color);
    display:inline-block;
    margin-bottom:25px
}
.vs-service-layout2 .service-title{
    margin-bottom:17px
}
.vs-service-layout2 .service-title a{
    transition:0s
}
.vs-service-layout2 .service-btn{
    width:50px;
    height:50px;
    line-height:50px;
    position:absolute;
    bottom:30px;
    left:50%;
    margin:0 0 -25px -25px;
    opacity:0;
    visibility:hidden;
    border-radius:0
}


@media(min-width: 1199px){
    .vs-service-layout2 .row>div:nth-child(n+5) .vs-service{
        border-bottom:none
    }
    .vs-service-layout2 .row>div:nth-child(n-5) .vs-service{
        border-top:none
    }
    .vs-service-layout2 .row>div:nth-child(4n+1) .vs-service{
        border-left:none
    }
}
 @media(max-width: 1500px){
    .vs-service-layout2 .shape2,.vs-service-layout2 .shape1{
        display:none
    }
}
 @media(max-width: 1199px){
    .vs-service-layout2 .vs-service{
        border-bottom:none
    }
}
 @media(max-width: 576px){
    .vs-service-layout2 .vs-service{
        padding:40px 0;
        padding-bottom:1px
    }
}
.vs-service-layout3 [class^=flaticon-],.vs-service-layout3 [class*=" flaticon-"]{
    line-height:inherit
}
.vs-service-layout3 a,.vs-service-layout3 a:hover{
    color:inherit;
    transition:0s
}
.vs-service-layout3 .vs-service,.vs-service-layout3 .service-text,.vs-service-layout3 .service-title{
    transition:all ease .4s
}
.vs-service-layout3 .service-icon{
    display:inline-block;
    width:120px;
    height:120px;
    background-color:var(--white-color);
    line-height:110px;
    margin-bottom:40px;
    color:var(--theme-color);
    border-radius:50%
}
.vs-service-layout3 .service-title{
    margin-bottom:12px
}
.vs-service-layout3 .service-text:last-child,.vs-service-layout3 .service-text{
    margin-bottom:0
}
.vs-service-layout3 .vs-service{
    text-align:center;
    border:1px dashed var(--theme-color);
    background-color:var(--theme-color);
    padding:60px 0;
    padding-bottom:55px;
    margin-bottom:30px
}
.vs-service-layout3 .vs-service:hover{
    background-color:var(--theme-color)
}
.vs-service-layout3 .vs-service:hover .service-text,.vs-service-layout3 .vs-service:hover .service-title{
    color:var(--white-color)
}
.vs-service-layout3 .service-text,.vs-service-layout3 .service-text:last-child{
    max-width:225px;
    margin-left:auto;
    margin-right:auto
}
.vs-service-layout3 .gutters-10 .vs-service{
    margin-bottom:10px
}
 @media(max-width: 768px){
    .vs-service-layout3 .vs-service{
        padding:25px 10px;
        padding-bottom:20px
    }
    .vs-service-layout3 .service-icon{
        width:80px;
        height:80px;
        line-height:80px;
        margin-bottom:15px;
        font-size:10px
    }
}
.service-layout4 .service-icon i,.service-layout4 .service-title,.service-layout4 .service-text{
    transition:all ease .4s
}
.service-layout4 .vs-service{
    border-width:1px;
    border-style:solid;
    text-align:center;
    padding:55px 15px;
    transition:all ease .4s
}
.service-layout4 .vs-service:hover{
    background-color:var(--theme-color)
}
.service-layout4 .vs-service:hover .service-icon i,.service-layout4 .vs-service:hover .service-title,.service-layout4 .vs-service:hover .service-text{
    color:var(--white-color)
}
.service-layout4 .service-text,.service-layout4 .service-text:last-child{
    width:100%;
    max-width:270px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0
}
 @media(max-width: 992px){
    .service-layout4 .vs-service{
        padding:30px 10px
    }
}
.vs-service-layout5{
    position:relative
}
.vs-service-layout5 .shape1{
    left:10%;
    top:-80px;
    z-index:3
}
.vs-service-layout5 .vs-service{
    padding:60px 50px 20px 50px;
    text-align:center;
    margin-bottom:30px;
    transition:all ease .4s
}
.vs-service-layout5 .service-img{
    width:100%;
    max-width:200px;
    margin:0 auto;
    margin-bottom:25px;
    position:relative
}
.vs-service-layout5 .service-icon{
    position:absolute;
    right:0;
    top:0;
    font-size:28px;
    background-color:var(--theme-color);
    color:var(--white-color);
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:50%;
    margin:-25px -25px 0 0
}
.vs-service-layout5 a:hover,.vs-service-layout5 a{
    color:inherit;
    transition:0s
}
.vs-service-layout5 .service-icon,.vs-service-layout5 .service-text,.vs-service-layout5 .service-title{
    transition:all ease .3s
}
.vs-service-layout5 .vs-service:hover,.vs-service-layout5 .slick-center .vs-service{
    background-color:var(--theme-color)
}
.vs-service-layout5 .vs-service:hover .service-icon,.vs-service-layout5 .slick-center .vs-service .service-icon{
    background-color:var(--white-color);
    color:var(--title-color)
}
.vs-service-layout5 .vs-service:hover .service-text,.vs-service-layout5 .vs-service:hover .service-title,.vs-service-layout5 .slick-center .vs-service .service-text,.vs-service-layout5 .slick-center .vs-service .service-title{
    color:var(--white-color)
}
 @media(max-width: 1199px){
    .vs-service-layout5 .vs-service{
        padding:60px 30px 10px 30px;
        text-align:center;
        margin-bottom:30px
    }
}
 @media(max-width: 992px){
    .vs-service-details .py-60{
        padding-top:30px;
        padding-bottom:30px
    }
    .vs-service-details .my-55{
        margin-top:25px;
        margin-bottom:25px
    }
    .vs-service-details .mt-55{
        margin-top:25px
    }
    .vs-service-details .mb-60{
        margin-bottom:30px
    }
    .vs-service-details .pt-60{
        padding-top:30px
    }
    .vs-service-details .mt-60{
        margin-top:30px
    }
}
.offer-banner-style2,.offer-banner-style1{
    position:relative
}
.offer-banner-style2 .banner-content,.offer-banner-style1 .banner-content{
    position:absolute;
    width:100%;
    max-width:300px;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
.offer-banner-style2 .vs-btn,.offer-banner-style1 .vs-btn{
    padding:12px 36px;
    border:none
}
.offer-banner-style2 .banner-content{
    right:auto;
    left:10%
}
.offer-banner-style3.bg-light-success{
    background-color:#edfffa
}
.offer-banner-style3.bg-light-success .vs-btn{
    background-color:#35bf96
}
.offer-banner-style3.bg-light-success .offer-per sup,.offer-banner-style3.bg-light-success .offer-per sub{
    color:#35bf96
}
.offer-banner-style3 .offer-per,.offer-banner-style3 .offer-title{
    font-size:100px;
    font-family:var(--theme-font2);
    position:relative;
    line-height:1
}
.offer-banner-style3 .offer-title{
    font-style:italic;
    font-weight:500;
    margin-bottom:50px;
    letter-spacing:-1.8px
}
.offer-banner-style3 .offer-per{
    display:inline-block;
    padding-right:.5em
}
.offer-banner-style3 .offer-per sub,.offer-banner-style3 .offer-per sup{
    font-size:.3em;
    line-height:32px;
    top:0;
    position:absolute;
    right:0;
    color:var(--theme-color)
}
.offer-banner-style3 .offer-per sub{
    top:auto;
    bottom:.1em;
    line-height:1;
    font-size:.57em
}
.offer-banner-style3 .vs-btn{
    padding:15px 40px;
    border:none
}
.offer-banner-style3 .offer-icon{
    margin-bottom:40px
}
 @media(max-width: 1500px){
    .offer-banner-style3 .offer-per,.offer-banner-style3 .offer-title{
        font-size:42px
    }
    .offer-banner-style3 .offer-title{
        margin-bottom:25px
    }
    .offer-banner-style3 .offer-icon{
        margin-bottom:20px
    }
    .offer-banner-style3 .offer-per{
        margin-bottom:10px !important
    }
    .offer-banner-style3 .offer-per sup{
        top:-10px
    }
}
 @media(max-width: 1199px){
    .offer-banner-style2 .banner-content,.offer-banner-style1 .banner-content{
        max-width:250px
    }
    .offer-banner-style2 .banner-title,.offer-banner-style1 .banner-title{
        font-size:28px
    }
    .offer-banner-style3 .offer-icon{
        max-width:70px;
        margin-left:auto;
        margin-right:auto
    }
}

@media(max-width: 576px){
    .offer-banner-style1 .banner-content{
        transform:translateY(-50%) scale(0.6);
        transform-origin:right
    }
    .offer-banner-style2 .banner-content{
        transform:translateY(-50%) scale(0.6);
        transform-origin:left
    }
}
.divider-style1 .divider-icon{
    width:80px;
    height:80px;
    display:inline-block;
    text-align:center;
    font-size:46px;
    line-height:80px;
    color:var(--white-color);
    background-color:var(--theme-color);
    border-radius:50%
}
.divider-style1 .divider-icon:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    height:2px;
    margin-top:-1px;
    width:100%;
    z-index:-1;
    background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--theme-color) 50%, rgba(255, 255, 255, 0) 100%)
}
 @media(max-width: 992px){
    .divider-style1 .divider-icon{
        width:60px;
        height:60px;
        font-size:36px;
        line-height:61px
    }
}
.price-list-style1{
    border-radius:14px
}
.price-list-style1 a{
    color:inherit
}
.price-list-style1 .vs-price-list{
    margin-bottom:20px
}
.price-list-style1 .vs-price-list:last-child{
    margin-bottom:0
}
.price-list-style1 .vs-price-list:hover .media-img img{
    transform:scale(1.3) rotate(15deg)
}
.price-list-style1 .media-img{
    overflow:hidden;
    border-radius:7px
}
.price-list-style1 .media-img img{
    transition:all ease .4s;
    transform:scale(1) rotate(0)
}
 @media(max-width: 1199px){
    .col-lg-6 .price-list-style1.py-60,.col-lg-6 .price-list-style1.px-60{
        padding:20px
    }
}
 @media(max-width: 992px){
    .price-list-style1.px-60{
        padding-right:20px;
        padding-left:20px
    }
    .price-list-style1.py-60{
        padding-top:20px;
        padding-bottom:20px
    }
}
 @media(max-width: 576px){
    .price-list-style1 .media-img{
        margin-right:0;
        margin-bottom:10px
    }
    .price-list-style1 .vs-price-list{
        display:block
    }
}
.vs-pricing-layout2 .vs-price{
    font-size:80px;
    font-family:var(--theme-font2);
    line-height:1;
    position:relative;
    bottom:-5px
}
.vs-pricing-layout2 .vs-price sub{
    font-size:24px;
    position:relative;
    bottom:0
}
.vs-pricing-layout2 .vs-price-head{
    position:relative;
    border-width:0;
    border-bottom-width:2px;
    border-style:solid;
    padding-bottom:30px;
    margin-bottom:63px
}
.vs-pricing-layout2 .vs-price-list{
    list-style:none;
    margin:0;
    padding:0;
    text-align:left;
    margin-bottom:43px
}
.vs-pricing-layout2 .vs-price-list li{
    display:block;
    clear:both;
    margin:15px 0;
    padding-right:40px;
    margin-bottom:20px;
    position:relative
}
.vs-pricing-layout2 .vs-price-list li:after{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    right:0;
    top:-6px;
    background-color:var(--white-color);
    text-align:center;
    width:35px;
    height:35px;
    line-height:35px;
    color:var(--theme-color);
    z-index:1;
    border-radius:50%;
    transition:all ease .4s
}
.vs-pricing-layout2 .vs-price-box{
    background-color:#fff;
    position:relative;
    z-index:1;
    padding:80px;
    padding-top:74px;
    border-bottom:10px solid rgba(0,0,0,0);
    transition:all ease .4s
}
.vs-pricing-layout2 .vs-price-box[data-overlay=theme]:before{
    opacity:.17;
    z-index:-1;
    transition:all ease .4s;
    bottom:-10px
}
.vs-pricing-layout2 .vs-price-box:hover{
    border-color:var(--theme-color)
}
.vs-pricing-layout2 .vs-price-box:hover .vs-price-list li:after{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.vs-pricing-layout2 .vs-price-box:hover::before{
    opacity:0;
    visibility:hidden
}
.vs-pricing-layout2 .tab-pane .vs-price-box{
    border-color:var(--theme-color)
}
.vs-pricing-layout2 .tab-pane .vs-price-box:hover{
    border-color:var(--theme-color)
}
.vs-pricing-layout2 .tab-pane .vs-price-box:hover .vs-price-list li:after{
    background-color:var(--white-color);
    color:var(--theme-color)
}
.vs-pricing-layout2 .tab-pane .vs-price-box:hover::before{
    opacity:.17;
    visibility:visible
}
.tabs-style1 li{
    margin:0 0;
    background-color:var(--white-color)
}
.tabs-style1 a{
    padding:17px 33px;
    color:var(--body-color);
    font-weight:700;
    position:relative;
    display:inline-block
}
.tabs-style1 a:hover,.tabs-style1 a.active{
    color:var(--white-color);
    background-color:var(--theme-color)
}
.tabs-style1.tab-has-arrow a:before{
    content:"";
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-10px;
    opacity:0;
    border-top:10px solid var(--theme-color);
    border-left:10px solid rgba(0,0,0,0);
    border-right:10px solid rgba(0,0,0,0)
}
.tabs-style1.tab-has-arrow a.active::before{
    opacity:1;
    visibility:visible
}


@media(max-width: 1199px){
    .vs-pricing-layout2 .vs-price-box{
        padding:40px;
        padding-top:34px
    }
}
 @media(max-width: 992px){
    .vs-pricing-layout2 .vs-price-box{
        padding:40px 20px
    }
    .vs-pricing-layout2 .vs-price{
        font-size:42px;
        bottom:-2px
    }
    .vs-pricing-layout2 .package-name{
        font-size:18px
    }
    .vs-pricing-layout2 .vs-price-head{
        padding-bottom:15px;
        margin-bottom:25px
    }
    .vs-pricing-layout2 .vs-price-list{
        margin-bottom:23px
    }
    .tabs-style1 a{
        padding:12px 20px
    }
}
.quote-icon-style1{
    color:var(--theme-color);
    position:relative;
    padding-bottom:54px;
    margin-bottom:45px;
    display:inline-block;
    line-height:1
}
.quote-icon-style1:before{
    content:"";
    position:absolute;
    width:75px;
    height:75px;
    border-radius:50%;
    background-color:var(--theme-color);
    z-index:-1;
    opacity:.2;
    top:-10px;
    right:-25px
}
.quote-icon-style1:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    height:4px;
    border-radius:50%;
    width:100px;
    margin-left:-50px;
    background-color:var(--theme-color);
    opacity:.3
}
.quote-icon-style1.text-white:before,.quote-icon-style1.text-white:after{
    background-color:var(--white-color);
    opacity:1
}
.quote-icon-style1.has-white-shape:after{
    background-color:#fff;
    opacity:1
}
.quote-icon-style1.has-white-shape::before{
    background-color:var(--theme-color);
    opacity:.3
}
.testimonial-avater-style1{
    width:100%;
    max-width:250px;
    padding:0 10px;
    overflow:hidden;
    margin:20px auto 0 auto
}
.testimonial-avater-style1 .author-img{
    width:70px;
    height:70px;
    padding:8px;
    background-color:#fff;
    border-radius:50%;
    overflow:hidden;
    box-shadow:0px 10px 28px 0px rgba(249,163,146,.3);
    margin:0 2px;
    margin-bottom:10px;
    cursor:pointer;
    transition:all ease .4s;
    transform:scale(0.99)
}
.testimonial-avater-style1 .author-img img{
    border-radius:inherit
}
.testimonial-avater-style1 .author-img:not(.slick-center){
    background-color:rgba(0,0,0,0);
    box-shadow:none;
    transform:scale(0.8);
    margin-top:2px;
    transform-origin:50% 50%
}
.testimonial-avater-style1 .author-img:not(.slick-center):hover{
    background-color:var(--theme-color)
}
.testimonial-author-style1{
    margin:0 0 15px 0
}
.testimonial-border-line{
    margin-bottom:15px;
    margin-top:0;
    position:relative
}
.testimonial-border-line .border-css{
    width:calc(100% - 180px);
    height:2px;
    margin:0 auto;
    background-color:var(--smoke-color);
    display:block
}
.testimonial-border-line .border-css:after,.testimonial-border-line .border-css:before{
    content:"";
    position:absolute;
    width:80px;
    top:0;
    height:2px;
    left:50%;
    margin-left:-40px;
    background-color:var(--theme-color)
}
.testimonial-border-line .border-css:after{
    content:"";
    border-bottom:2px solid var(--theme-color);
    border-left:2px solid var(--theme-color);
    width:20px;
    height:20px;
    margin-left:-12px;
    background-color:#fff;
    margin-top:-9px;
    transform:rotate(-45deg)
}
.testimonial-avater-style2.slick-slider,.testimonial-avater-style2 .slick-track,.testimonial-avater-style2 .slick-list{
    overflow:visible;
    position:static;
    transform:none !important
}
.testimonial-avater-style2 .author-img{
    position:absolute;
    width:110px;
    height:110px;
    display:inline-block;
    background-color:#fff;
    padding:10px;
    border-radius:50%;
    cursor:pointer
}
.testimonial-avater-style2 .author-img img{
    border-radius:50%
}
.testimonial-avater-style2 .slick-slide{
    opacity:0;
    visibility:hidden;
    transition:all ease .4s;
    z-index:3;
    --moving-ani-duration: 14s
}
.testimonial-avater-style2 .slick-slide:nth-child(1){
    top:140px;
    left:11%;
    opacity:1;
    visibility:visible;
    animation-delay:5s
}
.testimonial-avater-style2 .slick-slide:nth-child(2){
    width:80px;
    height:80px;
    top:auto;
    bottom:120px;
    left:17%;
    opacity:1;
    visibility:visible
}
.testimonial-avater-style2 .slick-slide:nth-child(3){
    width:100px;
    height:100px;
    left:auto;
    right:12%;
    top:15%;
    opacity:1;
    visibility:visible;
    animation-delay:7s
}
.testimonial-avater-style2 .slick-slide:nth-child(4){
    width:80px;
    height:80px;
    top:50%;
    margin-top:-40px;
    left:auto;
    right:15%;
    opacity:1;
    visibility:visible;
    animation-delay:4s
}
.testimonial-avater-style2 .slick-slide:nth-child(5){
    width:100px;
    height:100px;
    top:auto;
    bottom:65px;
    left:auto;
    right:4%;
    opacity:1;
    visibility:visible;
    animation-delay:8s
}
 @media(max-width: 992px){
    .quote-icon-style1{
        padding-bottom:30px;
        margin-bottom:25px;
        font-size:3em
    }
    .quote-icon-style1:before{
        width:50px;
        height:50px;
        top:-3px;
        right:-25px
    }
    .testimonial-border-line{
        margin-bottom:25px;
        margin-top:0
    }
}


@media(max-width: 1500px){
    .testimonial-avater-style2 .slick-slide:nth-child(2){
        bottom:4%;
        left:5%
    }
    .testimonial-avater-style2 .slick-slide:nth-child(3){
        right:4%;
        top:8%
    }
    .testimonial-avater-style2 .slick-slide:nth-child(4){
        right:1%
    }
}
 @media(max-width: 992px){
    .testimonial-border-line{
        margin-bottom:0;
        margin-top:0
    }
}
.vs-testimonial-layout2 .author-img{
    width:140px;
    margin-right:50px
}
.vs-testimonial-layout2 .testimonial-content{
    width:calc(100% - 190px)
}
 @media(max-width: 992px){
    .vs-testimonial-layout2.px-60{
        padding-left:20px;
        padding-right:20px
    }
    .vs-testimonial-layout2 .author-img{
        width:100px;
        margin-right:20px
    }
    .vs-testimonial-layout2 .testimonial-content{
        width:calc(100% - 120px)
    }
}
 @media(max-width: 768px){
    .vs-testimonial-layout2 .author-img{
        width:100px;
        margin-right:0;
        margin-bottom:20px
    }
    .vs-testimonial-layout2 .testimonial-content{
        width:100%
    }
    .vs-testimonial-layout2 .author-name{
        font-size:16px
    }
    .vs-testimonial-layout2 .author-name strong{
        display:block
    }
}
.vs-testimonial-layout3 .vs-testimonial{
    position:relative;
    padding:0 40px;
    padding-top:65px;
    padding-bottom:30px;
    border-radius:10px;
    margin-bottom:30px;
    margin-top:40px;
    box-shadow:0 -10px 20px 0 rgba(0,0,0,.05)
}
.vs-testimonial-layout3 .author-img{
    width:80px;
    height:80px;
    position:absolute;
    top:-40px
}
.vs-testimonial-layout3 .author-img img{
    width:100%;
    border-radius:50%
}
.vs-testimonial-layout3 .icon-quote{
    font-size:60px;
    line-height:1;
    margin-top:-30px;
    position:absolute;
    right:40px;
    top:0;
    color:var(--theme-color)
}
.vs-testimonial-layout3 .rating{
    color:var(--yellow-color);
    margin-bottom:10px
}
.vs-testimonial-layout3 .degi{
    font-weight:500
}
@media(max-width: 576px){
    .vs-testimonial-layout3 .vs-testimonial{
        padding:0 20px;
        padding-top:60px;
        padding-bottom:15px
    }
    .vs-testimonial-layout3 .icon-quote{
        font-size:44px;
        margin-top:-25px;
        right:20px
    }
}
.vs-appointment-layout1 .shape1{
    right:2%;
    top:10%;
    z-index:1
}
.vs-appointment-layout1 .shape2{
    left:2%;
    bottom:10%;
    animation-delay:3s;
    z-index:1
}
 @media(max-width: 1820px){
    .vs-appointment-layout1 .shape1,.vs-appointment-layout1 .shape2{
        display:none
    }
}
 @media(max-width: 992px){
    .appointment-form-style1.px-60.py-70{
        padding:20px
    }
}
 @media(max-width: 576px){
    .appointment-form-style1.px-60.py-70{
        padding:15px
    }
}
.vs-appointment-layout2 .inner-wapper{
    border-left:5px solid var(--theme-color)
}
.vs-appointment-layout2 .form-title{
    margin-top:-5px
}
 @media(max-width: 992px){
    .vs-appointment-layout2 .inner-wapper.px-60{
        padding-left:20px;
        padding-right:20px
    }
    .vs-appointment-layout2 .inner-wapper.py-40{
        padding-top:0px;
        padding-bottom:0px
    }
}
 @media(max-width: 576px){
    .vs-appointment-layout2 .inner-wapper.px-60{
        padding-left:15px;
        padding-right:15px
    }
}
.vs-features-layout1 .shape1{
    bottom:0;
    left:48%;
    transform:translateX(-50%);
    width:100%;
    max-width:560px
}
.vs-features-layout1 .shape2{
    position:absolute;
    top:0;
    left:-100px;
    right:-100px;
    height:100%;
    z-index:-1
}
.vs-features-layout1 .shape3{
    left:0;
    bottom:0;
    width:100%;
    max-width:100%;
    text-align:center;
    z-index:2
}
.vs-features-layout1 .shape5,.vs-features-layout1 .shape4{
    width:920px;
    height:920px;
    margin-left:-460px;
    margin-top:-440px;
    display:inline-block;
    left:50%;
    top:0;
    border-radius:50%;
    background:var(--white-color);
    z-index:1
}
.vs-features-layout1 .shape5{
    transform:scale(0.96);
    background-color:rgba(0,0,0,0);
    border:34px solid var(--theme-color);
    opacity:.5
}
.vs-features-layout1 .inner-wrapper{
    position:relative;
    z-index:5
}
.vs-features-layout1 .feature-text:last-child{
    margin-bottom:0
}
.vs-features-layout1 .media-icon{
    margin-top:3px;
    margin-right:25px
}
.vs-features-layout1 .media-icon .icon-btn:hover{
    color:var(--theme-color) !important
}
.vs-features-layout1 .icon-btn{
    position:relative
}
.vs-features-layout1 .icon-btn.has-border:before{
    content:"";
    position:absolute;
    top:-6px;
    right:-6px;
    bottom:-6px;
    left:-6px;
    border:1px dashed var(--theme-color);
    border-radius:inherit
}
.vs-features-layout1 .vs-feature{
    margin-bottom:40px
}
.vs-features-layout1 .vs-feature:last-child{
    margin-bottom:0
}
 @media(min-width: 1199px){
    .vs-features-layout1 .row>div:nth-child(1){
        padding-right:50px
    }
    .vs-features-layout1 .row>div:nth-child(2){
        padding-left:50px
    }
    .vs-features-layout1 .row>div:nth-child(2n+1) .vs-feature{
        flex-direction:row-reverse;
        text-align:right
    }
    .vs-features-layout1 .row>div:nth-child(2n+1) .media-icon{
        margin-right:0;
        margin-left:25px
    }
}
.vs-features-layout1 .row.has-default-view>div:nth-child(1){
    padding-right:15px
}
.vs-features-layout1 .row.has-default-view>div:nth-child(2){
    padding-left:15px
}
.vs-features-layout1 .row.has-default-view>div .vs-feature{
    flex-direction:row;
    text-align:left
}
.vs-features-layout1 .row.has-default-view>div .vs-feature:last-child{
    margin-bottom:40px
}
.vs-features-layout1 .row.has-default-view>div .vs-feature .media-icon{
    margin-right:25px;
    margin-left:0
}
 @media(max-width: 1500px){
    .vs-features-layout1 .shape2{
        left:0;
        right:0
    }
}

@media(max-width: 992px){
    .vs-features-layout1 .vs-feature{
        margin-bottom:20px
    }
    .vs-features-layout1 .inner-wrapper.pb-60{
        padding-bottom:0
    }
    .vs-features-layout1 .row.has-default-view>div .vs-feature:last-child{
        margin-bottom:30px
    }
}
 @media(max-width: 768px){
    .vs-features-layout1 .vs-feature{
        display:block;
        text-align:center
    }
    .vs-features-layout1 .row.has-default-view>div .vs-feature{
        text-align:center
    }
    .vs-features-layout1 .media-icon{
        margin-right:0;
        margin-bottom:15px
    }
}
.vs-features-layout2 .shape1{
    right:2%;
    top:0
}
.vs-features-layout2 .vs-feature-content{
    position:absolute;
    left:0;
    right:0;
    bottom:-30px;
    z-index:1;
    padding:30px;
    padding-bottom:25px;
    padding-top:140px;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}
.vs-features-layout2 .vs-feature-content p{
    margin-bottom:0
}
.vs-features-layout2 .vs-feature-content:before{
    content:"";
    position:absolute;
    z-index:-1;
    right:0;
    bottom:0;
    left:0;
    height:100%;
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.85) 40%, rgba(0, 0, 0, 0) 100%)
}
.vs-features-layout2 .vs-price-box1{
    position:absolute;
    top:0;
    right:30px;
    opacity:0;
    visibility:hidden
}
.vs-features-layout2 .vs-feature{
    position:relative;
    z-index:1;
    overflow:hidden
}
.vs-features-layout2 .vs-feature:hover .vs-feature-content{
    opacity:1;
    visibility:visible;
    bottom:0
}
.vs-features-layout2 .vs-feature:hover .vs-price-box1{
    opacity:1;
    visibility:visible;
    top:30px
}
.vs-price-box1{
    background-color:var(--theme-color);
    width:105px;
    height:105px;
    text-align:center;
    padding:0 25px;
    padding-top:10px;
    border-radius:50%;
    transition:all ease-in-out .3s
}
.vs-price-box1:before{
    content:"";
    position:absolute;
    left:-5px;
    bottom:-5px;
    right:-5px;
    top:-5px;
    border:2px dashed var(--white-color);
    border-radius:50%
}
.vs-price-box1 .text{
    font-size:14px;
    font-weight:500;
    color:var(--white-color)
}
.vs-price-box1 .price{
    display:block;
    color:var(--white-color);
    font-size:36px;
    font-weight:700;
    line-height:32px;
    margin:5px 0
}
.vs-price-box1 .price sup{
    font-weight:500
}
.vs-price-box1 .sub{
    font-size:15px;
    font-weight:400;
    display:block;
    text-align:right;
    color:var(--white-color);
    position:relative;
    top:-8px
}

@media(max-width: 1800px){
    .vs-features-layout2 .shape1{
        display:none
    }
}
.vs-features-layout3 .feature-img{
    width:160px;
    height:160px;
    position:relative;
    margin:0 auto;
    margin-bottom:35px
}
.vs-features-layout3 .feature-img i{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:39px;
    text-align:center;
    background-color:var(--theme-color);
    color:var(--white-color);
    position:absolute;
    right:-15px;
    top:-15px;
    border-radius:50%
}
.vs-features-layout3 .feature-text{
    font-size:18px;
    max-width:275px;
    margin-left:auto;
    margin-right:auto
}
.vs-features-layout3 strong,.vs-features-layout3 .feature-img i,.vs-features-layout3 .vs-feature,.vs-features-layout3 .feature-text,.vs-features-layout3 .feature-title{
    transition:all ease .4s
}
.vs-features-layout3 .vs-feature{
    text-align:center;
    padding:60px 15px;
    margin-bottom:30px
}
.vs-features-layout3 .slick-center .vs-feature,.vs-features-layout3 .vs-feature:hover{
    background-color:var(--theme-color)
}
.vs-features-layout3 .slick-center .vs-feature .feature-img i,.vs-features-layout3 .slick-center .vs-feature .vs-btn,.vs-features-layout3 .vs-feature:hover .feature-img i,.vs-features-layout3 .vs-feature:hover .vs-btn{
    background-color:var(--white-color);
    color:var(--body-color)
}
.vs-features-layout3 .slick-center .vs-feature strong,.vs-features-layout3 .slick-center .vs-feature .feature-text,.vs-features-layout3 .slick-center .vs-feature .feature-title,.vs-features-layout3 .vs-feature:hover strong,.vs-features-layout3 .vs-feature:hover .feature-text,.vs-features-layout3 .vs-feature:hover .feature-title{
    color:var(--white-color)
}
.vs-team-layout1 a{
    color:inherit
}
.vs-team-layout1 .vs-team-degi{
    display:block;
    margin-bottom:10px;
    font-weight:700
}
.vs-team-layout1 .social-links{
    margin-top:-20px;
    margin-bottom:10px;
    transition:all ease .4s;
    position:relative;
    top:-50px;
    opacity:0;
    visibility:hidden
}
.vs-team-layout1 .social-links a{
    width:40px;
    height:40px;
    background-color:var(--white-color);
    line-height:40px;
    box-shadow:0px 6px 12px 0px rgba(249,163,146,.2)
}
.vs-team-layout1 .vs-team{
    text-align:center;
    margin-bottom:20px
}
.vs-team-layout1 .vs-team:hover .social-links{
    top:0;
    opacity:1;
    visibility:visible
}
.vs-team-layout2 a{
    color:inherit
}
.vs-team-layout2 .vs-team-content{
    position:relative;
    text-align:center;
    padding-top:45px;
    padding-bottom:30px
}
.vs-team-layout2 .plus-icon{
    display:inline-block;
    width:45px;
    height:45px;
    background-color:var(--theme-color);
    text-align:center;
    line-height:45px;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:-22.5px;
    margin-left:-22.5px;
    color:var(--white-color);
    margin-top:0;
    transition:all ease .4s;
    opacity:1;
    visibility:visible
}
.vs-team-layout2 .social-links{
    position:absolute;
    left:0;
    top:-22.5px;
    width:100%;
    text-align:center;
    transition:all ease .4s;
    margin-top:10px;
    opacity:0;
    visibility:hidden
}
.vs-team-layout2 .social-links a{
    background-color:var(--white-color)
}
.vs-team-layout2 .vs-team{
    background-color:var(--white-color);
    margin-bottom:30px
}
.vs-team-layout2 .vs-team:hover .plus-icon{
    margin-top:-20px;
    opacity:0;
    visibility:visible
}
.vs-team-layout2 .vs-team:hover .social-links{
    opacity:1;
    visibility:visible;
    margin-top:0
}
.vs-team-layout3 .vs-team-img{
    width:138px;
    height:138px;
    border-radius:50%;
    border:2px solid var(--theme-color);
    overflow:hidden;
    margin:0 auto;
    margin-bottom:30px
}
.vs-team-layout3 .vs-team-img img{
    width:100%;
    border-radius:50%;
    transition:all ease .4s;
    transform:scale(1)
}
.vs-team-layout3 .social-links{
    margin-top:5px;
    margin-bottom:18px
}
.vs-team-layout3 .vs-team-degi{
    color:var(--theme-color);
    font-weight:500;
    transition:.4s all ease
}
.vs-team-layout3 .vs-btn{
    padding:5px 25px
}
.vs-team-layout3 a:not(.vs-btn){
    transition:.4s all ease;
    color:inherit
}
.vs-team-layout3 a:not(.vs-btn):hover{
    color:var(--title-color)
}
.vs-team-layout3 .vs-team{
    text-align:center;
    position:relative;
    z-index:1;
    margin-bottom:30px;
    padding-bottom:30px
}
.vs-team-layout3 .vs-team:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:80%;
    z-index:-1;
    opacity:.1;
    background-color:var(--theme-color);
    transition:all ease .4s
}
.vs-team-layout3 .vs-team:hover::before{
    opacity:1
}
.vs-team-layout3 .vs-team:hover .vs-btn{
    background-color:var(--white-color);
    color:var(--title-color)
}
.vs-team-layout3 .vs-team:hover .vs-btn .vs-btn-shape{
    background-color:var(--title-color)
}
.vs-team-layout3 .vs-team:hover .vs-btn:hover{
    color:var(--white-color)
}
.vs-team-layout3 .vs-team:hover .social-links a,.vs-team-layout3 .vs-team:hover .vs-team-name a,.vs-team-layout3 .vs-team:hover .vs-team-degi{
    color:var(--white-color)
}
.vs-team-layout3 .vs-team:hover .social-links a:hover,.vs-team-layout3 .vs-team:hover .vs-team-name a:hover{
    color:var(--title-color)
}
.vs-team-layout3 .vs-team:hover .vs-team-img img{
    transform:scale(1.3)
}


@media(min-width: 992px)and (max-width: 1300px){
    .vs-team-details .vs-team-info .sec-title-style1{
        font-size:38px
    }
}
 @media(max-width: 992px){
    .vs-team-details .pb-60{
        padding-bottom:30px
    }
    .vs-team-details .mt-50{
        margin-top:20px
    }
    .vs-team-details .mb-55{
        margin-bottom:25px
    }
    .vs-team-details .mt-55{
        margin-top:25px
    }
    .vs-team-details .pt-60{
        padding-top:30px
    }
    .vs-team-details .mt-60{
        margin-top:30px
    }
    .vs-team-details .service-layout4.mt-35{
        margin-top:10px
    }
    .vs-team-details .py-60{
        padding-top:30px;
        padding-bottom:30px
    }
}
.vs-gallery-layout1 .vs-gallery-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}
.vs-gallery-layout1 .vs-gallery-content{
    text-align:center;
    position:absolute;
    left:0;
    top:45%;
    width:100%;
    z-index:2;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s;
    transform:translateY(-50%)
}
.vs-gallery-layout1 .vs-gallery-btn{
    width:80px;
    height:80px;
    line-height:78px;
    font-size:22px;
    display:inline-block;
    border:2px solid rgba(255,255,255,.6);
    margin-bottom:25px;
    color:var(--white-color);
    border-radius:50%
}
.vs-gallery-layout1 .vs-gallery-btn:hover{
    background-color:var(--theme-color);
    color:var(--white-color);
    border-color:rgba(0,0,0,0)
}
.vs-gallery-layout1 .instagram-btn{
    position:absolute;
    left:50%;
    top:50%;
    width:80px;
    height:80px;
    line-height:80px;
    margin:-40px 0 0 -40px;
    z-index:3;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}
.vs-gallery-layout1 .instagram-btn i{
    line-height:78px
}
.vs-gallery-layout1 .vs-gallery{
    position:relative
}
.vs-gallery-layout1 .vs-gallery:hover .vs-gallery-content,.vs-gallery-layout1 .vs-gallery:hover .vs-gallery-overlay,.vs-gallery-layout1 .vs-gallery:hover .instagram-btn{
    opacity:1;
    visibility:visible
}
.vs-gallery-layout1 .vs-gallery:hover .vs-gallery-content{
    top:50%;
    transition-delay:.4s
}
.vs-gallery-layout1 .vs-gallery:hover .vs-gallery-overlay{
    height:100%
}

@media(max-width: 1199px){
    .vs-gallery-layout1 .instagram-btn{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:14px
    }
    .vs-gallery-layout1 .instagram-btn i{
        line-height:inherit
    }
}
 @media(max-width: 576px){
    .vs-gallery-layout1 .vs-gallery-title{
        font-size:18px
    }
    .vs-gallery-layout1 .vs-gallery-btn{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:18px
    }
}
.vs-gallery-layout2{
    position:relative
}
.vs-gallery-layout2 .shape1{
    top:20%;
    max-width:300px
}
.vs-gallery-layout2 .vs-gallery{
    margin-bottom:30px;
    position:relative;
    border-bottom:4px solid var(--theme-color)
}
.vs-gallery-layout2 .vs-gallery:before,.vs-gallery-layout2 .vs-gallery:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    opacity:.8;
    width:0;
    height:0;
    z-index:1;
    transition:all .3s linear
}
.vs-gallery-layout2 .vs-gallery:after{
    left:auto;
    right:0;
    top:auto;
    bottom:0
}
.vs-gallery-layout2 .vs-gallery:hover:before,.vs-gallery-layout2 .vs-gallery:hover:after{
    width:100%;
    height:100%;
    opacity:.2
}
.vs-gallery-layout2 .vs-gallery:hover .icon-btn{
    opacity:1;
    visibility:visible
}
.vs-gallery-layout2 .vs-gallery .icon-btn{
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    transform:translate(-50%, -50%);
    opacity:0;
    visibility:hidden;
    transition-delay:.2
}
.vs-gallery-details .gallery-top-bar{
    margin-bottom:-80px;
    position:relative;
    z-index:1
}
 @media(max-width: 1199px){
    .vs-gallery-details .gallery-top-bar{
        margin-bottom:-60px
    }
    .vs-gallery-details .gallery-top-bar.px-60{
        padding-left:30px;
        padding-right:30px
    }
    .vs-gallery-details .gallery-top-bar.py-40{
        padding-top:20px;
        padding-bottom:20px
    }
    .vs-gallery-details .h4{
        font-size:18px
    }
}
 @media(max-width: 992px){
    .vs-gallery-details .gallery-top-bar{
        margin-left:0;
        margin-right:0;
        margin-bottom:30px
    }
    .vs-gallery-details .gallery-top-bar.px-60{
        padding-left:15px;
        padding-right:15px
    }
    .vs-gallery-details .gallery-top-bar.py-40{
        padding-top:15px;
        padding-bottom:15px
    }
    .vs-gallery-details .h4{
        font-size:16px
    }
    .vs-gallery-details span{
        font-size:14px
    }
    .vs-gallery-details .py-60{
        padding-top:30px;
        padding-bottom:30px
    }
    .vs-gallery-details .my-55{
        margin-top:25px;
        margin-bottom:25px
    }
    .vs-gallery-details .mt-55{
        margin-top:25px
    }
    .vs-gallery-details .mb-60{
        margin-bottom:30px
    }
    .vs-gallery-details .pt-60{
        padding-top:30px
    }
    .vs-gallery-details .mt-60{
        margin-top:30px
    }
}


@media(max-width: 768px){
    .vs-gallery-details .gallery-top-bar{
        text-align:center
    }
    .vs-gallery-details .gallery-top-bar .bar-content{
        margin-bottom:10px
    }
}
 @media(max-width: 1500px){
    .vs-brand-wrapper.px-180{
        padding-left:0;
        padding-right:0
    }
    .vs-brand-wrapper.pl-150{
        padding-left:0
    }
    .vs-brand-wrapper.pr-150{
        padding-right:0
    }
}
 @media(max-width: 1199px){
    .vs-features-layout1 .shape5,.vs-features-layout1 .shape4{
        margin-top:-500px
    }
}
.subscribe-form-style1 .vs-btn{
    width:180px;
    padding:0;
    height:60px
}
.subscribe-form-style1 input{
    width:calc(100% - 180px);
    height:60px;
    border:none;
    margin:0;
    padding-right:20px
}
.vs-subscribe-layout1 .shape1{
    right:0;
    bottom:2%;
    max-width:300px;
    animation-delay:2s
}
 @media(max-width: 1800px){
    .vs-subscribe-layout1 .shape1{
        display:none
    }
}
 @media(max-width: 576px){
    .subscribe-form-style1 input{
        width:100%;
        border:1px solid var(--border-color);
        margin-bottom:10px
    }
}
.vs-error-layout1 .error-title{
    font-size:180px;
    line-height:1;
    margin-bottom:0
}
.vs-error-layout1 .error-subtitle{
    font-size:100px;
    line-height:.9
}
 @media(max-width: 1199px){
    .vs-error-layout1 .error-title{
        font-size:200px
    }
    .vs-error-layout1 .error-subtitle{
        font-size:82px;
        margin-bottom:30px
    }
}
 @media(max-width: 768px){
    .vs-error-layout1 .error-title{
        font-size:62px;
        line-height:1;
        margin-bottom:20px
    }
    .vs-error-layout1 .error-subtitle{
        font-size:38px;
        line-height:1;
        margin-bottom:20px
    }
    .vs-error-layout1 .h3{
        margin-bottom:10px
    }
}
.counter-box2{
    width:170px;
    height:170px;
    text-align:center;
    border:1px solid var(--border-color);
    padding-top:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%
}
.counter-box2 .counter-number{
    font-size:60px;
    line-height:1
}
.counter-box2 .counter-number:after{
    content:"+";
    font-size:.5em;
    vertical-align:bottom;
    margin-left:2px
}
.vs-cta-layout1 .counter-box2:nth-child(5),.vs-cta-layout1 .counter-box2:nth-child(1){
    margin-top:-40px
}
.vs-cta-layout1 .counter-box2:nth-child(4),.vs-cta-layout1 .counter-box2:nth-child(2){
    margin-top:130px
}
.vs-cta-layout1 .counter-box2:nth-child(3){
    margin-top:300px
}
 @media(max-width: 1199px){
    .vs-cta-layout1 .counter-box2:nth-child(5),.vs-cta-layout1 .counter-box2:nth-child(1){
        margin-top:-20px
    }
    .vs-cta-layout1 .counter-box2:nth-child(4),.vs-cta-layout1 .counter-box2:nth-child(2){
        margin-top:80px
    }
    .vs-cta-layout1 .counter-box2:nth-child(3){
        margin-top:200px
    }
}
 @media(max-width: 992px){
    .vs-cta-layout1 .counter-area{
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        grid-row-gap:20px;
        grid-column-gap:20px
    }
    .vs-cta-layout1 .counter-box2{
        width:auto;
        height:auto;
        border-radius:0;
        padding:20px 10px
    }
    .vs-cta-layout1 .counter-box2:nth-child(5),.vs-cta-layout1 .counter-box2:nth-child(1){
        margin-top:0
    }
    .vs-cta-layout1 .counter-box2:nth-child(4),.vs-cta-layout1 .counter-box2:nth-child(2){
        margin-top:0
    }
    .vs-cta-layout1 .counter-box2:nth-child(3){
        margin-top:0
    }
}
 @media(max-width: 768px){
    .vs-cta-layout1 .counter-area{
        grid-template-columns:1fr 1fr
    }
}
 @media(max-width: 576px){
    .vs-cta-layout1 .counter-area{
        grid-template-columns:1fr
    }
}
.vs-faq-layout1 .vs-faq-title{
    border:none;
    background-color:rgba(0,0,0,0);
    font-family:var(--theme-font2);
    font-size:18px;
    font-weight:500;
    padding:27px 25px;
    padding-left:110px;
    display:block;
    width:100%;
    text-align:left;
    position:relative
}
.vs-faq-layout1 .vs-faq-title:before{
    content:"";
    font-family:var(--icon-font);
    font-weight:300;
    position:absolute;
    left:30px;
    top:21%;
    width:50px;
    height:50px;
    line-height:49px;
    background-color:var(--white-color);
    border-radius:50%;
    text-align:center
}
.vs-faq-layout1 .vs-faq-title.collapsed:before{
    content:""
}
.vs-faq-layout1 .vs-faq-body{
    padding:0px 30px 25px 30px
}
.vs-faq-layout1 .vs-faq{
    margin-bottom:20px
}
 @media(max-width: 576px){
    .vs-faq-layout1 .vs-faq-title{
        padding:15px;
        padding-left:50px;
        font-size:16px
    }
    .vs-faq-layout1 .vs-faq-title::before{
        width:30px;
        height:30px;
        line-height:29px;
        left:10px;
        top:16%;
        font-size:12px
    }
    .vs-faq-layout1 .vs-faq-body{
        padding:0px 15px 10px 15px
    }
}
.vs-contact-box1{
    border:2px solid var(--border-color);
    padding:70px 0;
    position:relative;
    transition:all ease .4s;
    background-color:var(--white-color)
}
.vs-contact-box1 .contact-img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}
.vs-contact-box1>*:not(.contact-img){
    position:relative;
    z-index:2;
    transition:all ease .4s
}
.vs-contact-box1 .vs-style1{
    padding:15px 35px
}
.vs-contact-box1 p{
    max-width:200px;
    margin-left:auto;
    margin-right:auto
}
.vs-contact-box1 p a{
    transition:all 0s ease
}
.slick-center .vs-contact-box1,.vs-contact-box1:hover{
    border-color:rgba(0,0,0,.7)
}
.slick-center .vs-contact-box1 .contact-img,.vs-contact-box1:hover .contact-img{
    opacity:1;
    visibility:visible
}
.slick-center .vs-contact-box1>*,.vs-contact-box1:hover>*{
    color:var(--white-color)
}
.vs-contactinfo-wrapper .contact-map{
    width:calc(100% - 200px);
    height:700px;
    margin-bottom:-60px;
    margin-left:100px;
    margin-right:100px
}
.vs-contactinfo-wrapper .contact-map iframe{
    height:100%;
    width:100%
}


@media(max-width: 1500px){
    .vs-contactinfo-wrapper .contact-map{
        width:100%;
        margin-left:0;
        margin-right:0
    }
}
 @media(max-width: 1199px){
    .vs-contactinfo-wrapper .contact-map{
        margin-bottom:60px;
        height:400px
    }
    .vs-contact-box1{
        padding:40px 0
    }
}
 @media(max-width: 992px){
    .contact-form-layout1 .inner-wrapper.px-100{
        padding-left:30px;
        padding-right:30px
    }
}
 @media(max-width: 992px){
    .contact-form-layout1 .inner-wrapper.px-100{
        padding-left:15px;
        padding-right:15px
    }
}
.vs-skill-bar1 .vs-progress{
    height:10px;
    width:100%;
    background-color:#f7e9e9
}
.vs-skill-bar1 .progress-value{
    height:100%;
    background-color:var(--theme-color)
}
.related-post-layout1 a{
    color:inherit
}
.related-post-layout1 a i{
    margin-right:10px
}
.related-post-layout1 .related-post-content{
    padding:25px 30px
}
.product-sort-bar .nice-select{
    border:1px solid var(--border-color);
    width:100%;
    max-width:250px;
    padding-right:30px;
    padding-left:20px
}
.product-sort-bar .nice-select:before{
    right:20px !important
}
.product-sort-bar .vs-btn-group{
    border:1px solid var(--border-color);
    border-right:none;
    border-radius:0;
    margin-right:0;
    margin-left:20px;
    line-height:0;
    display:flex
}
.product-sort-bar .vs-btn-group .icon-btn{
    border-right:1px solid var(--border-color);
    border-radius:0;
    font-size:22px;
    height:57px
}
 @media(max-width: 1199px){
    .product-sort-bar .bar-title{
        font-size:16px
    }
}
 @media(max-width: 576px){
    .product-sort-bar{
        text-align:center
    }
    .product-sort-bar .vs-btn-group{
        display:inline-block;
        margin-top:10px
    }
    .product-sort-bar .nice-select{
        max-width:100%;
        text-align:left
    }
}
.vs-product-wrapper .discount{
    display:inline-block;
    line-height:1;
    padding:7px 10px;
    font-size:14px;
    z-index:9;
    border-radius:3px;
    position:absolute;
    left:20px;
    top:20px;
    color:var(--white-color);
    background-color:var(--theme-color);
    font-weight:700
}
.vs-product-wrapper .action-buttons{
    display:flex
}
.vs-product-wrapper .vs-product{
    margin-bottom:30px;
    position:relative
}
.vs-product-wrapper .vs-product .action-buttons .vs-btn,.vs-product-wrapper .vs-product .action-buttons .icon-btn{
    height:50px;
    padding:0;
    width:150px;
    line-height:48px;
    text-align:center;
    border-radius:0;
    margin-right:10px
}
.vs-product-wrapper .vs-product .action-buttons .vs-btn:last-child,.vs-product-wrapper .vs-product .action-buttons .icon-btn:last-child{
    margin-right:0
}
.vs-product-wrapper .vs-product .action-buttons .icon-btn{
    width:50px
}
.vs-product-wrapper .vs-product .action-buttons .icon-btn i{
    line-height:inherit
}
.vs-product-wrapper .slick-slide{
    position:relative
}
.vs-product-wrapper .slick-arrow{
    left:20px;
    width:40px;
    height:40px;
    z-index:5;
    border:none;
    background-color:var(--white-color);
    font-size:14px;
    color:var(--body-color)
}
.vs-product-wrapper .slick-arrow:hover{
    color:var(--white-color);
    background-color:var(--theme-color)
}
.vs-product-wrapper .slick-arrow.slick-next{
    right:20px;
    left:auto
}
.vs-product-wrapper .slick-dots{
    bottom:15px
}

@media(max-width: 1199px){
    .vs-product-wrapper .vs-product{
        display:block
    }
    .vs-product-wrapper .vs-product .action-buttons .vs-btn{
        width:120px
    }
}
.vs-product-layout1 .product-header{
    width:320px;
    margin-right:30px;
    position:relative
}
.vs-product-layout1 .product-body{
    width:calc(100% - 350px);
    align-self:center
}
.vs-product-layout1 .vs-product{
    display:flex
}


@media(max-width: 768px){
    .vs-product-layout1 .product-body{
        padding-top:25px;
        width:100%
    }
    .vs-product-layout1 .product-header{
        width:100%;
        margin-right:0
    }
    .vs-product-layout1 .product-header img{
        width:100%
    }
}
.vs-product-layout2 .product-header{
    position:relative;
    margin-bottom:16px
}
.vs-product-layout2 .action-buttons{
    justify-content:center;
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    transition:all ease .4s
}
.vs-product-layout2 .discount{
    opacity:1;
    visibility:visible;
    transition:all ease .3s
}
.vs-product-layout2 .vs-product{
    margin-bottom:25px
}
.vs-product-layout2 .vs-product:hover .discount{
    opacity:0;
    visibility:hidden
}
.vs-product-layout2 .vs-product:hover .action-buttons{
    top:30px;
    opacity:1;
    visibility:visible
}
 @media(max-width: 576px){
    .vs-product-layout2 .product-title{
        font-size:16px
    }
}
.product-details-layout1 .product-image{
    margin-bottom:5px
}
.product-details-layout1 .product-thumb{
    margin-left:-2.5px;
    margin-right:-2.5px
}
.product-details-layout1 .product-thumb img{
    margin:0 2.5px;
    cursor:pointer;
    border:2px solid rgba(0,0,0,0);
    transition:all ease .4s;
    width:calc(100% - 5px)
}
.product-details-layout1 .product-thumb img:hover{
    border-color:var(--theme-color)
}
.product-details-layout1 .product-thumb .slick-current img{
    border-color:var(--theme-color)
}
.product-details-layout1 .vs-product-info .fa-star{
    color:var(--yellow-color);
    margin-right:3px
}
.product-details-layout1 .product-features ul{
    list-style:none;
    margin:0;
    padding:0
}
.product-details-layout1 .product-features ul li{
    margin:0;
    margin-bottom:5px
}
.product-details-layout1 .vs-comment-area .vs-btn{
    color:var(--white-color);
    background-color:var(--theme-color);
    border:1px solid var(--theme-color);
    line-height:38px
}
.product-details-layout1 .vs-comment-area .vs-btn .vs-btn-shape{
    background-color:var(--white-color)
}
.product-details-layout1 .vs-comment-area .vs-btn:hover{
    color:var(--body-color);
    border-color:var(--theme-color)
}


@media(max-width: 992px){
    .product-details-layout1 .mt-60{
        margin-top:30px
    }
}
 @media(max-width: 576px){
    .product-details-layout1 .vs-comment-area .vs-btn{
        line-height:27px
    }
}
.product-tab-style1{
    margin:0;
    padding:0;
    margin-bottom:25px;
    border-bottom:1px solid #eee
}
.product-tab-style1 li{
    list-style-type:none;
    display:inline-block;
    margin-right:30px
}
.product-tab-style1 li:last-child{
    margin-right:0
}
.product-tab-style1 li a{
    display:inline-block;
    font-size:20px;
    font-weight:700;
    text-transform:capitalize;
    padding-bottom:10px;
    position:relative;
    color:var(--body-color)
}
.product-tab-style1 li a:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:0;
    height:1px;
    transition:all ease .4s
}
.product-tab-style1 li a.active:before{
    background-color:var(--theme-color);
    width:100%
}


@media(max-width: 992px){
    .product-tab-style1 li{
        margin-right:10px
    }
    .product-tab-style1 li:last-child{
        margin-right:0
    }
    .product-tab-style1 li a{
        font-size:16px;
        padding-bottom:10px
    }
}
.vs-cart-wrapper a{
    color:inherit
}
.vs-cart-wrapper img{
    max-width:120px;
    border:1px solid #eee
}
.vs-cart-wrapper .vs-btn{
    border-radius:0;
    padding:0 20px;
    height:50px;
    width:auto;
    line-height:44px;
    font-size:16px
}
.vs-cart-wrapper .cart-removeproduct{
    border:none;
    color:var(--title-color);
    font-size:20px;
    background-color:rgba(0,0,0,0);
    padding:0;
    display:inline-block
}
.vs-cart-wrapper .cart-table,.vs-cart-wrapper .cart-table th{
    text-align:center
}
.vs-cart-wrapper .cart-table td{
    vertical-align:middle
}
.vs-cart-wrapper .cart-table .actions{
    text-align:right;
    vertical-align:middle;
    padding:.7rem 1rem;
    padding-top:1rem
}
.vs-cart-wrapper .cart-table .actions form{
    float:left;
    margin-bottom:0
}
.vs-cart-wrapper .vs-cart-summary{
    text-align:right
}
.vs-cart-wrapper .vs-cart-summary .summary-title{
    letter-spacing:0;
    font-size:26px;
    margin-bottom:10px;
    text-align:right;
    font-weight:700
}
.vs-cart-wrapper .table-totals tfoot tr td,.vs-cart-wrapper .table-totals tbody tr td{
    padding:0;
    padding-bottom:10px;
    padding-top:10px;
    text-align:right
}
.vs-cart-wrapper .table-totals tfoot tr td{
    font-weight:700
}
.vs-cart-wrapper .vs-cart-coupon{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:30px
}
.vs-cart-wrapper .vs-cart-coupon label{
    font-size:22px;
    font-weight:500;
    margin-top:-10px;
    color:var(--title-color);
    display:block
}
.vs-cart-wrapper .vs-cart-coupon input{
    border-radius:0;
    height:50px;
    padding-left:20px;
    font-size:14px;
    display:inline-block;
    border:1px solid rgba(0,0,0,.1);
    width:calc(100% - 120px);
    border-right:none
}
.vs-cart-wrapper .vs-cart-coupon button{
    width:120px;
    box-shadow:none
}

@media(max-width: 1199px){
    .vs-cart-wrapper .cart-table .actions{
        text-align:center
    }
    .vs-cart-wrapper .cart-table .actions form{
        float:none;
        margin-bottom:20px
    }
    .vs-cart-wrapper .cart-table img{
        max-width:70px
    }
    .vs-cart-wrapper .cart-table td{
        font-size:14px
    }
    .vs-cart-wrapper .cart-table .cart-removeproduct{
        font-size:14px
    }
}

@media(max-width: 992px){
    .vs-cart-wrapper{
        text-align:center
    }
    .vs-cart-wrapper .vs-btn{
        display:block;
        margin:0 auto;
        margin-bottom:20px !important
    }
    .vs-cart-wrapper .actions form{
        margin-bottom:0
    }
    .vs-cart-wrapper .cart-table table{
        min-width:700px
    }
    .vs-cart-wrapper .vs-cart-summary{
        text-align:center
    }
    .vs-cart-wrapper .vs-cart-summary .summary-title{
        font-size:22px;
        text-align:center
    }
    .vs-cart-wrapper .vs-cart-summary .table-totals{
        text-align:center
    }
    .vs-cart-wrapper .vs-cart-summary .table-totals tfoot tr td,.vs-cart-wrapper .vs-cart-summary .table-totals tbody tr td{
        text-align:left
    }
    .vs-cart-wrapper .vs-cart-summary .table-totals tfoot tr td+td,.vs-cart-wrapper .vs-cart-summary .table-totals tbody tr td+td{
        text-align:right
    }
}
.vs-checkout-area .vs-btn{
    padding:10px 30px
}
.vs-checkout-area .vs-billing-differentAddress{
    display:none
}
.vs-checkout-area .vs-cart-coupon label{
    font-size:24px;
    line-height:1;
    margin-bottom:20px;
    text-transform:none;
    color:var(--title-color);
    font-weight:600;
    font-family:var(--theme-font2)
}
.vs-checkout-area table td+td,.vs-checkout-area table th+th{
    text-align:right
}
.vs-checkout-area .vs-checkout-submit label{
    line-height:1.4;
    margin-top:-2px
}
table.checkout-ordertable td,table.checkout-ordertable th{
    padding:0;
    padding-bottom:10px;
    padding-top:10px
}
table.checkout-ordertable tr{
    border-bottom:1px solid rgba(0,0,0,.1)
}
table.checkout-ordertable thead th{
    font-size:18px;
    font-weight:700;
    padding-top:0
}
table.checkout-ordertable tfoot td{
    font-weight:700
}
table.checkout-ordertable tfoot tr:last-child{
    border-bottom:none
}
table.checkout-ordertable tfoot tr:last-child td{
    font-size:22px
}


@media(max-width: 992px){
    .vs-checkout-area .vs-checkout-payment{
        font-size:14px
    }
    .vs-checkout-area .vs-checkout-payment .title{
        font-size:20px;
        margin-bottom:10px
    }
    .vs-checkout-area table.checkout-ordertable thead th{
        font-size:15px
    }
    .vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable td,.vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable th{
        padding:0;
        padding-bottom:10px;
        padding-top:10px;
        font-size:12px
    }
    .vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable th{
        padding-top:0 !important
    }
    .vs-checkout-area .vs-orderinfo-wrap table.checkout-ordertable tfoot tr:last-child td{
        font-size:16px
    }
}
.text-font1{
    font-family:var(--theme-font1)
}
.text-font2{
    font-family:var(--theme-font2)
}
.text-icon{
    font-family:var(--icon-font)
}
.text-icon2{
    font-family:var(--icon-font2)
}
.text-light{
    font-weight:300
}
.text-normal{
    font-weight:400
}
.text-medium{
    font-weight:500
}
.text-semibold{
    font-weight:600
}
.text-bold{
    font-weight:700
}
.text-style-italic{
    font-style:italic
}
.text-style-normal{
    font-style:normal
}
.text-xs{
    font-size:14px
}
.text-sm{
    font-size:16px
}
.text-md{
    font-size:18px
}
.text-lg{
    font-size:22px
}
.text-ml{
    font-size:28px
}
.text-xl{
    font-size:32px
}
.text-20{
    font-size:20px
}


@media(max-width: 1199px){
    .text-20{
        font-size:18px
    }
}
.bg-theme{
    background-color:var(--theme-color) !important
}
.bg-title{
    background-color:var(--title-color) !important
}
.bg-body{
    background-color:var(--body-color) !important
}
.bg-black{
    background-color:var(--black-color) !important
}
.bg-smoke{
    background-color:var(--smoke-color) !important
}
.bg-light-smoke{
    background-color:var(--light-smoke-color) !important
}
.bg-white{
    background-color:var(--white-color) !important
}
.bg-dark{
    background-color:var(--dark-color) !important
}
.bg-silver{
    background-color:var(--silver-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
}
.background-image{
    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-bottom{
    background-position:center bottom
}
.bg-top{
    background-position:center top
}
.bg-fixed{
    background-attachment:fixed
}
.bg-bottom-left{
    background-position:left bottom
}


@media(max-width: 1500px){
    .bg-none-xl{
        background-image:none !important
    }
}
.text-theme{
    color:var(--theme-color) !important
}
.text-title{
    color:var(--title-color) !important
}
.text-body{
    color:var(--body-color) !important
}
.text-black{
    color:var(--black-color) !important
}
.text-smoke{
    color:var(--smoke-color) !important
}
.text-light-smoke{
    color:var(--light-smoke-color) !important
}
.text-white{
    color:var(--white-color) !important
}
.text-dark{
    color:var(--dark-color) !important
}
.text-silver{
    color:var(--silver-color) !important
}
.text-yellow{
    color:var(--yellow-color) !important
}
.text-success{
    color:var(--success-color) !important
}
.text-error{
    color:var(--error-color) !important
}
.text-inherit{
    color:inherit
}
 .radius-circle{
    border-radius:50%
}
.radius-50{
    border-radius:50px
}
.radius-100{
    border-radius:100px
}
.link-ovelay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:0;
    z-index:1
}
.overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%
}
[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:var(--theme-color)
}
[data-overlay=title]:before{
    background-color:var(--title-color)
}
[data-overlay=body]:before{
    background-color:var(--body-color)
}
[data-overlay=black]:before{
    background-color:var(--black-color)
}
[data-overlay=smoke]:before{
    background-color:var(--smoke-color)
}
[data-overlay=light-smoke]:before{
    background-color:var(--light-smoke-color)
}
[data-overlay=white]:before{
    background-color:var(--white-color)
}
[data-overlay=dark]:before{
    background-color:var(--dark-color)
}
[data-overlay=silver]:before{
    background-color:var(--silver-color)
}
[data-overlay=yellow]:before{
    background-color:var(--yellow-color)
}
[data-overlay=success]:before{
    background-color:var(--success-color)
}
[data-overlay=error]:before{
    background-color:var(--error-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
}
.ani-moving-x,.ani-moving-y,.ani-moving,.testimonial-avater-style2 .slick-slide{
    animation-duration:var(--moving-ani-duration);
    animation-timing-function:linear;
    animation-iteration-count:infinite
}
.ani-moving,.testimonial-avater-style2 .slick-slide{
    animation-name:moving
}
.ani-moving-x{
    animation-name:moving-x
}
.ani-moving-y{
    animation-name:moving-y
}
.ripple-animation,.play-btn:after,.play-btn:before,.about-image-box5 .ripple:after,.about-image-box5 .ripple:before{
    animation-duration:var(--ripple-ani-duration);
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-name:ripple
}
@keyframes ripple{
    0%{
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:.4
    }
    100%{
        transform:scale(1.7);
        opacity:0
    }
}
@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-y{
    0%{
        transform:translate(0px, 0px)
    }
    50%{
        transform:translate(0, -60px)
    }
    100%{
        transform:translate(0px, 0px)
    }
}
@keyframes moving-x{
    0%{
        transform:translate(0px, 0px)
    }
    50%{
        transform:translate(-60px, 0)
    }
    100%{
        transform:translate(0px, 0px)
    }
}
.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
}
.px-105{
    padding-right:105px;
    padding-left:105px
}
.px-110{
    padding-right:110px;
    padding-left:110px
}
.px-115{
    padding-right:115px;
    padding-left:115px
}
.px-120{
    padding-right:120px;
    padding-left:120px
}
.px-125{
    padding-right:125px;
    padding-left:125px
}
.px-130{
    padding-right:130px;
    padding-left:130px
}
.px-135{
    padding-right:135px;
    padding-left:135px
}
.px-140{
    padding-right:140px;
    padding-left:140px
}
.px-145{
    padding-right:145px;
    padding-left:145px
}
.px-150{
    padding-right:150px;
    padding-left:150px
}
.px-155{
    padding-right:155px;
    padding-left:155px
}
.px-160{
    padding-right:160px;
    padding-left:160px
}
.px-165{
    padding-right:165px;
    padding-left:165px
}
.px-170{
    padding-right:170px;
    padding-left:170px
}
.px-175{
    padding-right:175px;
    padding-left:175px
}
.px-180{
    padding-right:180px;
    padding-left:180px
}
.px-185{
    padding-right:185px;
    padding-left:185px
}
.px-190{
    padding-right:190px;
    padding-left:190px
}
.px-195{
    padding-right:195px;
    padding-left:195px
}
.px-200{
    padding-right:200px;
    padding-left:200px
}
.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}.py-105{padding-top:105px;padding-bottom:105px}.py-110{padding-top:110px;padding-bottom:110px}.py-115{padding-top:115px;padding-bottom:115px}.py-120{padding-top:120px;padding-bottom:120px}.py-125{padding-top:125px;padding-bottom:125px}.py-130{padding-top:130px;padding-bottom:130px}.py-135{padding-top:135px;padding-bottom:135px}.py-140{padding-top:140px;padding-bottom:140px}.py-145{padding-top:145px;padding-bottom:145px}.py-150{padding-top:150px;padding-bottom:150px}.py-155{padding-top:155px;padding-bottom:155px}.py-160{padding-top:160px;padding-bottom:160px}.py-165{padding-top:165px;padding-bottom:165px}.py-170{padding-top:170px;padding-bottom:170px}.py-175{padding-top:175px;padding-bottom:175px}.py-180{padding-top:180px;padding-bottom:180px}.py-185{padding-top:185px;padding-bottom:185px}.py-190{padding-top:190px;padding-bottom:190px}.py-195{padding-top:195px;padding-bottom:195px}.py-200{padding-top:200px;padding-bottom:200px}

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


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


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


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


.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}.mx-105{margin-right:105px;margin-left:105px}.mx-110{margin-right:110px;margin-left:110px}.mx-115{margin-right:115px;margin-left:115px}.mx-120{margin-right:120px;margin-left:120px}.mx-125{margin-right:125px;margin-left:125px}.mx-130{margin-right:130px;margin-left:130px}.mx-135{margin-right:135px;margin-left:135px}.mx-140{margin-right:140px;margin-left:140px}.mx-145{margin-right:145px;margin-left:145px}.mx-150{margin-right:150px;margin-left:150px}.mx-155{margin-right:155px;margin-left:155px}.mx-160{margin-right:160px;margin-left:160px}.mx-165{margin-right:165px;margin-left:165px}.mx-170{margin-right:170px;margin-left:170px}.mx-175{margin-right:175px;margin-left:175px}.mx-180{margin-right:180px;margin-left:180px}.mx-185{margin-right:185px;margin-left:185px}.mx-190{margin-right:190px;margin-left:190px}.mx-195{margin-right:195px;margin-left:195px}.mx-200{margin-right:200px;margin-left:200px}


.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}.my-105{margin-top:105px;margin-bottom:105px}.my-110{margin-top:110px;margin-bottom:110px}.my-115{margin-top:115px;margin-bottom:115px}.my-120{margin-top:120px;margin-bottom:120px}.my-125{margin-top:125px;margin-bottom:125px}.my-130{margin-top:130px;margin-bottom:130px}.my-135{margin-top:135px;margin-bottom:135px}.my-140{margin-top:140px;margin-bottom:140px}.my-145{margin-top:145px;margin-bottom:145px}.my-150{margin-top:150px;margin-bottom:150px}.my-155{margin-top:155px;margin-bottom:155px}.my-160{margin-top:160px;margin-bottom:160px}.my-165{margin-top:165px;margin-bottom:165px}.my-170{margin-top:170px;margin-bottom:170px}.my-175{margin-top:175px;margin-bottom:175px}.my-180{margin-top:180px;margin-bottom:180px}.my-185{margin-top:185px;margin-bottom:185px}.my-190{margin-top:190px;margin-bottom:190px}.my-195{margin-top:195px;margin-bottom:195px}.my-200{margin-top:200px;margin-bottom:200px}

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

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

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

.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}