@charset "utf-8";
@import "validation.css";
@import "notice.css";
@import "ui.css";
@import "../fonts/GothamSSm-Bold/font.css";
@import "../fonts/GothamSSm-Light/font.css";
@import "../fonts/GothamSSm-Medium/font.css";
:root{
    --title-color: #ffffff;
    --body-color: rgba(240, 240, 255, 0.5);
    --light-color: #9b9b9b;
    --secondary-color: #f9f9f9;
    --smoke-color: #f8f8f8;
    --dark-color: #0b0c10;
    --light-gray-color: #171920;
    --light-dark-color: #0f1116;
    --mist-blue-color: #686d7c;
    --white-color: #ffffff;
    --black-color: #000000;
    --yellow-color: #fec624;
    --success-color: #28a745;
    --error-color: #dc3545;
    --orange-color: #f07707;
    --default-color: #ba6356;
    --default-color2: #a23e2f;
    --purple-color: #A970FF;
    --face-color: #4967a9;
    --insta-color: #ff08b6;
    --discord-color: #5562ea;
    --youtube-color: #dc3131;
    --border-color: rgba(0,0,0,0.10);
	--theme-color: 186, 99, 86;
	--theme-color2: 135, 40, 21;
	--theme-color3: 229, 31, 10;
    --theme-font: 'GothamSSm-Light', sans-serif;
    --theme-font2: 'GothamSSm-Light',sans-serif;
    --theme-font3: 'GothamSSm-Light', sans-serif;
    --theme-font4: 'Montserrat', sans-serif;
    --icon-font: 'Font Awesome 5 Free';
    --ripple-ani-duration: 3s;
    --bs-gutter-x: 15px;
    --bs-gradient-2: linear-gradient(to right, rgba(var(--theme-color2), 1) 0%, rgba(var(--theme-color), 1) 100%);
    --bs-gradient-5: linear-gradient(to right, #a23e2f 0%, #ba6356 100%);
    --bs-gradient-3: linear-gradient(to right, #28a745 0%, #5ccc76 100%);
    --bs-gradient-4: linear-gradient(to right, var(--body-color) 0%, var(--light-color) 100%);
    --bs-gradient: linear-gradient(to right, #561f1f 0%, #a23e2f 100%);
    --bs-gradient-6: linear-gradient(to right, #280e60 0%, #4b2b8d 100%);
    --bs-gradient-7: linear-gradient(to right, #01010c 0%, #010918 100%);
}
html{
    scroll-behavior:auto!important
}
::-webkit-scrollbar-track{
    background-color:var(--light-gray-color)
}
::-webkit-scrollbar{
    width:10px;
    background-color:var(--light-gray-color)
}
::-webkit-scrollbar-thumb{
    background-image:-webkit-linear-gradient(top,rgba(var(--theme-color2),1) 0%,rgba(var(--theme-color),1) 100%);
    background-image:linear-gradient(to bottom,rgba(var(--theme-color2),1) 0%,rgba(var(--theme-color),1) 100%)
}
body{
    font-family:var(--theme-font);
    font-size:14px;
    font-weight:400;
    color:var(--body-color);
    line-height:26px;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased
}
hr{
    background:rgba(255,255,255,.3)!important
}
iframe{
    border:none;
    width:100%
}
.slick-slide:focus,button:focus,a:focus,a:active,input,input:hover,input:focus,input:active,textarea,textarea:hover,textarea:focus,textarea:active{
    outline:none
}
input:focus{
    outline:none;
    box-shadow:none
}
img:not([draggable]),embed,object,video{
    max-width:100%;
    height:auto
}
ul{
    list-style-type:disc
}
ol{
    list-style-type:decimal
}
table{
    margin:0 0 1.5em;
    width:100%;
    border-collapse:collapse;
    border-spacing:0
}
th{
    font-weight:500
}
td,th{
    padding:9px
}
a{
    color:rgba(var(--theme-color),1);
    text-decoration:none;
    outline:0;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
a:hover{
    color:rgba(var(--theme-color2),1)
}
a:active,a:focus,a:hover,a:visited{
    text-decoration:none;
    outline:0
}
button{
    -webkit-transition:all ease .4s;
    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;
    color:var(--body-color);
    line-height:1.8
}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{
    font-family:var(--theme-font2);
    color:var(--title-color);
    font-weight:700;
    line-height:1.3;
    margin:0 0 15px
}
.h1,h1{
    font-size:48px
}
.h2,h2{
    font-size:36px
}
.h3,h3{
    font-size:30px
}
.h4,h4{
    font-size:24px
}
.h5,h5{
    font-size:18px
}
.h6,h6{
    font-size:16px
}
@media(max-width:1199px){
    .h3,h3{
        font-size:26px
    }
    .h4,h4{
        font-size:22px
    }
    .pd-news{
        padding-left:80px!important;
        padding-right:80px!important
    }
}
@media(max-width:992px){
    .h1,h1{
        font-size:42px
    }
    .h2,h2{
        font-size:38px
    }
    .h3,h3{
        font-size:24px
    }
    .h4,h4{
        font-size:20px
    }
    .pd-news{
        padding-left:60px!important;
        padding-right:60px!important
    }
}
@media(max-width:768px){
    .h1,h1{
        font-size:36px
    }
    .h2,h2{
        font-size:28px
    }
    .h3,h3{
        font-size:22px
    }
    .pd-news{
        padding-left:10px!important;
        padding-right:10px!important
    }
}
@media only screen and (min-width:1200px){
    .container-lg,.container-md,.container-sm,.container-xl,.container{
        max-width:1400px
    }
    .pd-news{
        padding-left:100px!important;
        padding-right:100px!important
    }
}
@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
    }
}
.vs-container{
    max-width:1650px
}
.row:not([class*=g-]):not([class*=gx-]){
    --bs-gutter-x: 30px
}
.gx-60{
    --bs-gutter-x: 60px
}
.slick-track{
    --bs-gutter-x: 30px
}
.slick-track>[class*=col]{
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x)/2);
    padding-left:calc(var(--bs-gutter-x)/2);
    margin-top:var(--bs-gutter-y)
}
.gx-0 .slick-track{
    --bs-gutter-x: 0
}
.gx-2 .slick-track{
    --bs-gutter-x: 0.5rem
}
@media(min-width:1199px){
    .gx-xl-0,.gx-xl-0 .slick-track{
        --bs-gutter-x: 0
    }
}
@media(max-width:768px){
    .gx-60{
        --bs-gutter-x: 15px
    }
    .slick-track{
        --bs-gutter-x: 15px
    }
}
.form-control{
    border-radius:0;
    padding:0 30px;
    padding-right:60px;
    border:1px solid transparent;
    
    background-color:var(--white-color)
}
.form-control:focus{
    outline:0;
    box-shadow:none;
    border-color:transparent;
    background-color:var(--white-color)
}
.form-control::-moz-placeholder{
    color:var(--body-color);
    text-transform:capitalize
}
.form-control::-webkit-input-placeholder{
    color:var(--body-color);
    text-transform:capitalize
}
.form-control:-ms-input-placeholder{
    color:var(--body-color);
    text-transform:capitalize
}
.form-control::-ms-input-placeholder{
    color:var(--body-color);
    text-transform:capitalize
}
.form-control::placeholder{
    color:var(--body-color);
    text-transform:capitalize
}
input.form-control{
    height:60px
}
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:auto;
    padding-top:17px;
    padding-bottom:17px
}
input[type=checkbox] {
    appearance: none;
    background-color: var(--light-dark-color) !important;
    position: relative;
    cursor: pointer;
    display:inline-block;
    vertical-align:middle;
    width:15px;
    height:15px;
}
input[type=radio] {
    appearance: none;
    background-color: #fff !important;
    position: relative;
    cursor: pointer;
    display:inline-block;
    vertical-align:middle;
    width:15px;
    height:15px;
    border-radius: 50%;
}
input[type="checkbox"]:checked, input[type=radio]:checked {
      appearance: revert;
      accent-color: rgb(0, 0, 0);
}
.payment-option{
    display:flex;
    align-items:center;
    padding:10px
}
.payment-option:last-child{
    border-bottom:none
}
.payment-info{
    display:none;
    padding:10px;
    margin:-1px 0;
    font-size:14px
}
.payment-option input[type=radio]{
    margin-right:10px
}
.payment-option label{
    flex-grow:1;
    margin:0
}
.gift input[type=checkbox]{
    visibility:hidden;
    opacity:0;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    display:none
}
.gift input[type=checkbox]:checked~label:before{
    content:"✔";
    color:rgba(var(--theme-color),1);
    border-color:rgba(var(--theme-color),1)
}
.gift label{
    padding-top:3px
}
.gift input[type=checkbox]~label{
    position:relative;
    cursor:pointer;
    display:block
}
.gift input[type=checkbox]~label:before{
    content:'';
    font-family:var(--icon-font);
    font-weight:700;
    position:absolute;
    left:auto;
    top:2px;
    background-color:var(--light-gray-color);
    border:1px solid rgba(255,255,255,.05);
    border-radius:2px;
    height:18px;
    width:18px;
    line-height:18px;
    text-align:center;
    font-size:12px
}
.gift input[type=text]{
    margin-top:10px;
    content:'';
    background-color:var(--light-gray-color);
    height:30px;
    padding:5px 20px;
    width:calc(100% - 30px);
    margin-left:15px;
    border:0 solid;
    color:#999;
    border-bottom:1px solid rgba(255,255,255,.05);
    font-size:12px
}
.gift input[type=text]:hover{
    border:0 solid;
    border-bottom:1px solid var(--default-color)
}
.gift input[type=text]:focus{
    border:0 solid;
    border-bottom:1px solid var(--default-color)
}
.gift input[type=radio]{
    visibility:hidden;
    opacity:0;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    display:none
}
.gift input[type=radio]~label{
    position:relative;
    padding-left:28px;
    cursor:pointer;
    line-height:20px;
    display:inline-block;
    font-weight:600;
    margin-bottom:0
}
.gift 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);
    -webkit-transition:all .2s ease;
    transition:all .2s ease
}
.gift input[type=radio]~label:after{
    content:'';
    width:12px;
    height:12px;
    position:absolute;
    top:3px;
    left:3px;
    border-radius:100%;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    opacity:0;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0)
}
.gift input[type=radio]:checked~label::before{
    border-color:rgba(var(--theme-color),1)
}
.gift input[type=radio]:checked~label:after{
    opacity:1;
    background-color:rgba(var(--theme-color),1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
#cartShortcutButton{
    position:fixed;
    top:210px;
    right:10px;
    z-index:1000
}
#cartShortcutButton button{
    background-color:#007bff;
    color:#fff;
    padding:10px 20px;
    border:none;
    border-radius:5px;
    cursor:pointer
}
#cartShortcutButton button:hover{
    background-color:#0056b3
}
.form-group{
    margin-bottom:30px;
    position:relative
}
.form-group>i{
    position:absolute;
    right:30px;
    top:20px;
    font-size:18px;
    color:rgba(var(--theme-color),1)
}
.form-control.is-invalid,.was-validated .form-control:invalid{
    border:1px solid var(--error-color);
    background-position:left calc(.0em + 0.3875rem) center
}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{
    outline:0;
    box-shadow:none
}
textarea.form-control.is-invalid{
    background-position:top calc(.575em + 0.5875rem) left calc(.0em + .3875rem)
}
.form-dark .form-control.is-invalid,.form-dark .was-validated .form-control:invalid{
    background-position:right calc(.375em + 0.8875rem) center
}
.form-dark textarea.form-control.is-invalid{
    background-position:top calc(.375em + 0.5875rem) right calc(.375em + .8875rem)
}
.row.no-gutters>.form-group{
    margin-bottom:0
}
.row.gutters-20>.form-group{
    margin-bottom:20px
}
.vs-rating-input span{
    cursor:pointer
}
.vs-rating-input .active{
    color:var(--yellow-color)
}
.select-box1{
    font-weight:700
}
.select-box1:after{
    content:'\f107';
    border:none;
    font-family:var(--icon-font);
    vertical-align:-.5px
}
.form-select-lg{
    padding:13px 30px;
    font-size:16px;
    border-radius:0;
    color:var(--body-color);
    border-color:#f0f0f0;
    background-position:right 20px center;
    cursor:pointer
}
.form-select-lg option{
    cursor:pointer
}
.form-select-lg:focus{
    border-color:#f0f0f0;
    outline:none;
    box-shadow:none
}
.ls-arrow,.slick-arrow{
    border:none;
    background-color:transparent;
    position:absolute;
    top:50%;
    left:100px;
    font-size:16px;
    letter-spacing:.2em;
    text-transform:uppercase;
    opacity:0;
    visibility:hidden;
    z-index:31;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:auto;
    height:auto
}
.ls-arrow .fa-arrow-left,.slick-arrow .fa-arrow-left{
    margin-right:5px
}
.ls-arrow .fa-arrow-right,.slick-arrow .fa-arrow-right{
    margin-left:7px
}
.ls-arrow[data-ls-go=next]{
    left:auto;
    right:100px
}
.slick-track{
    min-width:100%
}
.slick-slide img{
    display:inline-block
}
.arrow-wrap{
    --arrow-position: -100px
}
.arrow-wrap .slick-arrow{
    left:calc(var(--arrow-position));
    display:inline-block;
    color:rgba(var(--theme-color2),1)
}
.arrow-wrap .slick-arrow.slick-next{
    left:auto;
    right:var(--arrow-position)
}
.arrow-wrap:hover .slick-arrow{
    opacity:1;
    visibility:visible;
    left:calc(var(--arrow-position) - 30px)
}
.arrow-wrap:hover .slick-arrow.slick-next{
    left:auto;
    right:calc(var(--arrow-position) - 30px)
}
.arrow-margin .slick-arrow{
    top:calc(50% - 15px)
}
.arrow-white .slick-arrow{
    color:var(--white-color)
}
@media(max-width:1500px){
    .arrow-wrap{
        --arrow-position: -30px
    }
}
@media(max-width:1300px){
    .arrow-wrap{
        --arrow-position: 60px
    }
}
@media(max-width:1199px){
    .arrow-wrap{
        --arrow-position: 40px
    }
}
.vs-menu-wrapper{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,.6);
    z-index:9999;
    width:0;
    height:100%;
    -webkit-transition:all ease .8s;
    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:transparent;
    background-image:var(--bs-gradient);
    border:none;
    font-size:22px;
    position:absolute;
    right:-20px;
    top:20px;
    padding:0;
    line-height:1;
    width:45px;
    height:45px;
    line-height:45px;
    font-size:20px;
    z-index:1;
    color:var(--white-color);
    border-radius:50%
}
.vs-menu-wrapper .vs-menu-toggle:hover{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.vs-menu-wrapper .vs-menu-area{
    width:100%;
    max-width:300px;
    background-color:var(--white-color);
    height:100%;
    position:relative;
    left:-1000px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all ease 1s;
    transition:all ease 1s
}
@media(max-width:576px){
    .vs-menu-wrapper .vs-menu-area{
        max-width:280px
    }
    .pd-news{
        padding-left:10px!important;
        padding-right:10px!important
    }
}
.vs-menu-wrapper.vs-body-visible{
    opacity:1;
    visibility:visible;
    width:100%;
    -webkit-transition:all ease .8s;
    transition:all ease .8s
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area{
    left:0;
    opacity:1;
    visibility:visible;
    -webkit-transition:all ease 1s;
    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 #1e222a;
    list-style-type:none
}
.vs-mobile-menu ul li:first-child{
    border-top:1px solid #1e222a
}
.vs-mobile-menu ul li a{
    display:block;
    position:relative;
    padding:12px 15px;
    line-height:1;
    font-size:16px;
    font-weight:500;
    color:var(--light-color)
}
.vs-mobile-menu ul li a:hover{
    color:var(--white-color)
}
.vs-mobile-menu ul li ul li{
    padding-left:12px
}
.vs-mobile-menu ul li ul li:last-child{
    border-bottom:none
}
.vs-mobile-menu ul .vs-item-has-children>a:after{
    content:'\f067';
    font-family:var(--icon-font);
	font-weight: 600;
    float:right;
    padding-right:10px
}
.vs-mobile-menu ul .vs-item-has-children.vs-active>a:after{
    content:'\f068'
}
.vs-menu-toggle{
    border:1px dashed var(--mist-blue-color);
    width:50px;
    height:50px;
    padding:0;
    background:0 0;
    font-size:28px
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:999999;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    background-color:var(--dark-color);
    overflow:hidden
}
.preloader .vs-btn{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    border-radius:0;
    padding:10px 15px;
    font-size:16px;
    border:none;
    text-transform:capitalize;
    font-weight:500;
    background-image:var(--bs-gradient);
    color:var(--white-color)
}
.preloader .loader{
    width:48px;
    height:48px;
    border-radius:50%;
    display:inline-block;
    position:relative;
    border:3px solid;
    border-color:#ff1557 #ff1557 transparent transparent;
    box-sizing:border-box;
    -webkit-animation:rotation 1s linear infinite;
    animation:rotation 1s linear infinite
}
.preloader .loader::after,.preloader .loader::before{
    content:'';
    box-sizing:border-box;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    border:3px solid;
    border-color:transparent transparent #8cbc24 #8cbc24;
    width:40px;
    height:40px;
    border-radius:50%;
    box-sizing:border-box;
    -webkit-animation:rotationBack .5s linear infinite;
    animation:rotationBack .5s linear infinite;
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center
}
.preloader .loader::before{
    width:32px;
    height:32px;
    border-color:#129ac7 #129ac7 transparent transparent;
    -webkit-animation:rotation 1.5s linear infinite;
    animation:rotation 1.5s linear infinite
}
@-webkit-keyframes rotation{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotation{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotationBack{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@keyframes rotationBack{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
.vs-btn-group{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:20px
}
.vs-btn{
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    border:none;
    position:relative;
    overflow:hidden;
    background-color:transparent;
    z-index:1;
    min-width:210px;
    padding:0;
    line-height:1;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn i{
    margin-right:7px
}
.vs-btn:before{
    content:'';
    z-index:-1;
    position:absolute;
    left:5.5px;
    right:5.5px;
    top:0;
    bottom:0
}
.vs-btn:after{
    content:'';
    position:absolute;
    top:-5%;
    left:-30%;
    width:20px;
    height:110%;
    opacity:.7;
    visibility:visible;
    background-color:var(--white-color);
    -webkit-transition:all ease .6s;
    transition:all ease .6s
}
.vs-btn:hover:after{
    left:120%;
    opacity:.3
}
.vs-btn.black-skew:after,.vs-btn.outline1:after,.vs-btn.gradient-btn:after,.vs-btn.gradient-btn-sec:after{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg)
}
.vs-btn.black-skew:after,.vs-btn.outline3:after,.vs-btn.gradient-btn:after,.vs-btn.gradient-btn-sec:after{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg)
}
.vs-btn2.black-skew:after,.vs-btn2.outline3:after,.vs-btn2.outline4:after,.vs-btn2.gradient-btn:after,.vs-btn2.gradient-btn-sec:after{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg)
}
.vs-btn.black-skew,.vs-btn.gradient-btn,.vs-btn.gradient-btn-sec{
    color:var(--white-color);
    padding:18px 38px;
    font-size:14px
}
.vs-btn.black-skew:before,.vs-btn.gradient-btn:before,.vs-btn.gradient-btn-sec:before{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg);
    background-image:var(--bs-gradient-5)
}
.vs-btn.black-skew:before,.vs-btn.gradient-btn-sec:before{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg);
    background-image:var(--bs-gradient-3)
}
.vs-btn.black-skew:before{
    background-image:none;
    background:rgba(0,0,0,.8)
}
.vs-btn.outline1{
    padding:18px 45px;
    color:var(--white-color);
    text-transform:capitalize
}
.vs-btn.outline1 i{
    color:rgba(var(--theme-color),1)
}
.vs-btn.outline1:before{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg);
    border:2px solid #1e2128;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn.outline1:hover::before{
    border-color:var(--white-color)
}
.vs-btn.outline3{
    padding:5px;
    color:var(--white-color);
    text-transform:capitalize
}
.vs-btn.outline3 i{
    color:rgba(var(--theme-color),1)
}
.vs-btn.outline3:before{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg);
    border:1px solid #1e2128;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn.outline3:hover::before{
    border-color:var(--white-color)
}
.vs-btn2.outline3{
    padding:5px;
    color:var(--white-color);
    text-transform:capitalize
}
.vs-btn2.outline3 i{
    color:rgba(var(--theme-color),1)
}
.vs-btn2.outline3:before{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg);
    border:1px solid #1e2128;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn2.outline3:hover::before{
    border-color:var(--white-color)
}
.vs-btn2.outline4{
    padding:5px;
    color:var(--white-color);
    text-transform:capitalize
}
.vs-btn2.outline4 i{
    color:rgba(var(--theme-color),1)
}
.vs-btn2.outline4:before{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg);
    border:1px solid #1e2128;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn2.outline4:hover::before{
    border-color:var(--white-color)
}
.vs-btn.outline2{
    background-color:transparent;
    border:2px solid rgba(255,255,255,.1);
    color:var(--white-color);
    height:60px;
    line-height:58px
}
.vs-btn.style1{
    background-color:var(--orange-color);
    color:var(--white-color);
    height:60px;
    line-height:60px
}
.vs-btn.no-skew.gradient-btn:before,.vs-btn.no-skew.gradient-btn:before{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    left:0;
    right:0
}
.vs-btn.style2 i{
    color:rgba(var(--theme-color3),1)
}
.vs-btn.style3{
    min-width:auto;
    background-color:rgba(var(--theme-color3),1);
    color:var(--white-color);
    padding:22.5px 47px;
    font-size:16px
}
.vs-btn.style3:after,.vs-btn.style3:before{
    content:'';
    position:absolute;
    left:-85%;
    top:0;
    width:75%;
    height:100%;
    background-color:var(--orange-color);
    z-index:-1;
    opacity:1;
    -webkit-transform:skewX(-20deg);
    -ms-transform:skewX(-20deg);
    transform:skewX(-20deg);
    -webkit-transition:all ease-in .4s;
    transition:all ease-in .4s
}
.vs-btn.style3:after{
    left:auto;
    right:-85%
}
.vs-btn.style3:hover{
    color:var(--white-color)
}
.vs-btn.style3:hover:before{
    left:-25%
}
.vs-btn.style3:hover:after{
    right:-25%
}
.vs-btn2{
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    border:none;
    position:relative;
    overflow:hidden;
    background-color:transparent;
    z-index:1;
    min-width:140px;
    padding:0;
    line-height:1;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn2 i{
    margin-right:7px
}
.vs-btn2:before{
    content:'';
    z-index:-1;
    position:absolute;
    left:5.5px;
    right:5.5px;
    top:0;
    bottom:0
}
.vs-btn2:after{
    content:'';
    position:absolute;
    top:-5%;
    left:-30%;
    width:20px;
    height:110%;
    opacity:.7;
    visibility:visible;
    background-color:var(--white-color);
    -webkit-transition:all ease .6s;
    transition:all ease .6s
}
.vs-btn2:hover:after{
    left:120%;
    opacity:.3
}
.vs-btn2.black-skew:after,.vs-btn2.outline1:after,.vs-btn2.gradient-btn:after,.vs-btn2.gradient-btn-sec:after{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg)
}
.vs-btn2.black-skew:after,.vs-btn2.outline3:after,.vs-btn2.outline4:after,.vs-btn2.gradient-btn:after,.vs-btn2.gradient-btn-sec:after{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg)
}
.vs-btn2.black-skew,.vs-btn2.gradient-btn,.vs-btn2.gradient-btn-sec{
    color:var(--white-color);
    padding:8px 10px;
    font-size:14px
}
.vs-btn2.black-skew:before,.vs-btn2.gradient-btn:before{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg);
    background-image:var(--bs-gradient-5)
}
.vs-btn2.gradient-btn-sec:before{
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg);
    background-image:var(--bs-gradient-3)
}
.vs-btn2.black-skew:before{
    background-image:none;
    background-color:#000
}
.vs-btn2.outline3{
    padding:8px;
    color:var(--white-color);
    text-transform:capitalize
}
.vs-btn2.outline3 i{
    color:rgba(var(--theme-color),1)
}
.vs-btn2.outline3:before{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg);
    border:1px solid #1e2128;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn2.outline3:hover::before{
    border-color:#282b34
}
.vs-btn2.outline4{
    padding:5px;
    color:var(--white-color);
    text-transform:capitalize
}
.vs-btn2.outline4 i{
    color:rgba(var(--theme-color),1)
}
.vs-btn2.outline4:before{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg);
    border:1px solid rgba(255,255,255,.05);
    -webkit-transition:all ease .4s;
    background:rgba(0,0,0,.1);
    transition:all ease .4s
}
.vs-btn2.outline4:hover::before{
    border-color:#282b34
}
.vs-btn2.outline1{
    padding:18px 45px;
    color:var(--white-color);
    text-transform:capitalize
}
.vs-btn2.outline1 i{
    color:rgba(var(--theme-color),1)
}
.vs-btn2.outline1:before{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg);
    border:2px solid #1e2128;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-btn2.outline1:hover::before{
    border-color:var(--white-color)
}
.vs-btn2.outline2{
    background-color:transparent;
    border:2px solid rgba(255,255,255,.1);
    color:var(--white-color);
    height:60px;
    line-height:58px
}
.vs-btn2.style1{
    background-color:var(--orange-color);
    color:var(--white-color);
    height:60px;
    line-height:60px
}
.vs-btn2.no-skew.gradient-btn:before,.vs-btn2.no-skew.gradient-btn:before{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    left:0;
    right:0
}
.vs-btn2.style2 i{
    color:rgba(var(--theme-color3),1)
}
.vs-btn2.style3{
    min-width:auto;
    background-color:rgba(var(--theme-color3),1);
    color:var(--white-color);
    padding:22.5px 47px;
    font-size:16px
}
.vs-btn2.style3:after,.vs-btn2.style3:before{
    content:'';
    position:absolute;
    left:-85%;
    top:0;
    width:75%;
    height:100%;
    background-color:var(--orange-color);
    z-index:-1;
    opacity:1;
    -webkit-transform:skewX(-20deg);
    -ms-transform:skewX(-20deg);
    transform:skewX(-20deg);
    -webkit-transition:all ease-in .4s;
    transition:all ease-in .4s
}
.vs-btn2.style3:after{
    left:auto;
    right:-85%
}
.vs-btn2.style3:hover{
    color:var(--white-color)
}
.vs-btn2.style3:hover:before{
    left:-25%
}
.vs-btn2.style3:hover:after{
    right:-25%
}
.play-btn{
    position:relative;
    border-radius:50%;
    display:inline-block
}
.play-btn>i{
    position:relative;
    z-index:2;
    display:inline-block;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:20px;
    border-radius:inherit;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    color:var(--white-color);
    background-image:-webkit-linear-gradient(0deg,rgba(var(--theme-color2),1) 0%,rgba(var(--theme-color),1) 100%)
}
.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;
    border:2px solid rgba(var(--theme-color),1);
    background-color:transparent;
    z-index:1
}
.play-btn:after{
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s
}
.play-btn.style-white i{
    background-image:none;
    background-color:var(--white-color);
    color:rgba(var(--theme-color),1);
    font-size:16px
}
.play-btn.style-white:after,.play-btn.style-white::before{
    border-color:var(--white-color)
}
.play-btn.outline i{
    background-image:none;
    background-color:none
}
.play-btn.outline:after,.play-btn.outline:before{
    opacity:0;
    border-color:rgba(255,255,255,.4)
}
.play-btn.small-size i{
    width:45px;
    height:45px;
    line-height:45px;
    font-size:14px
}
.play-btn.style2 i{
    background-color:rgba(var(--theme-color3),1);
    background-image:none
}
.play-btn.style2:after,.play-btn.style2:before{
    border-color:var(--white-color);
    border-width:1px
}
.play-btn.center{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:1
}
.link-btn{
    font-weight:700;
    display:inline-block;
    line-height:.8
}
.link-btn i{
    margin-left:5px
}
.icon-btn1{
    position:relative;
    display:inline-block;
    text-align:center;
    width:60px;
    height:50px;
    line-height:50px;
    z-index:1;
    color:var(--white-color);
    font-size:18px;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.icon-btn1 i:after{
    content:'';
    position:absolute;
    top:0;
    right:4px;
    bottom:0;
    left:4px;
    background-color:rgba(var(--theme-color),1);
    z-index:-1;
    -webkit-transform:skewX(10deg);
    -ms-transform:skewX(10deg);
    transform:skewX(10deg);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.icon-btn1.skew-right i:after{
    -webkit-transform:skewX(-10deg);
    -ms-transform:skewX(-10deg);
    transform:skewX(-10deg)
}
.icon-btn1:hover{
    color:var(--white-color)
}
.icon-btn1:hover i:after{
    background-color:rgba(var(--theme-color2),1)
}
.icon-btn1 .fa-twitch:after{
    background-color:#6541a5
}
.icon-btn1 .fa-youtube:after{
    background-color:#cd201f
}
.icon-btn1 .fa-twitter:after{
    background-color:#55acee
}
.icon-btn1 .fa-facebook-f:after{
    background-color:#3b5999
}
.icon-btn1 .fa-linkedin-in:after{
    background-color:#0e76a8
}
.icon-btn2{
    display:inline-block;
    color:var(--white-color);
    text-align:center;
    z-index:1;
    position:relative
}
.icon-btn2 i{
    width:58px;
    height:58px;
    line-height:58px;
    background-color:#1a1d24;
    border-radius:50%
}
.icon-btn2:before{
    content:'';
    position:absolute;
    top:-2px;
    right:-2px;
    bottom:-2px;
    left:-2px;
    background-image:var(--bs-gradient);
    z-index:-2;
    border-radius:50%
}
.icon-btn3{
    display:inline-block
}
.icon-btn3[class*=text-] i{
    color:inherit
}
.icon-btn3:hover{
    opacity:.8
}
.icon-btn3 i{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    background-color:transparent;
    background-image:var(--bs-gradient);
    color:var(--white-color);
    border-radius:50%;
    text-align:center;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.icon-btn3 .fa-facebook-f{
    background-image:none;
    background-color:#3b5998
}
.icon-btn3 .fa-twitter{
    background-image:none;
    background-color:#00acee
}
.icon-btn3 .fa-linkedin-in{
    background-image:none;
    background-color:#0e76a8
}
.icon-btn3 .fa-instagram{
    background-image:none;
    background-color:#d63084
}
.icon-btn3 .fa-behance{
    background-image:none;
    background-color:#0057ff
}
.icon-btn3 .fa-youtube{
    background-image:none;
    background-color:#cd201f
}
.icon-btn3.style-white{
    background-image:-webkit-linear-gradient(left,rgba(var(--theme-color),1) 0%,rgba(var(--theme-color2),1) 100%);
    background-image:linear-gradient(to right,rgba(var(--theme-color),1) 0%,rgba(var(--theme-color2),1) 100%);
    border-radius:50%
}
.icon-btn3.style-white i{
    background-color:var(--white-color);
    color:rgba(var(--theme-color),1);
    font-size:18px
}
.icon-btn3.style-white:hover{
    opacity:1
}
.icon-btn3.style-white:hover i{
    background-color:transparent;
    color:var(--white-color)
}
.icon-btn3.size-40 i{
    width:40px;
    height:40px;
    line-height:40px;
    font-size:14px
}
.icon-btn4{
    border:none;
    display:inline-block;
    position:relative;
    background-color:transparent;
    padding:0;
    background-color:var(--dark-color);
    border-radius:50%
}
.icon-btn4:before{
    content:'';
    position:absolute;
    left:-1px;
    right:-1px;
    top:-1px;
    bottom:-1px;
    z-index:-1;
    opacity:0;
    visibility:hidden;
    background-image:-webkit-linear-gradient(right,rgba(var(--theme-color),1) 0%,rgba(var(--theme-color2),1) 100%);
    background-image:linear-gradient(to left,rgba(var(--theme-color),1) 0%,rgba(var(--theme-color2),1) 100%);
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    border-radius:inherit
}
.icon-btn4 i{
    width:50px;
    height:50px;
    line-height:50px;
    color:var(--white-color);
    font-size:22px;
    border-radius:inherit
}
.icon-btn4:hover::before{
    opacity:1;
    visibility:visible
}
.icon1{
    border:none;
    background-color:transparent;
    padding:0;
    opacity:.5
}
.icon1:hover{
    opacity:1
}
.icon-btn5{
    background-color:rgba(var(--theme-color3),1);
    color:var(--white-color);
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:50%;
    font-size:1.2em
}
.icon-btn5:focus,.icon-btn5:hover{
    color:var(--white-color);
    background-color:var(--orange-color)
}
.scrollToTop{
    position:fixed;
    bottom:100px;
    left:30px;
    z-index:94;
    opacity:0;
    visibility:hidden
}
.scrollToTop.show{
    bottom:30px;
    opacity:1;
    visibility:visible
}
@media(max-width:768px){
    .scrollToTop{
        right:15px;
        bottom:50px
    }
    .scrollToTop i{
        width:40px;
        height:40px;
        line-height:40px
    }
    .scrollToTop.show{
        bottom:15px
    }
}
@media(max-width:992px){
    .play-btn>i{
        width:60px;
        height:60px;
        line-height:60px;
        font-size:20px
    }
}
@media(max-width:768px){
    .vs-btn-group{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.section-title{
    margin-bottom:50px;
    position:relative
}
.section-title2{
    margin-bottom:0;
    position:relative
}
.sec-title1{
    font-size:72px;
    line-height:1;
    margin-top:-.13em;
    margin-bottom:5px;
    letter-spacing:-.03em
}
@media(min-width:1199px){
    .sec-title2{
        font-size:45px;
        letter-spacing:-.03em;
        line-height:1.3;
        margin-bottom:20px
    }
    .sec-title3{
        font-size:60px;
        margin-top:-.3em
    }
}
.sub-title1{
    font-weight:700;
    letter-spacing:.2em;
    line-height:1;
    position:relative;
    top:-.4em;
    display:inline-block;
    margin-bottom:15px;
    color:rgba(var(--theme-color),1)
}
.sub-title2{
    background-image:-webkit-linear-gradient(right,rgba(var(--theme-color),1) 30%,rgba(var(--theme-color2),1) 100%);
    background-image:linear-gradient(to left,rgba(var(--theme-color),1) 30%,rgba(var(--theme-color2),1) 100%);
    display:inline-block;
    color:var(--white-color);
    letter-spacing:.2em;
    font-weight:700;
    padding:2px 23px;
    margin-bottom:10px
}
.sub-title3{
    font-weight:700;
    text-transform:capitalize;
    letter-spacing:.2em;
    line-height:80%;
    position:relative;
    display:inline-block;
    margin-bottom:-5px;
    color:rgba(var(--theme-color),1)
}
.has-title-rotate{
    padding-left:30px;
    margin-bottom:45px;
    border-left:32px solid transparent
}
.has-title-rotate .sec-title1{
    line-height:1.17;
    margin-top:-.23em;
    margin-bottom:5px
}
.title-rotate{
    font-size:14px;
    font-weight:700;
    color:var(--white-color);
    text-transform:capitalize;
    display:inline-block;
    margin-bottom:0;
    padding:3px 15px;
    text-align:center;
    letter-spacing:.17em;
    position:absolute;
    left:0%;
    top:10%;
    background-color:transparent;
    -webkit-transform:rotate(-270deg);
    -ms-transform:rotate(-270deg);
    transform:rotate(-270deg);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    background-image:-webkit-linear-gradient(bottom,rgba(var(--theme-color2),1) 0,rgba(var(--theme-color),1) 100%);
    background-image:linear-gradient(to top,rgba(var(--theme-color2),1) 0,rgba(var(--theme-color),1) 100%)
}
.title-rotate .letter{
    display:inline-block;
    -webkit-transform:rotateY(-180deg) rotateX(180deg);
    transform:rotateY(-180deg) rotateX(180deg)
}
@media(max-width:1199px){
    .sec-title1{
        font-size:56px
    }
    .title-rotate{
        font-size:12px;
        padding:3px 9px
    }
}
@media(max-width:992px){
    .sec-title1{
        font-size:42px
    }
    .title-rotate{
        -webkit-transform:rotateY(-180deg) rotateX(180deg);
        transform:rotateY(-180deg) rotateX(180deg);
        -webkit-transform-origin:50% 50%;
        -ms-transform-origin:50% 50%;
        transform-origin:50% 50%;
        position:relative;
        margin-bottom:20px
    }
    .has-title-rotate{
        padding-left:0;
        margin-bottom:45px;
        border-left:0 solid transparent
    }
    .sub-title2.mb-30{
        margin-bottom:20px
    }
}
@media(max-width:768px){
    .sec-title1{
        font-size:28px
    }
    .sub-title2{
        padding:2px 18px;
        letter-spacing:0
    }
}
.video-box1,.hover-shape,.image-scale-hover{
    overflow:hidden
}
.video-box1 img,.hover-shape img,.image-scale-hover img{
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:scale(1.001);
    -ms-transform:scale(1.001);
    transform:scale(1.001)
}
.video-box1:hover img,.hover-shape:hover img,.image-scale-hover:hover img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.link-inherit a,.link-inherit * a{
    color:inherit
}
.link-inherit a:hover,.link-inherit * a:hover{
    color:rgba(var(--theme-color2),1)
}
.links-stretch ol,.links-stretch ul,.links-stretch,.list-style-none ol,.list-style-none ul,.list-style-none{
    padding:0;
    margin:0
}
.links-stretch li,.list-style-none li{
    list-style-type:none
}
.form-messages{
    display:none
}
.form-messages.success{
    color:var(--success-color);
    display:block
}
.form-messages.error{
    color:var(--error-color);
    display:block
}
.z-index-step1{
    position:relative;
    z-index:41!important
}
.z-index-common{
    position:relative;
    z-index:3
}
.social-links{
    margin:0;
    padding:0;
    list-style-type:none
}
.social-links[class*=text-] a{
    color:inherit
}
.social-links[class*=text-] a:hover{
    color:rgba(var(--theme-color),1)
}
.social-links li{
    display:inline-block;
    margin-right:10px
}
.social-links li:last-child{
    margin-right:0
}
.blog-social-links .nav a,.links-stretch a{
    padding:0
}
.blog-social-links .nav span,.links-stretch span{
    background-color:rgba(var(--theme-color),1);
    color:var(--white-color);
    display:inline-block;
    height:50px;
    width:100%;
    line-height:50px;
    text-align:center;
    opacity:1;
    font-family:var(--theme-font);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.blog-social-links .nav span::before,.links-stretch span::before{
    font-family:var(--icon-font);
    font-weight:700;
    margin-right:10px;
    font-size:16px;
    vertical-align:middle
}
.blog-social-links .nav span.fab::before,.links-stretch span.fab::before{
    font-family:'font awesome\ 5 brands'
}
.blog-social-links .nav span:hover,.links-stretch span:hover{
    opacity:.8
}
.blog-social-links .nav span.fa-facebook-f,.links-stretch span.fa-facebook-f{
    background-color:#3b5999
}
.blog-social-links .nav span.fa-twitter,.links-stretch span.fa-twitter{
    background-color:#55acee
}
.blog-social-links .nav span.fa-youtube,.links-stretch span.fa-youtube{
    background-color:#cd201f
}
.blog-social-links .nav span.fa-instagram,.links-stretch span.fa-instagram{
    background-color:#d93782
}
.blog-social-links .nav span.fa-whatsapp,.links-stretch span.fa-whatsapp{
    background-color:#25d366
}
.links-stretch{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px
}
.links-stretch li{
    -webkit-box-flex:0;
    -webkit-flex:0 0 calc(50% - 5px);
    -ms-flex:0 0 calc(50% - 5px);
    flex:0 0 calc(50% - 5px);
    display:inline-block
}
.links-stretch span{
    font-size:10px;
    font-weight:700;
    text-transform:uppercase
}
.blog-social-links .nav{
    gap:15px
}
.animate-line{
    position:relative;
    overflow:hidden
}
.animate-line:after,.animate-line:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:40%;
    height:1px;
    background-image:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(149,159,169,0.3) 30%,rgba(149,159,169,0.3) 60%,rgba(255,255,255,0) 100%);
    background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(149,159,169,0.3) 30%,rgba(149,159,169,0.3) 60%,rgba(255,255,255,0) 100%);
    -webkit-animation:animate-line 8s linear infinite;
    animation:animate-line 8s linear infinite
}
.animate-line:after{
    -webkit-animation-delay:4s;
    animation-delay:4s
}
.vs-cursor,.vs-cursor2{
    position:absolute;
    border-radius:50%;
    -webkit-transition:none;
    transition:none;
    pointer-events:none;
    z-index:99999;
    display:inline-block
}
@media(max-width:992px){
    .vs-cursor,.vs-cursor2{
        display:none
    }
}
.vs-cursor{
    width:7px;
    height:7px;
    background-color:var(--yellow-color);
    top:0;
    left:0
}
.vs-cursor.style2{
    top:-9px;
    left:-9px;
    width:30px;
    height:30px;
    background-color:transparent;
    background-image:var(--bs-gradient);
    opacity:.7
}
.vs-cursor2{
    width:30px;
    height:30px;
    border:1px solid var(--yellow-color);
    top:9px;
    left:9px
}
.vs-cursor2.style2{
    border-color:transparent
}
.shadow-sm-1{
    box-shadow:0 16px 32px 0 rgba(0,0,0,.04)
}
.border-black{
    border-color:#000!important
}
.media-body{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.border-dashed-light{
    border-top:1px dashed #d6cdcd
}
.new-label{
    display:inline-block;
    position:relative;
    top:-1px;
    right:-4px;
    background:rgba(var(--theme-color3),1);
    line-height:1;
    text-transform:capitalize;
    color:var(--white-color);
    border-radius:10px;
    padding:3px 6px;
    font-size:11px;
    z-index:3
}
@media(min-width:1500px){
    .d-hd-block{
        display:block!important
    }
}
@media(max-width:1300px){
    .d-ml-none{
        display:none!important
    }
}
@media(min-width:1199px){
    .hide-ml{
        display:none
    }
}
@media(max-width:1300px){
    .show-ml{
        display:block
    }
}
.vs-sidebox{
    padding:35px 40px 40px;
    margin-bottom:30px
}
.vs-sidebox .vs-blog{
    margin-bottom:25px
}
.vs-sidebox .vs-blog:last-child{
    margin-bottom:0
}
.vs-sidebox-v2{
    background-color:var(--smoke-color);
    padding:30px;
    margin-bottom:30px
}
.sidebox-title-v2{
    position:relative;
    font-family:var(--theme-font);
    margin-bottom:0;
    padding:20px 30px;
    color:var(--white-color)
}
.sidebox-title-v2:after,.sidebox-title-v2:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    z-index:-1;
    background-image:var(--bs-gradient)
}
.sidebox-title-v2:before{
    height:100%;
    width:auto;
    min-width:240px;
    -webkit-clip-path:polygon(0 0,80% 0,100% 100%,0% 100%);
    clip-path:polygon(0 0,80% 0,100% 100%,0% 100%)
}
.vs-box1{
    border:1px solid #f0f0f0;
    padding:30px;
    position:relative
}
.sidebox-title{
    position:relative;
    margin-bottom:30px;
    padding-bottom:15px;
    border-bottom:1px solid #262932
}
.sidebox-title:before{
    content:'--';
    position:relative;
    margin-right:10px;
    display:inline-block;
    color:var(--default-color)
}
@media(max-width:1199px){
    .vs-sidebox-v2,.vs-sidebox{
        padding:17px 20px 20px;
        margin-bottom:30px
    }
    .sidebox-title-v2{
        padding:15px 20px
    }
    .vs-box1{
        padding:20px
    }
}
.widget{
    margin-bottom:30px
}
.widget_title{
    font-size:20px;
    line-height:1em;
    margin-bottom:30px
}
.footer-widget{
    padding:0;
    border:none;
    padding-bottom:0;
    background-color:transparent
}
.footer-widget .widget_title{
    margin-bottom:30px
}
.footer-widget .widget_title:not([class*=font-]){
    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:3px;
    padding-bottom:0
}
.footer-widget.widget_meta li>span,.footer-widget.widget_pages li>span,.footer-widget.widget_archive li>span,.footer-widget.widget_categories li>span,.footer-widget.widget_nav_menu li>span{
    width:auto;
    height:auto;
    position:relative;
    background-color:transparent;
    color:var(--body-color);
    line-height:1
}
.footer-widget.widget_meta a,.footer-widget.widget_pages a,.footer-widget.widget_archive a,.footer-widget.widget_categories a,.footer-widget.widget_nav_menu a{
    background-color:transparent;
    padding:0;
    position:relative;
    margin-bottom:20px;
    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:transparent
}
.footer-widget.widget_meta a:before,.footer-widget.widget_pages a:before,.footer-widget.widget_archive a:before,.footer-widget.widget_categories a:before,.footer-widget.widget_nav_menu a:before{
    content:'';
    font-family:var(--icon-font);
    margin-right:10px;
    font-weight:300;
    opacity:.5
}
.custom-links{
    list-style-type:none;
    margin:0;
    padding:0
}
.custom-links li{
    margin-bottom:17px
}
.custom-links li:last-child{
    margin-bottom:0
}
.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:50px;
    color:var(--white-color);
    background-color:rgba(var(--theme-color),1);
    text-align:center;
    font-family:var(--theme-font2)
}
.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:rgba(var(--theme-color),1);
    color:var(--white-color)
}
.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
}
.vs-cat-list1{
    list-style-type:none;
    margin:0;
    padding:0
}
.vs-cat-list1 li a{
    background-color:var(--light-dark-color);
    display:block;
    font-family:var(--theme-font3);
    font-weight:700;
    font-size:14px;
    color:var(--white-color);
    padding:17px 30px;
    padding-right:60px;
    margin-top:10px;
    position:relative
}
.vs-cat-list1 a{
    color:#fff
}
.vs-cat-list1 a:hover{
    color:var(--default-color)!important
}
.vs-cat-list1 a:hover{
    color:rgba(var(--theme-color),1)
}
.vs-cat-list1 a .icon{
    height:26px;
    width:26px;
    float:left;
    vertical-align:middle;
    text-align:center;
    border-radius:50%;
    background:rgba(255,255,255,.1);
    color:var(--white-color);
    margin-right:5px
}
.vs-cat-list1 a:hover .icon{
    color:var(--white-color)
}
.vs-cat-list1 .cat-number{
    position:absolute;
    right:30px;
    top:15px;
    background-color:var(--default-color);
    padding:0;
    min-width:30px;
    min-height:25px;
    line-height:30px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    font-size:12px;
    border-radius:15px;
    color:var(--white-color)
}
.vs-cat-list1>li:last-child a{
    margin-bottom:0
}
.vs-sidebox-v2 .vs-cat-list1 a{
    background-color:var(--white-color);
    color:var(--title-color)
}
.vs-sidebox-v2 .vs-cat-list1 a:hover{
    color:rgba(var(--theme-color),1)
}
.widget .search-form{
    position:relative
}
.widget .search-form input{
    width:100%;
    height:60px;
    background-color:var(--smoke-color);
    border:none;
    color:var(--body-color);
    padding-left:20px
}
.widget .search-form input::-moz-placeholder{
    color:var(--body-color)
}
.widget .search-form input::-webkit-input-placeholder{
    color:var(--body-color)
}
.widget .search-form input:-ms-input-placeholder{
    color:var(--body-color)
}
.widget .search-form input::-ms-input-placeholder{
    color:var(--body-color)
}
.widget .search-form input::placeholder{
    color:var(--body-color)
}
.widget .search-form button{
    padding:0;
    border:1px solid transparent;
    color:var(--body-color);
    background-color:transparent;
    position:absolute;
    top:50%;
    right:20px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.widget .search-form button:hover{
    color:rgba(var(--theme-color),1)
}
.wp-block-tag-cloud a,.tagcloud a{
    display:inline-block;
    border:none;
    font-size:14px;
    text-transform:uppercase;
    line-height:1;
    padding:10px 24px;
    margin-right:5px;
    margin-bottom:10px;
    background-color:var(--dark-color);
    color:var(--body-color);
    font-weight:500;
    border-radius:150px;
    text-transform:none;
    position:relative;
    z-index:0
}
.wp-block-tag-cloud a::before,.tagcloud a::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image:var(--bs-gradient);
    border-radius:inherit;
    z-index:-1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.wp-block-tag-cloud a:hover,.tagcloud a:hover{
    background-color:transparent;
    color:var(--white-color)!important
}
.wp-block-tag-cloud a:hover::before,.tagcloud a:hover::before{
    opacity:1;
    visibility:visible
}
.tagcloud{
    margin-right:-5px;
    margin-bottom:-10px
}
@media(max-width:576px){
    .wp-block-tag-cloud a,.tagcloud a{
        font-size:14px;
        padding:8px 10px
    }
}
.range-slider-area{
    padding-bottom:40px
}
.range-slider-area .price-area{
    float:left;
    padding:7px 0
}
.range-slider-area .price-area span{
    display:inline-block;
    color:var(--title-color)
}
.range-slider-area .vs-btn{
    float:right;
    width:94px;
    height:40px;
    line-height:40px;
    border-radius:50px;
    min-width:auto;
    font-weight:700;
    font-size:14px;
    color:var(--white-color);
    text-transform:capitalize;
    background-image:var(--bs-gradient)
}
.range-slider-area input{
    width:100px;
    display:inline-block;
    border:none;
    background-color:transparent;
    font-size:16px;
    font-weight:700;
    color:var(--title-color)
}
.range-slider-area .ui-slider{
    height:6px;
    position:relative;
    width:100%;
    background-color:var(--white-color);
    border:none;
    margin-top:5px;
    margin-bottom:25px;
    cursor:pointer;
    border-radius:3px
}
.range-slider-area .ui-slider-range{
    background-image:var(--bs-gradient);
    border:none;
    cursor:pointer;
    position:absolute;
    top:0;
    height:100%;
    z-index:1;
    display:block
}
.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-image:var(--bs-gradient);
    border:none;
    cursor:pointer;
    position:absolute;
    margin-top:-7px;
    z-index:2;
    box-shadow:1.5px 2.598px 10px 0 rgba(0,0,0,.15)
}
.range-slider-area .ui-slider-handle:focus{
    outline:none;
    box-shadow:1.5px 2.598px 10px 0 rgba(0,0,0,.15)
}
.range-slider-area .ui-slider-handle:before{
    content:'';
    position:absolute;
    background-color:var(--white-color);
    top:50%;
    left:50%;
    width:6px;
    height:6px;
    border-radius:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.header-wrapper{
    position:relative;
    z-index:9
}
.header-wrapper [data-overlay] [class^=col-],.header-wrapper [data-overlay] [class*=col-]{
    z-index:auto
}
.header-wrapper .container.position-relative{
    z-index:2
}
.main-menu a{
    font-size:14px;
    color:var(--title-color);
    font-family:var(--theme-font2);
    font-weight:400
}
.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:'\f107';
    position:relative;
    font-family:var(--icon-font);
    float:right;
    font-weight:700;
    margin-left:5px;
    font-size:1rem
}
.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;
    min-width:200px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    top:100%;
    left:0;
    z-index:12;
    padding-top:3px;
    text-align:left;
    background:rgba(23,25,32,.9);
    opacity:0;
    visibility:hidden;
    box-shadow:0 0 10px 0 rgba(0,0,0,.1);
    z-index:9;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:all .3s ease-in;
    transition:all .3s ease-in;
    padding:15px 0
}
.main-menu ul li ul.sub-menu li{
    display:block;
    margin:0;
    padding:0 25px
}
.main-menu ul li ul.sub-menu li.menu-item-has-children>a:after{
    content:"\f105"
}
.main-menu ul li ul.sub-menu li a{
    display:block;
    line-height:34px;
    color:rgba(255,255,255,.5)
}
.main-menu ul li ul.sub-menu li a:hover{
    color:rgba(255,255,255,.9);
    text-shadow:0 0 10px #fff
}
.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.mega-menu-wrap{
    position:static
}
.main-menu ul li ul.mega-menu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:absolute;
    text-align:left;
    left:15px;
    top:100%;
    width:calc(100% - 30px);
    background:rgba(23,25,32,.9);
    box-shadow:0 0 10px rgba(0,0,0,.1);
    padding:15px;
    margin-top:20px;
    visibility:hidden;
    opacity:0;
    z-index:-1;
    -webkit-transition:margin-top .2s ease-in-out 0s,visibility .2s ease-in-out 0s,opacity .2s ease-in-out 0s,z-index 0s;
    transition:margin-top .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;
    color:rgba(255,255,255,.5)
}
.main-menu ul li ul.mega-menu li li{
    padding:0
}
.main-menu ul li ul.mega-menu li a{
    padding:0;
    margin:0;
    color:rgba(255,255,255,.5);
    display:inline-block
}
.main-menu ul li ul.mega-menu li a:hover{
    color:#fff;
    text-shadow:0 0 10px #fff
}
.main-menu ul li ul.mega-menu>li:not(:last-child){
    border-right:1px solid rgba(255,255,255,.1)
}
.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;
    color:rgba(255,255,255,.8);
    border-color:rgba(255,255,255,.2)
}
.main-menu ul li ul.mega-menu>li>a:hover{
    text-shadow:none
}
.main-menu ul li:hover ul.mega-menu{
    visibility:visible;
    opacity:1;
    margin-top:0;
    z-index:9
}
.main-menu ul li:hover>ul.sub-menu{
    opacity:1;
    visibility:visible;
    margin-top:0;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
@media(max-width:1300px){
    .main-menu a{
        font-size:14px
    }
}
@media(max-width:1199px){
    .main-menu ul li ul.sub-menu{
        width:220px
    }
}
@media(max-width:1300px){
    .header-layout2.mt-30{
        margin-top:0
    }
}
@media(max-width:1199px){
    .header-layout2.position-absolute{
        position:static!important
    }
    .header-layout2.position-absolute .container{
        max-width:100%;
        padding-left:0;
        padding-right:0
    }
}
.sticky-header-wrap{
    background-color:var(--white-color);
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:99999;
    box-shadow:0 0 10px 0 rgba(0,0,0,.1);
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
    transform:translateY(-110%);
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    opacity:0;
    visibility:hidden
}
.sticky-header-wrap.active{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.menu-sticky1>ul>li{
    margin:0 17px
}
.menu-sticky1>ul>li>a{
    padding:27px 0;
    color:#a0a3ac
}
.menu-style1>ul>li{
    margin:0 15px
}
.menu-style1>ul>li>a{
    color:#8a91a6;
    font-size:14px;
    padding:37px 0
}
.menu-style1>ul>li>a:hover{
    color:var(--white-color)
}
.menu-style2>ul>li{
    margin:0 20px
}
.menu-style2>ul>li>a{
    font-size:14px;
    padding:27px 0;
    color:#a0a3ac;
    text-transform:uppercase;
    font-weight:400
}
.menu-style2>ul>li>a:hover{
    color:var(--white-color)
}
.menu-style3>ul>li{
    margin:0 19px
}
.menu-style3>ul>li>a{
    font-size:14px;
    padding:37px 0;
    color:#686d7c;
    font-weight:700
}
.menu-style3>ul>li>a:hover{
    color:var(--white-color)
}
.header-logo1{
    position:relative;
    z-index:1
}
.header-logo1:before{
    content:'';
    position:absolute;
    left:-20px;
    right:-20px;
    top:-20px;
    bottom:-20px;
    z-index:-1;
    -webkit-clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);
    clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);
    background-image:-webkit-linear-gradient(320deg,rgba(var(--theme-color2),1) 0%,rgba(var(--theme-color),1) 100%);
    background-image:linear-gradient(130deg,rgba(var(--theme-color2),1) 0%,rgba(var(--theme-color),1) 100%)
}
.header-logo2{
    position:absolute;
    left:0;
    top:-25px;
    width:212px;
    height:135px;
    text-align:center;
    margin-left:-50px;
    -webkit-clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);
    clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);
    padding-top:15px
}
.header-list1>li{
    display:inline-block;
    margin-right:22px
}
.header-list1>li:last-child{
    margin-right:0
}
.header-list1 button{
    border:none;
    background-color:transparent;
    color:var(--white-color);
    font-size:26px;
    vertical-align:middle;
    padding:0
}
.header-list1 button:hover{
    color:rgba(var(--theme-color),1)
}
.header-list1 .dropdown-menu{
    margin-top:34px!important;
    background-color:rgba(23,25,32,.95)
}
.header-list1 .dropdown-menu li{
    background-color:transparent
}
.header-list1 .dropdown-menu li a{
    padding:7px;
    color:rgba(255,255,255,.5)
}
.header-list1 .dropdown-menu li a:hover{
    padding:7px;
    color:rgba(255,255,255,.5);
    background-color:transparent;
    color:rgba(255,255,255,.9);
    text-shadow:0 0 10px #fff
}
.header-list1 .dropdown-toggle:after{
    display:none
}
.header-list1 img{
    max-width:40px;
    max-height:40px
}
.header-list2>li{
    display:inline-block;
    margin-right:40px
}
.header-list2>li:last-child{
    margin-right:0
}
.header-list2 a:not(.dropdown-item){
    color:#b3b6c3;
    display:inline-block;
    text-transform:uppercase;
    font-weight:700
}
.header-list2 a:not(.dropdown-item):hover{
    color:var(--white-color)
}
.header-list2 a:not(.dropdown-item) i{
    margin-right:7px
}
.header-form{
    position:relative;
    width:calc(100% - 80px)
}
.header-form input{
    height:100%;
    border:none;
    padding-left:60px
}
.header-form input,.header-form input:focus{
    background-color:transparent
}
.header-form button{
    position:absolute;
    top:50%;
    left:25px;
    border:none;
    background-color:transparent;
    color:var(--white-color);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.toggler-btn2{
    background-color:#34ba5e;
    color:var(--white-color);
    border:none;
    width:80px;
    height:80px;
    font-size:26px
}
.flag-small{
    width:25px;
    height:25px;
    border-radius:50%;
    margin-right:5px;
    margin-left:5px;
    margin-top:0;
    margin-bottom:5px;
    display:inline-block
}
.header-info-box{
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.header-info-box.has-right-border{
    border-right:1px solid #25262c;
    padding-right:40px
}
.header-info-box.has-left-border{
    padding-left:20px;
    margin-left:40px;
    border-left:1px solid #25262c
}
.header-info-box .has-border{
    border-bottom:1px solid #25262c;
    display:block;
    padding-bottom:1px;
    margin-bottom:7px
}
.header-info-box p{
    margin-bottom:3px;
    line-height:1
}
.header-info-box .vurses{
    padding:3px 5px 3px 3px;
    line-height:1;
    margin:0 5px;
    display:inline-block;
    -webkit-transform:skew(0deg);
    -ms-transform:skew(0deg);
    transform:skew(0deg)
}
.header-info-box .vurses:after,.header-info-box .vurses:before{
    content:'';
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    height:1px;
    z-index:-1;
    background-image:var(--bs-gradient)
}
.header-info-box .vurses:before{
    height:100%;
    width:100%;
    clip-path:polygon(0 0,80% 0,100% 100%,0% 100%)
}
.header-layout4{
    position:relative;
    z-index:42
}
.header-layout4 .vs-btn.outline1:before{
    border-color:#1e2128
}
.header-layout4 .vs-btn.outline3:before{
    border-color:#1e2128
}
.header-layout4 .vs-btn.outline4:before{
    border-color:#1e2128
}
.header4-logo{
    --extra: 40px;
    width:212px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    -webkit-clip-path:polygon(0 0,100% 0,calc(100% - var(--extra)) 100%,calc(0% + var(--extra)) 100%);
    clip-path:polygon(0 0,100% 0,calc(100% - var(--extra)) 100%,calc(0% + var(--extra)) 100%)
}
.header4-logo img{
    position:relative;
    z-index:2
}
@media(max-width:1300px){
    .header-logo2{
        left:-15px;
        top:-25px;
        width:170px;
        height:120px;
        margin-left:0
    }
}
@media(max-width:992px){
    .header-layout1 .px-50{
        padding-left:15px;
        padding-right:15px
    }
    .header4-logo{
        width:auto;
        --extra: 0
    }
    .header4-logo::before{
        display:none
    }
    .header-logo2{
        position:relative;
        top:0;
        padding:0;
        width:initial;
        height:auto;
        display:inline-block
    }
}
.dark-style1,.dark-style1 *:not([class*=text]){
    color:#c8cacf
}
.dark-style1 a:hover,.dark-style1 *:not([class*=text]) a:hover{
    color:rgba(var(--theme-color),1)
}
.dark-style1 .widget_title,.dark-style1 .icon-btn1 i{
    color:var(--white-color)
}
.footer-layout1 .bg-fluid{
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right center
}
.vs-widget-about .about-text{
    font-size:16px;
    line-height:32px;
    color:#c8cacf
}
.contact-info{
    padding-left:30px;
    position:relative
}
.contact-info:last-child{
    margin-bottom:0
}
.contact-info i{
    position:absolute;
    left:0;
    top:5px
}
.footer-menu ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.footer-menu li{
    display:inline-block
}
.footer-menu a{
    display:inline-block;
    font-size:14px;
    text-transform:capitalize;
    color:#9599a3;
    font-weight:700;
    padding:38px 27px;
    line-height:1;
    background-color:transparent;
    position:relative
}
.footer-menu a:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    background-image:var(--bs-gradient);
    height:4px;
    width:0;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.footer-menu a:hover{
    background-color:#161920
}
.footer-menu a:hover:after{
    width:100%
}
.footer-menu.style2 a:after{
    background-image:none;
    background-color:rgba(var(--theme-color3),1)
}
.footer-layout1 .footer-widget-wrapper{
    padding-top:185px;
    padding-bottom:70px
}
.footer-layout2 .footer-widget-wrapper{
    padding-top:130px;
    padding-bottom:30px
}
.footer-layout3{
    background-color:#171a21
}
.footer-layout3 .footer-widget-wrapper{
    padding-top:118px;
    padding-bottom:60px
}
.copyright-shape{
    padding-top:20px;
    padding-bottom:20px;
    -webkit-clip-path:polygon(4% 0,96% 0,100% 100%,0% 100%);
    clip-path:polygon(4% 0,96% 0,100% 100%,0% 100%)
}
@media(max-width:1199px){
    .footer-layout1 .footer-widget-wrapper{
        padding-top:100px;
        padding-bottom:60px
    }
    .footer-layout2 .footer-widget-wrapper{
        padding-top:60px;
        padding-bottom:30px
    }
}
@media(max-width:992px){
    .footer-layout3 .footer-widget-wrapper,.footer-layout1 .footer-widget-wrapper{
        padding-top:58px;
        padding-bottom:20px
    }
}
.breadcumb-menu-style1{
    max-width:100%;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin:0;
    padding:0;
    list-style-type:none
}
.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
}
.breadcumb-menu-style1[class*=text-] a{
    color:inherit
}
.breadcumb-layout1::before{
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0) 100%);
    background-image:linear-gradient(to bottom,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0) 100%)
}
.breadcumb-bg-title{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    line-height:.7;
    text-align:center;
    margin:0;
    z-index:-1;
    font-size:12.5rem;
    letter-spacing:-.047em;
    font-style:italic;
    background-color:transparent;
    color:transparent;
    -webkit-text-stroke-width:2px;
    -webkit-text-stroke-color:rgba(255,255,255,.2);
    -webkit-filter:brightness(200%);
    filter:brightness(200%);
    opacity:1
}
@media(max-width:1199px){
    .breadcumb-wrapper.pt-200{
        padding-top:185px
    }
    .breadcumb-bg-title{
        font-size:7.5rem
    }
}
@media(max-width:992px){
    .breadcumb-wrapper.pt-200{
        padding-top:155px
    }
    .breadcumb-bg-title{
        font-size:5.5rem
    }
}
@media(max-width:768px){
    .breadcumb-wrapper.pt-200{
        padding-top:115px
    }
}
@media(max-width:576px){
    .breadcumb-wrapper.pt-200{
        padding-top:108px
    }
    .breadcumb-bg-title{
        font-size:3.5rem
    }
    .breadcumb-title.h1{
        font-size:24px
    }
}
.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%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.popup-search-box button.searchClose{
    width:60px;
    height:60px;
    position:absolute;
    top:40px;
    right:40px;
    border-width:1px;
    border-style:solid;
    border-color:rgba(var(--theme-color),1);
    background-color:transparent;
    font-size:22px;
    border-radius:50%;
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.popup-search-box button.searchClose:hover{
    color:var(--body-color);
    background-color:var(--white-color);
    border-color:transparent;
    border-color:transparent;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    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;
    -webkit-transform:translate(-50%,-50%) scale(0);
    -ms-transform:translate(-50%,-50%) scale(0);
    transform:translate(-50%,-50%) scale(0);
    -webkit-transition:-webkit-transform ease .4s;
    transition:-webkit-transform ease .4s;
    transition:transform ease .4s;
    transition:transform ease .4s,-webkit-transform ease .4s
}
@media(max-width:1199px){
    .popup-search-box form{
        max-width:600px
    }
}
.popup-search-box form input{
    font-size:18px;
    height:70px;
    width:100%;
    border-width:0;
    border-bottom-width:2px;
    border-style:solid;
    border-color:rgba(var(--theme-color),1);
    background-color:transparent;
    padding-left:30px;
    color:var(--white-color);
    border-radius:50px
}
.popup-search-box form input::-moz-placeholder{
    color:var(--white-color)
}
.popup-search-box form input::-webkit-input-placeholder{
    color:var(--white-color)
}
.popup-search-box form input:-ms-input-placeholder{
    color:var(--white-color)
}
.popup-search-box form input::-ms-input-placeholder{
    color:var(--white-color)
}
.popup-search-box form input::placeholder{
    color:var(--white-color)
}
.popup-search-box form button{
    position:absolute;
    top:0;
    background-color:transparent;
    border:none;
    color:var(--white-color);
    font-size:24px;
    right:12px;
    color:var(--white-color);
    cursor:pointer;
    width:70px;
    height:70px;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:scale(1.001);
    -ms-transform:scale(1.001);
    transform:scale(1.001)
}
.popup-search-box form button:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.popup-search-box.show{
    opacity:1;
    visibility:visible;
    width:100.1%;
    height:100%;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    border-radius:0
}
.popup-search-box.show form{
    -webkit-transition-delay:.5s;
    transition-delay:.5s;
    -webkit-transform:translate(-50%,-50%) scale(1);
    -ms-transform:translate(-50%,-50%) scale(1);
    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;
    -webkit-transition:all ease .8s;
    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%;
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.sidemenu-wrapper .closeButton:hover{
    border-color:transparent;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    color:var(--white-color)!important;
    background-color:rgba(var(--theme-color2),1)
}
.sidemenu-wrapper .sidemenu-content{
    background-color:var(--white-color);
    width:450px;
    margin-left:auto;
    padding:80px 30px;
    height:100%;
    overflow-y:auto;
    position:relative;
    right:-500px;
    cursor:auto;
    -webkit-transition-delay:1s;
    transition-delay:1s;
    -webkit-transition:right ease 1s;
    transition:right ease 1s
}
.sidemenu-wrapper .widget{
    padding:0;
    border:none;
    background-color:transparent
}
.sidemenu-wrapper.show{
    opacity:1;
    visibility:visible;
    width:100%;
    -webkit-transition:all ease .8s;
    transition:all ease .8s
}
.sidemenu-wrapper.show html{
    overflow:hidden!important
}
.sidemenu-wrapper.show .sidemenu-content{
    right:0;
    opacity:1;
    visibility:visible
}
.blog-title.text-white a{
    position:relative;
    display:inline-block
}
.blog-title.text-white a:before{
    content:'';
    position:absolute;
    left:0;
    bottom:-2px;
    height:2px;
    width:0;
    background-image:var(--bs-gradient);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.blog-title.text-white a:hover{
    color:inherit
}
.blog-title.text-white a:hover::before{
    width:100%
}
.blog-title.text-dark a{
    position:relative;
    display:inline-block
}
.blog-title.text-dark a:before{
    content:'';
    position:absolute;
    left:0;
    bottom:-2px;
    height:2px;
    width:0;
    background-image:var(--bs-gradient);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.blog-title.text-dark a:hover{
    color:inherit
}
.blog-title.text-dark a:hover::before{
    width:100%
}
.blog-meta[class*=text] a{
    color:inherit
}
.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:5px
}
.blog-category{
    margin-bottom:-10px
}
.blog-category a{
    display:inline-block;
    color:var(--white-color);
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    padding:6px 16px;
    margin-right:5px;
    margin-bottom:10px;
    line-height:1;
    font-family:var(--theme-font3);
    background-color:transparent;
    background-image:var(--bs-gradient)
}
.blog-category a:hover{
    color:var(--white-color)
}
.vs-blog{
    margin-bottom:30px
}
.vs-blog .blog-title a:not(:hover){
    color:inherit
}
.vs-blog .blog-title.h5{
    letter-spacing:-.03em
}
.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
}
.vs-blog .blog-image{
    position:relative
}
.vs-blog .blog-image .blog-category{
    position:absolute;
    top:18px;
    right:18px
}
.multibg-color-cat .blog-category a{
    padding:5px 11px;
    background-image:none
}
.multibg-color-cat .vs-blog:nth-child(11n-1) .blog-category a{
    background-color:#f07707
}
.multibg-color-cat .vs-blog:nth-child(2n-1) .blog-category a{
    background-color:#34ba5e
}
.multibg-color-cat .vs-blog:nth-child(3n-1) .blog-category a{
    background-color:#f07707
}
.multibg-color-cat .vs-blog:nth-child(4n-1) .blog-category a{
    background-color:#bd3eff
}
.multibg-color-cat .vs-blog:nth-child(13n-1) .blog-category a{
    background-color:#34ba5e
}
.multibg-color-cat .vs-blog:nth-child(5n-1) .blog-category a{
    background-color:#007bff
}
.multibg-color-cat .vs-blog:nth-child(7n-1) .blog-category a{
    background-color:#34ba5e
}
.blog-social-links,.blog-share-links{
    border-top:1px solid rgba(124,126,144,.15);
    padding-top:30px;
    margin-top:30px
}
@media(max-width:992px){
}
@media(max-width:576px){
}
.vs-blog-layout1 .vs-blog{
    margin-bottom:25px
}
.vs-blog-layout1 .blog-category{
    position:absolute;
    right:20px;
    top:20px;
    z-index:2
}
.vs-blog-layout1 .blog-image{
    position:relative;
    margin-bottom:22px
}
.vs-blog-layout1 .blog-title{
    text-transform:uppercase;
    font-family:var(--theme-font);
    margin-bottom:7px
}
.vs-blog-layout1 .fs-20{
    line-height:30px
}
.vs-blog-layout2 .vs-blog{
    position:relative
}
.vs-blog-layout2 .overlay{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    background-image:-webkit-linear-gradient(bottom,rgba(4,4,10,1) 0%,rgba(255,255,255,0) 100%);
    background-image:linear-gradient(to top,rgba(4,4,10,1) 0%,rgba(255,255,255,0) 100%);
    z-index:1
}
.vs-blog-layout2 .blog-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:25px 30px;
    z-index:1
}
@media(max-width:576px){
    .vs-blog-layout2 .blog-content{
        padding-left:20px;
        padding-right:20px
    }
}
.cat-list{
    display:inline-block
}
.cat-list a{
    margin:0
}
.cat-list a:after{
    content:','
}
.blog-single-layout1 .blog-meta.has-border{
    padding:25px 30px 30px;
    position:relative
}
.blog-single-layout1 .blog-meta.has-border:after,.blog-single-layout1 .blog-meta.has-border:before{
    content:'';
    position:absolute;
    left:0;
    bottom:5px;
    width:100%;
    height:1px;
    background-image:var(--bs-gradient)
}
.blog-single-layout1 .blog-meta.has-border:before{
    height:5px;
    bottom:0;
    max-width:146px
}
.blog-single-layout1 .blog-meta.has-border i{
    color:rgba(var(--theme-color2),1);
    margin-right:7px
}
.blog-single-layout1 .blog-meta.has-border a{
    font-weight:400
}
.blog-single-layout1 .blog-meta.has-border a:hover{
    color:rgba(var(--theme-color2),1)
}
.blog-single-layout1 .blog-content{
    padding:20px 30px 30px
}
.blog-single-layout1 .author-box{
    padding-top:10px
}
.blog-single-layout1 .blog-image{
    position:relative
}
.blog-single-layout1 .blog-image .slick-arrow{
    left:40px;
    font-size:30px;
    z-index:4;
    opacity:0;
    visibility:hidden
}
.blog-single-layout1 .blog-image .slick-arrow.slick-next{
    right:40px;
    left:auto
}
.blog-single-layout1 .blog-image:hover .slick-arrow{
    opacity:1;
    visibility:visible
}
.blog-single-layout1 .blog-audio{
    line-height:0
}
@media(max-width:1199px){
    .blog-written-author.px-60.pb-60.pt-55{
        padding:25px 30px 30px
    }
}
@media(max-width:768px){
    .blog-social-links .nav{
        display:block
    }
    .blog-social-links .nav li{
        margin-bottom:10px
    }
    .blog-social-links .nav li:last-child{
        margin-bottom:0
    }
}
@media(max-width:576px){
    .blog-single-layout1 .blog-meta.has-border{
        padding:15px 20px 20px
    }
    .blog-single-layout1 .blog-content{
        padding:20px
    }
    .blog-written-author .media-img{
        margin-left:auto;
        margin-right:auto;
        text-align:center
    }
}
.vs-comments-layout1{
    border-bottom:1px solid var(--white-color)
}
.vs-comments-layout1 li{
    margin:0
}
.vs-comments-layout1 .vs-post-comment{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    padding-top:30px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:23px;
    background-color:var(--smoke-color);
    margin-bottom:30px
}
.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 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:20px
}
.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:0;
    font-weight:500;
    color:rgba(var(--theme-color2),1)
}
.vs-comments-layout1 .vs-btn{
    width:110px;
    height:40px;
    padding:0;
    line-height:40px;
    text-align:center;
    font-size:14px;
    margin-top:5px;
    border-radius:50px;
    background-image:var(--bs-gradient);
    min-width:auto;
    color:var(--white-color)
}
.vs-comments-layout1 .vs-btn:hover{
    color:var(--white-color)
}
.vs-comments-layout1 .comment-top{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.vs-comments-layout1 .text{
    margin-bottom:25px
}
.vs-comments-layout1 .text:last-child{
    margin-bottom:0
}
.vs-comments-layout1 .name{
    text-transform:capitalize;
    font-family:var(--theme-font);
    margin-bottom:5px;
    letter-spacing:-.03em
}
.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:30px;
        padding:30px;
        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
    }
    .vs-comment-form.px-40.py-40{
        padding:30px
    }
}
@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:30px;
        padding:0;
        border-width:1px;
        margin-bottom:10px
    }
    .vs-comments-layout1 .vs-post-comment{
        display:block;
        margin-bottom:30px;
        padding:20px;
        margin-top:0
    }
    .vs-comment-form.px-40.py-40{
        padding:20px
    }
}
@media(max-width:576px){
    .vs-comments-layout1 .author-img{
        margin-left:auto;
        margin-right:auto
    }
    .vs-comments-layout1 .vs-post-comment{
        text-align:center
    }
}
.hero-slick .sub-subtitle{
    display:inline-block;
    line-height:1;
    padding:7px 40px;
    text-transform:uppercase;
    font-weight:700;
    line-height:1;
    letter-spacing:.2em
}
.hero-slick .hero-title{
    text-transform:uppercase;
    font-weight:700;
    font-size:72px;
    letter-spacing:-.03em;
    max-width:565px;
    margin-top:-.09em;
    margin-bottom:0
}
.hero-slick .hero-title2{
    font-family:var(--theme-font);
    width:100%;
    max-width:500px;
    letter-spacing:-.03em;
    margin-bottom:10px
}
.hero-slick .clip-shape{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:112px;
    background-color:#fff;
    z-index:4;
    -webkit-clip-path:polygon(0px 0px,100% 100%,100% 100%,0% 100%);
    clip-path:polygon(0px 0px,100% 100%,100% 100%,0% 100%)
}
.hero-slick .slick-arrow{
    left:75px
}
.hero-slick .slick-arrow.slick-next{
    left:auto;
    right:75px
}
.hero-slick:hover .slick-arrow{
    opacity:1;
    visibility:visible
}
.hero-slick.hero-layout1 .container{
    min-height:900px
}
.hero-slick.hero-layout1 .hero-content1{
    margin-top:150px;
    max-width:100%
}
.hero-slick.hero-layout2 .container{
    min-height:1010px
}
.hero-slick.hero-layout2 .hero-content1{
    margin-bottom:10px;
    margin-left:auto
}
.hero-slick.hero-layout3 .container{
    min-height:650px
}
.hero-slick.hero-layout3 .blog-category{
    margin-bottom:3px
}
.hero-slick.hero-layout3 .blog-category a{
    background-image:none;
    background-color:#34ba5e
}
.hero-slick.hero-layout3 .blog-meta a{
    color:#e2e2e2;
    text-transform:uppercase
}
@media(max-width:1500px){
    .hero-slick.hero-layout2 .container{
        min-height:900px
    }
    .hero-slick.hero-layout2 .hero-content1{
        margin-bottom:0;
        margin-top:60px
    }
}
@media(max-width:1199px){
    .hero-slick .hero-title{
        font-size:42px;
        max-width:400px
    }
    .hero-slick .sub-subtitle{
        padding:9px 11px;
        font-size:13px
    }
    .hero-slick .vs-btn-group.mt-35{
        margin-top:20px
    }
    .hero-slick.hero-layout1 .container{
        min-height:600px
    }
    .hero-slick.hero-layout1 .hero-content1{
        margin-top:140px
    }
    .hero-slick.hero-layout2 .container{
        min-height:auto
    }
    .hero-slick.hero-layout2 .hero-content1{
        margin-bottom:100px;
        margin-top:100px
    }
    .hero-slick.hero-layout3 .container{
        min-height:auto;
        padding-bottom:100px;
        padding-top:100px
    }
}
@media(max-width:992px){
    .hero-slick.hero-layout1 .container{
        min-height:500px
    }
    .hero-slick.hero-layout1 .hero-content1{
        margin-top:110px
    }
    .hero-slick.hero-layout2 .hero-content1{
        margin-bottom:60px;
        margin-top:60px
    }
    .hero-slick.hero-layout3 .container{
        padding-bottom:60px;
        padding-top:60px
    }
}
@media(max-width:768px){
    .hero-slick .hero-title{
        font-size:32px;
        max-width:300px
    }
    .hero-slick.hero-layout1 .container{
        min-height:auto;
        padding-top:60px;
        max-width:100%;
        padding-bottom:60px
    }
    .hero-slick.hero-layout1 .hero-content1{
        margin-top:60px
    }
}
@media(max-width:576px){
    .hero-slick .sub-subtitle{
        padding:9px 10px;
        font-size:12px
    }
}
.vs-hero-carousel:hover .ls-arrow{
    left:80px;
    opacity:1;
    visibility:visible
}
.vs-hero-carousel:hover .ls-arrow[data-ls-go=next]{
    left:auto;
    right:80px
}
.ls-layer .vs-btn{
    font-size:14px
}
.ls-btn-group{
    position:absolute;
    left:0;
    top:0;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    gap:5px
}
.ls-center-def .ls-btn-group{
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
@media only screen and (min-width:1921px){
    .ls-wrapper>.ls-layer.ls-hide-hd{
        display:none!important
    }
}
@media(max-width:768px){
    .ls-btn-group .vs-btn{
        padding:18px 35px;
        min-width:-webkit-max-content;
        min-width:-moz-max-content;
        min-width:max-content;
        height:auto;
        width:auto;
        line-height:1
    }
    .ls-btn-group .vs-btn:before{
        -webkit-transform:skewX(0);
        -ms-transform:skewX(0);
        transform:skewX(0)
    }
}
@media(max-width:576px){
    .ls-btn-group .vs-btn{
        font-size:12px;
        padding:14px 30px;
        margin-right:10px
    }
    .ls-btn-group .vs-btn:last-child{
        margin-right:0
    }
    .ls-center-xs{
        position:relative
    }
    .ls-center-xs .ls-btn-group{
        position:absolute;
        left:50%;
        top:0;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
.strem-video1 .slick-arrow{
    --arrow-position: 60px
}
.video-box1{
    position:relative;
    overflow:hidden;
    box-shadow:0 16px 32px 0 rgba(0,0,0,.1);
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:scaleY(.85) scaleX(.85);
    -ms-transform:scaleY(.85) scaleX(.85);
    transform:scaleY(.85) scaleX(.85)
}
.video-box1 .play-btn{
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
    opacity:0;
    visibility:hidden
}
.video-box1:hover .play-btn{
    opacity:1;
    visibility:visible;
    -webkit-transition-delay:.4s;
    transition-delay:.4s
}
.slick-center .video-box1 .play-btn,.video-box1:hover .play-btn{
    opacity:1;
    visibility:visible;
    -webkit-transition-delay:.4s;
    transition-delay:.4s
}
.slick-center .video-box1{
    -webkit-transform:scaleY(1) scaleX(1);
    -ms-transform:scaleY(1) scaleX(1);
    transform:scaleY(1) scaleX(1)
}
.video-box1::after,.hover-shape::after{
    content:"";
    position:absolute;
    top:0;
    right:100%;
    bottom:100%;
    left:0;
    z-index:13;
    background:var(--white-color);
    opacity:.4;
    height:100%;
    -webkit-transition:bottom .4s cubic-bezier(.77,.84,.44,1) 0s,right .4s cubic-bezier(.77,0,.175,1) .2s,left .4s cubic-bezier(.77,0,.175,1) .3s;
    transition:bottom .4s cubic-bezier(.77,.84,.44,1) 0s,right .4s cubic-bezier(.77,0,.175,1) .2s,left .4s cubic-bezier(.77,0,.175,1) .3s
}
.video-box1:hover:after,.hover-shape:hover:after{
    margin-right:0;
    right:0;
    bottom:0;
    left:100%
}
@media(max-width:1199px){
    .video-box1{
        -webkit-transform:scaleY(1) scaleX(1);
        -ms-transform:scaleY(1) scaleX(1);
        transform:scaleY(1) scaleX(1)
    }
    .vs-streams-wrapper .px-60{
        padding-left:30px;
        padding-right:30px
    }
    .vs-streams-wrapper .pb-60{
        padding-bottom:30px
    }
}
@media(max-width:576px){
    .vs-streams-wrapper .px-60{
        padding-left:10px;
        padding-right:10px
    }
    .vs-streams-wrapper .pb-60{
        padding-bottom:10px
    }
}
.vs-match-layout1 .vs-match{
    background-color:#171a21;
    padding:30px 60px;
    margin-bottom:15px
}
.vs-match-layout1 .match-logo{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.vs-match-layout1 .versus{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    font-weight:700;
    font-size:12px;
    text-align:center;
    color:var(--white-color);
    border:2px solid #4e5159;
    border-radius:50%;
    position:relative
}
.vs-match-layout1 .versus:after,.vs-match-layout1 .versus:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:rgba(255,255,255,.1);
    border-radius:50%
}
.vs-match-layout1 .team-name{
    text-transform:uppercase
}
.vs-match-layout1 .team-name a{
    color:inherit
}
.vs-match-layout1 .match-date{
    font-size:14px;
    color:#9498a1;
    font-family:var(--theme-font2);
    font-weight:400
}
.vs-match-layout1 .match-time{
    font-size:50px;
    font-weight:700;
    line-height:1
}
@media(max-width:1199px){
    .vs-match-layout1 .match-logo img{
        max-width:60px
    }
    .vs-match-layout1 .vs-match{
        padding:30px 20px
    }
    .vs-match-layout1 .versus{
        margin:0 10px
    }
    .vs-match-layout1 .match-about{
        margin:20px 0
    }
    .vs-match-layout1 .match-about.pl-35{
        padding-left:0
    }
}
@media(max-width:992px){
    .vs-match-layout1 .vs-match{
        padding:20px
    }
    .vs-match-layout1 .match-about{
        margin:20px 0;
        text-align:center
    }
    .vs-match-layout1 .team-name.h5{
        font-size:16px
    }
    .vs-match-layout1 .match-logo{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .vs-match-layout1 .match-time{
        font-size:34px
    }
}
.filter-menu-style1{
    display:inline-block;
    position:relative;
    z-index:1;
    padding:0 5px
}
.filter-menu-style1:before{
    content:'';
    position:absolute;
    top:0;
    left:6px;
    bottom:0;
    right:6px;
    background-color:#171a21;
    -webkit-transform:skewX(20deg);
    -ms-transform:skewX(20deg);
    transform:skewX(20deg);
    z-index:-1
}
.filter-menu-style1 a,.filter-menu-style1 button{
    border:none;
    background-color:transparent;
    position:relative;
    color:#9aa2b2;
    padding:12px 24px;
    font-size:14px;
    font-weight:700;
    z-index:2;
    display:inline-block
}
.filter-menu-style1 a.active,.filter-menu-style1 button.active{
    color:var(--white-color)
}
.filter-menu-style1 .indicator{
    background-image:var(--bs-gradient);
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    -webkit-transform:skewX(20deg);
    -ms-transform:skewX(20deg);
    transform:skewX(20deg);
    z-index:1;
    -webkit-transition:all ease .3s;
    transition:all ease .3s
}
.filter-menu-style1.btn-style2 .indicator{
    background-color:rgba(var(--theme-color3),1);
    background-image:none
}
@media(max-width:992px){
    .filter-menu-style1.mb-70{
        margin-bottom:40px
    }
}
@media(max-width:768px){
    .filter-menu-style1::before{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        width:100%;
        left:0;
        top:0
    }
    .filter-menu-style1 .indicator{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.tab-content{
    overflow:hidden
}
.tab-pane{
    opacity:1;
    position:relative;
    -webkit-transition:all 0s;
    transition:all 0s
}
.tab-menu1{
    position:relative;
    z-index:2
}
.tab-menu1 a{
    font-weight:700;
    font-size:18px;
    color:var(--title-color);
    letter-spacing:-.03em;
    padding:17px 40px;
    display:inline-block;
    position:relative;
    text-transform:uppercase;
    background-color:transparent;
    -webkit-transition:all ease .8s;
    transition:all ease .8s
}
.tab-menu1 a.active{
    color:var(--white-color)
}
.tab-menu1 .indicator{
    z-index:-1;
    display:inline-block;
    position:absolute;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.tab-menu1 .indicator:after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    background-image:var(--bs-gradient)
}
.tab-menu1 .indicator:before{
    content:'';
    position:absolute;
    width:16px;
    height:16px;
    z-index:-2;
    margin-left:-8px;
    bottom:-8px;
    left:50%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    background-image:-webkit-linear-gradient(338deg,rgba(var(--theme-color2),1) 0%,rgba(var(--theme-color),1) 100%);
    background-image:linear-gradient(112deg,rgba(var(--theme-color2),1) 0%,rgba(var(--theme-color),1) 100%)
}
.tab-menu1.nav-fill a{
    padding:12px 0;
    font-size:14px
}
.tab-menu1.nav-fill .indicator::before{
    width:14px;
    height:14px;
    margin-left:-7px;
    bottom:-7px
}
.tab-menu2{
    margin-bottom:30px
}
.tab-menu2 .nav-link{
    font-weight:500;
    font-size:18px;
    text-transform:none;
    color:var(--title-color);
    padding:14px 25px;
    border-color:transparent
}
.tab-menu2 .nav-link.active{
    border-color:#e5e5e5 #e5e5e5 var(--white-color) #e5e5e5;
    background-color:transparent;
    color:rgba(var(--theme-color2),1)
}
@media(max-width:992px){
    .tab-menu1 a{
        font-size:16px;
        padding:7px 28px
    }
}
@media(max-width:576px){
    .tab-menu1 a{
        font-size:14px;
        padding:7px 24px
    }
    .tab-menu2 .nav-link{
        padding:9px 20px;
        font-size:16px
    }
}
.vs-member-layout1 a{
    color:inherit
}
.vs-member-layout1 .vs-member{
    position:relative;
    z-index:1;
    margin-bottom:30px
}
.vs-member-layout1 .vs-member:after,.vs-member-layout1 .vs-member:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:40px
}
.vs-member-layout1 .vs-member:before{
    height:40%;
    background-image:-webkit-linear-gradient(bottom,rgba(var(--theme-color2),0.9) 10%,rgba(255,255,255,0) 100%);
    background-image:linear-gradient(to top,rgba(var(--theme-color2),0.9) 10%,rgba(255,255,255,0) 100%);
    top:auto
}
.vs-member-layout1 .vs-member:after{
    background-color:#1b1d25;
    z-index:-1
}
.vs-member-layout1 .member-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    padding-bottom:18px
}
.vs-member-layout1 .degi{
    color:var(--white-color);
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    display:block;
    letter-spacing:.2em
}
.vs-member-layout1 .member-name{
    color:var(--white-color);
    text-transform:uppercase
}
.vs-member-layout2 a{
    color:inherit
}
.vs-member-layout2 a:hover{
    color:rgba(var(--theme-color),1)
}
.vs-member-layout2 .member-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    z-index:2;
    padding:25px
}
.vs-member-layout2 .plus-icon{
    opacity:1;
    visibility:visible;
    -webkit-transition:all ease .3s;
    transition:all ease .3s;
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.vs-member-layout2 .member-links{
    margin-bottom:25px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    text-align:center
}
.vs-member-layout2 .member-links a{
    position:relative;
    left:0;
    top:0;
    opacity:0;
    visibility:visible
}
.vs-member-layout2 .member-links a:nth-child(2){
    -webkit-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    transform:translateX(-50px)
}
.vs-member-layout2 .member-links a:nth-child(3){
    -webkit-transform:translateX(-75px);
    -ms-transform:translateX(-75px);
    transform:translateX(-75px)
}
.vs-member-layout2 .member-links a:nth-child(4){
    -webkit-transform:translateX(-100px);
    -ms-transform:translateX(-100px);
    transform:translateX(-100px)
}
.vs-member-layout2 .member-links a:nth-child(5){
    -webkit-transform:translateX(-125px);
    -ms-transform:translateX(-125px);
    transform:translateX(-125px)
}
.vs-member-layout2 .member-links a:nth-child(6){
    -webkit-transform:translateX(-150px);
    -ms-transform:translateX(-150px);
    transform:translateX(-150px)
}
.vs-member-layout2 .vs-member{
    position:relative;
    -webkit-clip-path:polygon(10% 0%,90% 0%,100% 8%,100% 92%,90% 100%,10% 100%,0% 92%,0% 8%);
    clip-path:polygon(10% 0%,90% 0%,100% 8%,100% 92%,90% 100%,10% 100%,0% 92%,0% 8%);
    margin-bottom:30px
}
.vs-member-layout2 .vs-member:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:50%;
    background-image:-webkit-linear-gradient(bottom,rgba(var(--theme-color2),0.7) 0%,rgba(var(--theme-color),0) 100%);
    background-image:linear-gradient(to top,rgba(var(--theme-color2),0.7) 0%,rgba(var(--theme-color),0) 100%);
    z-index:1
}
.vs-member-layout2 .vs-member:hover .plus-icon{
    opacity:0;
    visibility:hidden;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.vs-member-layout2 .vs-member:hover .member-links a{
    opacity:1;
    visibility:visible
}
.vs-member-layout2 .vs-member:hover .member-links a:nth-child(2){
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.vs-member-layout2 .vs-member:hover .member-links a:nth-child(3){
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.vs-member-layout2 .vs-member:hover .member-links a:nth-child(4){
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.vs-member-layout2 .vs-member:hover .member-links a:nth-child(5){
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.vs-member-layout2 .vs-member:hover .member-links a:nth-child(6){
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
@media(max-width:768px){
    .vs-member-layout2 .member-content{
        padding-left:10px;
        padding-right:10px
    }
}
.google-map{
    height:500px;
    width:100%
}
.form-dark .form-control{
    background-color:#1a1d24;
    padding-left:57px;
    border:0 solid!important;
    color:var(--white-color)
}
.form-dark textarea.form-control{
    padding-top:20px
}
.form-dark label{
    margin-bottom:5px;
    font-size:14px;
    line-height:1;
    display:block
}
.form-dark i{
    color:rgba(var(--theme-color),1);
    right:auto;
    top:40px;
    left:20px
}
.contact-form-style1{
    border:2px solid #2b2e37
}
.info-box2{
    background-color:#1a1d24
}
.info-box3{
    min-width:570px
}
.schedule-table td{
    border:none
}
.schedule-table tr{
    border-bottom:1px dashed #dfdfe0
}
.schedule-table tr:last-child{
    border-bottom:none
}
.info-style1{
    padding-left:80px;
    position:relative;
    padding-top:10px;
    margin-bottom:20px
}
.info-style1:last-child{
    margin-bottom:0
}
.info-style1 .icon-btn2{
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media(max-width:1199px){
    .info-box2.px-60,.contact-form-style1.px-60{
        padding-left:30px;
        padding-right:30px
    }
    .info-box2.py-60,.contact-form-style1.py-60{
        padding-top:30px;
        padding-bottom:30px
    }
}
@media(max-width:992px){
    .contact-form-style1.px-80{
        padding-left:40px;
        padding-right:40px
    }
    .contact-form-style1.py-80{
        padding-top:40px;
        padding-bottom:40px
    }
}
@media(max-width:768px){
    .google-map{
        height:300px
    }
    .info-box3{
        min-width:auto
    }
    .info-box3.position-absolute{
        margin-top:30px;
        position:relative!important
    }
    .info-box3.px-40{
        padding-left:15px;
        padding-right:15px
    }
    .info-box3.py-40{
        padding-top:10px;
        padding-bottom:15px
    }
}
@media(max-width:576px){
    .contact-form-style1.px-80{
        padding-left:10px;
        padding-right:10px
    }
    .contact-form-style1.py-80{
        padding-top:10px;
        padding-bottom:10px
    }
    .info-box2.px-60,.contact-form-style1.px-60{
        padding-left:20px;
        padding-right:20px
    }
    .info-box2.py-60,.contact-form-style1.py-60{
        padding-top:20px;
        padding-bottom:20px
    }
    .info-style1{
        padding-left:0;
        padding-top:0
    }
    .info-style1 .icon-btn2{
        position:relative;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        margin-bottom:15px
    }
}
.vs-product-layout1 .vs-product{
    margin-bottom:23px
}
.vs-product-layout1 .category{
    text-transform:uppercase;
    letter-spacing:.2em;
    color:rgba(255,255,255,.7);
    font-weight:700
}
.vs-product-layout1 .product-content{
    padding-top:33px
}
.vs-product-layout1 .product-img{
    background-color:#191c22;
    position:relative
}
.vs-product .label{
    position:absolute;
    right:20px;
    top:20px;
    background-image:var(--bs-gradient);
    font-weight:700;
    font-size:10px;
    color:var(--white-color);
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    text-transform:uppercase;
    border-radius:50%
}
.cart-btn-group .vs-btn{
    width:auto;
    height:auto;
    text-transform:capitalize;
    text-transform:none;
    color:var(--white-color);
    background-image:var(--bs-gradient);
    min-width:150px;
    font-size:16px;
    font-weight:700;
    line-height:50px;
    border-radius:150px;
    margin:0 7px
}
.vs-product-layout2 .product-content{
    padding:15px 30px 25px
}
.vs-product-layout2 .product-img{
    position:relative
}
.vs-product-layout2 .cart-btn-group{
    position:absolute;
    top:40%;
    right:0;
    left:0;
    z-index:3;
    text-align:center;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    opacity:0;
    visibility:hidden
}
.vs-product-layout2 .cart-btn-group .icon-btn3{
    position:relative;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-product-layout2 .cart-btn-group .icon-btn3:first-child{
    right:20px
}
.vs-product-layout2 .cart-btn-group .icon-btn3:last-child{
    left:20px
}
.vs-product-layout2 .vs-product{
    background-color:var(--smoke-color);
    margin-bottom:30px;
    box-shadow:none;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.vs-product-layout2 .vs-product:hover{
    box-shadow:0 15px 30px 0 rgba(0,0,0,.05);
    background-color:var(--white-color)
}
.vs-product-layout2 .vs-product:hover .cart-btn-group{
    top:50%;
    opacity:1;
    visibility:visible
}
.vs-product-layout2 .vs-product:hover .cart-btn-group .icon-btn3:first-child{
    right:0
}
.vs-product-layout2 .vs-product:hover .cart-btn-group .icon-btn3:last-child{
    left:0
}
.sort-btn select{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:280px;
    margin-right:20px
}
.sort-btn .icon-btn3{
    background-image:var(--bs-gradient)
}
.sort-btn .icon-btn3 i{
    border-radius:0;
    font-size:18px;
    background-image:none;
    background-color:var(--white-color);
    border:1px solid #f0f0f0;
    border-right:none;
    color:var(--title-color)
}
.sort-btn .icon-btn3:last-child i{
    border-right:1px solid #f0f0f0
}
.sort-btn .icon-btn3.active i,.sort-btn .icon-btn3:hover i{
    background-color:transparent;
    color:var(--white-color);
    border-color:transparent
}
.latest-product-v1 .post{
    margin-bottom:15px
}
.latest-product-v1 .post:last-child{
    margin-bottom:0
}
@media(max-width:1199px){
    .vs-product-layout2 .product-content{
        padding:15px 20px
    }
    .cart-btn-group .vs-btn{
        min-width:115px
    }
}
.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);
    background-color:var(--smoke-color)
}
.quantity-box input{
    color:var(--white-color);
    background-image:var(--bs-gradient)
}
.product-list{
    list-style-type:none;
    margin:0;
    padding:0
}
.product-list li{
    position:relative;
    padding-left:25px;
    margin-bottom:4px
}
.product-list li:before{
    content:'\f00c';
    font-family:var(--icon-font);
    color:rgba(var(--theme-color2),1);
    position:absolute;
    left:0
}
.product-about{
    background-color:var(--white-color);
    padding:55px 60px 60px;
    box-shadow:0 15px 30px 0 rgba(0,0,0,.05)
}
.product-details-shape{
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
    top:0;
    left:0;
    max-width:870px
}
.product-thum-slide{
    width:100%;
    max-width:270px;
    position:absolute;
    left:40px;
    bottom:40px;
    display:inline-block
}
.product-thum-slide .thumb{
    cursor:pointer
}
.product-thum-slide .slide-btn{
    position:absolute;
    width:30px;
    top:0;
    right:-35px
}
.product-thum-slide .slide-btn button{
    width:100%;
    height:35px;
    display:inline-block;
    border:none;
    background-color:var(--white-color)
}
.product-share{
    position:absolute;
    left:40px;
    top:40px
}
@media(max-width:1199px){
    .product-about{
        padding:25px 30px 30px
    }
    .product-about .product-list.mb-35{
        margin-bottom:20px
    }
    .product-about .border-dashed-light.mt-25.mb-20{
        margin-top:15px;
        margin-bottom:10px
    }
    .product-details-shape{
        max-width:720px
    }
    .product-thum-slide{
        position:relative;
        left:0;
        bottom:0;
        margin-top:30px;
        margin-left:30px;
        margin-bottom:30px
    }
    .product-share{
        position:absolute;
        left:30px;
        top:30px
    }
}
@media(max-width:576px){
    .product-share{
        position:absolute;
        left:20px;
        top:20px
    }
    .product-about{
        padding:25px 20px 30px
    }
}
.newsletter-pb{
    padding-bottom:180px
}
.newsletter-medium-pb{
    padding-bottom:100px
}
.newsletter-style2 .form-control,.newsletter-style1 .form-control,.newsletter-style3 .form-control{
    width:100%;
    height:50px;
    border:none;
    margin-right:-10px;
    color:var(--white-color);
    background-color:var(--light-dark-color)
}
.newsletter-style2 .gradient-btn,.newsletter-style1 .gradient-btn,.newsletter-style3 .gradient-btn{
    margin-left:-10px
}
.newsletter-style2 .form-control{
    margin-right:-2px;
    background-color:#14161c;
    border:2px solid rgba(255,255,255,.05)
}
.newsletter-style2 .vs-btn{
    height:50px;
    line-height:50px;
    font-weight:700;
    font-family:var(--theme-font3);
    font-size:14px
}
.sidebox-newsletter .form-control{
    background-color:rgba(0,0,0,.4);
    border:none;
    height:50px;
    font-size:14px;
    margin-bottom:15px;
    color:var(--white-color)
}
.sidebox-newsletter .form-control::-moz-placeholder{
    color:#7c7c7c
}
.sidebox-newsletter .form-control::-webkit-input-placeholder{
    color:#7c7c7c
}
.sidebox-newsletter .form-control:-ms-input-placeholder{
    color:#7c7c7c
}
.sidebox-newsletter .form-control::-ms-input-placeholder{
    color:#7c7c7c
}
.sidebox-newsletter .form-control::placeholder{
    color:#7c7c7c
}
.sidebox-newsletter button{
    width:100%;
    border:none;
    height:50px;
    line-height:50px;
    padding:0;
    font-size:14px;
    font-family:var(--theme-font3);
    background-color:#34ba5e;
    color:var(--white-color);
    font-weight:700;
    text-transform:uppercase
}
.sidebox-newsletter button:hover{
    background-color:#29924a
}
@media(max-width:1199px){
    .newsletter-pb{
        padding-bottom:90px
    }
    .newsletter-medium-pb{
        padding-bottom:30px
    }
    .vs-newsletter-wrapper .position-absolute{
        position:static!important;
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important
    }
    .vs-newsletter-wrapper .px-50{
        padding-left:20px;
        padding-right:20px
    }
    .vs-newsletter-wrapper .py-50{
        padding-top:30px;
        padding-bottom:30px
    }
}
@media(max-width:992px){
    .newsletter-pb{
        padding-bottom:30px
    }
}
@media(max-width:768px){
    .newsletter-style1{
        text-align:center
    }
    .newsletter-style1 .gradient-btn{
        margin-top:10px;
        margin-left:0
    }
    .newsletter-medium-pb{
        padding-bottom:120px
    }
    .vs-newsletter-wrapper .py-40{
        padding-top:20px;
        padding-bottom:20px
    }
    .vs-newsletter-wrapper img.align-middle.me-2{
        max-width:30px
    }
    .vs-newsletter-wrapper .px-60{
        padding-left:10px;
        padding-right:10px
    }
}
.exp-box1{
    display:inline-block;
    position:relative;
    box-shadow:0 5px 20px 0 rgba(0,0,0,.05);
    background-color:var(--white-color);
    padding:35px 0;
    padding-left:40px;
    width:225px;
    z-index:4
}
.exp-box1::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background-image:var(--bs-gradient)
}
.exp-box1 .counter{
    line-height:1
}
.exp-box1 .exp-text{
    color:var(--black-color)
}
.about-list li{
    padding-left:30px;
    position:relative;
    margin-bottom:3px
}
.about-list li:last-child{
    margin-bottom:0
}
.about-list li:before{
    content:'\f30b';
    font-family:var(--icon-font);
    position:absolute;
    left:0;
    font-weight:300
}
.img-box1{
    position:relative
}
.img-box1 .exp-box1{
    position:absolute;
    bottom:8%;
    right:0
}
.img-box1:hover img{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.img-box2{
    overflow:visible;
    z-index:2
}
.img-box2 .shape1,.img-box2 .shape2{
    z-index:-1
}
.img-box2:hover img{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.img-box2 .shape2{
    bottom:-60px;
    right:-30px
}
.viping-shape{
    padding-bottom:45px;
    --clip-size: 150px;
    display:inline-block
}
.viping-shape img{
    position:relative;
    z-index:3;
    -webkit-clip-path:polygon(calc(0% + var(--clip-size)) 0%,calc(100% - var(--clip-size)) 0%,100% 50%,calc(100% - var(--clip-size)) 100%,calc(0% + var(--clip-size)) 100%,0% 50%);
    clip-path:polygon(calc(0% + var(--clip-size)) 0%,calc(100% - var(--clip-size)) 0%,100% 50%,calc(100% - var(--clip-size)) 100%,calc(0% + var(--clip-size)) 100%,0% 50%)
}
.viping-shape .play-btn{
    z-index:4;
    margin-top:calc(45px/-2)
}
.viping-shape [class*=shape-]{
    z-index:1;
    display:inline-block;
    position:absolute;
    opacity:0;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    top:0
}
.viping-shape .shape-bottom,.viping-shape .shape-top{
    height:5px;
    width:400px;
    left:50%;
    margin-left:-200px;
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(var(--theme-color3),0.3) 30%,rgba(var(--theme-color3),1) 50%,rgba(var(--theme-color3),0.3) 70%,rgba(0,0,0,0) 100%);
    background-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(var(--theme-color3),0.3) 30%,rgba(var(--theme-color3),1) 50%,rgba(var(--theme-color3),0.3) 70%,rgba(0,0,0,0) 100%);
    -webkit-animation:vippingTopBar 2.4s linear infinite;
    animation:vippingTopBar 2.4s linear infinite
}
.viping-shape .shape-bottom.shape2,.viping-shape .shape-top.shape2{
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.viping-shape .shape-bottom.shape3,.viping-shape .shape-top.shape3{
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
.viping-shape .shape-bottom{
    top:auto;
    bottom:45px;
    -webkit-animation-name:vippingBottomBar;
    animation-name:vippingBottomBar
}
.viping-shape .shape-right,.viping-shape .shape-left{
    left:0;
    width:132px;
    height:100%;
    -webkit-animation:vippingLeftBar 2.4s linear infinite;
    animation:vippingLeftBar 2.4s linear infinite
}
.viping-shape .shape-right:after,.viping-shape .shape-right:before,.viping-shape .shape-left:after,.viping-shape .shape-left:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:53%;
    width:6px;
    background-image:-webkit-linear-gradient(bottom,rgba(var(--theme-color3),1) 0%,rgba(var(--theme-color3),0.3) 20%,rgba(0,0,0,0) 100%);
    background-image:linear-gradient(to top,rgba(var(--theme-color3),1) 0%,rgba(var(--theme-color3),0.3) 20%,rgba(0,0,0,0) 100%);
    -webkit-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    transform:rotate(30deg);
    -webkit-transform-origin:74px calc(100% - 17px);
    -ms-transform-origin:74px calc(100% - 17px);
    transform-origin:74px calc(100% - 17px)
}
.viping-shape .shape-right:after,.viping-shape .shape-left:after{
    background-image:-webkit-linear-gradient(top,rgba(var(--theme-color3),1) 0%,rgba(var(--theme-color3),0.3) 20%,rgba(0,0,0,0) 100%);
    background-image:linear-gradient(to bottom,rgba(var(--theme-color3),1) 0%,rgba(var(--theme-color3),0.3) 20%,rgba(0,0,0,0) 100%);
    top:auto;
    bottom:0;
    -webkit-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    transform:rotate(-30deg);
    -webkit-transform-origin:calc(100% - 13px) -4px;
    -ms-transform-origin:calc(100% - 13px) -4px;
    transform-origin:calc(100% - 13px) -4px
}
.viping-shape .shape-right.shape2,.viping-shape .shape-left.shape2{
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.viping-shape .shape-right.shape3,.viping-shape .shape-left.shape3{
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
.viping-shape .shape-right{
    -webkit-animation:vippingRightBar 2.4s linear infinite;
    animation:vippingRightBar 2.4s linear infinite;
    left:auto;
    right:0;
    opacity:0
}
.viping-shape .shape-right:after,.viping-shape .shape-right:before{
    -webkit-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    transform:rotate(-30deg);
    -webkit-transform-origin:calc(100% - 1px) 15px;
    -ms-transform-origin:calc(100% - 1px) 15px;
    transform-origin:calc(100% - 1px) 15px
}
.viping-shape .shape-right:after{
    -webkit-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    transform:rotate(30deg);
    -webkit-transform-origin:82px calc(100% - 35px);
    -ms-transform-origin:82px calc(100% - 35px);
    transform-origin:82px calc(100% - 35px)
}
@-webkit-keyframes vippingTopBar{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateY(-35px);
        transform:translateY(-35px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-70px);
        transform:translateY(-70px)
    }
}
@keyframes vippingTopBar{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateY(-35px);
        transform:translateY(-35px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-70px);
        transform:translateY(-70px)
    }
}
@-webkit-keyframes vippingBottomBar{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateY(35px);
        transform:translateY(35px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(70px);
        transform:translateY(70px)
    }
}
@keyframes vippingBottomBar{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateY(35px);
        transform:translateY(35px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(70px);
        transform:translateY(70px)
    }
}
@-webkit-keyframes vippingLeftBar{
    0%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-60px);
        transform:translateX(-60px)
    }
}
@keyframes vippingLeftBar{
    0%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-60px);
        transform:translateX(-60px)
    }
}
@-webkit-keyframes vippingRightBar{
    0%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(60px);
        transform:translateX(60px)
    }
}
@keyframes vippingRightBar{
    0%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    50%{
        opacity:.7;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(60px);
        transform:translateX(60px)
    }
}
@media(max-width:1500px){
    .vs-about-wrapper.pt-165{
        padding-top:120px
    }
    .about-content1.pl-35{
        padding-left:0
    }
}
@media(max-width:1199px){
    .img-box1 .exp-box1{
        width:176px;
        padding:10px;
        bottom:13%
    }
}
@media(max-width:992px){
    .vs-about-wrapper.pt-165{
        padding-top:60px
    }
    .img-box1 .exp-box1{
        width:40%;
        padding:7% 2%;
        top:0;
        bottom:auto;
        left:0;
        right:auto
    }
    .about-content1 p.mb-30{
        margin-bottom:15px
    }
    .img-box2{
        overflow:hidden
    }
    .img-box2 .ml-15{
        margin-left:0
    }
    .img-box2 .shape2{
        right:0;
        bottom:0
    }
    .viping-shape.mb-60{
        margin-bottom:30px;
        max-width:600px
    }
    .viping-shape .shape-left:before{
        -webkit-transform:rotate(35deg);
        -ms-transform:rotate(35deg);
        transform:rotate(35deg);
        -webkit-transform-origin:55px calc(100% - 39px);
        -ms-transform-origin:55px calc(100% - 39px);
        transform-origin:55px calc(100% - 39px)
    }
    .viping-shape .shape-left::after{
        -webkit-transform:rotate(-34deg);
        -ms-transform:rotate(-34deg);
        transform:rotate(-34deg);
        -webkit-transform-origin:calc(100% - 27px) 18px;
        -ms-transform-origin:calc(100% - 27px) 18px;
        transform-origin:calc(100% - 27px) 18px
    }
    .viping-shape .shape-right:before{
        -webkit-transform:rotate(-36deg);
        -ms-transform:rotate(-36deg);
        transform:rotate(-36deg);
        -webkit-transform-origin:calc(100% + 17px) 19px;
        -ms-transform-origin:calc(100% + 17px) 19px;
        transform-origin:calc(100% + 17px) 19px
    }
    .viping-shape .shape-right:after{
        -webkit-transform:rotate(35deg);
        -ms-transform:rotate(35deg);
        transform:rotate(35deg);
        -webkit-transform-origin:80px calc(100% - 35px);
        -ms-transform-origin:80px calc(100% - 35px);
        transform-origin:80px calc(100% - 35px)
    }
}
@media(max-width:768px){
    .img-box1 .exp-box1{
        position:relative;
        width:auto;
        padding:20px;
        padding-bottom:0;
        margin-top:20px;
        box-shadow:0 0 10px 0 rgba(0,0,0,.1)
    }
    .viping-shape{
        margin-bottom:0;
        max-width:auto;
        padding-bottom:30px;
        --clip-size: 0
    }
    .viping-shape.mb-60{
        margin-bottom:0
    }
    .viping-shape .play-btn{
        margin-top:-15px
    }
    .viping-shape [class*=shape-]{
        display:none
    }
}
.brand-wrap1{
    max-width:1024px;
    position:absolute;
    right:0;
    top:0;
    -webkit-transform:translateY(-79%);
    -ms-transform:translateY(-79%);
    transform:translateY(-79%);
    padding:60px;
    z-index:41
}
@media(max-width:1500px){
    .brand-wrap1{
        position:static;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
        width:100%;
        max-width:100%;
        margin-top:100px
    }
}
@media(max-width:992px){
    .brand-wrap1{
        margin-top:60px;
        padding:30px
    }
}
.timetable-style1{
    margin-top:-160px;
    margin-right:-55px;
    display:inline-block;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.timetable-style1 .timetable-box{
    width:180px;
    height:180px;
    text-align:center;
    position:relative;
    padding:30px 0;
    border-radius:15px;
    z-index:2;
    margin-bottom:.5rem;
    background-color:#090c11;
    border:3px solid #000;
    -webkit-transition:all ease .3s;
    transition:all ease .3s
}
.timetable-style1 .timetable-box:before,.timetable-style1 .timetable-box:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
    background-color:transparent;
    border-radius:inherit;
    background-image:var(--bs-gradient);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.timetable-style1 .timetable-box:after{
    top:-2px;
    right:-2px;
    bottom:-2px;
    left:-2px;
    z-index:-2;
    background-image:-webkit-linear-gradient(right,rgba(var(--theme-color2),0.6) 0%,rgba(var(--theme-color),1) 100%);
    background-image:linear-gradient(to left,rgba(var(--theme-color2),0.6) 0%,rgba(var(--theme-color),1) 100%)
}
.timetable-style1 .timetable-box.active,.timetable-style1 .timetable-box:hover{
    border-color:transparent
}
.timetable-style1 .timetable-box.active::before,.timetable-style1 .timetable-box.active::after,.timetable-style1 .timetable-box:hover::before,.timetable-style1 .timetable-box:hover::after{
    opacity:1;
    visibility:visible
}
.timetable-style1 .name,.timetable-style1 .time{
    font-size:12px;
    font-weight:500;
    position:absolute;
    left:0;
    right:0;
    top:15px;
    color:var(--white-color);
    line-height:1;
    text-transform:uppercase
}
.timetable-style1 .name{
    bottom:16px;
    top:auto
}
.timetable-style1 .day{
    font-size:18px;
    font-weight:700;
    color:var(--white-color);
    text-transform:uppercase;
    font-family:var(--theme-font2);
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
@media(max-width:1199px){
    .timetable-style1{
        margin:0;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .vs-timetable-layout1 .container.pb-35{
        margin-bottom:-10px;
        padding-bottom:0
    }
}
@media(max-width:992px){
    .timetable-style1{
        width:100%
    }
    .timetable-style1 .timetable-box{
        width:100%;
        max-width:auto;
        height:180px;
        -webkit-box-flex:0;
        -webkit-flex:0 0 1;
        -ms-flex:0 0 1;
        flex:0 0 1
    }
}
@media(max-width:768px){
    .timetable-style1 .timetable-box{
        width:49%;
        -webkit-box-flex:0;
        -webkit-flex:0 0 49%;
        -ms-flex:0 0 49%;
        flex:0 0 49%
    }
    .timetable-style1 .d-flex{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media(max-width:576px){
    .timetable-style1 .timetable-box{
        width:100%;
        -webkit-box-flex:0;
        -webkit-flex:0 0 100%;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
}
.testimonial-layout1 .testi-text{
    font-weight:500;
    text-transform:none;
    font-family:var(--theme-font)
}
.avater-slide1{
    max-width:385px;
    margin:0 auto
}
.avater-slide1 .avater{
    -webkit-transform:scale(.6);
    -ms-transform:scale(.6);
    transform:scale(.6);
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    cursor:pointer
}
.avater-slide1 .avater img{
    width:100%
}
.avater-slide1 .avater.slick-center{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.testimonial-layout1 .author-area{
    position:relative;
    width:100%;
    max-width:470px;
    margin-left:auto;
    margin-right:auto
}
.testimonial-layout1 .author-area:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:60px;
    bottom:0;
    background-color:var(--smoke-color)
}
.testimonial-layout2 .vs-testimonial{
    position:relative;
    text-align:center;
    background-color:#1c1d22;
    box-shadow:0 10px 28.5px 1.5px rgba(0,0,0,.2);
    margin-bottom:30px;
    padding:0 40px;
    padding-top:50px;
    padding-bottom:55px;
    -webkit-transform:scale(.85);
    -ms-transform:scale(.85);
    transform:scale(.85);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.testimonial-layout2 .slick-center .vs-testimonial{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.testimonial-layout2 .testi-text{
    max-width:845px;
    margin-left:auto;
    margin-right:auto
}
.testimonial-layout2 .author-img{
    width:60px;
    height:60px
}
.testimonial-layout2 .author-img img{
    border-radius:50%
}
.testimonial-layout2 .quote{
    line-height:1;
    right:60px;
    bottom:60px
}
@media(max-width:1600px){
    .testimonial-layout2 .vs-testimonial{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
        margin-left:15px;
        margin-right:15px
    }
}
@media(max-width:1199px){
    .testimonial-layout2 .vs-testimonial{
        padding:20px 30px
    }
    .testimonial-layout2 .quote{
        right:30px;
        bottom:30px;
        max-width:100px
    }
    .testimonial-layout2 .testi-text.mb-35{
        margin-bottom:20px
    }
}
@media(max-width:576px){
    .testimonial-layout2 .vs-testimonial{
        padding:20px 15px
    }
    .testimonial-layout2 .quote{
        right:15px;
        bottom:15px;
        max-width:80px
    }
    .testimonial-layout2 .testi-text.mb-35{
        margin-bottom:20px
    }
}
.post-thumb-style1 .blog-category{
    margin-bottom:5px
}
.post-thumb-style1 .blog-category a{
    padding:0;
    background-image:none;
    margin-bottom:0
}
.post-thumb-style1.border-light-white .vs-blog{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #282a35
}
.post-thumb-style1.border-light-white .vs-blog:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.post-thumb-style1 .vs-blog:nth-child(11n-1) .blog-category a{
    color:#f07707
}
.post-thumb-style1 .vs-blog:nth-child(2n-1) .blog-category a{
    color:#34ba5e
}
.post-thumb-style1 .vs-blog:nth-child(3n-1) .blog-category a{
    color:#f07707
}
.post-thumb-style1 .vs-blog:nth-child(4n-1) .blog-category a{
    color:#bd3eff
}
.post-thumb-style1 .vs-blog:nth-child(13n-1) .blog-category a{
    color:#34ba5e
}
.post-thumb-style1 .vs-blog:nth-child(5n-1) .blog-category a{
    color:#007bff
}
.post-thumb-style1 .vs-blog:nth-child(7n-1) .blog-category a{
    color:#34ba5e
}
@media(min-width:992px) and (max-width:1199px){
    .post-thumb-style1 .blog-category a{
        font-size:12px
    }
    .post-thumb-style1 .h5{
        font-size:15px
    }
}
@media(max-width:576px){
    .post-thumb-style1 .media-body{
        margin-top:-.4rem
    }
}
.vs-team-layout1 a{
    color:inherit
}
.vs-team-layout1 a:hover{
    color:rgba(var(--theme-color),1)
}
.vs-team-layout1 .vs-team{
    text-align:center;
    padding-top:50px;
    padding-bottom:35px;
    -webkit-clip-path:polygon(10% 0%,90% 0%,100% 8%,100% 92%,90% 100%,10% 100%,0% 92%,0% 8%);
    clip-path:polygon(10% 0%,90% 0%,100% 8%,100% 92%,90% 100%,10% 100%,0% 92%,0% 8%);
    background-color:var(--dark-color);
    position:relative;
    margin-bottom:30px
}
.vs-team-layout1 .vs-team:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:50%;
    background-image:-webkit-linear-gradient(bottom,rgba(var(--theme-color2),0.9) 0%,rgba(var(--theme-color),0) 100%);
    background-image:linear-gradient(to top,rgba(var(--theme-color2),0.9) 0%,rgba(var(--theme-color),0) 100%);
    z-index:0
}
.vs-team-layout1 .vs-team *{
    position:relative;
    z-index:3
}
.team-box{
    text-align:center;
    background-color:#171a21;
    padding-top:60px;
    padding-bottom:33px;
    position:relative;
    margin-bottom:30px
}
.team-box .team-logo{
    margin-bottom:30px
}
.team-box .team-name{
    color:var(--white-color);
    margin-bottom:4px
}
.team-box .team-location{
    display:block
}
.team-box .team-btn{
    width:120px;
    height:34px;
    line-height:34px;
    margin-top:15px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    background-color:var(--light-dark-color);
    color:var(--white-color);
    text-transform:uppercase;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.team-box .team-footer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding-bottom:40px;
    opacity:0;
    visibility:hidden;
    background-color:inherit;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.team-box:hover .team-footer{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(55px);
    -ms-transform:translateY(55px);
    transform:translateY(55px)
}
.team-box-slide{
    margin-bottom:-60px
}
.team-box-slide .team-box{
    margin-bottom:90px
}
.team-video-thumb{
    margin-bottom:22px
}
.team-video-thumb img{
    width:100%
}
.team-video-thumb .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.team-video-thumb .play-btn i{
    background-color:rgba(0,0,0,.6);
    background-image:none;
    width:45px;
    height:45px;
    line-height:45px;
    font-size:16px
}
.team-video-thumb .play-btn:after,.team-video-thumb .play-btn:before{
    border-color:var(--white-color);
    border-width:1px
}
.team-video-thumb .thumb-img{
    position:relative;
    margin-bottom:16px
}
.team-video-thumb .tag{
    position:absolute;
    left:0;
    bottom:0;
    background-color:rgba(var(--theme-color2),1);
    color:var(--white-color);
    font-size:14px;
    line-height:1;
    min-width:80px;
    padding-right:13px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    text-align:center;
    height:25px;
    line-height:25px;
    -webkit-clip-path:polygon(0 0,80% 0%,100% 100%,0% 100%);
    clip-path:polygon(0 0,80% 0%,100% 100%,0% 100%)
}
.team-video-thumb .thumb-title{
    text-transform:none;
    font-family:var(--theme-font);
    letter-spacing:-.03em;
    margin-bottom:3px
}
.team-video-thumb .thumb-title a{
    color:inherit
}
.team-video-thumb .thumb-title a:hover{
    color:rgba(var(--theme-color),1)
}
.team-video-thumb .total-views{
    color:rgba(var(--theme-color2),1);
    font-size:14px
}
@media(max-width:992px){
    .team-box{
        padding-bottom:0;
        margin-bottom:30px
    }
    .team-box .team-footer{
        position:relative;
        padding-bottom:40px;
        opacity:1;
        visibility:visible;
        -webkit-transform:translateY(0)!important;
        -ms-transform:translateY(0)!important;
        transform:translateY(0)!important
    }
    .team-box-slide{
        margin-bottom:0
    }
    .team-box-slide .team-box{
        margin-bottom:30px
    }
}
.info-table td{
    border:none;
    padding:4px 0;
    vertical-align:top
}
.info-table td:first-child{
    color:#000;
    padding-right:10px
}
.info-table tr:first-child td{
    padding-top:0
}
.info-table tr:last-child td{
    padding-bottom:0
}
.pro-tag{
    display:inline-block;
    text-align:center;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    padding:10px 9px;
    padding-bottom:25px;
    font-size:18px;
    -webkit-clip-path:polygon(100% 0,100% 100%,50% 80%,0 100%,0 50%,0% 0%);
    clip-path:polygon(100% 0,100% 100%,50% 80%,0 100%,0 50%,0% 0%)
}
.pro-tag i{
    display:block;
    font-size:20px
}
.progress.style1{
    height:8px;
    border-radius:50px
}
.bar-list .wins,.progress.style1 .wins{
    background-color:#36d344
}
.bar-list .draws,.progress.style1 .draws{
    background-color:#ededed
}
.bar-list .losses,.progress.style1 .losses{
    background-color:#fe0000
}
.bar-list{
    margin-top:5px
}
.bar-list li{
    display:inline-block;
    text-transform:uppercase;
    margin-right:18px
}
.bar-list li:last-child{
    margin-right:0
}
.bar-list .dot{
    width:8px;
    height:8px;
    margin-right:5px;
    display:inline-block;
    border-radius:50%;
    position:relative;
    top:-1px
}
.post-time{
    text-transform:uppercase;
    font-weight:500;
    display:inline-block;
    padding:3px 14px;
    font-size:12px;
    position:absolute;
    left:20px;
    top:20px;
    z-index:3
}
.author-box{
    line-height:1
}
.author-box img{
    width:45px;
    height:45px;
    border-radius:50%;
    margin-right:15px
}
.author-box a{
    color:inherit
}
@media(max-width:1199px){
    .inner-img1{
        max-width:180px
    }
    .skill-box1.px-30.pb-30{
        padding:0 20px 20px
    }
}
@media(max-width:992px){
    .inner-img1{
        margin-right:20px
    }
    .skill-box1 .ml-lg-30{
        margin-left:20px
    }
    .bar-list li{
        margin-right:10px
    }
}
@media(max-width:768px){
    .inner-img1{
        margin-right:0;
        margin-bottom:15px
    }
    .skill-box1 .ml-lg-30{
        margin-left:20px
    }
    .info-table{
        font-size:14px
    }
}
@media(max-width:576px){
    .skill-box1 .ml-lg-30{
        margin-left:0;
        margin-top:15px
    }
    .info-table td{
        padding:0;
        font-size:14px
    }
    .info-table td:first-child{
        padding-right:5px
    }
}
.events-layout1 a{
    color:inherit
}
.events-layout1 a:hover{
    color:rgba(var(--theme-color),1)
}
.events-layout1 .media-img{
    margin-right:50px
}
.events-layout1 .events-list li{
    margin-bottom:5px
}
.events-layout1 .events-list li:last-child{
    margin-bottom:0
}
.events-layout1 .events-list li span{
    margin-right:10px
}
.events-layout1 .vs-events{
    margin-bottom:30px;
    padding:45px 50px
}
.events-layout1 .vs-events.bg{
    background-image:url(../../img/shape/events-bg-1.png);
    background-size:cover;
    height:100vh;
    position:relative
}
.events-layout1 .vs-events.bg::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(45deg,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 50%)
}
@media(max-width:1199px){
    .events-layout1 .media-img{
        margin-right:20px;
        max-width:100px
    }
    .events-layout1 .vs-events{
        padding:20px 20px 18px
    }
    .events-layout1 .events-name{
        margin-bottom:7px
    }
}
@media(max-width:992px){
    .events-layout1 .media-img{
        margin:0 auto;
        margin-bottom:20px
    }
    .events-layout1 .vs-events{
        text-align:center
    }
}
.counter-figure .sign,.counter-figure .digit{
    background-color:#252628;
    color:var(--white-color);
    font-size:40px;
    font-weight:700;
    font-family:var(--theme-font2);
    height:80px;
    width:50px;
    margin-right:8px;
    display:inline-block;
    line-height:80px;
    text-align:center;
    position:relative
}
.counter-figure .sign:before,.counter-figure .digit:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:50%;
    width:100%;
    background-color:var(--black-color);
    opacity:.28
}
.counter-figure .sign:last-child,.counter-figure .digit:last-child{
    margin-right:0
}
.counter-figure .sign{
    margin-right:15px
}
.counter-middle{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.counter-middle .text{
    font-size:18px;
    font-family:var(--theme-font2);
    font-weight:700;
    text-transform:uppercase;
    max-width:90px;
    line-height:1.4;
    margin-bottom:0
}
.counter-middle .cross{
    margin-right:20px;
    font-size:30px;
    font-family:var(--theme-font2);
    font-weight:700
}
@media(max-width:992px){
    .counter-figure .sign,.counter-figure .digit{
        font-size:24px;
        height:50px;
        width:35px;
        margin-right:8px;
        line-height:50px
    }
    .counter-middle .cross{
        margin-right:15px;
        font-size:18px
    }
    .counter-middle .text{
        font-size:12px;
        max-width:65px
    }
}
@media(max-width:768px){
    .counter-area{
        text-align:center
    }
    .counter-middle{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .counter-figure .sign,.counter-figure .digit{
        font-size:18px;
        height:40px;
        width:30px;
        margin-right:4px;
        line-height:40px
    }
}
.font-theme{
    font-family:var(--theme-font)
}
.font-theme2{
    font-family:var(--theme-font2)
}
.font-theme3{
    font-family:var(--theme-font3)
}
.font-theme4{
    font-family:var(--theme-font4)
}
.font-icon{
    font-family:var(--icon-font)
}
.text-normal{
    text-transform:none
}
.fw-medium{
    font-weight:500
}
.fw-semibold{
    font-weight:600
}
.fs-10{
    font-size:10px!important
}
.fs-11{
    font-size:11px!important
}
.fs-12{
    font-size:12px!important
}
.fs-13{
    font-size:13px!important
}
.fs-14{
    font-size:14px!important
}
.fs-15{
    font-size:15px!important
}
.fs-16{
    font-size:16px!important
}
.fs-xs{
    font-size:14px!important
}
.fs-20-ls,.fs-20{
    font-size:20px!important
}
.fs-18{
    font-size:18px!important
}
.fs-10{
    font-size:10px!important
}
.fs-20-ls{
    letter-spacing:-.03em
}
@media(max-width:1199px){
    .fs-20-ls,.fs-20{
        font-size:18px!important
    }
    .fs-18{
        font-size:16px!important
    }
}
.bg-theme{
    background-color:rgba(var(--theme-color),1)!important
}
.bg-theme2{
    background-color:rgba(var(--theme-color2),1)!important
}
.bg-theme3{
    background-color:rgba(var(--theme-color3),1)!important
}
.bg-title{
    background-color:var(--title-color)!important
}
.bg-secondary{
    background-color:var(--smoke-color)!important
}
.bg-smoke{
    background-color:var(--smoke-color)!important
}
.bg-dark{
    background-color:var(--dark-color)!important
}
.bg-light-dark{
    background-color:var(--light-dark-color)!important
}
.bg-light-01{
    background-color:rgba(255,255,255,.01)!important
}
.bg-dark-light{
    background-color:#1b1d24!important
}
.bg-light-gray{
    background-color:var(--light-gray-color)!important
}
.bg-white{
    background-color:var(--white-color)!important
}
.bg-black{
    background-color:var(--black-color)!important
}
.bg-purple{
    background-color:var(--purple-color)!important
}
.bg-smoke2{
    background-color:#fafafa
}
.bg-major-black{
    background-color:#171920
}
.bg-gradient,.scrollToTop:not(.icon-btn5) i{
    background-image:var(--bs-gradient)
}
[data-bg-src]{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg-fluid{
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center
}
.bg-auto{
    background-size:auto auto
}
.bg-bottom{
    background-position:center bottom
}
.bg-top{
    background-position:center top
}
.bg-fixed{
    background-attachment:fixed
}
.bg1{
    background-position:bottom center;
    background-repeat:no-repeat;
    background-size:100% auto
}
.home4-bg1{
    background-position:center bottom;
    background-size:100% auto
}
@media(max-width:1500px){
    .home4-bg1{
        background-position:center bottom;
        background-size:cover
    }
}
.text-theme{
    color:rgba(var(--theme-color),1)!important
}
.text-theme2{
    color:rgba(var(--theme-color2),1)!important
}
.text-theme3{
    color:rgba(var(--theme-color3),1)!important
}
.text-title{
    color:var(--title-color)!important
}
.text-body{
    color:var(--body-color)!important
}
.text-light{
    color:var(--light-color)!important
}
.text-mist-blue{
    color:var(--mist-blue-color)!important
}
.text-white{
    color:var(--white-color)!important
}
.text-dark{
    color:var(--light-dark-color)!important
}
.text-dark-light{
    color:#232941!important
}
.text-dark{
    color:#18191c!important
}
.text-yellow{
    color:var(--yellow-color)!important
}
.text-success{
    color:var(--success-color)!important
}
.text-error{
    color:var(--error-color)!important
}
.text-orange{
    color:var(--orange-color)!important
}
.text-purple{
    color:var(--purple-color)!important
}
.text-default{
    color:#ba6356!important
}
.text-gradient{
    background-image:var(--bs-gradient);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    display:inline-block
}
.text-on-dark1{
    color:#8c919b;
    line-height:26px
}
.text-light2{
    color:#a2a3b0
}
.text-inherit{
    color:inherit
}
.text-theme-hover:hover{
    color:rgba(var(--theme-color2),1)
}
.text-light-white{
    color:#dadada
}
.alert-danger{
    font-family:var(--theme-font2);
    padding:10px 20px;
    background-color:#f44336;
    color:#fff;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg);
    border-radius: 0;
    border:0;
}
.alert-danger .content-danger{
    font-family:var(--theme-font2);
    padding:10px 20px;
    border-left:4px solid #5b0c07;
    margin-left:-2px
}
.alert-danger .content-danger div{
    -webkit-transform:skew(10deg);
    -ms-transform:skew(10deg);
    transform:skew(10deg);
    width:calc(100% - 30px)
}
.alert-success{
    font-family:var(--theme-font2);
    padding:10px 20px;
    background-color:#28a745;
    color:#fff;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg);
    border-radius: 0;
    border:0;
}
.alert-success .content-success{
    font-family:var(--theme-font2);
    padding:10px 20px;
    border-left:4px solid #0c4408;
    margin-left:-2px
}
.alert-success .content-success div{
    -webkit-transform:skew(10deg);
    -ms-transform:skew(10deg);
    transform:skew(10deg);
    width:calc(100% - 30px)
}
.alert-info{
    font-family:var(--theme-font2);
    padding:10px 20px;
    background-color:#36a5f4;
    color:#fff;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg);
    border-radius: 0;
    border:0;
}
.alert-primary{
    font-family:var(--theme-font2);
    padding:10px 20px;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg);
    border-radius: 0;
    border:0;
}
.alert-warning{
    font-family:var(--theme-font2);
    padding:10px 20px;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg);
    border-radius: 0;
    border:0;
}
.alert-info .content-info{
    font-family:var(--theme-font2);
    padding:10px 20px;
    border-left:4px solid #0a3656;
    margin-left:-2px
}
.alert-info .content-info div{
    -webkit-transform:skew(10deg);
    -ms-transform:skew(10deg);
    transform:skew(10deg);
    width:calc(100% - 30px)
}
.closebtn{
    margin-left:15px;
    color:#fff;
    font-weight:700;
    float:right;
    font-size:22px;
    line-height:25px;
    cursor:pointer;
    transition:.3s
}
.closebtn:hover{
    color:#000
}
.radius-circle{
    border-radius:50%
}
.radius-50{
    border-radius:50px
}
.radius-100{
    border-radius:100px
}
.overlay{
    position:absolute;
    top:0;
    left:0;
    height:105%;
    width:100%
}
.overlay-center{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
[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
}
.overlay-lg{
    background-image:-webkit-linear-gradient(bottom,rgba(15,17,22,0.95) 0%,rgba(15,17,22,0) 75%);
    background-image:linear-gradient(to top,rgba(15,17,22,0.95) 0%,rgba(15,17,22,0) 75%);
    z-index:1
}
.pos-bottom{
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    padding:0 20px 24px 30px;
    z-index:4;
    width:100%;
    max-width:320px
}
[data-overlay=theme]:before{
    background-color:rgba(var(--theme-color),1)
}
[data-overlay=theme2]:before{
    background-color:rgba(var(--theme-color2),1)
}
[data-overlay=theme3]:before{
    background-color:rgba(var(--theme-color3),1)
}
[data-overlay=title]:before{
    background-color:var(--title-color)
}
[data-overlay=secondary]:before{
    background-color:var(--smoke-color)
}
[data-overlay=smoke]:before{
    background-color:var(--smoke-color)
}
[data-overlay=dark]:before{
    background-color:var(--dark-color)
}
[data-overlay=light-dark]:before{
    background-color:var(--light-dark-color)
}
[data-overlay=light-gray]:before{
    background-color:var(--light-gray-color)
}
[data-overlay=white]:before{
    background-color:var(--white-color)
}
[data-overlay=black]:before{
    background-color:var(--black-color)
}
[data-opacity="1"]:before{
    opacity:.1
}
[data-opacity="2"]:before{
    opacity:.2
}
[data-opacity="3"]:before{
    opacity:.3
}
[data-opacity="4"]:before{
    opacity:.4
}
[data-opacity="5"]:before{
    opacity:.5
}
[data-opacity="6"]:before{
    opacity:.6
}
[data-opacity="7"]:before{
    opacity:.7
}
[data-opacity="8"]:before{
    opacity:.8
}
[data-opacity="9"]:before{
    opacity:.9
}
[data-opacity="10"]:before{
    opacity:1
}
@media(max-width:768px){
    .pos-bottom{
        padding:0 20px 16px
    }
}
.slideinup.animated{
    --animation-name: slideinup
}
.slideindown.animated{
    --animation-name: slideindown
}
.slideindown,.slideinup{
    opacity:0
}
.animated{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.3s;
    animation-delay:.3s;
    opacity:1;
    -webkit-animation-name:var(--animation-name);
    animation-name:var(--animation-name)
}
.ripple-animation,.play-btn:after,.play-btn:before,.vs-match-layout1 .versus:after,.vs-match-layout1 .versus:before{
    -webkit-animation-duration:var(--ripple-ani-duration);
    animation-duration:var(--ripple-ani-duration);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:ripple;
    animation-name:ripple
}
@-webkit-keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:.4
    }
    100%{
        -webkit-transform:scale(1.7);
        transform:scale(1.7);
        opacity:0
    }
}
@keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:.4
    }
    100%{
        -webkit-transform:scale(1.7);
        transform:scale(1.7);
        opacity:0
    }
}
@-webkit-keyframes animate-line{
    0%{
        left:-100%
    }
    100%{
        left:100%
    }
}
@keyframes animate-line{
    0%{
        left:-100%
    }
    100%{
        left:100%
    }
}
@-webkit-keyframes slideinup{
    0%{
        opacity:0;
        -webkit-transform:translateY(70px);
        transform:translateY(70px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideinup{
    0%{
        opacity:0;
        -webkit-transform:translateY(70px);
        transform:translateY(70px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes slideindown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-70px);
        transform:translateY(-70px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideindown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-70px);
        transform:translateY(-70px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.px-5{
    padding-right:5px!important;
    padding-left:5px!important
}
.px-10{
    padding-right:10px!important;
    padding-left:10px!important
}
.px-15{
    padding-right:15px!important;
    padding-left:15px!important
}
.px-20{
    padding-right:20px!important;
    padding-left:20px!important
}
.px-25{
    padding-right:25px!important;
    padding-left:25px!important
}
.px-30{
    padding-right:30px!important;
    padding-left:30px!important
}
.px-35{
    padding-right:35px!important;
    padding-left:35px!important
}
.px-40{
    padding-right:40px!important;
    padding-left:40px!important
}
.px-45{
    padding-right:45px!important;
    padding-left:45px!important
}
.px-50{
    padding-right:50px!important;
    padding-left:50px!important
}
.px-55{
    padding-right:55px!important;
    padding-left:55px!important
}
.px-60{
    padding-right:60px!important;
    padding-left:60px!important
}
.px-65{
    padding-right:65px!important;
    padding-left:65px!important
}
.px-70{
    padding-right:70px!important;
    padding-left:70px!important
}
.px-75{
    padding-right:75px!important;
    padding-left:75px!important
}
.px-80{
    padding-right:80px!important;
    padding-left:80px!important
}
.px-85{
    padding-right:85px!important;
    padding-left:85px!important
}
.px-90{
    padding-right:90px!important;
    padding-left:90px!important
}
.px-95{
    padding-right:95px!important;
    padding-left:95px!important
}
.px-100{
    padding-right:100px!important;
    padding-left:100px!important
}
.py-5{
    padding-top:5px!important;
    padding-bottom:5px!important
}
.py-10{
    padding-top:10px!important;
    padding-bottom:10px!important
}
.py-15{
    padding-top:15px!important;
    padding-bottom:15px!important
}
.py-16{
    padding-top:16px!important;
    padding-bottom:16px!important
}
.py-17{
    padding-top:17px!important;
    padding-bottom:17px!important
}
.py-18{
    padding-top:18px!important;
    padding-bottom:18px!important
}
.py-20{
    padding-top:20px!important;
    padding-bottom:20px!important
}
.py-25{
    padding-top:25px!important;
    padding-bottom:25px!important
}
.py-30{
    padding-top:30px!important;
    padding-bottom:30px!important
}
.py-35{
    padding-top:35px!important;
    padding-bottom:35px!important
}
.py-40{
    padding-top:40px!important;
    padding-bottom:40px!important
}
.py-45{
    padding-top:45px!important;
    padding-bottom:45px!important
}
.py-50{
    padding-top:50px!important;
    padding-bottom:50px!important
}
.py-55{
    padding-top:55px!important;
    padding-bottom:55px!important
}
.py-60{
    padding-top:60px!important;
    padding-bottom:60px!important
}
.py-65{
    padding-top:65px!important;
    padding-bottom:65px!important
}
.py-70{
    padding-top:70px!important;
    padding-bottom:70px!important
}
.py-75{
    padding-top:75px!important;
    padding-bottom:75px!important
}
.py-80{
    padding-top:80px!important;
    padding-bottom:80px!important
}
.py-85{
    padding-top:85px!important;
    padding-bottom:85px!important
}
.py-90{
    padding-top:90px!important;
    padding-bottom:90px!important
}
.py-95{
    padding-top:95px!important;
    padding-bottom:95px!important
}
.py-100{
    padding-top:100px!important;
    padding-bottom:100px!important
}
.pt-5{
    padding-top:5px!important
}
.pt-10{
    padding-top:10px!important
}
.pt-15{
    padding-top:15px!important
}
.pt-20{
    padding-top:20px!important
}
.pt-25{
    padding-top:25px!important
}
.pt-30{
    padding-top:30px!important
}
.pt-35{
    padding-top:35px!important
}
.pt-40{
    padding-top:40px!important
}
.pt-45{
    padding-top:45px!important
}
.pt-50{
    padding-top:50px!important
}
.pt-55{
    padding-top:55px!important
}
.pt-60{
    padding-top:60px!important
}
.pt-65{
    padding-top:65px!important
}
.pt-70{
    padding-top:70px!important
}
.pt-75{
    padding-top:75px!important
}
.pt-80{
    padding-top:80px!important
}
.pt-85{
    padding-top:85px!important
}
.pt-90{
    padding-top:90px!important
}
.pt-95{
    padding-top:95px!important
}
.pt-100{
    padding-top:100px!important
}
.pt-150{
    padding-top:150px!important
}
.pb-5{
    padding-bottom:5px!important
}
.pb-10{
    padding-bottom:10px!important
}
.pb-15{
    padding-bottom:15px!important
}
.pb-20{
    padding-bottom:20px!important
}
.pb-25{
    padding-bottom:25px!important
}
.pb-30{
    padding-bottom:30px!important
}
.pb-35{
    padding-bottom:35px!important
}
.pb-40{
    padding-bottom:40px!important
}
.pb-45{
    padding-bottom:45px!important
}
.pb-50{
    padding-bottom:50px!important
}
.pb-55{
    padding-bottom:55px!important
}
.pb-60{
    padding-bottom:60px!important
}
.pb-65{
    padding-bottom:65px!important
}
.pb-70{
    padding-bottom:70px!important
}
.pb-75{
    padding-bottom:75px!important
}
.pb-80{
    padding-bottom:80px!important
}
.pb-85{
    padding-bottom:85px!important
}
.pb-90{
    padding-bottom:90px!important
}
.pb-95{
    padding-bottom:95px!important
}
.pb-100{
    padding-bottom:100px!important
}
.pb-150{
    padding-bottom:150px!important
}
.pl-0{
    padding-left:0!important
}
.pl-5{
    padding-left:5px!important
}
.pl-10{
    padding-left:10px!important
}
.pl-15{
    padding-left:15px!important
}
.pl-20{
    padding-left:20px!important
}
.pl-25{
    padding-left:25px!important
}
.pl-30{
    padding-left:30px!important
}
.pl-35{
    padding-left:35px!important
}
.pl-40{
    padding-left:40px!important
}
.pl-45{
    padding-left:45px!important
}
.pl-50{
    padding-left:50px!important
}
.pl-55{
    padding-left:55px!important
}
.pl-60{
    padding-left:60px!important
}
.pl-65{
    padding-left:65px!important
}
.pl-70{
    padding-left:70px!important
}
.pl-75{
    padding-left:75px!important
}
.pl-80{
    padding-left:80px!important
}
.pl-85{
    padding-left:85px!important
}
.pl-90{
    padding-left:90px!important
}
.pl-95{
    padding-left:95px!important
}
.pl-100{
    padding-left:100px!important
}
.pr-0{
    padding-right:0!important
}
.pr-5{
    padding-right:5px!important
}
.pr-10{
    padding-right:10px!important
}
.pr-15{
    padding-right:15px!important
}
.pr-20{
    padding-right:20px!important
}
.pr-25{
    padding-right:25px!important
}
.pr-30{
    padding-right:30px!important
}
.pr-35{
    padding-right:35px!important
}
.pr-40{
    padding-right:40px!important
}
.pr-45{
    padding-right:45px!important
}
.pr-50{
    padding-right:50px!important
}
.pr-55{
    padding-right:55px!important
}
.pr-60{
    padding-right:60px!important
}
.pr-65{
    padding-right:65px!important
}
.pr-70{
    padding-right:70px!important
}
.pr-75{
    padding-right:75px!important
}
.pr-80{
    padding-right:80px!important
}
.pr-85{
    padding-right:85px!important
}
.pr-90{
    padding-right:90px!important
}
.pr-95{
    padding-right:95px!important
}
.pr-100{
    padding-right:100px!important
}
@media(min-width:992px){
    .pt-lg-30{
        padding-top:30px!important
    }
    .pt-lg-60{
        padding-top:60px!important
    }
    .py-lg-60{
        padding-top:60px!important;
        padding-bottom:60px!important
    }
}
.pb-175{
    padding-bottom:175px!important
}
.pt-165{
    padding-top:165px!important
}
.pt-200{
    padding-top:200px!important
}
.mx-0{
    margin-right:0!important;
    margin-left:0!important
}
.mx-3{
    margin-right:3px!important;
    margin-left:3px!important
}
.mx-4{
    margin-right:4px!important;
    margin-left:4px!important
}
.mx-5{
    margin-right:5px!important;
    margin-left:5px!important
}
.mx-10{
    margin-right:10px!important;
    margin-left:10px!important
}
.mx-15{
    margin-right:15px!important;
    margin-left:15px!important
}
.mx-20{
    margin-right:20px!important;
    margin-left:20px!important
}
.mx-25{
    margin-right:25px!important;
    margin-left:25px!important
}
.mx-30{
    margin-right:30px!important;
    margin-left:30px!important
}
.mx-35{
    margin-right:35px!important;
    margin-left:35px!important
}
.mx-40{
    margin-right:40px!important;
    margin-left:40px!important
}
.mx-45{
    margin-right:45px!important;
    margin-left:45px!important
}
.mx-50{
    margin-right:50px!important;
    margin-left:50px!important
}
.mx-55{
    margin-right:55px!important;
    margin-left:55px!important
}
.mx-60{
    margin-right:60px!important;
    margin-left:60px!important
}
.mx-65{
    margin-right:65px!important;
    margin-left:65px!important
}
.mx-70{
    margin-right:70px!important;
    margin-left:70px!important
}
.mx-75{
    margin-right:75px!important;
    margin-left:75px!important
}
.mx-80{
    margin-right:80px!important;
    margin-left:80px!important
}
.mx-85{
    margin-right:85px!important;
    margin-left:85px!important
}
.mx-90{
    margin-right:90px!important;
    margin-left:90px!important
}
.mx-95{
    margin-right:95px!important;
    margin-left:95px!important
}
.mx-100{
    margin-right:100px!important;
    margin-left:100px!important
}
.my-5{
    margin-top:5px!important;
    margin-bottom:5px!important
}
.my-10{
    margin-top:10px!important;
    margin-bottom:10px!important
}
.my-15{
    margin-top:15px!important;
    margin-bottom:15px!important
}
.my-20{
    margin-top:20px!important;
    margin-bottom:20px!important
}
.my-25{
    margin-top:25px!important;
    margin-bottom:25px!important
}
.my-30{
    margin-top:30px!important;
    margin-bottom:30px!important
}
.my-35{
    margin-top:35px!important;
    margin-bottom:35px!important
}
.my-40{
    margin-top:40px!important;
    margin-bottom:40px!important
}
.my-45{
    margin-top:45px!important;
    margin-bottom:45px!important
}
.my-50{
    margin-top:50px!important;
    margin-bottom:50px!important
}
.my-55{
    margin-top:55px!important;
    margin-bottom:55px!important
}
.my-60{
    margin-top:60px!important;
    margin-bottom:60px!important
}
.my-65{
    margin-top:65px!important;
    margin-bottom:65px!important
}
.my-70{
    margin-top:70px!important;
    margin-bottom:70px!important
}
.my-75{
    margin-top:75px!important;
    margin-bottom:75px!important
}
.my-80{
    margin-top:80px!important;
    margin-bottom:80px!important
}
.my-85{
    margin-top:85px!important;
    margin-bottom:85px!important
}
.my-90{
    margin-top:90px!important;
    margin-bottom:90px!important
}
.my-95{
    margin-top:95px!important;
    margin-bottom:95px!important
}
.my-100{
    margin-top:100px!important;
    margin-bottom:100px!important
}
.mg-auto{
    margin:auto
}
.mt-5{
    margin-top:5px!important
}
.mt-10{
    margin-top:10px!important
}
.mt-15{
    margin-top:15px!important
}
.mt-20{
    margin-top:20px!important
}
.mt-25{
    margin-top:25px!important
}
.mt-30{
    margin-top:30px!important
}
.mt-35{
    margin-top:35px!important
}
.mt-40{
    margin-top:40px!important
}
.mt-45{
    margin-top:45px!important
}
.mt-50{
    margin-top:50px!important
}
.mt-55{
    margin-top:55px!important
}
.mt-60{
    margin-top:60px!important
}
.mt-65{
    margin-top:65px!important
}
.mt-70{
    margin-top:70px!important
}
.mt-75{
    margin-top:75px!important
}
.mt-80{
    margin-top:80px!important
}
.mt-85{
    margin-top:85px!important
}
.mt-90{
    margin-top:90px!important
}
.mt-95{
    margin-top:95px!important
}
.mt-100{
    margin-top:100px!important
}
.mb-5{
    margin-bottom:5px!important
}
.mb-10{
    margin-bottom:10px!important
}
.mb-15{
    margin-bottom:15px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-35{
    margin-bottom:35px!important
}
.mb-40{
    margin-bottom:40px!important
}
.mb-45{
    margin-bottom:45px!important
}
.mb-50{
    margin-bottom:50px!important
}
.mb-55{
    margin-bottom:55px!important
}
.mb-60{
    margin-bottom:60px!important
}
.mb-65{
    margin-bottom:65px!important
}
.mb-70{
    margin-bottom:70px!important
}
.mb-75{
    margin-bottom:75px!important
}
.mb-80{
    margin-bottom:80px!important
}
.mb-85{
    margin-bottom:85px!important
}
.mb-90{
    margin-bottom:90px!important
}
.mb-95{
    margin-bottom:95px!important
}
.mb-100{
    margin-bottom:100px!important
}
.ml-auto{
    margin-left:auto!important
}
.mr-auto{
    margin-right:auto!important
}
.ml-5{
    margin-left:5px!important
}
.ml-10{
    margin-left:10px!important
}
.ml-15{
    margin-left:15px!important
}
.ml-20{
    margin-left:20px!important
}
.ml-25{
    margin-left:25px!important
}
.ml-30{
    margin-left:30px!important
}
.ml-35{
    margin-left:35px!important
}
.ml-40{
    margin-left:40px!important
}
.ml-45{
    margin-left:45px!important
}
.ml-50{
    margin-left:50px!important
}
.ml-55{
    margin-left:55px!important
}
.ml-60{
    margin-left:60px!important
}
.ml-65{
    margin-left:65px!important
}
.ml-70{
    margin-left:70px!important
}
.ml-75{
    margin-left:75px!important
}
.ml-80{
    margin-left:80px!important
}
.ml-85{
    margin-left:85px!important
}
.ml-90{
    margin-left:90px!important
}
.ml-95{
    margin-left:95px!important
}
.ml-100{
    margin-left:100px!important
}
.mr-5{
    margin-right:5px!important
}
.mr-10{
    margin-right:10px!important
}
.mr-15{
    margin-right:15px!important
}
.mr-20{
    margin-right:20px!important
}
.mr-25{
    margin-right:25px!important
}
.mr-30{
    margin-right:30px!important
}
.mr-35{
    margin-right:35px!important
}
.mr-40{
    margin-right:40px!important
}
.mr-45{
    margin-right:45px!important
}
.mr-50{
    margin-right:50px!important
}
.mr-55{
    margin-right:55px!important
}
.mr-60{
    margin-right:60px!important
}
.mr-65{
    margin-right:65px!important
}
.mr-70{
    margin-right:70px!important
}
.mr-75{
    margin-right:75px!important
}
.mr-80{
    margin-right:80px!important
}
.mr-85{
    margin-right:85px!important
}
.mr-90{
    margin-right:90px!important
}
.mr-95{
    margin-right:95px!important
}
.mr-100{
    margin-right:100px!important
}
@media(min-width:992px){
    .mt-lg-30{
        margin-top:30px!important
    }
    .ml-lg-30{
        margin-left:30px!important
    }
}
.mt-n1{
    margin-top:-.25rem
}
.mt-n2{
    margin-top:-.5rem
}
.mt-n3{
    margin-top:-1rem
}
.mt-n4{
    margin-top:-1.5rem
}
.mt-n5{
    margin-top:-3rem
}
@media(min-width:992px){
    .mt-md-n1{
        margin-top:-.25rem
    }
    .mt-md-n2{
        margin-top:-.5rem
    }
    .mt-md-n3{
        margin-top:-1rem
    }
    .mt-md-n4{
        margin-top:-1.5rem
    }
    .mt-md-n5{
        margin-top:-3rem
    }
}
.space,.space-top{
    padding-top:120px
}
.space,.space-top-2{
    padding-top:80px
}
.space,.space-top-3{
    padding-top:40px
}
.space,.space-bottom{
    padding-bottom:120px
}
.space-md,.space-md-top{
    padding-top:90px
}
.space-md,.space-md-bottom{
    padding-bottom:90px
}
@media(max-width:1199px){
    .space-top-under-lg{
        padding-top:120px
    }
}
@media(max-width:992px){
    .space-top-under-lg,.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
    }
}
.mb-5-off{
    margin-bottom:-5px!important
}
.mb-10-off{
    margin-bottom:-10px!important
}
.mb-15-off{
    margin-bottom:-15px!important
}
.mb-20-off{
    margin-bottom:-20px!important
}
.mb-25-off{
    margin-bottom:-25px!important
}
.mb-30-off{
    margin-bottom:-30px!important
}
.mb-35-off{
    margin-bottom:-35px!important
}
.mb-40-off{
    margin-bottom:-40px!important
}
.mb-45-off{
    margin-bottom:-45px!important
}
.mb-50-off{
    margin-bottom:-50px!important
}
.mb-55-off{
    margin-bottom:-55px!important
}
.mb-60-off{
    margin-bottom:-60px!important
}
.mb-65-off{
    margin-bottom:-65px!important
}
.mb-70-off{
    margin-bottom:-70px!important
}
.mb-75-off{
    margin-bottom:-75px!important
}
.mb-80-off{
    margin-bottom:-80px!important
}
.mb-85-off{
    margin-bottom:-85px!important
}
.mb-90-off{
    margin-bottom:-90px!important
}
.mb-95-off{
    margin-bottom:-95px!important
}
.mb-100-off{
    margin-bottom:-100px!important
}
.mt-5-off{
    margin-top:-5px!important
}
.mt-10-off{
    margin-top:-10px!important
}
.mt-15-off{
    margin-top:-15px!important
}
.mt-16-off{
    margin-top:-16px!important
}
.mt-17-off{
    margin-top:-17px!important
}
.mt-18-off{
    margin-top:-18px!important
}
.mt-19-off{
    margin-top:-19px!important
}
.mt-20-off{
    margin-top:-20px!important
}
.mt-25-off{
    margin-top:-25px!important
}
.mt-30-off{
    margin-top:-30px!important
}
.mt-35-off{
    margin-top:-35px!important
}
.mt-40-off{
    margin-top:-40px!important
}
.mt-45-off{
    margin-top:-45px!important
}
.mt-50-off{
    margin-top:-50px!important
}
.mt-55-off{
    margin-top:-55px!important
}
.mt-60-off{
    margin-top:-60px!important
}
.mt-65-off{
    margin-top:-65px!important
}
.mt-70-off{
    margin-top:-70px!important
}
.mt-75-off{
    margin-top:-75px!important
}
.mt-80-off{
    margin-top:-80px!important
}
.mt-85-off{
    margin-top:-85px!important
}
.mt-90-off{
    margin-top:-90px!important
}
.mt-95-off{
    margin-top:-95px!important
}
.mt-100-off{
    margin-top:-100px!important
}
.ml-5-off{
    margin-left:-5px!important
}
.ml-10-off{
    margin-left:-10px!important
}
.ml-15-off{
    margin-left:-15px!important
}
.ml-20-off{
    margin-left:-20px!important
}
.ml-25-off{
    margin-left:-25px!important
}
.ml-30-off{
    margin-left:-30px!important
}
.ml-35-off{
    margin-left:-35px!important
}
.ml-40-off{
    margin-left:-40px!important
}
.ml-45-off{
    margin-left:-45px!important
}
.ml-50-off{
    margin-left:-50px!important
}
.ml-55-off{
    margin-left:-55px!important
}
.ml-60-off{
    margin-left:-60px!important
}
.ml-65-off{
    margin-left:-65px!important
}
.ml-70-off{
    margin-left:-70px!important
}
.ml-75-off{
    margin-left:-75px!important
}
.ml-80-off{
    margin-left:-80px!important
}
.ml-85-off{
    margin-left:-85px!important
}
.ml-90-off{
    margin-left:-90px!important
}
.ml-95-off{
    margin-left:-95px!important
}
.ml-100-off{
    margin-left:-100px!important
}
.mr-5-off{
    margin-right:-5px!important
}
.mr-10-off{
    margin-right:-10px!important
}
.mr-15-off{
    margin-right:-15px!important
}
.mr-20-off{
    margin-right:-20px!important
}
.mr-25-off{
    margin-right:-25px!important
}
.mr-30-off{
    margin-right:-30px!important
}
.mr-35-off{
    margin-right:-35px!important
}
.mr-40-off{
    margin-right:-40px!important
}
.mr-45-off{
    margin-right:-45px!important
}
.mr-50-off{
    margin-right:-50px!important
}
.mr-55-off{
    margin-right:-55px!important
}
.mr-60-off{
    margin-right:-60px!important
}
.mr-65-off{
    margin-right:-65px!important
}
.mr-70-off{
    margin-right:-70px!important
}
.mr-75-off{
    margin-right:-75px!important
}
.mr-80-off{
    margin-right:-80px!important
}
.mr-85-off{
    margin-right:-85px!important
}
.mr-90-off{
    margin-right:-90px!important
}
.mr-95-off{
    margin-right:-95px!important
}
.mr-100-off{
    margin-right:-100px!important
}
.video-background{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden
}
.video-background video{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    min-width:100%;
    height:auto
}
.ls-bg video{
    width:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    z-index:-1
}
.vs-hero-wrapper{
    height:650px
}
video{
    background:url(../images/cover_page.jpg);
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,0);
    width:100%;
    height:auto;
    z-index:-1
}
.video::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    box-shadow:inset 10px 0 15px -10px rgba(0,0,0,.7),inset -10px 0 15px -10px rgba(0,0,0,.7);
    z-index:1
}
.dh-xl-none{
    display:none!important
}
.dh-xl-block{
    display:block!important
}
.space-secpages{
    padding-top:150px!important;
    padding-bottom:150px!important
}
.px-battlepass{
    padding-left:80px!important;
    padding-right:80px!important
}
@media(max-width:1500px){
    .ls-bg video{
        width:100%;
        object-fit:cover;
        position:absolute
    }
    .vs-hero-wrapper{
        height:550px
    }
    video{
        position:absolute;
        top:110px;
        left:50%;
        transform:translate(-50%,-10%);
        width:100%;
        height:auto;
        z-index:-1
    }
    .dh-lg-none{
        display:none!important
    }
    .dh-lg-block{
        display:block!important
    }
    .space-secpages{
        padding-top:150px!important;
        padding-bottom:150px!important
    }
}
@media(max-width:1300px){
    .ls-bg video{
        width:100%;
        object-fit:cover;
        position:absolute
    }
    .vs-hero-wrapper{
        height:500px
    }
    video{
        position:absolute;
        top:110px;
        left:50%;
        transform:translate(-50%,-10%);
        width:100%;
        height:auto;
        z-index:-1
    }
    .dh-md-none{
        display:none!important
    }
    .dh-md-block{
        display:block!important
    }
    .space-secpages{
        padding-top:150px!important;
        padding-bottom:150px!important
    }
}
@media(max-width:992px){
    .ls-bg video{
        width:100%;
        object-fit:cover;
        position:absolute
    }
    .vs-hero-wrapper{
        height:430px
    }
    video{
        position:absolute;
        top:380px;
        left:50%;
        transform:translate(-50%,-60%);
        width:100%;
        height:auto;
        z-index:-1
    }
    .mb-0-sm{
        margin-bottom:0!important
    }
    .dh-sm-none{
        display:none!important
    }
    .dh-sm-block{
        display:block!important
    }
    .sidebox-title{
        position:relative;
        margin-bottom:30px;
        padding-bottom:15px;
        border-bottom:1px solid #262932
    }
    .sidebox-title:before{
        content:'--';
        position:relative;
        margin-right:15px;
        display:inline-block;
        color:var(--default-color)
    }
    .mega-menu .sidebox-title{
        position:relative;
        margin-bottom:0!important;
        padding-bottom:12px!important;
        border-bottom:0 solid!important
    }
    .mega-menu .sidebox-title:before{
        content:'--';
        position:relative;
        margin-right:10px;
        display:inline-block;
        color:var(--default-color)
    }
    .mega-menu ul li{
        margin-left:15px!important
    }
    .space-secpages{
        padding-top:120px!important;
        padding-bottom:120px!important
    }
    .px-battlepass{
        padding-left:160px!important;
        padding-right:160px!important
    }
}
@media(max-width:767px){
    .ls-bg video{
        width:100%;
        object-fit:cover;
        position:absolute
    }
    .vs-hero-wrapper{
        height:530px
    }
    video{
        position:absolute;
        top:110px;
        left:50%;
        transform:translate(-50%,20%);
        width:100%;
        height:auto;
        z-index:-1;
        display:none!important
    }
    .mt-25-sm{
        margin-top:25px!important
    }
    .mt-10-sm{
        margin-top:10px!important
    }
    .mb-0-sm{
        margin-bottom:0!important
    }
    .mb-10-sm{
        margin-bottom:10px!important
    }
    .mb-20-sm{
        margin-bottom:20px!important
    }
    .mb-10-sm-off{
        margin-bottom:-10px!important
    }
    .d-xs-none{
        display:none!important
    }
    .d-xs-block{
        display:block!important
    }
    .text-center-sm{
        text-align:center!important
    }
    .fw-300{
        font-weight:300!important
    }
    .dh-xs-none{
        display:none!important
    }
    .dh-xs-block{
        display:block!important
    }
    .dh-top-header{
        top:280px!important;
        width:100%;
        height:220px;
        position:absolute;
        text-align:center;
        z-index:50
    }
    .dh-top-header img{
        width:50%!important
    }
    .bg-header{
        background:url(../images/banner_mobile.jpg);
        background-position:top center;
        background-repeat:no-repeat
    }
    .sidebox-title{
        position:relative;
        margin-bottom:30px;
        padding-bottom:15px;
        border-bottom:1px solid #262932
    }
    .sidebox-title:before{
        content:'--';
        position:relative;
        margin-right:15px;
        display:inline-block;
        color:var(--default-color)
    }
    .mega-menu .sidebox-title{
        position:relative;
        margin-bottom:0!important;
        padding-bottom:12px!important;
        border-bottom:0 solid!important
    }
    .mega-menu .sidebox-title:before{
        content:'--';
        position:relative;
        margin-right:10px;
        display:inline-block;
        color:var(--default-color)
    }
    .mega-menu ul li{
        margin-left:15px!important
    }
    .space-secpages{
        padding-top:80px!important;
        padding-bottom:80px!important
    }
    .px-battlepass{
        padding-left:40px!important;
        padding-right:40px!important
    }
    .px-battlepass{
        padding-left:90px!important;
        padding-right:90px!important
    }
}
@media(max-width:540px){
    .ls-bg video{
        width:100%;
        object-fit:cover;
        position:absolute
    }
    .vs-hero-wrapper{
        height:550px
    }
    video{
        position:absolute;
        top:100px;
        left:50%;
        transform:translate(-50%,20%);
        width:100%;
        height:auto;
        z-index:-1;
        display:none!important
    }
    .d-xs-none{
        display:none!important
    }
    .d-xs-block{
        display:block!important
    }
    .mt-25-sm{
        margin-top:25px!important
    }
    .mt-10-sm{
        margin-top:10px!important
    }
    .mb-0-sm{
        margin-bottom:0!important
    }
    .dh-xs-none{
        display:none!important
    }
    .dh-xs-block{
        display:block!important
    }
    .dh-top-header{
        top:300px!important;
        width:100%;
        height:220px;
        position:absolute;
        text-align:center;
        z-index:50
    }
    .dh-top-header img{
        width:75%!important
    }
    .bg-header{
        background:url(../../img/banner_mobile.jpg);
        background-position:top center;
        background-repeat:no-repeat
    }
    .sidebox-title{
        position:relative;
        margin-bottom:30px;
        padding-bottom:15px;
        border-bottom:1px solid #262932
    }
    .sidebox-title:before{
        content:'--';
        position:relative;
        margin-right:15px;
        display:inline-block;
        color:var(--default-color)
    }
    .mega-menu .sidebox-title{
        position:relative;
        margin-bottom:0!important;
        padding-bottom:12px!important;
        border-bottom:0 solid!important
    }
    .mega-menu .sidebox-title:before{
        content:'--';
        position:relative;
        margin-right:10px;
        display:inline-block;
        color:var(--default-color)
    }
    .mega-menu ul li{
        margin-left:15px!important
    }
    .space-secpages{
        padding-top:70px!important;
        padding-bottom:70px!important
    }
    .px-battlepass{
        padding-left:40px!important;
        padding-right:40px!important
    }
}
.border-0{
    border:0 solid!important
}
.border-bt-1{
    border-top:0 solid!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
    padding-top:10px!important;
    padding-bottom:10px!important
}
.border-tp-1{
    border-bottom:0 solid!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
    padding-bottom:10px!important;
    padding-top:10px!important
}
.border-bb-1{
    border-bottom:1px solid #a23e2f!important;
    opacity:1!important
}
.ranking{
    display:flex;
    flex-direction:column;
    width:100%
}
.row-ranking{
    display:flex
}
.row-ranking:not(:last-child){
    margin-bottom:10px
}
.row-ranking.header{
    background-color:#000;
    font-weight:700
}
.cell-ranking a{
    color:#fff!important
}
.cell-ranking a:hover{
    color:#ba6356!important
}
.cell-ranking{
    flex:1;
    padding:15px
}
.cell-ranking:nth-child(1){
    color:#fff;
    flex:0 0 50px;
    background:linear-gradient(135deg,#ba6356 85%,#0f1116 50%);
    font-weight:700
}
.cell-ranking:nth-child(2){
    color:#fff;
    background-color:#0f1116;
    font-size:14px;
    font-weight:700;
    padding-right:30px;
    flex:1.4
}
.cell-ranking:nth-child(3){
    color:#fff;
    background-color:#0f1116;
    text-align:right
}
.cell-ranking:nth-child(4){
    color:#fff;
    background-color:#0f1116;
    text-align:right
}
.cell-ranking:nth-child(5){
    color:#fff;
    background-color:#0f1116;
    padding-right:20px;
    text-align:right!important;
    max-width:100px
}
.cell-ranking:nth-child(6){
    color:#fff;
    background-color:#0f1116;
    padding-right:20px;
    text-align:right!important
}
.cell-ranking span{
    background-color:rgba(255,255,255,.05);
    padding:7px 15px 6px;
    font-size:14px;
    border-radius:15px;
    color:var(--white-color);
    text-align:right
}
.cell-ranking img.rank{
    -webkit-transform:skew(-10deg)!important;
    -ms-transform:skew(-10deg)!important;
    transform:skew(-10deg)!important;
    margin-top:14px!important
}
.row-ranking:nth-child(odd) .cell-ranking:nth-child(1){
    background:linear-gradient(135deg,#ba6356 85%,#0f1116 50%)
}
.row-ranking:hover{
    filter:brightness(120%)
}
.contour{
    opacity:.7
}
.text-shadow{
    text-shadow:0 0 15px #ccc
}
.page-left{
    min-width:77px;
    height:25px;
    line-height:16px
}
.page-center{
    min-width:100px;
    height:25px;
    line-height:16px;
    margin-left:-20px
}
.page-right{
    min-width:77px;
    height:25px;
    line-height:16px;
    margin-left:-20px
}
.space-bottom-5{
    margin-bottom:5px!important
}
.space-bottom-10{
    margin-bottom:10px!important
}
.top-0{
    top:0!important
}
.top-5{
    top:5px!important
}
.top-7{
    top:7px!important
}
.top-10{
    top:10px!important
}
.fs-20{
    font-size:20px!important
}
.fs-24{
    font-size:24px!important
}
.form-login{
    height:38px!important;
    background:url(../images/input-login.png) top left no-repeat!important;
    font-size:14px;
    padding-right:10px!important;
    padding-left:50px!important;
    transition:all ease .8s;
    margin-left:-18px;
    margin-right:-12px;
    width:calc(100% + 30px);
    border-bottom:1px solid rgba(255,255,255,.5)!important
}
.form-login:hover{
    transition:all ease .8s
}
.form-login-content{
    min-width:240px!important;
    max-width:270px!important
}
.form-login-button{
    min-width:80px!important;
    width:calc(100% + 43px)!important;
    margin-left:-39px!important;
    height:38px!important;
    padding-left:20px!important;
    padding-right:20px!important;
    font-size:12px!important
}
.form-login-icon{
    top:12px!important;
    left:20px!important;
    font-size:14px!important
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{
    font-size:14px;
    -webkit-text-fill-color:#fff!important;
    -webkit-box-shadow:0 0 0 1000px #0f1116 inset;
    transition:background-color 5000s ease-in-out 0s;
    background:url(../images/input-login.png) top left no-repeat!important
}
.link-secondary{
    color:var(--body-color)
}
.link-secondary:hover{
    color:#fff
}
.float-left{
    float:left!important
}
.float-right{
    float:right!important
}
#notifier-box{
    position:fixed;
    top:20px!important;
    left:20px!important;
    z-index:9999999!important
}
div.message-box{
    background-color:rgba(0,0,0,.9);
    margin:0 0 10px;
    padding:20px;
    padding-top:15px;
    padding-bottom:15px;
    width:350px;
    color:#ccc;
    font-size:13px;
    font-family:var(--theme-font2);
    border-bottom:1px solid rgba(255,255,255,.2);
    line-height:12px
}
div.message-box:hover{
    background-color:rgba(0,0,0,.9)
}
div.message-box div.success{
    font-weight:700;
    font-family:var(--theme-font2);
    color:#7ff158;
    font-size:14px;
    margin:0 0 10px;
    text-transform:uppercase
}
div.message-box div.error{
    font-weight:700;
    font-family:var(--theme-font2);
    margin:0 0 10px;
    text-transform:uppercase;
    color:#f15858
}
div.message-box a.message-close{
    background:#000 url(../images/icons/message-close.png) center no-repeat;
    width:15px;
    height:15px;
    display:block;
    float:right;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-opacity:.2;
    -moz-opacity:.2;
    -o-opacity:.2;
    opacity:.2
}
div.message-box:hover a.message-close{
    -webkit-opacity:.5;
    -moz-opacity:.5;
    -o-opacity:.5;
    opacity:.5
}
div.message-box a.message-close:hover{
    -webkit-opacity:1;
    -moz-opacity:1;
    -o-opacity:1;
    opacity:1
}
div.message-box div.message-body{
    overflow:hidden
}
div.message-box div.message-body div.thumb{
    width:48px;
    height:48px;
    margin:0 10px 0 0;
    float:left;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px
}
div.message-box div.message-body div.thumb img{
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px
}
.image-container .img1{
    width:100%;
    display:block
}
.image-container .img2{
    height:190px;
    height:190px;
    width:auto;
    object-fit:cover;
    display:block
}
.image-container-news img{
    max-height:500px;
    object-fit:fill;
    object-position:top left;
    display:block
}
.w-max-160{
    max-width:160px!important
}
.w-160px{
    width:160px!important
}
.w-160px{
    width:160px!important
}
mw-80{
    min-width:80px!important
}
h-25{
    height:25px!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.text-italic{
    font-style:italic!important
}
.btn-download{
    min-width:350px!important;
    height:65px!important;
    font-size:16px!important;
    font-style:italic
}
.btn-download span{
    background:rgba(0,0,0,.2);
    padding:11px 7px 13px 13px;
    border-radius:50%;
    line-height:150%
}
.tag-link{
    background:#f88938;
    color:#fff;
    text-shadow:1px 1px #000;
    padding:2px 4px 3px;
    line-height:80%;
    font-size:8px;
    border-radius:50px;
    margin-top:-5px;
    margin-left:5px;
    position:absolute
}
.tag-link a{
    color:#fff
}
.tag-link-red{
    background:#f83838;
    color:#fff;
    text-shadow:1px 1px #000;
    padding:2px 4px 3px;
    line-height:80%;
    font-size:8px;
    border-radius:50px;
    margin-top:-5px;
    margin-left:5px;
    position:absolute
}
ul.ul-list li{
    font-size:16px;
    list-style-type:none;
    margin-bottom:5px
}
ul.ul-list li:after{
    color:#ccc;
    content:'» ';
    font-size:18px;
    font-weight:300;
    margin-top:-2px;
    float:left;
    margin-left:-20px;
    margin-right:-20px
}
ul.ul-list li a{
    color:var(--body-color)
}
ul.ul-list li a:hover{
    color:#fff;
    text-shadow:0 0 5px #ccc
}
.click-box{
    background:#f88938;
    color:#fff;
    text-shadow:1px 1px #000;
    padding:2px 4px 3px;
    line-height:80%;
    font-size:8px;
    border-radius:50px;
    margin-top:-5px;
    margin-left:5px;
    position:absolute
}
.bg-transparent{
    background:0 0!important
}
table.simple{
    border:0!important;
    background:0 0!important;
    padding:0!important;
    margin:0!important
}
table.simple tr{
    border:0!important;
    background:0 0!important;
    padding:0!important;
    margin:0!important
}
table.simple tr td{
    border:0!important;
    background:0 0!important;
    padding:0!important;
    margin:0!important
}
table.simple tr td img{
    border:0!important;
    padding:0!important;
    margin:0!important;
    width:auto!important;
    height:auto!important;
    box-shadow:none!important
}
.journey .line-right{
    width:calc(100% + 5px);
    margin-right:-5px;
    height:1px;
    border-top:1px solid #a13e2f
}
.journey .line-left{
    width:calc(100% + 5px);
    margin-left:-5px;
    height:1px;
    border-top:1px solid #a13e2f
}
.journey .line-rc-100{
    width:calc(100% + 5px);
    margin-right:-5px;
    height:1px;
    border-top:1px solid #a13e2f;
    float:right;
    margin-top:15px;
    margin-bottom:15px
}
.journey .line-lc-100{
    width:calc(100% + 5px);
    margin-left:-5px;
    height:1px;
    border-top:1px solid #a13e2f;
    float:left;
    margin-top:15px;
    margin-bottom:15px
}
.journey .line-rc-50{
    width:calc(50% + 5px);
    margin-right:-5px;
    height:1px;
    border-top:1px solid #a13e2f;
    float:right;
    margin-top:15px;
    margin-bottom:15px
}
.journey .line-lc-50{
    width:calc(50% + 5px);
    margin-left:-5px;
    height:1px;
    border-top:1px solid #a13e2f;
    float:left;
    margin-top:15px;
    margin-bottom:15px
}
.journey .line-lv-t{
    width:1px;
    border-left:1px solid #a13e2f;
    height:16px;
    float:left;
    margin-bottom:15px
}
.journey .line-rv-t{
    width:1px;
    border-left:1px solid #a13e2f;
    height:16px;
    float:right;
    margin-bottom:15px
}
.journey .line-lv-b{
    width:1px;
    border-left:1px solid #a13e2f;
    height:16px;
    float:left;
    margin-top:15px
}
.journey .line-rv-b{
    width:1px;
    border-left:1px solid #a13e2f;
    height:16px;
    float:right;
    margin-top:15px
}
.journey .line-cv-a{
    width:1px;
    border-left:1px solid #a13e2f;
    height:32px;
    margin-left:calc(50% - 1px)
}
.journey .min-width{
    vertical-align:middle!important;
    min-width:5px!important
}
.journey blockquote{
    background:url(../images/game_guides/pin_block.png) no-repeat top left,url(../images/game_guides/pin_block.png) no-repeat top right,url(../images/game_guides/pin_block.png) no-repeat bottom left,url(../images/game_guides/pin_block.png) no-repeat bottom right,rgba(0,0,0,.17);
    border-radius:0;
    padding:10px;
    border:1px solid #0c0d11;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
    height:100px;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg)
}
.journey blockquote img{
    padding:4px;
    border:1px solid #f88938;
    line-height:100%!important
}
.journey blockquote table{
    margin-left:0;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote p{
    padding-left:7px;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote ul li{
    margin-left:30px;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr{
    background:0 0
}
.journey blockquote table tr td{
    border:transparent;
    line-height:100%!important
}
.journey blockquote table tr:first-child td{
    text-align:center;
    font-size:12px
}
.journey blockquote table tr:first-child td:first-child{
    max-width:78px!important;
    width:78px
}
.journey blockquote table tr:first-child td:last-child{
    text-align:center;
    padding-right:10px;
    padding-top:7px;
    padding-bottom:7px
}
.journey blockquote table tr:first-child td img{
    width:70px!important;
    margin-top:-5px!important;
    margin-bottom:-5px!important;
    margin-left:-5px!important
}
.journey blockquote table tr:first-child td span{
    margin-left:-5px;
    color:#ac7950;
    font-weight:700;
    text-shadow:0 0 5px #ac7950;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.bronze{
    color:#ac7950;
    text-shadow:0 0 5px #ac7950;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.silver{
    color:silver;
    text-shadow:0 0 5px silver;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.gold{
    color:#c29540;
    text-shadow:0 0 5px #c29540;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.emerald{
    color:#038839;
    text-shadow:0 0 5px #038839;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.diamond{
    color:#89a7f9;
    text-shadow:0 0 5px #89a7f9;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.legendary{
    color:#1caff3;
    text-shadow:0 0 5px #1caff3;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.master{
    color:#e9ab06;
    text-shadow:0 0 5px #e9ab06;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.elite{
    color:#9f68d8;
    text-shadow:0 0 5px #9f68d8;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:first-child td span.supreme{
    color:#f88938;
    text-shadow:0 0 5px #f88938;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.journey blockquote table tr:last-child td{
    font-size:10px;
    vertical-align:top;
    line-height:100%!important
}
.journey blockquote table tr:last-child td span{
    color:#ccc;
    font-size:11px;
    line-height:100%!important;
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
table.table-responsive{
    padding:0!important
}
@media(max-width:767px){
    .hidden-xs{
        display:none!important
    }
}
@media(min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
    }
}
@media(min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
@media(min-width:1200px){
    .hidden-lg{
        display:none!important
    }
}
@media screen and (max-width:600px){
    table.table-responsive{
        border:0
    }
    table.table-responsive caption{
        font-size:1.3em
    }
    table.table-responsive thead{
        border:none;
        clip:rect(0 0 0 0);
        height:1px;
        margin:-1px;
        overflow:hidden;
        padding:0;
        position:absolute;
        width:1px
    }
    table.table-responsive tbody tr td.w-10,table.table-responsive tbody tr td.w-15,table.table-responsive tbody tr td.w-20,table.table-responsive tbody tr td.w-25,table.table-responsive tbody tr td.w-30,table.table-responsive tbody tr td.w-33,table.table-responsive tbody tr td.w-40,table.table-responsive tbody tr td.w-50,table.table-responsive tbody tr td.w-70,table.table-responsive tbody tr td.w-75,table.table-responsive tbody tr td.w-60{
        width:100%!important
    }
    table.table-responsive tr{
        border-bottom:1px solid #a13e2f;
        display:block;
        margin-bottom:15px;
        padding-bottom:15px
    }
    table.table-responsive td{
        display:block;
        font-size:.8em;
        text-align:right;
        border-bottom:0
    }
    table.table-responsive td:first-child{
    }
    table.table-responsive td svg{
        width:16px;
        height:16px;
        margin:-4px 0 -4px 5px
    }
    table.table-responsive td::before{
        content:attr(data-label);
        float:left;
        color:rgba(255,255,255,.6);
        font-size:12px;
        text-transform:uppercase
    }
    table.table-responsive td:last-child{
        border-bottom:0
    }
    table.table-responsive td table{
        display:none
    }
}
.ping:before{
    color:#ccc;
    content:'» ';
    font-size:16px;
    font-weight:300;
    margin-bottom:0;
    vertical-align:top;
    margin-top:-2px;
    float:left;
    margin-right:6px
}
.lh-100{
    line-height:100%
}
.lh-120{
    line-height:120%
}
.lh-150{
    line-height:150%
}
.checkbox-custom{
    display:inline-block;
    padding:2px;
    line-height:150%;
    position:relative;
    margin-right:10px;
    cursor:pointer
}
.checkbox-custom input[type=checkbox]{
    visibility:hidden;
    position:absolute
}
.checkbox-custom .checkmark{
    width:20px;
    height:20px;
    background-color:transparent;
    border:2px solid #a13e2f;
    position:absolute;
    border-radius:2px;
    top:20px;
    left:20px
}
.checkbox-custom input[type=checkbox]:checked+.checkmark{
    background-color:#a13e2f
}
.checkbox-custom input[type=checkbox]:checked+.checkmark:after{
    content:"";
    position:absolute;
    left:5px;
    top:1px;
    width:6px;
    height:12px;
    border-radius:2px;
    border:solid #fff;
    border-width:0 3px 3px 0;
    transform:rotate(45deg)
}
#loading{
    background:rgba(0,0,0,.7);
    border-radius:10px 10px 0 0;
    color:#fff;
    display:none;
    position:fixed;
    bottom:0;
    left:calc(50% - 45px);
    width:90px;
    z-index:1000;
    padding:6px
}
.lds-ellipsis{
    display:inline-block;
    position:relative;
    width:80px;
    height:20px
}
.lds-ellipsis div{
    position:absolute;
    top:5px;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#f15411;
    animation-timing-function:cubic-bezier(0,1,1,0)
}
.lds-ellipsis div:nth-child(1){
    left:8px;
    animation:lds-ellipsis1 .6s infinite
}
.lds-ellipsis div:nth-child(2){
    left:8px;
    animation:lds-ellipsis2 .6s infinite
}
.lds-ellipsis div:nth-child(3){
    left:32px;
    animation:lds-ellipsis2 .6s infinite
}
.lds-ellipsis div:nth-child(4){
    left:56px;
    animation:lds-ellipsis3 .6s infinite
}
@keyframes lds-ellipsis1{
    0%{
        transform:scale(0)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes lds-ellipsis3{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(0)
    }
}
@keyframes lds-ellipsis2{
    0%{
        transform:translate(0,0)
    }
    100%{
        transform:translate(24px,0)
    }
}

.button-join{
    align-items:center;
    appearance:none;
    background-clip:padding-box;
    background-color:initial;
    background-image:none;
    border-style:none;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-block;
    flex-direction:row;
    flex-shrink:0;
    font-size:12px;
    justify-content:center;
    margin:0;
    outline:none;
    overflow:visible;
    padding:0;
    pointer-events:auto;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;
    vertical-align:middle;
    word-break:keep-all;
    z-index:0;
    min-width:60px;
    width:60px;
    margin-right:-10px!important;
    -webkit-transform:skew(-10deg)!important;
    -ms-transform:skew(-10deg)!important;
    transform:skew(-10deg)!important
}
@media(min-width:768px){
    .button-join{
        padding:0;
        color:#fff!important
    }
}
.button-join:before{
    background-image:linear-gradient(92.83deg,#ff7426 0,#f93a13 100%);
    content:"";
    display:block;
    height:100%;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:100%;
    z-index:-2;
    color:#fff!important
}
.button-join:after{
    background-color:initial;
    background-image:linear-gradient(#541a0f 0,#0c0d0d 100%);
    bottom:1px;
    content:"";
    display:block;
    left:1px;
    overflow:hidden;
    position:absolute;
    right:1px;
    top:1px;
    transition:all 100ms ease-out;
    z-index:-1;
    color:#fff!important
}
.button-join:hover:not(:disabled):before{
    background:linear-gradient(92.83deg,rgb(255,116,38) 0%,rgb(249,58,19) 100%);
    color:#fff!important
}
.button-join:hover:not(:disabled):after{
    bottom:0;
    left:0;
    right:0;
    top:0;
    transition-timing-function:ease-in;
    opacity:0;
    color:#fff!important
}
.button-join:active:not(:disabled){
    color:#fff!important
}
.button-join:active:not(:disabled):before{
    color:#fff!important;
    background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(92.83deg,#ff7426 0,#f93a13 100%)
}
.button-join:active:not(:disabled):after{
    background-image:linear-gradient(#541a0f 0,#0c0d0d 100%);
    bottom:1px;
    left:1px;
    right:1px;
    color:#fff!important;
    top:1px
}
.button-join:disabled{
    cursor:default;
    color:#fff!important;
    opacity:.24
}
.button-closed{
    filter:grayscale(100%);
    align-items:center;
    appearance:none;
    background-clip:padding-box;
    background-color:initial;
    background-image:none;
    border-style:none;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-block;
    flex-direction:row;
    flex-shrink:0;
    font-size:12px;
    justify-content:center;
    margin:0;
    outline:none;
    overflow:visible;
    padding:0;
    pointer-events:auto;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-transform:none;
    user-select:none;
    -webkit-user-select:none;
    touch-action:manipulation;
    vertical-align:middle;
    word-break:keep-all;
    z-index:0;
    min-width:60px;
    width:60px;
    margin-right:-10px!important;
    -webkit-transform:skew(-10deg)!important;
    -ms-transform:skew(-10deg)!important;
    transform:skew(-10deg)!important
}
@media(min-width:768px){
    .button-closed{
        padding:0
    }
}
.button-closed:before{
    background-image:linear-gradient(92.83deg,#ff2626 0,#981313 100%);
    content:"";
    display:block;
    height:100%;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:100%;
    z-index:-2
}
.button-closed:after{
    background-color:initial;
    background-image:linear-gradient(#541a0f 0,#0c0d0d 100%);
    bottom:1px;
    content:"";
    display:block;
    left:1px;
    overflow:hidden;
    position:absolute;
    right:1px;
    top:1px;
    transition:all 100ms ease-out;
    z-index:-1
}
.button-closed:hover:not(:disabled):before{
    background:linear-gradient(92.83deg,rgb(255,38,38) 0%,rgb(152,19,19) 100%);
    color:#fff!important
}
.button-closed:hover:not(:disabled):after{
    bottom:0;
    left:0;
    right:0;
    top:0;
    transition-timing-function:ease-in;
    opacity:0
}
.button-closed:active:not(:disabled){
    color:#ccc
}
.button-closed:active:not(:disabled):before{
    background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(92.83deg,#ff2626 0,#981313 100%)
}
.button-closed:active:not(:disabled):after{
    background-image:linear-gradient(#541a0f 0,#0c0d0d 100%);
    bottom:1px;
    left:1px;
    right:1px;
    top:1px
}
.button-closed:disabled{
    cursor:default;
    opacity:.24
}
table.rank-rewards{
    border:1px solid rgba(255,255,255,.05)
}
table.rank-rewards tr th{
    padding:15px 20px;
    color:#ffdda9;
    font-size:14px;
    border:1px solid rgba(255,255,255,.05)
}
table.rank-rewards tr td.pvp{
    text-align:center;
    border:1px solid rgba(255,255,255,.05);
    font-size:10px!important;
    background:rgba(255,255,255,.02);
    padding-left:0;
    padding-right:0
}
table.rank-rewards tr td{
    text-align:center;
    border:1px solid rgba(255,255,255,.05);
    font-size:12px!important;
    background:rgba(255,255,255,.02);
    padding-left:0;
    padding-right:0
}
option{
    font-size:13px
}
optgroup{
    font-size:13px
}
.diagonal{
    -webkit-transform:skew(10deg)!important;
    -ms-transform:skew(10deg)!important;
    transform:skew(10deg)!important
}
.diagonal-2{
    -webkit-transform:skew(-10deg)!important;
    -ms-transform:skew(-10deg)!important;
    transform:skew(-10deg)!important
}
.border-1-highlight{
    border:1px solid #ba6356;
    box-shadow:0 0 5px #ba6356
}
.border-1{
    border:1px solid rgba(255,255,255,.1)
}
.cursor-pointer{
    cursor:pointer!important
}
.space-40{
    margin-top:40px!important
}
.space-50{
    margin-top:50px!important
}
.space-60{
    margin-top:60px!important
}
.no-list-style{
    list-style:none
}
.space-5{
    width:100%!important;
    height:5px!important
}
.space-10{
    width:100%!important;
    height:10px!important
}
.space-20{
    width:100%!important;
    height:20px!important
}
.space-30{
    width:100%!important;
    height:30px!important
}
.space-40{
    width:100%!important;
    height:40px!important
}
.space-50{
    width:100%!important;
    height:50px!important
}
.space-60{
    width:100%!important;
    height:60px!important
}
.space-70{
    width:100%!important;
    height:70px!important
}
.space-80{
    width:100%!important;
    height:80px!important
}
.vertical-space{
    width:1px;
    background-color:rgba(255,255,255,.1);
    height:90px;
    margin-top:-15px;
    margin-left:49%
}
.line-space{
    width:100%;
    background-color:rgba(255,255,255,.03);
    height:1px;
    margin-top:-40px
}
.bloodytasks blockquote{
    background:url(../images/game_guides/pin_block.png) no-repeat top left,url(../images/game_guides/pin_block.png) no-repeat top right,url(../images/game_guides/pin_block.png) no-repeat bottom left,url(../images/game_guides/pin_block.png) no-repeat bottom right,rgba(0,0,0,.17);
    border-radius:6px;
    padding:10px;
    border:1px solid rgba(0,0,0,.8);
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
    height:120px;
    margin-bottom:10px
}
@keyframes pulsate{
    0%{
        border-color:rgba(42,101,34,.3);
        background:url(../images/game_guides/pin_block.png) no-repeat top left,url(../images/game_guides/pin_block.png) no-repeat top right,url(../images/game_guides/pin_block.png) no-repeat bottom left,url(../images/game_guides/pin_block.png) no-repeat bottom right,rgba(42,101,34,.1);
        opacity:.5
    }
    50%{
        border-color:rgba(42,101,34,.4);
        background:url(../images/game_guides/pin_block.png) no-repeat top left,url(../images/game_guides/pin_block.png) no-repeat top right,url(../images/game_guides/pin_block.png) no-repeat bottom left,url(../images/game_guides/pin_block.png) no-repeat bottom right,rgba(42,101,34,.2);
        opacity:1
    }
    100%{
        border-color:rgba(42,101,34,.3);
        background:url(../images/game_guides/pin_block.png) no-repeat top left,url(../images/game_guides/pin_block.png) no-repeat top right,url(../images/game_guides/pin_block.png) no-repeat bottom left,url(../images/game_guides/pin_block.png) no-repeat bottom right,rgba(42,101,34,.1);
        opacity:.5
    }
}
.bloodytasks blockquote.claim{
    background:url(../images/game_guides/pin_block.png) no-repeat top left,url(../images/game_guides/pin_block.png) no-repeat top right,url(../images/game_guides/pin_block.png) no-repeat bottom left,url(../images/game_guides/../images/game_guides/pin_block.png) no-repeat bottom right,rgba(42,101,34,.1);
    border-color:rgba(42,101,34,.3);
    animation:pulsate 2s infinite
}
.bloodytasks blockquote img{
    padding:4px;
    border:1px solid #f88938
}
.bloodytasks blockquote table{
    margin-left:0
}
.bloodytasks blockquote p{
    padding-left:7px
}
.bloodytasks blockquote ul li{
    margin-left:30px
}
.bloodytasks blockquote table tr{
    background:0 0
}
.bloodytasks blockquote table tr td{
    border:transparent
}
.bloodytasks blockquote table tr:first-child td{
    vertical-align:bottom;
    text-align:center;
    font-size:12px
}
.bloodytasks blockquote table tr:first-child td:first-child{
    vertical-align:middle!important;
    max-width:78px!important;
    width:78px
}
.bloodytasks blockquote table tr:first-child td:last-child{
    text-align:center;
    padding-right:10px;
    padding-top:7px;
    padding-bottom:7px
}
.bloodytasks blockquote table tr:first-child td img{
    width:60px!important;
    height:60px!important;
    margin-bottom:-5px!important;
    margin-left:-5px!important;
    margin-bottom:-15px!important
}
.bloodytasks blockquote table tr:first-child td span{
    margin-left:-5px;
    color:#ac7950;
    font-weight:700;
    text-shadow:0 0 5px #ac7950
}
.bloodytasks blockquote table tr:first-child td span.bronze{
    color:#ac7950;
    text-shadow:0 0 5px #ac7950
}
.bloodytasks blockquote table tr:first-child td span.silver{
    color:silver;
    text-shadow:0 0 5px silver
}
.bloodytasks blockquote table tr:first-child td span.gold{
    color:#c29540;
    text-shadow:0 0 5px #c29540
}
.bloodytasks blockquote table tr:first-child td span.emerald{
    color:#038839;
    text-shadow:0 0 5px #038839
}
.bloodytasks blockquote table tr:first-child td span.diamond{
    color:#89a7f9;
    text-shadow:0 0 5px #89a7f9
}
.bloodytasks blockquote table tr:first-child td span.legendary{
    color:#1caff3;
    text-shadow:0 0 5px #1caff3
}
.bloodytasks blockquote table tr:first-child td span.master{
    color:#e9ab06;
    text-shadow:0 0 5px #e9ab06
}
.bloodytasks blockquote table tr:first-child td span.elite{
    color:#9f68d8;
    text-shadow:0 0 5px #9f68d8
}
.bloodytasks blockquote table tr:first-child td span.supreme{
    color:#f88938;
    text-shadow:0 0 5px #f88938
}
.bloodytasks blockquote table tr:last-child td{
    font-size:10px!important;
    vertical-align:top!important;
    line-height:110%!important
}
.bloodytasks blockquote table tr:last-child td span{
    color:#999
}
.bloodytasks blockquote table tr:first-child td:last-child img{
    width:20px!important;
    height:20px!important;
    margin-bottom:-5px!important
}
.bloodytasks .simple{
    min-width:215px
}
.bloodytasks .line-left{
    min-width:10px;
    !importantwidth:100%;
    height:1px;
    border:1px solid #5c2714;
    box-shadow:0 0 3px #5c2714
}
.prominence-rewards{
    filter:drop-shadow(0 0 5px rgb(42,101,34)) brightness(150%)
}
.prominence{
    filter:drop-shadow(0 0 5px rgba(255,255,255,0.5)) brightness(150%)
}
.mission-pack-container{
    border:none!important;
    padding:0!important;
    background:0 0!important
}
.mission-pack-container blockquote{
    background:url(../images/game_guides/pin_block.png) no-repeat top left,url(../images/game_guides/pin_block.png) no-repeat top right,url(../images/game_guides/pin_block.png) no-repeat bottom left,url(../images/game_guides/pin_block.png) no-repeat bottom right,rgba(0,0,0,.17);
    border-radius:6px;
    padding:10px;
    border:1px solid rgba(0,0,0,.8);
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
    margin-bottom:0;
    min-height:235px
}
.fieldGroup-bt-rewards{
    overflow:auto;
    overflow-y:hidden;
    width:100%;
    margin-top:-20px
}
.fieldGroup-bt-rewards::-webkit-scrollbar{
    width:3px;
    height:10px
}
.fieldGroup-bt-logs{
    overflow:auto;
    overflow-x:hidden;
    width:100%;
    max-height:280px
}
.table-pack{
    border-top:5px solid var(--default-color2);
    background:var(--light-dark-color)!important;
    line-height:120%!important
}
.table-pack-pass{
    border-left:5px solid var(--default-color2);
    background:var(--light-dark-color)!important;
    line-height:120%!important
}
.table-pack .b-bonus{
    color:var(--success-color)
}
.table-pack-keys{
    border-top:5px solid var(--default-color2);
    background:var(--light-gray-color)!important;
    line-height:120%!important
}
.table-pack-keys .b-bonus{
    color:var(--success-color)
}
.modal{
    display:none;
    position:fixed!important;
    z-index:999999!important;
    padding-top:150px!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    overflow:auto!important;
    background-color:rgba(15,17,22,.8)!important
}
.modal-content{
    position:relative!important;
    background:url(../images/modal-bg.png) center bottom repeat-x!important;
    background-color:#000!important;
    margin:auto!important;
    padding:0!important;
    width:600px!important;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
    -webkit-animation-name:animatetop!important;
    -webkit-animation-duration:.4s!important;
    animation-name:animatetop!important;
    animation-duration:.4s!important
}
@-webkit-keyframes animatetop{
    from{
        top:-200px;
        opacity:0
    }
    to{
        top:0;
        opacity:1
    }
}
@keyframes animatetop{
    from{
        top:-300px;
        opacity:0
    }
    to{
        top:0;
        opacity:1
    }
}
.close{
    float:right!important;
    height:70px!important;
    width:70px!important;
    right:0!important;
    background:url(../images/icons/close_popup.png)!important
}
.modal_close{
    float:right!important;
    height:70px!important;
    width:70px!important;
    right:0!important;
    background:url(../../img/icons/close_popup.png)!important
}
.close:hover,.close:focus{
    color:#000!important;
    text-decoration:none!important;
    cursor:pointer!important
}
.modal-body{
    min-height:400px!important;
    padding:0 40px 40px!important
}
.select-list-options{
    cursor:pointer!important;
    display:none!important
}
.select-list-toggle{
    cursor:pointer!important
}
.select-list-options-visible{
    display:block!important
}
.select-crypto{
    width:100%!important
}
.select-crypto:hover{
    background:rgba(255,255,255,.1)!important
}
.select-crypto .logo-crypto{
    width:60px!important;
    padding:10px!important;
    padding-bottom:5px!important;
    padding-left:15px!important
}
.select-crypto .coin-crypto{
    padding-top:5px!important;
    font-size:15px!important;
    line-height:80%!important
}
.select-crypto .coin-crypto span{
    text-transform:uppercase!important;
    font-size:10px!important;
    padding:0 5px 1px!important;
    border-radius:4px!important;
    background:rgba(255,255,255,.1)!important;
    margin-bottom:15px!important;
    margin-top:-5px!important
}
.select-crypto .name-crypto{
    padding:0!important;
    line-height:80%!important;
    opacity:.5!important;
    padding-bottom:7px!important
}
#selectCrypto img{
    width:30px!important;
    height:30px!important;
    margin-right:10px!important;
    margin-top:4px!important;
    margin-bottom:-8px!important
}
#selectCrypto div{
    margin-left:40px!important;
    margin-top:-15px!important;
    padding-bottom:15px!important;
    font-size:16px!important
}
.group-coins{
    padding:15px 10px 10px 15px!important;
    color:rgba(255,255,255,.5)!important;
    font-size:12px!important
}
.img-channel{
    border-radius:50%;
    width:50px;
    height:50px
}
.side-promotion{
    position:absolute;
    margin-top:20px;
    z-index:9;
    right:calc(50% - 908px);
    width:186px;
    height:346px;
    overflow:hidden;
    clip-path:polygon(44px 0,150px 0,186px 0px,186px 300px,140px 350px,40px 346px,0 346px,0 44px)
}
.side-promotion:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:80px;
    background-image:linear-gradient(to top,rgba(var(--dark-color),0.7) 0%,rgba(var(--theme-color),0) 100%);
    z-index:1
}
.slider-container{
    width:100%;
    height:100%;
    position:relative
}
.slide{
    width:100%;
    height:100%;
    position:absolute;
    display:none
}
.slide.active{
    display:block
}
.caption{
    position:absolute;
    top:0;
    padding-top:160px;
    width:186px;
    height:346px;
    color:#fff;
    text-align:center;
    background:url(../images/caption.png);
}
.caption span{
    font-style:bold
}
.side-promotion.sticky{
    position:fixed;
    top:260px;
    transform:translateY(-50%)
}
.slider-navigation{
    position:absolute;
    bottom:80px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center
}
.nav-dot{
    height:12px;
    width:12px;
    margin:0 5px;
    background-color:#555;
    border-radius:50%;
    display:inline-block;
    cursor:pointer
}
.nav-dot.active{
    background-color:var(--default-color)
}
@media(max-width:1366px){
    .side-promotion{
        display:none
    }
}
.slide-social{
    position:absolute;
    z-index:10!important;
    width:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    bottom:25px
}
.slide-social .twitch{
    padding:8px 5px 5px 6px;
    font-size:16px;
    color:#fff;
    background:var(--purple-color);
    border-radius:50%;
    margin:5px;
    margin-top:0;
    width:30px;
    height:30px;
    text-align:center
}
.slide-social .facebook{
    padding:8px 5px 5px 6px;
    font-size:16px;
    color:#fff;
    background:var(--face-color);
    border-radius:50%;
    margin:5px;
    margin-top:0;
    width:30px;
    height:30px;
    text-align:center
}
.slide-social .instagram{
    padding:8px 5px 5px 6px;
    font-size:16px;
    color:#fff;
    background:var(--insta-color);
    border-radius:50%;
    margin:5px;
    margin-top:0;
    width:30px;
    height:30px;
    text-align:center
}
.slide-social .discord{
    padding:8px 5px 5px 6px;
    font-size:16px;
    color:#fff;
    background:var(--discord-color);
    border-radius:50%;
    margin:5px;
    margin-top:0;
    width:30px;
    height:30px;
    text-align:center
}
.slide-social .youtube{
    padding:8px 5px 5px 6px;
    font-size:16px;
    color:#fff;
    background:var(--youtube-color);
    border-radius:50%;
    margin:5px;
    margin-top:0;
    width:30px;
    height:30px;
    text-align:center
}
.modal_div{
    width:100%;
    min-height:400px;
    max-width:480px;
    background:url(../images/modal-bg.png) center bottom no-repeat;
    background-color:rgba(0,0,0,.95);
    position:fixed;
    top:30%;
    left:50%;
    margin-left:-240px;
    display:none;
    opacity:0;
    z-index:9999;
    padding:50px 60px;
    box-shadow:0 10px 20px 1px rgba(0,0,0,.5)
}
.modal_div .modal_close{
    width:56px;
    height:56px;
    position:absolute;
    top:-28px;
    right:-28px;
    cursor:pointer;
    display:block;
    background:url(../images/icons/close_popup.png) no-repeat;
    transition:.3s;
    margin-top:65px;
    padding-right:160px;
    filter:drop-shadow(0px 10px 14px rgba(0,0,0,0.6))
}
.modal_div .modal_close:hover{
    filter:brightness(120%)
}
.modal_div_two{
    width:100%;
    min-height:347px;
    max-width:303px;
    position:fixed;
    top:15%;
    left:50%;
    margin-left:-150px;
    display:none;
    opacity:0;
    z-index:35;
    padding:0;
    box-shadow:0 10px 20px 1px rgba(0,0,0,.5)
}
.modal_div_two .modal_close_two:hover{
    filter:brightness(120%)
}
#overlay{
    z-index:2000;
    position:fixed;
    background-color:#070a11;
    opacity:.8;
    width:100%;
    height:100%;
    top:0;
    left:0;
    cursor:pointer;
    display:none
}
#overlay_two{
    z-index:30;
    position:fixed;
    background-color:#070a11;
    opacity:.8;
    width:100%;
    height:100%;
    top:0;
    left:0;
    cursor:pointer;
    display:none
}
.modalTitle{
    color:#cc7954;
    font-size:24px;
    font-family:philosopher,sans-serif;
    display:block;
    padding-bottom:30px;
    border-bottom:1px solid rgba(255,255,255,.1);
    text-transform:uppercase;
    margin-bottom:30px
}
.absolute{
    position:absolute
}
.btooltip .tooltiptext{
    visibility:hidden;
    background-color:rgba(0,0,0,.8);
    color:#fff;
    border:1px solid #000;
    padding:10px;
    position:absolute;
    z-index:1
}
.tooltext{
    display:none;
    background-color:rgba(0,0,0,.8);
    color:#fff;
    border:1px solid #4d423c;
    border-radius:3px;
    box-shadow:2px 2px 5px #000;
    padding:10px;
    min-width:180px;
    text-align:center;
    position:absolute;
    z-index:99
}
.atifact-title{
    color:#00e6e6;
    font-size:12px
}
.atifact-description{
    color:#fff;
    font-size:11px
}
.live-viewer{
    background-image:url(../images/live.png);
    height:80px!important;
    position:fixed!important;
    bottom:20px!important;
    padding-right:15px!important;
    z-index:99;
    opacity:.9;
    right:0!important;
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}
.live-viewer.minimizer{
    width:130px!important;
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}
.live-viewer table{
    margin-left:15px!important
}
.live-viewer table tr td{
    vertical-align:top!important;
    height:80px!important;
    border:0!important;
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease;
    background:0 0!important
}
.live-viewer table tr{
    background:0 0!important
}
.live-viewer table tr td:hover{
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease;
    opacity:1
}
.live-viewer table tr td.fist{
    width:25px!important;
    min-width:45px!important;
    padding-left:0!important;
    text-align:left!important;
    cursor:pointer!important;
    color:#fff!important;
    padding-top:27px!important;
    border:0!important;
    background:0 0!important
}
.img-live{
    max-height:62px!important;
    width:107px!important;
    border:2px solid rgba(255,255,255,.2)!important;
    float:left!important;
    z-index:100!important;
    margin-top:4px;
    cursor:pointer;
    -webkit-transform:skew(8deg);
    -ms-transform:skew(8deg);
    transform:skew(8deg)
}
.img-profile{
    position:absolute!important;
    width:20px!important;
    height:20px!important;
    z-index:102!important;
    margin-top:24px!important;
    margin-left:-105px!important;
    background:#111!important;
    z-index:120!important;
    border:1px solid var(--default-color)!important
}
.hidden{
    display:none
}
.wcoin{
    display:block!important
}
.active-link{
    color:#ba6356!important;
    text-shadow:0 0 5px #ba6356;
    font-weight:700
}
.content-payment{
    opacity:0;
    display:none;
    transition:opacity .5s;
    position:absolute;
    top:230px;
    width:calc(100% - 40px)
}
.content-pix{
    opacity:0;
    display:none;
    transition:opacity .5s;
    position:absolute;
    top:230px;
    width:calc(100% - 40px)
}
.content-npayments{
    opacity:0;
    display:none;
    transition:opacity .5s;
    position:absolute;
    top:230px;
    width:calc(100% - 40px)
}
.content-cart{
    opacity:1;
    display:block;
    transition:opacity .5s;
    position:absolute;
    top:230px;
    width:calc(100% - 40px)
}
.none-shadow{
    text-shadow:none!important;
    box-shadow:none!important
}