@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;
400;
500;
600;
700;
800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;
300;
400;
500;
600;
700;
800;
900&display=swap);
body,html{
    font-size:16px
}
footer,section{
    padding-top:110px;
    padding-bottom:110px
}
a,body{
    color:var(--medium-gray)
}
.btn.btn-link,.google-maps-link a:hover,.theme-demos .all-demo a,.theme-demos .buy-theme a,a,a:hover{
    text-decoration:none
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.row>*{
    padding-right:15px;
    padding-left:15px
}
.blog-only-text .card-body:hover .card-title,.text-shadow-large{
    text-shadow:0 0 50px rgba(0,0,0,.9)
}
.text-outline,.text-outline-width-1px{
    -webkit-text-stroke-width:1px
}
:root{
    --alt-font:"Plus Jakarta Sans",sans-serif;
    --primary-font:"Inter",sans-serif;
    --base-color:#2946f3;
    --white:#ffffff;
    --black:#000000;
    --red:#dc3131;
    --light-red:#feedec;
    --green:#2ebb79;
    --crusoe-green:#d39121;
    --yellow:#ffea23;
    --dark-gray:#232323;
    --medium-gray:#717580;
    --extra-medium-gray:#e4e4e4;
    --light-gray:#a8a8a8;
    --very-light-gray:#f7f7f7;
    --light-medium-gray:#eaeaeb;
    --charcoal-blue:#202329;
    --slate-blue:#262b35;
    --medium-slate-blue:#374162;
    --extra-medium-slate-blue:#23262d;
    --dark-slate-blue:#1f232c;
    --extra-dark-slate-blue:#121418;
    --extra-very-slate-blue:#161620;
    --tussock-yellow:#BC8947;
    --aluminium-grey:#80858F;
    --solitude-blue:#f0f4fd;
    --golden-yellow:#fd961e;
    --selago:#eaedff;
    --white-ice:#d8f5ef;
    --cornflower-blue:#445fed;
    --jade:#00AF6B;
    --orange:#ef991f;
    --majorelle-blue:#724ade;
    --light-majorelle-blue:#f2edfe;
    --spring-wood:#f9f6f3;
    --tropical-blue:#1ea3b1;
    --camarone:#20642b;
    --seal-brown:#0e0708;
    --Wasabi:#8ea63a
}
.alt-font{
    font-family:var(--alt-font)
}
.primary-font{
    font-family:var(--primary-font)!important
}
body{
    font-family:var(--primary-font);
    line-height:30px;
    font-weight:400;
    -moz-osx-font-smoothing:grayscale;
    word-break:break-word;
    -webkit-font-smoothing:antialiased
}
section.half-section{
    padding-top:70px;
    padding-bottom:70px
}
section.big-section{
    padding-top:130px;
    padding-bottom:130px
}
section.extra-big-section{
    padding-top:160px;
    padding-bottom:160px
}
img{
    max-width:100%;
    height:auto
}
ul li{
    list-style:none
}
a{
    -webkit-transition:.3s;
    transition:.3s
}
a:hover{
    color:var(--base-color)
}
p{
    margin-bottom:25px
}
.last-paragraph-no-margin p:last-of-type{
    margin-bottom:0
}
video{
    background-size:cover;
    display:table-cell;
    vertical-align:middle;
    width:100%
}
:focus-visible{
    outline:0
}
[class*=" line-icon"],[class*=bi-],[class*=feather],[class*=line-icon],[class*=ti-]{
    display:inline-block
}
.form-control,.form-control.is-invalid,.was-validated .form-control:invalid{
    background-position:right 20px center!important
}
.form-control.is-invalid,.was-validated .form-control:invalid{
    border-color:#dc3545!important
}
.g-recaptcha.is-invalid iframe{
    border:1px solid #dc3545!important
}
.row{
    margin-right:-15px;
    margin-left:-15px
}
.row.g-0{
    margin-right:0;
    margin-left:0
}
.row.g-0>*{
    padding-right:0;
    padding-left:0
}
.row.gutter-very-small{
    margin-left:-5px;
    margin-right:-5px
}
.row.gutter-small,.shop-boxed{
    margin-left:-10px;
    margin-right:-10px
}
.row.gutter-very-small>*{
    padding-right:5px;
    padding-left:5px
}
.row.gutter-small>*{
    padding-right:10px;
    padding-left:10px
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-bottom:30px;
    letter-spacing:-.5px;
    font-weight:inherit
}
.h1,h1{
    font-size:4.375rem;
    line-height:4.375rem
}
.h2,h2{
    font-size:3.438rem;
    line-height:3.438rem
}
.fs-45,.h3,h3{
    font-size:2.813rem
}
.h3,h3{
    line-height:3.125rem
}
h4{
    font-size:2.375rem;
    line-height:2.7rem
}
h5{
    font-size:2rem;
    line-height:2.2rem
}
h6{
    font-size:1.75rem;
    line-height:1.95rem
}
.fs-24,.list-style-02 li i{
    line-height:32px
}
.font-style-italic{
    font-style:italic
}
.hover-text{
    display:none
}
b,strong{
    font-weight:700
}
.text-white-space-nowrap{
    white-space:nowrap
}
.text-white-space-normal{
    white-space:normal
}
.text-transform-none{
    text-transform:none!important
}
.text-uppercase-inherit{
    text-transform:inherit!important
}
.word-break-normal{
    word-break:normal
}
.vertical-align-top{
    vertical-align:top
}
.fs-0{
    font-size:0
}
.fs-9{
    font-size:9px
}
.fs-10{
    font-size:10px
}
.fs-11{
    font-size:11px
}
.fs-12{
    font-size:12px
}
.fs-13{
    font-size:13px
}
.fs-14{
    font-size:14px
}
.fs-15{
    font-size:15px
}
.fs-16{
    font-size:16px
}
.fs-17{
    font-size:17px
}
.fs-18{
    font-size:18px
}
.fs-19{
    font-size:19px
}
.fs-20{
    font-size:20px
}
.fs-22{
    font-size:22px
}
.fs-24{
    font-size:24px
}
.fs-26{
    font-size:26px;
    line-height:38px
}
.fs-28{
    font-size:1.75rem;
    line-height:2.6rem
}
.fs-30{
    font-size:1.875rem;
    line-height:2.8rem
}
.fs-32,.fs-40{
    line-height:2.5rem
}
.fs-32{
    font-size:2rem
}
.fs-40{
    font-size:2.5rem
}
.fs-45{
    line-height:3rem
}
.fs-50{
    font-size:3.125rem;
    line-height:3.25rem
}
.fs-55{
    font-size:3.438rem;
    line-height:3.5rem
}
.fs-60{
    font-size:3.75rem;
    line-height:3.75rem
}
.fs-65{
    font-size:4.063rem;
    line-height:4.688rem
}
.fs-70{
    font-size:4.375rem;
    line-height:4.375rem
}
.fs-75{
    font-size:4.668rem;
    line-height:4.668rem
}
.fs-80{
    font-size:5rem;
    line-height:5rem
}
.fs-85{
    font-size:5.313rem;
    line-height:5.313rem
}
.fs-90{
    font-size:5.625rem;
    line-height:5.625rem
}
.fs-95{
    font-size:5.938rem;
    line-height:5.938rem
}
.fs-100{
    font-size:6.25rem;
    line-height:6.25rem
}
.fs-110{
    font-size:6.875rem;
    line-height:6.875rem
}
.fs-120{
    font-size:7.5rem;
    line-height:7.5rem
}
.fs-130{
    font-size:8.125rem;
    line-height:8.125rem
}
.fs-140{
    font-size:8.75rem;
    line-height:8.75rem
}
.fs-150{
    font-size:9.375rem;
    line-height:9.375rem
}
.fs-160{
    font-size:10rem;
    line-height:10rem
}
.fs-170{
    font-size:10.625rem;
    line-height:10.625rem
}
.fs-180{
    font-size:11.25rem;
    line-height:11.25rem
}
.fs-190{
    font-size:11.875rem;
    line-height:11.875rem
}
.fs-200{
    font-size:12.5rem;
    line-height:12.5rem
}
.fs-225{
    font-size:14.063rem;
    line-height:14.063rem
}
.fs-250{
    font-size:15.625rem;
    line-height:15.625rem
}
.fs-275{
    font-size:17.188rem;
    line-height:17.188rem
}
.fs-300{
    font-size:18.75rem;
    line-height:18.75rem
}
.fs-350{
    font-size:21.875rem;
    line-height:21.875rem
}
.fs-400{
    font-size:25rem;
    line-height:25rem
}
.lh-0px{
    line-height:0
}
.lh-10{
    line-height:10px
}
.lh-11{
    line-height:11px
}
.lh-12{
    line-height:12px
}
.lh-13{
    line-height:13px
}
.lh-14{
    line-height:14px
}
.lh-15{
    line-height:15px
}
.lh-16{
    line-height:16px
}
.lh-18{
    line-height:18px
}
.lh-19{
    line-height:19px
}
.lh-20{
    line-height:20px
}
.lh-22{
    line-height:22px
}
.lh-24{
    line-height:24px
}
.lh-26{
    line-height:26px
}
.lh-28{
    line-height:28px
}
.lh-30{
    line-height:30px
}
.lh-32{
    line-height:2rem
}
.lh-34{
    line-height:2.125rem
}
.lh-36{
    line-height:2.25rem
}
.lh-38{
    line-height:2.375rem
}
.lh-40{
    line-height:2.5rem
}
.lh-42{
    line-height:2.625rem
}
.lh-44{
    line-height:2.75rem
}
.lh-46{
    line-height:2.875rem
}
.lh-48{
    line-height:3rem
}
.lh-50{
    line-height:3.125rem
}
.lh-55{
    line-height:3.438rem
}
.lh-60{
    line-height:3.75rem
}
.lh-65{
    line-height:4.063rem
}
.lh-70{
    line-height:4.375rem
}
.lh-75{
    line-height:4.688rem
}
.lh-80{
    line-height:5rem
}
.lh-85{
    line-height:5.313rem
}
.lh-90{
    line-height:5.625rem
}
.lh-95{
    line-height:5.938rem
}
.lh-100{
    line-height:6.25rem
}
.lh-105{
    line-height:6.563rem
}
.lh-110{
    line-height:6.875rem
}
.lh-115{
    line-height:7.188rem
}
.lh-120{
    line-height:7.5rem
}
.lh-0{
    line-height:0
}
.lh-normal{
    line-height:normal
}
.lh-initial{
    line-height:initial
}
.lh-inherit{
    line-height:inherit
}
.btn-link.text-white,.text-white,a.text-white-hover:hover{
    color:var(--white)
}
.text-base-color-hover:hover{
    color:var(--base-color)!important
}
.btn-link.text-base-color,.text-base-color{
    color:var(--base-color)
}
.btn-link.text-black,.text-black,a.text-black-hover:hover{
    color:var(--black)
}
.btn-link.text-dark-gray,.text-dark-gray,a.text-dark-gray-hover:hover{
    color:var(--dark-gray)
}
.btn-link.text-medium-gray,.text-medium-gray,a.text-medium-gray-hover:hover{
    color:var(--medium-gray)
}
.btn-link.text-extra-medium-gray,.text-extra-medium-gray,a.text-extra-medium-gray-hover:hover{
    color:var(--extra-medium-gray)
}
.btn-link.text-light-medium-gray,.text-light-medium-gray,a.text-light-medium-gray:hover{
    color:var(--light-medium-gray)
}
.btn-link.text-light-gray,.text-light-gray,a.text-light-gray-hover:hover{
    color:var(--light-gray)
}
.btn-link.text-very-light-gray,.text-very-light-gray,a.text-very-light-gray-hover:hover{
    color:var(--very-light-gray)
}
.btn-link.text-red,.text-red,a.text-red-hover:hover{
    color:var(--red)
}
.btn-link.text-green,.text-green,a.text-green-hover:hover{
    color:var(--green)
}
.btn-link.text-yellow,.text-yellow,a.text-yellow-hover:hover{
    color:var(--yellow)
}
.btn-link.text-golden-yellow,.text-golden-yellow,a.text-golden-yellow-hover:hover{
    color:var(--golden-yellow)
}
.btn-link.text-tussock-yellow,.text-tussock-yellow,a.text-tussock-yellow-hover:hover{
    color:var(--tussock-yellow)
}
.btn-link.text-cornflower-blue,.text-cornflower-blue,a.text-cornflower-blue-hover:hover{
    color:var(--cornflower-blue)
}
.btn-link.text-jade,.text-jade,a.text-jade-hover:hover{
    color:var(--jade)
}
.text-majorelle-blue{
    color:var(--majorelle-blue)
}
.text-orange{
    color:var(--orange)
}
.text-crusoe-green{
    color:var(--crusoe-green)
}
.text-tropical-blue{
    color:var(--tropical-blue)
}
.text-camarone{
    color:var(--camarone)
}
.text-seal-brown{
    color:var(--seal-brown)
}
.text-Wasabi{
    color:var(--Wasabi)
}
.text-gradient-blue-magenta-orange,.text-gradient-fast-blue-purple,.text-gradient-fast-blue-purple-light-orange,.text-gradient-fast-pink-light-yellow,.text-gradient-light-blue-light-turquoise,.text-gradient-light-gray-white,.text-gradient-light-pink-light-orange,.text-gradient-light-pink-light-purple,.text-gradient-light-purple-light-orange,.text-gradient-pink-orange,.text-gradient-purple-pink,.text-gradient-sky-blue-pink{
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.text-gradient-light-pink-light-orange{
    background-image:linear-gradient(to right,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0)
}
.text-gradient-purple-pink{
    background-image:linear-gradient(to right,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e)
}
.text-gradient-fast-pink-light-yellow{
    background-image:linear-gradient(to right,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83)
}
.text-gradient-pink-orange{
    background-image:linear-gradient(to right,#de347f,#e73a70,#ed4461,#f05152,#ef5f43)
}
.text-gradient-fast-blue-purple{
    background-image:linear-gradient(to right,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff)
}
.text-gradient-light-pink-light-purple{
    background-image:linear-gradient(to right,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8)
}
.text-gradient-fast-blue-purple-light-orange{
    background-image:linear-gradient(to right top,#183fb9,#4f41df,#ae2eb9,#ef3f59,#e9522d)
}
.text-gradient-light-blue-light-turquoise{
    background-image:linear-gradient(to right,#18cdbb,#22d2ae,#3cd69d,#57da89,#73dc73)
}
.text-gradient-sky-blue-pink{
    background-image:linear-gradient(to right,#556fff,#556fff,#e05fc4,#f767a6,#ff798e)
}
.text-gradient-light-purple-light-orange{
    background-image:linear-gradient(to right,#b783ff,#b783ff,#fa7cc1,#ff85a6,#ff9393)
}
.text-gradient-light-gray-white{
    background-image:linear-gradient(to bottom,#efefef,#efefef,#f7f7f7,#fdfdfc,#fff)
}
.text-gradient-blue-magenta-orange{
    background-image:linear-gradient(to right,#002fff,#ab00ff,#ff137d,#ff562f,#ee8502)
}
.text-shadow-extra-large{
    text-shadow:0 0 60px rgba(0,0,0,.9)
}
.text-shadow-double-large{
    text-shadow:0 0 100px rgba(0,0,0,.9)
}
.text-decoration-line-bottom{
    border-bottom:1px solid
}
.text-decoration-line-bottom-medium{
    border-bottom:2px solid
}
.text-decoration-line-bottom-thick{
    border-bottom:3px solid
}
.text-decoration-line-through{
    text-decoration:line-through
}
.text-outline{
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke-color:var(--white)
}
.text-outline-width-2px{
    -webkit-text-stroke-width:2px
}
.text-outline-width-3px{
    -webkit-text-stroke-width:3px
}
.text-outline-width-4px{
    -webkit-text-stroke-width:4px
}
.text-outline-width-5px{
    -webkit-text-stroke-width:5px
}
.text-outline-color-black{
    -webkit-text-stroke-color:var(--black)
}
.text-outline-color-base-color{
    -webkit-text-stroke-color:var(--base-color)
}
.text-outline-color-red{
    -webkit-text-stroke-color:var(--red)
}
.text-outline-color-dark-gray{
    -webkit-text-stroke-color:var(--dark-gray)
}
.text-outline-color-medium-gray{
    -webkit-text-stroke-color:var(--medium-gray)
}
.text-outline-color-extra-medium-gray{
    -webkit-text-stroke-color:var(--extra-medium-gray)
}
.ls-0px{
    letter-spacing:0!important
}
.ls-05px{
    letter-spacing:.5px!important
}
.ls-1px{
    letter-spacing:1px!important
}
.ls-2px{
    letter-spacing:2px!important
}
.ls-3px{
    letter-spacing:3px!important
}
.ls-4px{
    letter-spacing:4px!important
}
.ls-5px{
    letter-spacing:5px!important
}
.ls-6px{
    letter-spacing:6px!important
}
.ls-7px{
    letter-spacing:7px!important
}
.ls-8px{
    letter-spacing:8px!important
}
.ls-9px{
    letter-spacing:9px!important
}
.ls-10px{
    letter-spacing:10px!important
}
.ls-minus-05px{
    letter-spacing:-.5px!important
}
.ls-minus-1px{
    letter-spacing:-1px!important
}
.ls-minus-2px{
    letter-spacing:-2px!important
}
.ls-minus-3px{
    letter-spacing:-3px!important
}
.ls-minus-4px{
    letter-spacing:-4px!important
}
.ls-minus-5px{
    letter-spacing:-5px!important
}
.ls-minus-6px{
    letter-spacing:-6px!important
}
.ls-minus-7px{
    letter-spacing:-7px!important
}
.ls-minus-8px{
    letter-spacing:-8px!important
}
.ls-minus-9px{
    letter-spacing:-9px!important
}
.ls-minus-10px{
    letter-spacing:-10px!important
}
.icon-extra-double-large{
    font-size:80px
}
.icon-double-large{
    font-size:60px
}
.icon-extra-large{
    font-size:50px
}
.icon-large{
    font-size:42px
}
.icon-medium{
    font-size:34px
}
.icon-very-medium{
    font-size:28px
}
.icon-extra-medium{
    font-size:24px
}
.icon-small{
    font-size:18px
}
.icon-very-small{
    font-size:14px
}
.separator-line-1px{
    height:1px
}
.separator-line-2px{
    height:2px
}
.separator-line-3px{
    height:3px
}
.separator-line-4px{
    height:4px
}
.separator-line-5px{
    height:5px
}
.separator-line-vertical{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.separator-line-small{
    width:35px;
    height:1px;
    display:inline-block;
    margin-right:7px
}
.separator-line-extra-small{
    width:18px;
    height:1px;
    display:inline-block;
    margin-right:8px;
    vertical-align:middle
}
.separator-line-very-small{
    width:12px;
    height:1px;
    display:inline-block;
    margin-right:9px;
    vertical-align:middle
}
.opacity-extra-medium,.opacity-full,.opacity-full-dark,.opacity-light,.opacity-medium,.opacity-very-light{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0
}
.opacity-very-light{
    opacity:.2
}
.opacity-light{
    opacity:.3
}
.opacity-extra-medium{
    opacity:.5
}
.opacity-medium{
    opacity:.75
}
.opacity-full{
    opacity:.8
}
.opacity-full-dark{
    opacity:.9
}
.position-inherit{
    position:inherit!important
}
.position-initial{
    position:initial!important
}
.absolute-middle-center{
    left:50%;
    top:50%;
    position:absolute;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.absolute-middle-left{
    left:0;
    top:50%;
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.absolute-middle-right{
    right:0;
    top:50%;
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.absolute-top-center{
    left:50%;
    top:0;
    position:absolute;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.absolute-bottom-center{
    left:50%;
    bottom:0;
    position:absolute;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.absolute-bottom-left{
    left:0;
    bottom:0;
    position:absolute
}
.absolute-bottom-right{
    right:0;
    bottom:0;
    position:absolute
}
.vertical-title-center{
    display:flex;
    height:100%
}
.vertical-title-center .title{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    writing-mode:vertical-lr
}
.skrollr-parallax{
    position:relative!important;
    background-size:cover!important;
    background-attachment:fixed!important;
    transition-timing-function:none;
    -webkit-transition-timing-function:none;
    transition-duration:0s;
    -webkit-transition-duration:0s
}
.sticky-wrap,.sticky-wrap-right{
    position:fixed;
    top:50%;
    z-index:1
}
.skrollr-zoom{
    transition:none!important
}
.blur-box{
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(3px)
}
.transform-origin-right{
    transform-origin:right
}
.transform-origin-left{
    transform-origin:left
}
.btn.btn-none-transform,.btn.btn-none-transform:hover{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.transition,.transition-inner-all *{
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1)
}
.no-transition{
    -webkit-transition:0s;
    transition:0s
}
.pointer-events-none{
    pointer-events:none
}
.pointer-events-all{
    pointer-events:all
}
.sticky-wrap{
    left:0;
    opacity:0;
    -webkit-transform:rotate(-90deg) translate(-50%,50%);
    transform:rotate(-90deg) translate(-50%,50%);
    transform-origin:0 50%;
    transition:1s cubic-bezier(.7,0,.3,1)!important
}
.sticky-wrap.shadow-in{
    left:50px;
    opacity:1;
    box-shadow:none!important
}
.sticky-wrap.sticky-hidden{
    left:0;
    opacity:0
}
.sticky-wrap .social-icon-style-10 ul li a:hover,.sticky-wrap a,.sticky-wrap a:hover,.sticky-wrap div,.sticky-wrap p,.sticky-wrap span{
    color:var(--dark-gray)!important
}
.sticky-wrap.sticky-highlight .social-icon-style-10 ul li a:hover,.sticky-wrap.sticky-highlight a,.sticky-wrap.sticky-highlight a:hover,.sticky-wrap.sticky-highlight div,.sticky-wrap.sticky-highlight p,.sticky-wrap.sticky-highlight span{
    color:var(--white)!important
}
.sticky-wrap.sticky-highlight .separator-line-1px{
    background-color:var(--white)!important
}
.sticky-wrap-right{
    right:110px;
    -webkit-transform:rotate(-90deg) translate(50%,100%);
    transform:rotate(-90deg) translate(50%,100%);
    transform-origin:100% 0
}
.overlap-section,.select{
    position:relative
}
.overflow-visible{
    overflow:visible!important
}
.overflow-x-hidden{
    overflow-x:hidden!important
}
.overflow-y-hidden{
    overflow-y:hidden!important
}
.overlap-height{
    transition:.3s height
}
.outside-box-top-15{
    margin-top:-15vw
}
.outside-box-top-18{
    margin-top:-18vw
}
.outside-box-left-1{
    margin-left:-1vw
}
.outside-box-left-2{
    margin-left:-2vw
}
.outside-box-left-5{
    margin-left:-5vw
}
.outside-box-left-7{
    margin-left:-7vw
}
.outside-box-left-8{
    margin-left:-8vw
}
.outside-box-left-10{
    margin-left:-10vw
}
.outside-box-left-15{
    margin-left:-15vw
}
.outside-box-left-20{
    margin-left:-20vw
}
.outside-box-left-25{
    margin-left:-25vw
}
.outside-box-left-30{
    margin-left:-30vw
}
.outside-box-left-35{
    margin-left:-35vw
}
.outside-box-left-40{
    margin-left:-40vw
}
.outside-box-left-50{
    margin-left:-50vw
}
.outside-box-left-60{
    margin-left:-60vw
}
.outside-box-left-65{
    margin-left:-65vw
}
.outside-box-right-1{
    margin-right:-1vw
}
.outside-box-right-2{
    margin-right:-2vw
}
.outside-box-right-5{
    margin-right:-5vw
}
.outside-box-right-7{
    margin-right:-7vw
}
.outside-box-right-10{
    margin-right:-10vw
}
.outside-box-right-15{
    margin-right:-15vw
}
.outside-box-right-20{
    margin-right:-20vw
}
.outside-box-right-25{
    margin-right:-25vw
}
.outside-box-right-30{
    margin-right:-30vw
}
.outside-box-right-35{
    margin-right:-35vw
}
.outside-box-right-40{
    margin-right:-40vw
}
.outside-box-right-45{
    margin-right:-45vw
}
.outside-box-right-50{
    margin-right:-50vw
}
.outside-box-right-60{
    margin-right:-60vw
}
.outside-box-right-65{
    margin-right:-65vw
}
.filter-mix-100{
    filter:grayscale(100%) invert(100%)
}
.filter-grayscale-100,.show-search-popup>section{
    filter:grayscale(100%)
}
.box-shadow,.box-shadow-hover:hover{
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.08);
    box-shadow:0 0 10px rgba(0,0,0,.08);
    -webkit-transition:350ms ease-in-out;
    transition:350ms ease-in-out
}
.box-shadow-small,.box-shadow-small-hover:hover{
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.08);
    box-shadow:0 0 15px rgba(0,0,0,.08);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-medium,.box-shadow-medium-hover:hover{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.08);
    box-shadow:0 0 20px rgba(0,0,0,.08);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-medium-bottom,.box-shadow-medium-bottom-hover:hover{
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,.08);
    box-shadow:0 10px 20px rgba(0,0,0,.08);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-large,.box-shadow-large-hover:hover{
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.08);
    box-shadow:0 0 25px rgba(0,0,0,.08);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-extra-large,.box-shadow-extra-large-hover:hover{
    -webkit-box-shadow:0 0 30px rgba(0,0,0,.08);
    box-shadow:0 0 30px rgba(0,0,0,.08);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-double-large,.box-shadow-double-large-hover:hover{
    -webkit-box-shadow:0 0 45px rgba(0,0,0,.09);
    box-shadow:0 0 45px rgba(0,0,0,.09);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-triple-large,.box-shadow-triple-large-hover:hover{
    -webkit-box-shadow:0 0 60px rgba(0,0,0,.2);
    box-shadow:0 0 60px rgba(0,0,0,.2);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-quadruple-large,.box-shadow-quadruple-large-hover:hover{
    -webkit-box-shadow:0 20px 60px rgba(0,0,0,.08);
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.box-shadow-double-large-hover:hover,.box-shadow-extra-large-hover:hover,.box-shadow-hover:hover,.box-shadow-large-hover:hover,.box-shadow-medium-hover:hover,.box-shadow-quadruple-large-hover:hover,.box-shadow-small-hover:hover{
    -webkit-transform:translate3d(0,-3px,0);
    transform:translate3d(0,-3px,0)
}
.box-shadow-bottom{
    -webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,.05);
    box-shadow:0 10px 15px 0 rgba(0,0,0,.05)
}
.form-control,.form-select,input,select,textarea{
    padding:12px 25px;
    width:100%;
    max-width:100%;
    resize:none;
    outline:0;
    font-size:16px;
    border:1px solid #e4e4e4;
    color:var(--medium-gray);
    line-height:inherit;
    word-break:normal;
    -webkit-transition:.3s;
    transition:.3s
}
.form-select{
    color:var(--medium-gray)
}
.form-select:focus{
    border-color:#dfdfdf
}
.form-control:focus,input:focus,select:focus,textarea:focus{
    border:1px solid #c2c2c2;
    box-shadow:none!important;
    color:var(--medium-gray)
}
::-webkit-input-placeholder{
    color:var(--medium-gray)!important;
    text-overflow:ellipsis
}
::-moz-placeholder{
    color:var(--medium-gray)!important;
    text-overflow:ellipsis;
    opacity:1
}
:-ms-input-placeholder{
    color:var(--medium-gray)!important;
    text-overflow:ellipsis;
    opacity:1
}
.placeholder-light::-webkit-input-placeholder{
    color:var(--white)!important;
    text-overflow:ellipsis
}
.placeholder-light::-moz-placeholder{
    color:var(--white)!important;
    text-overflow:ellipsis;
    opacity:1
}
.placeholder-light:-ms-input-placeholder{
    color:var(--white)!important;
    text-overflow:ellipsis;
    opacity:1
}
.search-error{
    border-color:var(--red)!important
}
.select:after{
    content:"\e842";
    font-family:feather!important;
    right:20px;
    top:50%;
    height:34px;
    position:absolute;
    pointer-events:none;
    font-size:22px;
    margin-top:-15px
}
.date-icon:after,.time-icon:after{
    right:28px;
    top:50%;
    height:34px;
    margin-top:-15px;
    font-family:feather!important;
    font-size:22px;
    pointer-events:none
}
.date-icon,.date-time{
    position:relative
}
.date-icon input[type=date]::-webkit-calendar-picker-indicator,.date-icon input[type=date]::-webkit-inner-spin-button{
    -webkit-appearance:none;
    opacity:0;
    -moz-appearance:none;
    appearance:none
}
.date-icon:after{
    content:"\e83a";
    position:absolute
}
.date-icon input[type=date]::-webkit-date-and-time-value{
    text-align:left!important
}
@-moz-document url-prefix(){
    .date-icon:after{
        display:none
    }
}
.time-icon{
    position:relative
}
.time-icon input[type=time]::-webkit-calendar-picker-indicator,.time-icon input[type=time]::-webkit-inner-spin-button{
    -webkit-appearance:none;
    opacity:0;
    -moz-appearance:none;
    appearance:none
}
.time-icon:after{
    content:"\e84d";
    position:absolute
}
.input-small,.select-small,.textarea-small{
    padding:7px 15px;
    font-size:12px
}
.input-medium,.select-medium,.textarea-medium{
    padding:14px 28px
}
.input-large{
    padding:16px 32px
}
.form-control.is-invalid:focus{
    box-shadow:none
}
.box-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s cubic-bezier(.5,1,.89,1);
    transition:all .4s cubic-bezier(.5,1,.89,1)
}
.hover-box{
    z-index:1
}
.hover-box *{
    -webkit-transition:all .5s cubic-bezier(.5,1,.89,1);
    transition:all .5s cubic-bezier(.5,1,.89,1);
    will-change:transform
}
.hover-box:hover .box-overlay{
    opacity:1;
    visibility:visible
}
.hover-box.dark-hover .border-dark-opacity{
    border-color:rgba(35,35,35,.15)!important
}
.hover-box.dark-hover:hover .btn,.hover-box.dark-hover:hover a,.hover-box.dark-hover:hover b,.hover-box.dark-hover:hover h1,.hover-box.dark-hover:hover h2,.hover-box.dark-hover:hover h3,.hover-box.dark-hover:hover h4,.hover-box.dark-hover:hover h5,.hover-box.dark-hover:hover h6,.hover-box.dark-hover:hover i,.hover-box.dark-hover:hover p,.hover-box.dark-hover:hover span,.hover-box.dark-hover:hover u{
    color:var(--white)!important;
    -webkit-text-stroke-color:var(--white)
}
.hover-box.dark-hover:hover [class*=separator-line]{
    background-color:var(--white)
}
.hover-box.dark-hover:hover [class*=btn-link-gradient] span{
    background:var(--white);
    background-image:none
}
.hover-box.dark-hover:hover [class*=btn-transparent]{
    background-color:var(--white);
    border-color:var(--white);
    color:var(--dark-gray)!important
}
.hover-box.dark-hover:hover .text-light-opacity{
    opacity:.7
}
.hover-box.dark-hover:hover .text-medium-opacity{
    opacity:.5
}
.hover-box.dark-hover:hover .content-slide-up .text-light-opacity,.hover-box.light-hover:hover .text-light-opacity{
    opacity:.7
}
.hover-box.dark-hover:hover .border-dark-opacity{
    border-color:rgba(255,255,255,.3)!important
}
.hover-box.dark-hover:hover .btn-link{
    border-color:var(--white)
}
.hover-box.dark-hover:hover [class*=text-gradient-]{
    color:var(--white);
    background-image:none;
    -webkit-background-clip:inherit;
    -webkit-text-fill-color:var(--white)
}
.hover-box.light-hover .border-light-opacity{
    border-color:rgba(255,255,255,.25)!important
}
.hover-box.light-hover:hover .btn,.hover-box.light-hover:hover a,.hover-box.light-hover:hover b,.hover-box.light-hover:hover h1,.hover-box.light-hover:hover h2,.hover-box.light-hover:hover h3,.hover-box.light-hover:hover h4,.hover-box.light-hover:hover h5,.hover-box.light-hover:hover h6,.hover-box.light-hover:hover i,.hover-box.light-hover:hover p,.hover-box.light-hover:hover span,.hover-box.light-hover:hover u{
    color:var(--dark-gray)!important
}
.hover-box.light-hover:hover .text-medium-opacity{
    opacity:.5
}
.hover-box.light-hover:hover .border-light-opacity{
    border-color:rgba(35,35,35,.15)!important
}
.hover-box.light-hover:hover .content-slide-up .text-light-opacity{
    opacity:.7
}
.hover-box.light-hover:hover .btn-link{
    border-color:var(--dark-gray)
}
.hover-box.light-hover:hover [class*=separator-line]{
    background-color:var(--dark-gray)
}
.hover-box.light-hover:hover [class*=text-gradient-]{
    color:var(--dark-gray);
    background-image:none;
    -webkit-background-clip:var(--dark-gray);
    -webkit-text-fill-color:var(--dark-gray)
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{
    bottom:45px;
    left:50%;
    width:auto;
    cursor:default;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.swiper-horizontal>.swiper-pagination-bullets-right,.swiper-vertical>.swiper-pagination-bullets-right{
    bottom:auto;
    top:50%;
    right:60px;
    left:auto;
    width:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    text-align:right
}
.swiper-horizontal>.swiper-pagination-bullets-right .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets-right .swiper-pagination-bullet{
    display:block;
    margin:25px 0!important
}
.swiper-dark-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    margin:0 15px!important;
    opacity:1;
    background-color:var(--light-gray);
    -webkit-transition:.3s;
    transition:.3s;
    outline:0
}
.swiper-dark-pagination .swiper-pagination-bullet:before{
    content:"";
    width:30px;
    height:30px;
    border:1px solid var(--dark-gray);
    background:0 0;
    display:inline-block;
    border-radius:50%;
    position:relative;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:.3s;
    transition:.3s;
    opacity:0
}
.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-dark-pagination .swiper-pagination-bullet:hover{
    background-color:var(--dark-gray)
}
.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,.swiper-dark-pagination .swiper-pagination-bullet:hover:before{
    opacity:1
}
.swiper-light-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    margin:0 15px!important;
    display:inline-block;
    vertical-align:middle;
    background-color:var(--white);
    -webkit-transition:.3s;
    transition:.3s;
    outline:0;
    opacity:.5
}
.swiper-light-pagination .swiper-pagination-bullet:before{
    content:"";
    width:30px;
    height:30px;
    border:2px solid rgba(255,255,255,.2);
    background:0 0;
    display:inline-block;
    border-radius:50%;
    position:relative;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:.3s;
    transition:.3s;
    opacity:0
}
.swiper-pagination-style-2 .swiper-pagination-bullet:before,.swiper-pagination-style-3 .swiper-pagination-bullet:before{
    display:none
}
.swiper-light-pagination .swiper-pagination-bullet:hover{
    background-color:var(--white);
    opacity:1
}
.swiper-light-pagination .swiper-pagination-bullet:hover:before{
    opacity:1
}
.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--white);
    opacity:1
}
.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    opacity:1
}
.swiper-pagination-style-2 .swiper-pagination-bullet{
    width:8px;
    height:8px;
    margin:0 6px!important
}
.swiper-pagination-style-3 .swiper-pagination-bullet{
    width:14px;
    height:14px;
    background:0 0;
    opacity:.4;
    margin:0 7px!important;
    border:2px solid var(--white)
}
.swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-3 .swiper-pagination-bullet:hover{
    background-color:var(--white);
    opacity:1;
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.swiper-pagination-style-3.dark .swiper-pagination-bullet{
    border:2px solid var(--dark-gray)
}
.swiper-pagination-style-3.dark .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--dark-gray)
}
.swiper-pagination-style-4 .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:var(--white);
    opacity:1;
    position:relative;
    margin:0 25px!important;
    border:0
}
.swiper-pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-4 .swiper-pagination-bullet:hover{
    background-color:var(--base-color);
    opacity:1;
    border:0
}
.navbar-toggler-line,.swiper-pagination-style-4.dark .swiper-pagination-bullet{
    background:var(--dark-gray)
}
.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-progress .swiper-progress,.swiper-pagination-style-4.dark .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination-style-4.dark .swiper-pagination-bullet:hover{
    background-color:var(--base-color)
}
.slider-custom-image .slider-custom-image-pagination{
    display:flex;
    align-items:center;
    bottom:0
}
.slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet{
    outline:0;
    opacity:.8;
    width:100px;
    height:100px;
    margin:0 15px!important;
    background-size:cover;
    -webkit-transition:.3s;
    transition:.3s;
    -webkit-filter:grayscale(1);
    filter:grayscale(1)
}
.slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:1
}
.slider-custom-image .slider-custom-image-pagination.slider-custom-image-pagination-top{
    top:0;
    bottom:auto
}
.swiper-number-pagination-style-01 .swiper-number{
    text-align:left;
    bottom:70px
}
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet{
    position:relative;
    padding-right:10px;
    padding-left:8px;
    margin:0;
    color:var(--white);
    opacity:.7;
    width:auto;
    -webkit-transition:.5s;
    transition:.5s;
    height:auto;
    background:0 0;
    border-radius:0;
    outline:0
}
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1
}
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
    width:70px
}
.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after{
    width:0;
    height:1px;
    content:"";
    margin-left:15px;
    display:inline-block;
    background:var(--white);
    vertical-align:middle;
    -webkit-transition:.5s;
    transition:.5s
}
.swiper-number-pagination-style-02 .swiper-number{
    width:auto;
    left:inherit;
    right:60px;
    padding:0
}
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet{
    position:relative;
    font-family:var(--alt-font);
    font-size:15px;
    display:block;
    color:var(--white);
    margin:10px 0!important;
    opacity:.7;
    width:56px;
    -webkit-transition:.4s;
    transition:.4s;
    height:56px;
    background:0 0;
    border-radius:100%;
    text-align:center;
    line-height:56px;
    outline:0
}
.magic-drag-cursor #ball-cursor:after,.magic-round-cursor #ball-cursor:after,.magic-round-cursor #ball-cursor:before,.magic-view-cursor #ball-cursor:after,.swiper-h-pagination:after,.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet:before{
    display:none
}
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1
}
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:.4s;
    transition:.4s;
    background:rgba(0,0,0,.45);
    z-index:-1
}
.slider-navigation-style-01:hover,.swiper-button-next:hover,.swiper-button-prev:hover{
    opacity:.8
}
.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet:before{
    width:56px;
    height:56px;
    border-radius:100%;
    content:"";
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:scale(.7);
    transform:scale(.7)
}
.swiper-line-pagination-style-01 .swiper-line-pagination{
    text-align:center;
    bottom:0;
    width:100%;
    left:0
}
.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet{
    width:100px;
    height:2px;
    margin:0!important;
    border-radius:0
}
.swiper-number-pagination-progress .swiper-pagination-wrapper .number-next,.swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev{
    width:50px;
    text-align:center
}
.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination{
    position:inherit;
    width:auto
}
.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet{
    width:60px;
    height:1px;
    vertical-align:middle;
    margin:0;
    background-color:var(--medium-gray)
}
.swiper-number-navigation-style .swiper-button-next,.swiper-number-navigation-style .swiper-button-prev{
    top:inherit;
    bottom:0;
    position:inherit;
    display:inline-block;
    vertical-align:middle;
    transform:none;
    width:auto;
    height:auto
}
.swiper-number-navigation-style .swiper-button-next .number-next,.swiper-number-navigation-style .swiper-button-next .number-prev,.swiper-number-navigation-style .swiper-button-next i,.swiper-number-navigation-style .swiper-button-prev .number-next,.swiper-number-navigation-style .swiper-button-prev .number-prev,.swiper-number-navigation-style .swiper-button-prev i{
    display:inline-block;
    vertical-align:middle
}
.swiper-number-navigation-style .swiper-button-next .number-next,.swiper-number-navigation-style .swiper-button-next .number-prev,.swiper-number-navigation-style .swiper-button-prev .number-next,.swiper-number-navigation-style .swiper-button-prev .number-prev{
    width:50px;
    text-align:center
}
.swiper-pagination-progress{
    width:220px;
    height:1px;
    position:relative
}
.swiper-pagination-progress .swiper-progress{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:var(--swiper-progress,0);
    -webkit-transition:.4s;
    transition:.4s
}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper{
    position:absolute;
    right:40px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:99
}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress{
    position:absolute;
    top:0;
    left:0;
    width:2px;
    height:var(--swiper-progress,0);
    background-color:var(--dark-gray);
    -webkit-transition:.4s;
    transition:.4s
}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical{
    transform:rotate(180deg);
    writing-mode:vertical-lr
}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-pagination-progress{
    width:2px;
    height:100px;
    background-color:var(--extra-medium-gray)
}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next{
    margin-top:15px;
    width:auto
}
.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev{
    margin-bottom:15px;
    width:auto
}
.swiper-pagination-bottom .swiper-button-next,.swiper-pagination-bottom .swiper-button-prev{
    top:inherit;
    bottom:0
}
.swiper-button-next,.swiper-button-prev{
    outline:0;
    cursor:pointer;
    height:45px;
    width:45px;
    margin-top:0;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.3s;
    transition:.3s
}
.swiper-button-next{
    left:inherit
}
.slider-navigation-style-01{
    position:absolute;
    top:50%;
    left:65px;
    -webkit-border-radius:100%;
    border-radius:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.3s;
    transition:.3s
}
.slider-navigation-style-01.swiper-button-next{
    right:65px;
    left:inherit
}
.slider-navigation-style-04:hover i,.swiper-button-next.slider-custom-text-next:hover,.swiper-button-next.slider-custom-text-prev:hover,.swiper-button-prev.slider-custom-text-next:hover,.swiper-button-prev.slider-custom-text-prev:hover{
    opacity:.5
}
.slider-navigation-style-02{
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:99
}
.slider-navigation-style-02.swiper-button-next{
    right:0;
    left:auto
}
.slider-navigation-style-03{
    position:absolute;
    top:50%;
    left:-60px;
    width:40px;
    height:40px;
    background:var(--white);
    -webkit-border-radius:100%;
    border-radius:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:.3s;
    transition:.3s
}
.slider-navigation-style-03.swiper-button-next{
    right:-60px;
    left:inherit
}
.slider-navigation-style-03:hover{
    -webkit-box-shadow:0 0 20px rgba(35,35,35,.1);
    box-shadow:0 0 20px rgba(35,35,35,.1)
}
.slider-navigation-style-04{
    height:56px;
    width:56px;
    border-radius:100%;
    position:relative;
    bottom:inherit;
    left:0;
    top:inherit;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:.3s;
    transition:.3s
}
.slider-navigation-style-04 i{
    -webkit-transition:.3s;
    transition:.3s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.slider-navigation-style-04.swiper-button-prev{
    margin-right:5px
}
.slider-navigation-style-04.swiper-button-next{
    margin-left:5px
}
.slider-navigation-style-05{
    left:-30%
}
.slider-navigation-style-05.swiper-button-next{
    right:-30%;
    left:inherit
}
.slider-navigation-style-06{
    width:auto;
    height:auto;
    left:60px
}
.slider-navigation-style-06.swiper-button-next{
    right:60px;
    left:inherit
}
.slider-navigation-style-07{
    left:50%;
    bottom:0;
    top:inherit;
    width:75px;
    height:75px;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.slider-navigation-style-07.swiper-button-next{
    bottom:1px;
    -webkit-transform:translate(-100%,-100%);
    transform:translate(-100%,-100%)
}
.slider-navigation-style-08{
    width:auto;
    height:auto;
    position:relative;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    left:0
}
.slider-navigation-style-08.swiper-button-next{
    right:0;
    left:inherit
}
.slider-custom-verticle-text>span{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.swiper-button-next.slider-custom-text-next,.swiper-button-next.slider-custom-text-prev,.swiper-button-prev.slider-custom-text-next,.swiper-button-prev.slider-custom-text-prev{
    width:auto;
    height:auto;
    min-height:125px;
    -webkit-transition:.3s;
    transition:.3s;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.swiper-button-prev.slider-custom-text-prev{
    border-right:1px solid var(--extra-medium-gray);
    padding-right:50px
}
.swiper-button-next.slider-custom-text-next{
    border-left:1px solid var(--extra-medium-gray);
    padding-left:50px
}
.swiper-width-auto .swiper-slide{
    width:auto
}
.slider-shadow-right{
    mask-image:linear-gradient(to right,transparent 0,#000 0,#000 50%,transparent 80%);
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 0,#000 50%,transparent 80%)
}
.slider-shadow-left{
    mask-image:linear-gradient(to right,transparent 50%,#000 80%,#000 0,transparent 0);
    -webkit-mask-image:linear-gradient(to right,transparent 50%,#000 80%,#000 0,transparent 0)
}
.slider-shadow-left-right{
    mask-image:linear-gradient(to right,transparent 18%,#000 22%,#000 78%,transparent 82%);
    -webkit-mask-image:linear-gradient(to right,transparent 18%,#000 22%,#000 78%,transparent 82%)
}
.slider-shadow-none .swiper{
    mask-image:none!important;
    -webkit-mask-image:none!important
}
.highlight-separator{
    position:relative;
    padding-bottom:20px
}
.highlight-separator[data-shadow-animation]{
    box-shadow:none!important;
    display:inline-block
}
.highlight-separator[data-shadow-animation] span{
    clip-path:inset(0 100% 0 0);
    float:left;
    width:100%;
    height:20px;
    transition:clip-path 1s;
    transition-timing-function:cubic-bezier(.4,.6,.4,1);
    position:absolute;
    left:0;
    bottom:0
}
.highlight-separator[data-shadow-animation] span img{
    position:absolute;
    left:0;
    bottom:0;
    transition:none;
    width:100%;
    height:14px
}
.highlight-separator.shadow-in[data-shadow-animation] span{
    clip-path:inset(0 0 0 0)
}
.full-screen{
    height:100vh
}
.full-screen.top-space-margin{
    height:calc(100vh - 96px)
}
@-webkit-keyframes video-icon-sonar{
    0%{
        opacity:1;
        -webkit-transform:scale(.1);
        transform:scale(.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes video-icon-sonar{
    0%{
        opacity:1;
        -webkit-transform:scale(.1);
        transform:scale(.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
.video-icon-box{
    z-index:1
}
.video-icon-box>span{
    display:-webkit-inline-box;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row wrap;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.feature-box,.video-icon{
    -webkit-box-align:center
}
.html-video-play .video-icon .pause-icon,.html-video-play .video-icon .play-icon{
    position:absolute;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:1;
    top:50%;
    padding-left:5px;
    visibility:visible;
    -webkit-transition:all .4s linear;
    transition:all .4s linear
}
.html-video-play .video-icon .pause-icon{
    top:100%;
    padding-left:0;
    opacity:0
}
.html-video-play[playing=true] .video-icon .pause-icon{
    top:50%;
    opacity:1
}
.html-video-play[playing=true] .video-icon .play-icon{
    top:0;
    opacity:0
}
.video-play-icon{
    z-index:1!important
}
.video-play-icon.remove-play-icon+.html-video-play{
    opacity:0!important
}
.video-play-icon.remove-play-icon+.html-video-play:hover,.video-play-icon.remove-play-icon:hover+.html-video-play{
    opacity:1!important
}
.video-icon{
    position:relative;
    display:-webkit-inline-box;
    display:inline-flex;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    border-radius:50%
}
.video-icon i{
    margin-left:5px
}
.video-icon .video-icon-sonar{
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    top:0;
    left:0;
    z-index:-10;
    -webkit-animation:video-icon-sonar 2s linear infinite;
    animation:video-icon-sonar 2s linear infinite
}
.animation-rotation,.page-loader::after{
    -webkit-animation:rotation 8s infinite linear
}
.video-icon .video-icon-sonar .video-icon-sonar-bfr{
    content:"";
    position:absolute;
    border-radius:50%;
    top:-25px;
    left:-25px;
    z-index:-100
}
.video-icon .video-icon-sonar .video-icon-sonar-afr{
    content:"";
    position:absolute;
    border-radius:50%;
    top:-10px;
    left:-10px;
    z-index:-50
}
.video-icon-small .video-icon{
    width:40px;
    height:40px;
    font-size:11px
}
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr{
    top:-15px;
    left:-15px;
    width:70px;
    height:70px
}
.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr{
    top:0;
    left:0;
    width:40px;
    height:40px
}
.video-icon-medium .video-icon{
    width:50px;
    height:50px;
    font-size:14px
}
.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr{
    width:100px;
    height:100px
}
.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr{
    width:70px;
    height:70px
}
.video-icon-large.video-icon-box .video-icon i{
    margin-left:5px
}
.video-icon-large .video-icon{
    width:85px;
    height:85px;
    font-size:20px
}
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr{
    width:135px;
    height:135px
}
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr{
    width:105px;
    height:105px
}
.video-icon-extra-large.video-icon-box .video-icon i{
    margin-left:10px
}
.video-icon-extra-large .video-icon{
    width:120px;
    height:120px;
    font-size:30px
}
.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr{
    width:170px;
    height:170px
}
.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr{
    width:140px;
    height:140px
}
.will-change-transform *{
    will-change:transform
}
.will-change-inherit *{
    will-change:inherit!important
}
.animation-float,.animation-float-small{
    animation:float 2s linear .5s infinite alternate both
}
@-webkit-keyframes rotation{
    from{
        -webkit-transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(359deg)
    }
}
@keyframes float{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(5px)
    }
    100%{
        transform:translateY(10px)
    }
}
.animation-zoom{
    animation:zoom-in-zoom-out 2s linear .5s infinite alternate both
}
@keyframes zoom-in-zoom-out{
    0%,100%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.2,1.2)
    }
}
[data-shadow-animation]{
    box-shadow:0 0 0 rgba(0,0,0,.1);
    transition:box-shadow .5s cubic-bezier(.7,0,.3,1)
}
[data-shadow-animation].shadow-in{
    box-shadow:0 20px 100px rgba(0,0,0,.1)
}
[data-shadow-animation].shadow-in img{
    opacity:1;
    transition-delay:.35s
}
[data-shadow-animation] img{
    opacity:0;
    transition:opacity .65s cubic-bezier(.5,1,.5,1)
}
[data-parallax-liquid],[data-parallax-liquid] .liquid-parallax{
    transition:transform .8s cubic-bezier(.23,1,.32,1);
    will-change:transform
}
[data-parallax-liquid]{
    overflow:hidden;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
[data-parallax-liquid] .liquid-parallax{
    transform:translateY(0) scale(1.201);
    position:relative;
    top:50px
}
.masked-image{
    position:absolute;
    top:-100px;
    right:0
}
.masked-image svg{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    -o-object-fit:cover;
    object-fit:cover
}
.masked-image figure{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.masked-image img{
    width:100%;
    height:auto;
    visibility:visible
}
.shape-image-animation{
    position:absolute;
    bottom:0;
    left:0
}
.shape-image-animation svg{
    height:100%;
    width:100%
}
.shape-image-animation svg path{
    width:100%
}
.page-divider-wrapper{
    margin-bottom:-1px
}
.page-divider-wrapper svg{
    width:100%;
    margin-bottom:-3px
}
.magic-cursor{
    cursor:none
}
#ball-cursor{
    position:fixed;
    width:70px;
    height:70px;
    border:0!important;
    background-color:var(--dark-gray);
    box-shadow:0 0 50px rgba(0,0,0,.25);
    border-radius:100%;
    opacity:0!important;
    overflow:hidden;
    transition:opacity .3s ease-in-out .1s;
    text-align:center
}
.magic-cursor-light #ball-cursor,.scroll-progress .scroll-point,.theme-demos{
    background-color:var(--white)
}
#ball-cursor:after,#ball-cursor:before{
    content:"\e843";
    font-family:feather!important;
    color:var(--white);
    font-size:20px;
    line-height:70px;
    position:absolute;
    left:12px;
    top:0
}
#ball-cursor:after{
    content:"\e844";
    right:12px;
    left:auto
}
.magic-cursor-wrapper{
    position:absolute;
    left:0;
    top:0;
    width:30px;
    height:30px;
    pointer-events:none;
    z-index:10000;
    transition:opacity .2s ease-in-out .2s
}
[data-anime],[data-anime].btn{
    transition:none
}
.magic-cursor-wrapper.sliderhover #ball-cursor{
    opacity:1!important
}
.magic-cursor-wrapper.vertical #ball-cursor:after,.magic-cursor-wrapper.vertical #ball-cursor:before{
    content:"\e845";
    left:50%;
    top:10px;
    line-height:normal;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.magic-cursor-wrapper.vertical #ball-cursor:after{
    content:"\e842";
    right:auto;
    bottom:10px;
    top:auto
}
@media (hover:none){
    .magic-cursor-wrapper{
        display:none
    }
}
.magic-cursor-light #ball-cursor:after,.magic-cursor-light #ball-cursor:before{
    color:var(--dark-gray)
}
.magic-cursor-base-color #ball-cursor{
    background-color:var(--base-color)
}
.magic-cursor-base-color #ball-cursor:after,.magic-cursor-base-color #ball-cursor:before{
    color:var(--white)
}
.magic-drag-cursor #ball-cursor:before,.magic-view-cursor #ball-cursor:before{
    color:var(--white)!important;
    font-family:var(--alt-font)!important;
    text-shadow:0 0 20px rgba(0,0,0,.9);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.magic-view-cursor #ball-cursor{
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    background-color:rgba(0,0,0,.2);
    width:180px;
    height:180px;
    box-shadow:none
}
.magic-view-cursor #ball-cursor:before{
    content:"Explore";
    font-size:16px;
    font-weight:400
}
.magic-drag-cursor #ball-cursor{
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    background-color:rgba(0,0,0,.2);
    width:140px;
    height:140px;
    box-shadow:none
}
.magic-drag-cursor #ball-cursor:before{
    content:"< DRAG >";
    font-size:14px;
    font-weight:600;
    word-spacing:4px;
    width:inherit
}
.magic-drag-cursor.magic-cursor-light #ball-cursor{
    background-color:rgba(255,255,255,.2)
}
.magic-drag-cursor.magic-cursor-light #ball-cursor:after,.magic-drag-cursor.magic-cursor-light #ball-cursor:before{
    color:var(--dark-gray)
}
.magic-round-cursor #ball-cursor{
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    background-color:rgba(0,0,0,.2);
    width:220px;
    height:220px;
    box-shadow:none
}
[data-anime]{
    opacity:0
}
[data-anime].appear{
    opacity:1
}
[data-anime].btn.anime-complete{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.atropos-shadow{
    background-color:transparent!important;
    filter:inherit
}
.atropos-highlight{
    background-image:inherit!important
}
@media not all and (min-resolution:0.001dpcm){
    [data-anime] [class*=text-shadow-],[data-anime][class*=text-shadow-],[data-fancy-text] [class*=text-shadow-],[data-fancy-text][class*=text-shadow-]{
        text-shadow:none
    }
    .review-star-icon i{
        display:inline
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .text-white a[href^=tel]{
        color:var(--white)
    }
    .text-dark-gray a[href^=tel]{
        color:var(--text-dark-gray)
    }
}
.swiper-slide [data-fancy-text]{
    opacity:0
}
.swiper-slide [data-fancy-text].appear,.swiper-slide.swiper-slide-active [data-anime],.swiper-slide.swiper-slide-active [data-fancy-text]{
    opacity:1
}
.swiper-slide [data-anime]{
    opacity:0;
    transition:.3s ease-in-out
}
.no-animation .anime-text .whitespace{
    display:inline-block
}
.no-animation .anime-text .whitespace::after{
    content:"r";
    opacity:0;
    font-size:70%
}
.no-animation [data-anime],.no-animation [data-fancy-text]{
    opacity:1;
    transition:none
}
[data-top-bottom]{
    transition:transform .65s cubic-bezier(.23,1,.32,1)
}
@media (hover:hover) and (pointer:fine){
    .custom-cursor .circle-cursor{
        position:fixed;
        left:0;
        top:0;
        pointer-events:none;
        -webkit-border-radius:50%;
        border-radius:50%;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        visibility:hidden;
        opacity:0;
        transition:opacity .65s cubic-bezier(.23,1,.32,1)
    }
    .custom-cursor .circle-cursor-inner{
        margin-left:-3px;
        margin-top:-3px;
        width:6px;
        height:6px;
        z-index:10000001;
        background-color:var(--base-color)
    }
    .custom-cursor .circle-cursor-inner.cursor-link-hover{
        margin-left:-10px;
        margin-top:-10px;
        width:20px;
        height:20px;
        background-color:var(--base-color);
        opacity:.8
    }
    .custom-cursor .circle-cursor-outer{
        margin-left:-15px;
        margin-top:-15px;
        width:30px;
        height:30px;
        border:1px solid var(--base-color);
        z-index:10000000;
        opacity:.8;
        -webkit-transition:.1s;
        transition:.1s
    }
    .custom-cursor .cursor-link.circle-cursor-inner .cursor-link-hover{
        opacity:1
    }
}
.is-touchable .cursor-page-inner{
    display:none!important
}
.stack-box{
    position:relative;
    z-index:1;
    height:300vh
}
.stack-box .stack-box-contain{
    height:100vh;
    position:-webkit-sticky;
    position:sticky;
    top:0
}
.stack-box .stack-item{
    height:100vh;
    width:100%;
    position:absolute;
    overflow:hidden;
    z-index:999;
    display:flex;
    align-items:center
}
.stack-box .stack-item.stack-item-02{
    z-index:99
}
.stack-box .stack-item.stack-item-03{
    z-index:9
}
.stack-box .stack-item .stack-item-wrapper{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
    display:flex;
    align-items:center;
    height:100vh
}
.transform-3d{
    transform:translate3d(0,0,100px)
}
.marquees-text{
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-animation:example1 50s linear infinite;
    animation:example1 50s linear infinite;
    width:100%
}
.looping-wrapper .el,.looping-wrapper-gray .el{
    opacity:1;
    margin-top:-18vh;
    transform-origin:50% 100%;
    position:absolute
}
.looping-wrapper{
    position:absolute;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    width:1px;
    height:100vh;
    left:50%;
    top:0
}
.looping-wrapper .el{
    width:2px;
    height:24vh;
    background:var(--base-color)
}
.looping-wrapper-gray{
    position:absolute;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    width:1px;
    height:100vh;
    left:50%;
    top:0
}
.looping-wrapper-gray .el{
    width:2px;
    height:24vh;
    background:#292929
}
.image-mask,.text-sliding-line{
    -webkit-text-fill-color:transparent;
    -webkit-background-clip:text
}
.marquee-slide{
    -webkit-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
    position:relative
}
.feather-shadow{
    mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%);
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)
}
.text-sliding-line{
    display:inline-block;
    position:relative;
    padding:0;
    z-index:1;
    background-image:linear-gradient(135deg,transparent 45%,var(--white) 45%,var(--white) 55%,transparent 0);
    background-size:4px 4px;
    background-clip:text
}
.bg-sliding-line{
    background-image:linear-gradient(45deg,transparent 45%,var(--white) 45%,var(--white) 55%,transparent 0);
    background-size:.1em .1em
}
.feature-box-slider .feature-box{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:24px 40px;
    background:var(--white);
    box-shadow:0 5px 25px rgba(89,101,124,.15);
    border-radius:10px;
    color:var(--dark-gray);
    font-weight:500;
    font-size:17px
}
.feature-box-slider .feature-box i{
    font-size:24px;
    margin-right:10px
}
.feature-box-slider .swiper-slide{
    width:auto;
    padding-top:15px;
    padding-bottom:15px
}
.page-loader{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:var(--white)!important;
    opacity:1!important;
    z-index:99999
}
.page-loader::after{
    background:0 0;
    content:""!important;
    position:absolute;
    left:calc(50% - 25px)!important;
    top:calc(50% - 25px)!important;
    width:50px!important;
    height:50px!important;
    opacity:1!important;
    right:inherit!important;
    z-index:9;
    text-align:center;
    border:2px solid rgba(23,23,23,.2);
    border-top-color:rgba(23,23,23,.7);
    border-radius:50%;
    animation:rotation 1.5s infinite linear
}
.cookie-message{
    position:fixed;
    bottom:20px;
    right:20px;
    max-width:370px;
    z-index:999999;
    padding:40px;
    display:none
}
.scroll-progress{
    position:fixed;
    right:20px;
    z-index:111;
    top:50%;
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    mix-blend-mode:difference
}
.scroll-progress.visible{
    opacity:1;
    visibility:visible
}
.scroll-progress .scroll-top{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.scroll-progress .scroll-line{
    width:2px;
    height:60px;
    position:relative;
    background-color:rgba(255,255,255,.15);
    color:inherit;
    display:block
}
.scroll-progress .scroll-point{
    display:inline-block;
    width:2px;
    position:absolute;
    top:0;
    left:0
}
.scroll-progress .scroll-text{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    writing-mode:vertical-lr;
    margin-bottom:15px;
    color:var(--white);
    font-size:11px;
    text-transform:uppercase
}
.scroll-progress.scroll-simple{
    position:fixed;
    right:50px;
    z-index:111;
    top:auto;
    transform:none;
    bottom:50px;
    mix-blend-mode:inherit
}
.scroll-progress.scroll-simple .scroll-top{
    background:var(--white);
    font-size:17px;
    line-height:34px;
    box-shadow:0 0 25px rgba(23,23,23,.25);
    height:34px;
    width:34px;
    padding:0;
    border-radius:100%
}
.theme-demos{
    display:none;
    width:100%;
    height:100%;
    min-height:100%;
    position:fixed;
    right:-100%;
    top:0;
    z-index:1050;
    -webkit-transition:all .5s cubic-bezier(.77,0,.175,1);
    transition:all .5s cubic-bezier(.77,0,.175,1)
}
.theme-demos section{
    height:100%;
    min-height:100%;
    position:relative;
    z-index:11;
    padding:0;
    width:100%;
    overflow-y:scroll;
    background-color:var(--very-light-gray)
}
.theme-demos .demos-wrapper{
    width:100%
}
.theme-demos .demos-wrapper .demos-wrapper-inner{
    padding:60px 50px
}
.theme-demos.active{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    box-shadow:0 0 45px 0 rgba(0,0,0,.25)
}
.theme-demos .grid{
    padding:0 20px;
    display:flex;
    flex-wrap:wrap
}
.theme-demos .demo-button-wrapper{
    width:auto;
    white-space:nowrap;
    position:absolute;
    right:100%;
    bottom:250px;
    cursor:pointer;
    z-index:10;
    -webkit-transform:rotate(-90deg) translateY(-100%);
    -ms-transform:rotate(-90deg) translateY(-100%);
    transform:rotate(-90deg) translateY(-100%);
    -webkit-transform-origin:100% 0 0;
    -ms-transform-origin:100% 0 0;
    transform-origin:100% 0 0;
    margin-right:-1px;
    display:flex
}
.theme-demos .all-demo a,.theme-demos .buy-theme a{
    color:var(--dark-gray);
    font-size:11px;
    padding:15px;
    display:block;
    font-weight:500
}
.theme-demos .all-demo a>i,.theme-demos .buy-theme a>i{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:59px;
    line-height:55px;
    text-align:center;
    opacity:0;
    font-size:24px;
    transition-delay:.3s
}
.theme-demos .all-demo{
    background-color:#1f242e
}
.theme-demos .all-demo .theme-wrapper{
    padding:0 9px;
    position:relative;
    top:0;
    opacity:1;
    transition-delay:.3s;
    line-height:0
}
.theme-demos .all-demo .theme-wrapper>div{
    display:inline-block;
    vertical-align:middle;
    color:var(--white);
    font-size:14px;
    text-transform:uppercase;
    line-height:21px
}
.theme-demos .buy-theme{
    text-align:center;
    background-color:#48a133;
    position:relative;
    z-index:1
}
.bg-base-color,.header-cart-icon .cart-count{
    background-color:var(--base-color)
}
.theme-demos .buy-theme .theme-wrapper{
    padding:0;
    position:relative;
    top:0;
    opacity:1;
    transition-delay:.3s;
    line-height:0
}
.theme-demos .buy-theme .theme-wrapper span{
    font-size:15px;
    font-weight:600;
    margin-right:0
}
.theme-demos .buy-theme .theme-wrapper i{
    margin-right:10px;
    font-size:21px
}
.theme-demos .buy-theme .theme-wrapper>div svg{
    margin:0
}
.theme-demos .mCustomScrollBox{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
.theme-demos .mCustomScrollBox .mCSB_container{
    width:100%;
    -ms-flex-item-align:start;
    align-self:flex-start;
    margin:0;
    padding-right:15px!important
}
.theme-demos .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{
    -ms-flex-item-align:center;
    align-self:center
}
.theme-demos .mCustomScrollBox .mCSB_draggerRail{
    display:none
}
.theme-demos .clearfix{
    clear:both
}
.theme-demos .portfolio-wrapper .grid-item{
    flex:0 0 auto
}
.theme-demos .close-popup{
    position:absolute;
    top:10px;
    right:10px;
    z-index:99;
    cursor:pointer;
    -webkit-transition:-webkit-transform .3s ease;
    -ms-transition:-ms-transform .3s ease;
    transition:transform .3s ease;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.theme-demos .close-popup:hover{
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.show-search-popup .show-menu .theme-demos,.show-search-popup .theme-demos .theme-demos{
    z-index:1
}
@-moz-keyframes example1{
    0%{
        -moz-transform:translateX(100%)
    }
    100%{
        -moz-transform:translateX(-100%)
    }
}
@-webkit-keyframes example1{
    0%{
        -webkit-transform:translateX(100%)
    }
    100%{
        -webkit-transform:translateX(-100%)
    }
}
@keyframes example1{
    0%{
        -moz-transform:translateX(100%);
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -moz-transform:translateX(-100%);
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
.bg-dark-gray,.bg-dark-gray:focus{
    background-color:var(--dark-gray)
}
.bg-black{
    background-color:var(--black)
}
.bg-medium-gray,header .left-nav .navbar-nav:before{
    background-color:var(--medium-gray)
}
.bg-light-medium-gray{
    background-color:var(--light-medium-gray)
}
.bg-extra-medium-gray{
    background-color:var(--extra-medium-gray)
}
.bg-light-gray{
    background-color:var(--light-gray)
}
.bg-very-light-gray{
    background-color:var(--very-light-gray)
}
.bg-red{
    background-color:var(--red)
}
.bg-light-red{
    background-color:var(--light-red)
}
.bg-green{
    background-color:var(--green)
}
.bg-crusoe-green{
    background-color:var(--crusoe-green)
}
.bg-yellow{
    background-color:var(--yellow)
}
.bg-charcoal-blue{
    background-color:var(--charcoal-blue)
}
.bg-slate-blue{
    background-color:var(--slate-blue)
}
.bg-medium-slate-blue{
    background-color:var(--medium-slate-blue)
}
.bg-extra-medium-slate-blue{
    background-color:var(--extra-medium-slate-blue)
}
.bg-dark-slate-blue{
    background-color:var(--dark-slate-blue)
}
.bg-extra-dark-slate-blue{
    background-color:var(--extra-dark-slate-blue)
}
.bg-extra-very-slate-blue{
    background-color:var(--extra-very-slate-blue)
}
.bg-tussock-yellow{
    background-color:var(--tussock-yellow)
}
.bg-solitude-blue{
    background-color:var(--solitude-blue)
}
.bg-aluminium-grey{
    background-color:var(--aluminium-grey)
}
.bg-selago{
    background-color:var(--selago)
}
.bg-white-ice{
    background-color:var(--white-ice)
}
.bg-golden-yellow{
    background-color:var(--golden-yellow)
}
.bg-jade{
    background-color:var(--jade)
}
.bg-orange{
    background-color:var(--orange)
}
.bg-light-majorelle-blue{
    background-color:var(--light-majorelle-blue)
}
.bg-majorelle-blue{
    background-color:var(--majorelle-blue)
}
.bg-spring-wood{
    background-color:var(--spring-wood)
}
.bg-tropical-blue{
    background-color:var(--tropical-blue)
}
.bg-cornflower-blue{
    background-color:var(--cornflower-blue)
}
.bg-camarone{
    background-color:var(--camarone)
}
.bg-seal-brown{
    background-color:var(--seal-brown)
}
.bg-Wasabi{
    background-color:var(--Wasabi)
}
.bg-gradient-light-pink-light-orange{
    background-image:linear-gradient(to right top,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0)
}
.bg-gradient-purple-pink{
    background-image:linear-gradient(to right top,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e)
}
.bg-gradient-fast-pink-light-yellow{
    background-image:linear-gradient(to right top,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83)
}
.bg-gradient-pink-orange{
    background-image:linear-gradient(to right top,#de347f,#e73a70,#ed4461,#f05152,#ef5f43)
}
.bg-gradient-fast-blue-purple{
    background-image:linear-gradient(to right top,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff)
}
.bg-gradient-light-pink-light-purple{
    background-image:linear-gradient(to right top,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8)
}
.bg-gradient-purple-magento{
    background-image:linear-gradient(to right top,#5553e1,#a34dcc,#ce4fb5,#e75ca1,#f47291)
}
.bg-gradient-blue-green{
    background-image:linear-gradient(to right top,#18cdbb,#22d2ae,#3cd69d,#57da89,#73dc73)
}
.bg-gradient-light-purple-light-orange{
    background-image:linear-gradient(to right top,#b783ff,#e37be0,#fa7cc1,#ff85a6,#ff9393)
}
.bg-gradient-sky-blue-pink{
    background-image:linear-gradient(to right top,#5758df,#a553cb,#d055b5,#ea63a0,#f77991)
}
.bg-gradient-dark-gray-brown{
    background-image:linear-gradient(to right top,#0f130f,#1e1d15,#3d2f20,#4e3b27,#664a2f)
}
.bg-gradient-tan-geraldine{
    background-image:linear-gradient(to right top,#fb7f87,#fc8a82,#fb957f,#fa9f7f,#f7aa80)
}
.bg-gradient-very-light-gray{
    background-image:linear-gradient(to bottom,#f7f8f9,#f9fafb,#fbfbfc,#fdfdfd,#fff)
}
.bg-gradient-top-very-light-gray{
    background-image:linear-gradient(to top,#f7f7f7,#f7f7f7,#fcfafa,#fcfafa,#fff)
}
.bg-gradient-orange-transparent{
    background:linear-gradient(to right,#e97522 10%,rgba(255,255,255,0) 95%)
}
.bg-gradient-blue-transparent{
    background:linear-gradient(to right,#1ea3b1 10%,rgba(255,255,255,0) 95%)
}
.bg-gradient-emerald-blue-emerald-green{
    background-image:linear-gradient(50deg,#09afea 0,#19e089 100%)
}
.bg-gradient-very-ghost-white{
    background-image:linear-gradient(to bottom,#f4f6ff,#f7f8ff,#fafaff,#fdfdff,#fff)
}
.bg-transparent{
    background-color:transparent
}
.bg-gradient-fast-blue-purple-transparent{
    background-image:linear-gradient(to right top,#2a46f4,rgba(95,66,249,.9),rgba(131,60,252,.9),rgba(162,51,254,.9),rgba(191,37,255,.9))
}
.bg-gradient-fast-pink-light-yellow-transparent{
    background-image:linear-gradient(to right top,rgba(247,86,127,.9),rgba(254,113,119,.9),rgba(255,138,116,.9),rgba(255,163,120,.9),rgba(255,186,131,.9))
}
.bg-gradient-sky-blue-pink-transparent{
    background-image:linear-gradient(to right top,rgba(87,88,223,.9),rgba(165,83,203,.9),rgba(208,85,181,.9),rgba(234,99,160,.9),rgba(247,121,145,.9))
}
.bg-gradient-gray-light-dark-transparent{
    background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(32,35,41,.8)),to(transparent));
    background-image:linear-gradient(to top,rgba(32,35,41,.8) 0,transparent 100%)
}
.bg-gradient-dark-transparent{
    background:-webkit-gradient(linear,left bottom,left top,color-stop(7%,#141622),to(transparent));
    background:linear-gradient(to top,#141622 7%,transparent 100%)
}
.bg-gradient-dark-gray-left-transparent{
    background:-webkit-linear-gradient(right,rgba(24,25,28,.5),rgba(255,255,255,0));
    background:linear-gradient(to right,rgba(24,25,28,.5),rgba(255,255,255,0))
}
.bg-gradient-white-transparent{
    background:linear-gradient(to top,#fff 20%,rgba(255,255,255,0) 80%)
}
.bg-gradient-white-dark-transparent{
    background:-webkit-gradient(linear,left bottom,left top,color-stop(35%,#fff),to(transparent));
    background:linear-gradient(to top,#fff 30%,rgba(255,255,255,0) 70%)
}
.bg-gradient-white-bottom-transparent{
    background:#000;
    background:linear-gradient(0deg,rgba(0,0,0,0) 0,#fff 60%)
}
.bg-gradient-black-bottom-transparent{
    background:#fff;
    background:linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(0,0,0,.6) 100%)
}
.bg-gradient-solitude-blue-transparent{
    background:-webkit-linear-gradient(bottom,#f0f4fd,rgba(255,255,255,0));
    background:linear-gradient(to top,#f0f4fd,rgba(255,255,255,0))
}
.bg-gradient-extra-midium-gray-transparent{
    background:-webkit-gradient(left top,left bottom,color-stop(50%,rgba(0,0,0,.5)),color-stop(150%,rgba(20,20,20,.3)));
    background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(20,20,20,.3) 150%)
}
.cover-background,.fix-background{
    position:relative;
    background-repeat:no-repeat!important;
    overflow:hidden
}
.bg-dark-gray-transparent{
    background-color:rgba(35,35,35,.8)
}
.bg-dark-gray-transparent-light{
    background-color:rgba(35,35,35,.2)
}
.bg-dark-gray-transparent-medium{
    background-color:rgba(35,35,35,.4)
}
.bg-light-gray-transparent{
    background-color:#fbfbfb
}
.bg-medium-gray-transparent{
    background-color:rgba(136,136,136,.3)
}
.bg-black-transparent-light{
    background-color:rgba(0,0,0,.2)
}
.bg-black-transparent-medium{
    background-color:rgba(0,0,0,.5)
}
.bg-black-transparent{
    background-color:rgba(0,0,0,.8)
}
.bg-white-transparent-extra-light,.bg-white-transparent-extra-light:focus{
    background-color:rgba(255,255,255,.1)
}
.bg-white-transparent-very-light{
    background-color:rgba(255,255,255,.2)
}
.bg-white-transparent-light{
    background-color:rgba(255,255,255,.4)
}
.bg-white-transparent{
    background-color:rgba(255,255,255,.7)
}
.contain-background{
    background-size:contain
}
.cover-background{
    background-size:cover;
    background-position:center center!important
}
.fix-background{
    background-size:cover!important;
    -webkit-animation-duration:0s;
    -webkit-animation-fill-mode:none;
    background-position:center center;
    background-attachment:fixed!important
}
.background-size-inherit{
    background-size:inherit!important
}
.background-attachment-inherit{
    background-attachment:inherit!important
}
.background-position-left{
    background-position:left center!important
}
.background-position-left-bottom{
    background-position:left bottom!important
}
.background-position-left-center{
    background-position:left center!important
}
.background-position-right{
    background-position:right center!important
}
.background-position-right-top{
    background-position:right top!important
}
.background-position-center-top{
    background-position:center top!important
}
.background-position-left-top{
    background-position:left top!important
}
.background-position-right-bottom{
    background-position:right bottom!important
}
.background-position-center-bottom{
    background-position:center bottom 0!important
}
.background-repeat{
    background-repeat:repeat
}
.background-no-repeat,.select-style select{
    background-repeat:no-repeat
}
.background-no-repeat-y{
    background-repeat-y:no-repeat
}
.background-position-center{
    background-position:center!important
}
.background-size-100{
    background-size:100%!important
}
.background-size-auto-100{
    background-size:auto 100%!important
}
.background-size-contain{
    background-size:contain!important
}
.parallax,[data-parallax-background-ratio]{
    background-size:cover!important;
    transition-duration:0s
}
.border-6{
    border-width:6px!important
}
.border-7{
    border-width:7px!important
}
.border-8{
    border-width:8px!important
}
.border-9{
    border-width:9px!important
}
.border-10{
    border-width:10px!important
}
.border-dotted{
    border-style:dotted!important
}
.border-dashed{
    border-style:dashed!important
}
.border-solid{
    border-style:solid!important
}
.border-double{
    border-style:double!important
}
.border-groove{
    border-style:groove!important
}
.border-ridge{
    border-style:ridge!important
}
.border-inset{
    border-style:inset!important
}
.border-outset{
    border-style:outset!important
}
.border-none{
    border-style:none!important
}
.border-hidden{
    border-style:hidden!important
}
.border-color-base-color{
    border-color:var(--base-color)!important
}
.border-color-white{
    border-color:var(--white)!important
}
.border-color-dark-gray{
    border-color:var(--dark-gray)!important
}
.border-color-medium-gray{
    border-color:var(--medium-gray)!important
}
.border-color-light-gray{
    border-color:var(--light-gray)!important
}
.border-color-very-light-gray{
    border-color:var(--very-light-gray)!important
}
.border-color-light-medium-gray{
    border-color:var(--light-medium-gray)!important
}
.border-color-extra-medium-gray{
    border-color:var(--extra-medium-gray)!important
}
.border-color-yellow{
    border-color:var(--yellow)!important
}
.border-color-orange{
    border-color:var(--orange)!important
}
.border-color-red{
    border-color:var(--red)!important
}
.border-color-transparent-dark-very-light{
    border-color:rgba(35,35,35,.1)!important
}
.border-color-transparent-dark-light{
    border-color:rgba(35,35,35,.2)!important
}
.border-color-transparent-white-very-light{
    border-color:rgba(255,255,255,.3)!important
}
.border-color-transparent-white-light{
    border-color:rgba(255,255,255,.1)!important
}
.border-color-transparent-white{
    border-color:rgba(255,255,255,.6)!important
}
.border-color-transparent,.border-color-transparent-on-hover:hover{
    border-color:transparent!important
}
.border-gradient-light-pink-light-orange{
    border-image:linear-gradient(to right top,#ffafbd,#ffb3b4,#ffb7ac,#ffbda5,#ffc3a0);
    border-image-slice:1
}
.border-gradient-purple-pink{
    border-image:linear-gradient(to right,#8b14b1,#ab019e,#c00c8b,#cd267b,#d53d6e);
    border-image-slice:1
}
.border-gradient-fast-pink-light-yellow{
    border-image:linear-gradient(to right top,#f7567f,#fe7177,#ff8a74,#ffa378,#ffba83);
    border-image-slice:1
}
.border-gradient-pink-orange{
    border-image:linear-gradient(to right top,#de347f,#e73a70,#ed4461,#f05152,#ef5f43);
    border-image-slice:1
}
.border-gradient-fast-blue-purple{
    border-image:linear-gradient(to right top,#2a46f4,#5f42f9,#833cfc,#a233fe,#bf25ff);
    border-image-slice:1
}
.border-gradient-light-pink-light-purple{
    border-image:linear-gradient(to right top,#ed579b,#e855ad,#df57c0,#d15cd4,#bc63e8);
    border-image-slice:1
}
.border-gradient-light-green-light-perotgreen{
    border-image:linear-gradient(to right top,#5553e1,#a34dcc,#ce4fb5,#e75ca1,#f47291);
    border-image-slice:1
}
.border-gradient-sky-blue-pink{
    border-image:linear-gradient(to right top,#556fff,#556fff,#e05fc4,#f767a6,#ff798e);
    border-image-slice:1
}
.border-radius-0px{
    border-radius:0!important
}
.border-radius-1px{
    border-radius:1px!important
}
.border-radius-2px{
    border-radius:2px!important
}
.border-radius-3px{
    border-radius:3px!important
}
.border-radius-4px{
    border-radius:4px!important
}
.border-radius-5px{
    border-radius:5px!important
}
.border-radius-6px{
    border-radius:6px!important
}
.border-radius-7px{
    border-radius:7px!important
}
.border-radius-8px{
    border-radius:8px!important
}
.border-radius-9px{
    border-radius:9px!important
}
.border-radius-10px{
    border-radius:10px!important
}
.border-radius-15px{
    border-radius:15px!important
}
.border-radius-18px{
    border-radius:18px!important
}
.border-radius-20px{
    border-radius:20px!important
}
.border-radius-22px{
    border-radius:22px!important
}
.border-radius-24px{
    border-radius:24px!important
}
.border-radius-26px{
    border-radius:26px!important
}
.border-radius-30px{
    border-radius:30px!important
}
.border-radius-40px{
    border-radius:40px!important
}
.border-radius-50px{
    border-radius:50px!important
}
.border-radius-100px{
    border-radius:100px!important
}
.border-radius-50{
    border-radius:50%!important
}
.border-radius-100{
    border-radius:100%!important
}
.no-border-radius{
    border-radius:0!important
}
.border-radius-top-left{
    border-radius:10px 0 0 10px!important
}
.parallax{
    position:relative!important;
    overflow:hidden;
    background-attachment:fixed!important;
    transition-timing-function:none;
    -webkit-transition-timing-function:none;
    -webkit-transition-duration:0s
}
.w-1px{
    width:1px!important
}
.w-2px{
    width:2px!important
}
.w-3px{
    width:3px!important
}
.w-4px{
    width:4px!important
}
.w-5px{
    width:5px!important
}
.w-6px{
    width:6px!important
}
.w-7px{
    width:7px!important
}
.w-8px{
    width:8px!important
}
.w-9px{
    width:9px!important
}
.w-10px{
    width:10px!important
}
.w-15px{
    width:15px!important
}
.w-20px{
    width:20px!important
}
.w-25px{
    width:25px!important
}
.w-30px{
    width:30px!important
}
.w-35px{
    width:35px!important
}
.w-40px{
    width:40px!important
}
.w-45px{
    width:45px!important
}
.grid-loading::after,.w-50px{
    width:50px!important
}
.w-55px{
    width:55px!important
}
.w-60px{
    width:60px!important
}
.w-65px{
    width:65px!important
}
.w-70px{
    width:70px!important
}
.w-75px{
    width:75px!important
}
.w-80px{
    width:80px!important
}
.w-85px{
    width:85px!important
}
.w-90px{
    width:90px!important
}
.w-95px{
    width:95px!important
}
.w-100px{
    width:100px!important
}
.w-110px{
    width:110px!important
}
.w-120px{
    width:120px!important
}
.w-130px{
    width:130px!important
}
.w-140px{
    width:140px!important
}
.w-150px{
    width:150px!important
}
.w-160px{
    width:160px!important
}
.w-170px{
    width:170px!important
}
.w-180px{
    width:180px!important
}
.w-190px{
    width:190px!important
}
.w-200px{
    width:200px!important
}
.w-210px{
    width:210px!important
}
.w-220px{
    width:220px!important
}
.w-230px{
    width:230px!important
}
.w-240px{
    width:240px!important
}
.w-250px{
    width:250px!important
}
.w-260px{
    width:260px!important
}
.w-270px{
    width:270px!important
}
.w-280px{
    width:280px!important
}
.w-290px{
    width:290px!important
}
.w-300px{
    width:300px!important
}
.w-310px{
    width:310px!important
}
.w-320px{
    width:320px!important
}
.w-330px{
    width:330px!important
}
.w-340px{
    width:340px!important
}
.w-350px{
    width:350px!important
}
.w-360px{
    width:360px!important
}
.w-370px{
    width:370px!important
}
.w-380px{
    width:380px!important
}
.w-390px{
    width:390px!important
}
.w-400px{
    width:400px!important
}
.w-450px{
    width:450px!important
}
.w-500px{
    width:500px!important
}
.w-550px{
    width:550px!important
}
.w-600px{
    width:600px!important
}
.w-650px{
    width:650px!important
}
.w-700px{
    width:700px!important
}
.w-750px{
    width:750px!important
}
.w-800px{
    width:800px!important
}
.w-850px{
    width:850px!important
}
.w-900px{
    width:900px!important
}
.w-950px{
    width:950px!important
}
.w-1000px{
    width:1000px!important
}
.w-10{
    width:10%!important
}
.w-15{
    width:15%!important
}
.w-20{
    width:20%!important
}
.w-25{
    width:25%!important
}
.w-30{
    width:30%!important
}
.w-35{
    width:35%!important
}
.w-40{
    width:40%!important
}
.w-45{
    width:45%!important
}
.w-50{
    width:50%!important
}
.w-55{
    width:55%!important
}
.w-60{
    width:60%!important
}
.w-65{
    width:65%!important
}
.w-70{
    width:70%!important
}
.w-75{
    width:75%!important
}
.w-80{
    width:80%!important
}
.w-85{
    width:85%!important
}
.w-90{
    width:90%!important
}
.w-95{
    width:95%!important
}
.w-100{
    width:100%!important
}
.w-auto{
    width:auto!important
}
.h-1px{
    height:1px!important
}
.h-2px{
    height:2px!important
}
.h-3px{
    height:3px!important
}
.h-4px{
    height:4px!important
}
.h-5px{
    height:5px!important
}
.h-6px{
    height:6px!important
}
.h-7px{
    height:7px!important
}
.h-8px{
    height:8px!important
}
.h-9px{
    height:9px!important
}
.h-10px{
    height:10px!important
}
.h-11px{
    height:11px!important
}
.h-12px{
    height:12px!important
}
.h-13px{
    height:13px!important
}
.h-14px{
    height:14px!important
}
.h-15px{
    height:15px!important
}
.h-20px{
    height:20px!important
}
.h-25px{
    height:25px!important
}
.h-30px{
    height:30px!important
}
.h-35px{
    height:35px!important
}
.h-40px{
    height:40px!important
}
.h-42px{
    height:42px!important
}
.h-45px{
    height:45px!important
}
.h-50px{
    height:50px!important
}
.h-55px{
    height:55px!important
}
.h-60px{
    height:60px!important
}
.h-65px{
    height:65px!important
}
.h-70px{
    height:70px!important
}
.h-75px{
    height:75px!important
}
.h-80px{
    height:80px!important
}
.h-85px{
    height:85px!important
}
.h-90px{
    height:90px!important
}
.h-95px{
    height:95px!important
}
.h-100px{
    height:100px!important
}
.h-110px{
    height:110px!important
}
.h-120px{
    height:120px!important
}
.h-130px{
    height:130px!important
}
.h-140px{
    height:140px!important
}
.h-150px{
    height:150px!important
}
.h-160px{
    height:160px!important
}
.h-170px{
    height:170px!important
}
.h-180px{
    height:180px!important
}
.h-190px{
    height:190px!important
}
.h-200px{
    height:200px!important
}
.h-210px{
    height:210px!important
}
.h-220px{
    height:220px!important
}
.h-230px{
    height:230px!important
}
.h-240px{
    height:240px!important
}
.h-250px{
    height:250px!important
}
.h-260px{
    height:260px!important
}
.h-270px{
    height:270px!important
}
.h-280px{
    height:280px!important
}
.h-290px{
    height:290px!important
}
.h-300px{
    height:300px!important
}
.h-350px{
    height:350px!important
}
.h-400px{
    height:400px!important
}
.h-450px{
    height:450px!important
}
.h-480px{
    height:480px!important
}
.h-500px{
    height:500px!important
}
.h-550px{
    height:550px!important
}
.h-580px{
    height:580px!important
}
.h-600px{
    height:600px!important
}
.h-650px{
    height:650px!important
}
.h-700px{
    height:700px!important
}
.h-750px{
    height:750px!important
}
.h-800px{
    height:800px!important
}
.h-850px{
    height:850px!important
}
.h-auto{
    height:auto!important
}
.extra-very-small-screen{
    height:250px!important
}
.extra-small-screen{
    height:300px!important
}
.small-screen{
    height:400px!important
}
.one-half-screen{
    height:600px!important
}
.one-third-screen{
    height:700px!important
}
.one-fourth-screen{
    height:800px!important
}
.one-fifth-screen{
    height:900px!important
}
.one-sixth-screen{
    height:1000px!important
}
.one-seventh-screen{
    height:1200px!important
}
@media (prefers-reduced-motion:no-preference){
    :root{
        scroll-behavior:auto
    }
}
.p-5px{
    padding:5px!important
}
.p-10px{
    padding:10px!important
}
.p-15px{
    padding:15px!important
}
.p-20px{
    padding:20px!important
}
.p-25px{
    padding:25px!important
}
.p-30px{
    padding:30px!important
}
.p-35px{
    padding:35px!important
}
.p-40px{
    padding:40px!important
}
.p-45px{
    padding:45px!important
}
.p-50px{
    padding:50px!important
}
.p-55px{
    padding:55px!important
}
.p-60px{
    padding:60px!important
}
.p-65px{
    padding:65px!important
}
.p-70px{
    padding:70px!important
}
.p-1{
    padding:1%!important
}
.p-2{
    padding:2%!important
}
.p-3{
    padding:3%!important
}
.p-4{
    padding:4%!important
}
.p-5{
    padding:5%!important
}
.p-6{
    padding:6%!important
}
.p-7{
    padding:7%!important
}
.p-8{
    padding:8%!important
}
.p-9{
    padding:9%!important
}
.p-10{
    padding:10%!important
}
.p-11{
    padding:11%!important
}
.p-12{
    padding:12%!important
}
.p-13{
    padding:13%!important
}
.p-14{
    padding:14%!important
}
.p-15{
    padding:15%!important
}
.p-16{
    padding:16%!important
}
.p-17{
    padding:17%!important
}
.p-18{
    padding:18%!important
}
.p-19{
    padding:19%!important
}
.p-20{
    padding:20%!important
}
.p-21{
    padding:21%!important
}
.p-22{
    padding:22%!important
}
.p-23{
    padding:23%!important
}
.p-24{
    padding:24%!important
}
.p-25{
    padding:25%!important
}
.p-26{
    padding:26%!important
}
.p-27{
    padding:27%!important
}
.p-28{
    padding:28%!important
}
.p-29{
    padding:29%!important
}
.p-30{
    padding:30%!important
}
.pt-5px{
    padding-top:5px!important
}
.pt-10px{
    padding-top:10px!important
}
.pt-15px{
    padding-top:15px!important
}
.pt-20px{
    padding-top:20px!important
}
.pt-25px{
    padding-top:25px!important
}
.pt-30px{
    padding-top:30px!important
}
.pt-35px{
    padding-top:35px!important
}
.pt-40px{
    padding-top:40px!important
}
.pt-45px{
    padding-top:45px!important
}
.pt-50px{
    padding-top:50px!important
}
.pt-55px{
    padding-top:55px!important
}
.pt-60px{
    padding-top:60px!important
}
.pt-65px{
    padding-top:65px!important
}
.pt-70px{
    padding-top:70px!important
}
.pt-1{
    padding-top:1%!important
}
.pt-2{
    padding-top:2%!important
}
.pt-3{
    padding-top:3%!important
}
.pt-4{
    padding-top:4%!important
}
.pt-5{
    padding-top:5%!important
}
.pt-6{
    padding-top:6%!important
}
.pt-7{
    padding-top:7%!important
}
.pt-8{
    padding-top:8%!important
}
.pt-9{
    padding-top:9%!important
}
.pt-10{
    padding-top:10%!important
}
.pt-11{
    padding-top:11%!important
}
.pt-12{
    padding-top:12%!important
}
.pt-13{
    padding-top:13%!important
}
.pt-14{
    padding-top:14%!important
}
.pt-15{
    padding-top:15%!important
}
.pt-16{
    padding-top:16%!important
}
.pt-17{
    padding-top:17%!important
}
.pt-18{
    padding-top:18%!important
}
.pt-19{
    padding-top:19%!important
}
.pt-20{
    padding-top:20%!important
}
.pt-21{
    padding-top:21%!important
}
.pt-22{
    padding-top:22%!important
}
.pt-23{
    padding-top:23%!important
}
.pt-24{
    padding-top:24%!important
}
.pt-25{
    padding-top:25%!important
}
.pt-26{
    padding-top:26%!important
}
.pt-27{
    padding-top:27%!important
}
.pt-28{
    padding-top:28%!important
}
.pt-29{
    padding-top:29%!important
}
.pt-30{
    padding-top:30%!important
}
.pe-5px{
    padding-right:5px!important
}
.pe-10px{
    padding-right:10px!important
}
.pe-15px{
    padding-right:15px!important
}
.pe-20px{
    padding-right:20px!important
}
.pe-25px{
    padding-right:25px!important
}
.pe-30px{
    padding-right:30px!important
}
.pe-35px{
    padding-right:35px!important
}
.pe-40px{
    padding-right:40px!important
}
.pe-45px{
    padding-right:45px!important
}
.pe-50px{
    padding-right:50px!important
}
.pe-55px{
    padding-right:55px!important
}
.pe-60px{
    padding-right:60px!important
}
.pe-65px{
    padding-right:65px!important
}
.pe-70px{
    padding-right:70px!important
}
.pe-1{
    padding-right:1%!important
}
.pe-2{
    padding-right:2%!important
}
.pe-3{
    padding-right:3%!important
}
.pe-4{
    padding-right:4%!important
}
.pe-5{
    padding-right:5%!important
}
.pe-6{
    padding-right:6%!important
}
.pe-7{
    padding-right:7%!important
}
.pe-8{
    padding-right:8%!important
}
.pe-9{
    padding-right:9%!important
}
.pe-10{
    padding-right:10%!important
}
.pe-11{
    padding-right:11%!important
}
.pe-12{
    padding-right:12%!important
}
.pe-13{
    padding-right:13%!important
}
.pe-14{
    padding-right:14%!important
}
.pe-15{
    padding-right:15%!important
}
.pe-16{
    padding-right:16%!important
}
.pe-17{
    padding-right:17%!important
}
.pe-18{
    padding-right:18%!important
}
.pe-19{
    padding-right:19%!important
}
.pe-20{
    padding-right:20%!important
}
.pe-21{
    padding-right:21%!important
}
.pe-22{
    padding-right:22%!important
}
.pe-23{
    padding-right:23%!important
}
.pe-24{
    padding-right:24%!important
}
.pe-25{
    padding-right:25%!important
}
.pe-26{
    padding-right:26%!important
}
.pe-27{
    padding-right:27%!important
}
.pe-28{
    padding-right:28%!important
}
.pe-29{
    padding-right:29%!important
}
.pe-30{
    padding-right:30%!important
}
.pb-5px{
    padding-bottom:5px!important
}
.pb-10px{
    padding-bottom:10px!important
}
.pb-15px{
    padding-bottom:15px!important
}
.pb-20px{
    padding-bottom:20px!important
}
.pb-25px{
    padding-bottom:25px!important
}
.pb-30px{
    padding-bottom:30px!important
}
.pb-35px{
    padding-bottom:35px!important
}
.pb-40px{
    padding-bottom:40px!important
}
.pb-45px{
    padding-bottom:45px!important
}
.pb-50px{
    padding-bottom:50px!important
}
.pb-55px{
    padding-bottom:55px!important
}
.pb-60px{
    padding-bottom:60px!important
}
.pb-65px{
    padding-bottom:65px!important
}
.pb-70px{
    padding-bottom:70px!important
}
.pb-1{
    padding-bottom:1%!important
}
.pb-2{
    padding-bottom:2%!important
}
.pb-3{
    padding-bottom:3%!important
}
.pb-4{
    padding-bottom:4%!important
}
.pb-5{
    padding-bottom:5%!important
}
.pb-6{
    padding-bottom:6%!important
}
.pb-7{
    padding-bottom:7%!important
}
.pb-8{
    padding-bottom:8%!important
}
.pb-9{
    padding-bottom:9%!important
}
.pb-10{
    padding-bottom:10%!important
}
.pb-11{
    padding-bottom:11%!important
}
.pb-12{
    padding-bottom:12%!important
}
.pb-13{
    padding-bottom:13%!important
}
.pb-14{
    padding-bottom:14%!important
}
.pb-15{
    padding-bottom:15%!important
}
.pb-16{
    padding-bottom:16%!important
}
.pb-17{
    padding-bottom:17%!important
}
.pb-18{
    padding-bottom:18%!important
}
.pb-19{
    padding-bottom:19%!important
}
.pb-20{
    padding-bottom:20%!important
}
.pb-21{
    padding-bottom:21%!important
}
.pb-22{
    padding-bottom:22%!important
}
.pb-23{
    padding-bottom:23%!important
}
.pb-24{
    padding-bottom:24%!important
}
.pb-25{
    padding-bottom:25%!important
}
.pb-26{
    padding-bottom:26%!important
}
.pb-27{
    padding-bottom:27%!important
}
.pb-28{
    padding-bottom:28%!important
}
.pb-29{
    padding-bottom:29%!important
}
.pb-30{
    padding-bottom:30%!important
}
.ps-5px{
    padding-left:5px!important
}
.ps-10px{
    padding-left:10px!important
}
.ps-15px{
    padding-left:15px!important
}
.ps-20px{
    padding-left:20px!important
}
.ps-25px{
    padding-left:25px!important
}
.ps-30px{
    padding-left:30px!important
}
.ps-35px{
    padding-left:35px!important
}
.ps-40px{
    padding-left:40px!important
}
.ps-45px{
    padding-left:45px!important
}
.ps-50px{
    padding-left:50px!important
}
.ps-55px{
    padding-left:55px!important
}
.ps-60px{
    padding-left:60px!important
}
.ps-65px{
    padding-left:65px!important
}
.ps-70px{
    padding-left:70px!important
}
.ps-1{
    padding-left:1%!important
}
.ps-2{
    padding-left:2%!important
}
.ps-3{
    padding-left:3%!important
}
.ps-4{
    padding-left:4%!important
}
.ps-5{
    padding-left:5%!important
}
.ps-6{
    padding-left:6%!important
}
.ps-7{
    padding-left:7%!important
}
.ps-8{
    padding-left:8%!important
}
.ps-9{
    padding-left:9%!important
}
.ps-10{
    padding-left:10%!important
}
.ps-11{
    padding-left:11%!important
}
.ps-12{
    padding-left:12%!important
}
.ps-13{
    padding-left:13%!important
}
.ps-14{
    padding-left:14%!important
}
.ps-15{
    padding-left:15%!important
}
.ps-16{
    padding-left:16%!important
}
.ps-17{
    padding-left:17%!important
}
.ps-18{
    padding-left:18%!important
}
.ps-19{
    padding-left:19%!important
}
.ps-20{
    padding-left:20%!important
}
.ps-21{
    padding-left:21%!important
}
.ps-22{
    padding-left:22%!important
}
.ps-23{
    padding-left:23%!important
}
.ps-24{
    padding-left:24%!important
}
.ps-25{
    padding-left:25%!important
}
.ps-26{
    padding-left:26%!important
}
.ps-27{
    padding-left:27%!important
}
.ps-28{
    padding-left:28%!important
}
.ps-29{
    padding-left:29%!important
}
.ps-30{
    padding-left:30%!important
}
.m-5px{
    margin:5px!important
}
.m-10px{
    margin:10px!important
}
.m-15px{
    margin:15px!important
}
.m-20px{
    margin:20px!important
}
.m-25px{
    margin:25px!important
}
.m-30px{
    margin:30px!important
}
.m-35px{
    margin:35px!important
}
.m-40px{
    margin:40px!important
}
.m-45px{
    margin:45px!important
}
.m-50px{
    margin:50px!important
}
.m-55px{
    margin:55px!important
}
.m-60px{
    margin:60px!important
}
.m-65px{
    margin:65px!important
}
.m-70px{
    margin:70px!important
}
.m-1{
    margin:1%!important
}
.m-2{
    margin:2%!important
}
.m-3{
    margin:3%!important
}
.m-4{
    margin:4%!important
}
.m-5{
    margin:5%!important
}
.m-6{
    margin:6%!important
}
.m-7{
    margin:7%!important
}
.m-8{
    margin:8%!important
}
.m-9{
    margin:9%!important
}
.m-10{
    margin:10%!important
}
.m-11{
    margin:11%!important
}
.m-12{
    margin:12%!important
}
.m-13{
    margin:13%!important
}
.m-14{
    margin:14%!important
}
.m-15{
    margin:15%!important
}
.m-16{
    margin:16%!important
}
.m-17{
    margin:17%!important
}
.m-18{
    margin:18%!important
}
.m-19{
    margin:19%!important
}
.m-20{
    margin:20%!important
}
.m-21{
    margin:21%!important
}
.m-22{
    margin:22%!important
}
.m-23{
    margin:23%!important
}
.m-24{
    margin:24%!important
}
.m-25{
    margin:25%!important
}
.m-26{
    margin:26%!important
}
.m-27{
    margin:27%!important
}
.m-28{
    margin:28%!important
}
.m-29{
    margin:29%!important
}
.m-30{
    margin:30%!important
}
.infowindow .mb-3,.mb-5px{
    margin-bottom:5px!important
}
.mt-5px{
    margin-top:5px!important
}
.mt-10px{
    margin-top:10px!important
}
.mt-15px{
    margin-top:15px!important
}
.mt-20px{
    margin-top:20px!important
}
.mt-25px{
    margin-top:25px!important
}
.mt-30px{
    margin-top:30px!important
}
.mt-35px{
    margin-top:35px!important
}
.mt-40px{
    margin-top:40px!important
}
.mt-45px{
    margin-top:45px!important
}
.mt-50px{
    margin-top:50px!important
}
.mt-55px{
    margin-top:55px!important
}
.mt-60px{
    margin-top:60px!important
}
.mt-65px{
    margin-top:65px!important
}
.mt-70px{
    margin-top:70px!important
}
.mt-1{
    margin-top:1%!important
}
.mt-2{
    margin-top:2%!important
}
.mt-3{
    margin-top:3%!important
}
.mt-4{
    margin-top:4%!important
}
.mt-5{
    margin-top:5%!important
}
.mt-6{
    margin-top:6%!important
}
.mt-7{
    margin-top:7%!important
}
.mt-8{
    margin-top:8%!important
}
.mt-9{
    margin-top:9%!important
}
.mt-10{
    margin-top:10%!important
}
.mt-11{
    margin-top:11%!important
}
.mt-12{
    margin-top:12%!important
}
.mt-13{
    margin-top:13%!important
}
.mt-14{
    margin-top:14%!important
}
.mt-15{
    margin-top:15%!important
}
.mt-16{
    margin-top:16%!important
}
.mt-17{
    margin-top:17%!important
}
.mt-18{
    margin-top:18%!important
}
.mt-19{
    margin-top:19%!important
}
.mt-20{
    margin-top:20%!important
}
.mt-21{
    margin-top:21%!important
}
.mt-22{
    margin-top:22%!important
}
.mt-23{
    margin-top:23%!important
}
.mt-24{
    margin-top:24%!important
}
.mt-25{
    margin-top:25%!important
}
.mt-26{
    margin-top:26%!important
}
.mt-27{
    margin-top:27%!important
}
.mt-28{
    margin-top:28%!important
}
.mt-29{
    margin-top:29%!important
}
.mt-30{
    margin-top:30%!important
}
.me-5px{
    margin-right:5px!important
}
.me-10px{
    margin-right:10px!important
}
.me-15px{
    margin-right:15px!important
}
.me-20px{
    margin-right:20px!important
}
.me-25px{
    margin-right:25px!important
}
.me-30px{
    margin-right:30px!important
}
.me-35px{
    margin-right:35px!important
}
.me-40px{
    margin-right:40px!important
}
.me-45px{
    margin-right:45px!important
}
.me-50px{
    margin-right:50px!important
}
.me-55px{
    margin-right:55px!important
}
.me-60px{
    margin-right:60px!important
}
.me-65px{
    margin-right:65px!important
}
.me-70px{
    margin-right:70px!important
}
.me-1{
    margin-right:1%!important
}
.me-2{
    margin-right:2%!important
}
.me-3{
    margin-right:3%!important
}
.me-4{
    margin-right:4%!important
}
.me-5{
    margin-right:5%!important
}
.me-6{
    margin-right:6%!important
}
.me-7{
    margin-right:7%!important
}
.me-8{
    margin-right:8%!important
}
.me-9{
    margin-right:9%!important
}
.me-10{
    margin-right:10%!important
}
.me-11{
    margin-right:11%!important
}
.me-12{
    margin-right:12%!important
}
.me-13{
    margin-right:13%!important
}
.me-14{
    margin-right:14%!important
}
.me-15{
    margin-right:15%!important
}
.me-16{
    margin-right:16%!important
}
.me-17{
    margin-right:17%!important
}
.me-18{
    margin-right:18%!important
}
.me-19{
    margin-right:19%!important
}
.me-20{
    margin-right:20%!important
}
.me-21{
    margin-right:21%!important
}
.me-22{
    margin-right:22%!important
}
.me-23{
    margin-right:23%!important
}
.me-24{
    margin-right:24%!important
}
.me-25{
    margin-right:25%!important
}
.me-26{
    margin-right:26%!important
}
.me-27{
    margin-right:27%!important
}
.me-28{
    margin-right:28%!important
}
.me-29{
    margin-right:29%!important
}
.me-30{
    margin-right:30%!important
}
.mb-10px{
    margin-bottom:10px!important
}
.mb-15px{
    margin-bottom:15px!important
}
.mb-20px{
    margin-bottom:20px!important
}
.mb-25px{
    margin-bottom:25px!important
}
.mb-30px{
    margin-bottom:30px!important
}
.mb-35px{
    margin-bottom:35px!important
}
.mb-40px{
    margin-bottom:40px!important
}
.mb-45px{
    margin-bottom:45px!important
}
.mb-50px{
    margin-bottom:50px!important
}
.mb-55px{
    margin-bottom:55px!important
}
.mb-60px{
    margin-bottom:60px!important
}
.mb-65px{
    margin-bottom:65px!important
}
.mb-70px{
    margin-bottom:70px!important
}
.mb-1{
    margin-bottom:1%!important
}
.mb-2{
    margin-bottom:2%!important
}
.mb-3{
    margin-bottom:3%!important
}
.mb-4{
    margin-bottom:4%!important
}
.mb-5{
    margin-bottom:5%!important
}
.mb-6{
    margin-bottom:6%!important
}
.mb-7{
    margin-bottom:7%!important
}
.mb-8{
    margin-bottom:8%!important
}
.mb-9{
    margin-bottom:9%!important
}
.mb-10{
    margin-bottom:10%!important
}
.mb-11{
    margin-bottom:11%!important
}
.mb-12{
    margin-bottom:12%!important
}
.mb-13{
    margin-bottom:13%!important
}
.mb-14{
    margin-bottom:14%!important
}
.mb-15{
    margin-bottom:15%!important
}
.mb-16{
    margin-bottom:16%!important
}
.mb-17{
    margin-bottom:17%!important
}
.mb-18{
    margin-bottom:18%!important
}
.mb-19{
    margin-bottom:19%!important
}
.mb-20{
    margin-bottom:20%!important
}
.mb-21{
    margin-bottom:21%!important
}
.mb-22{
    margin-bottom:22%!important
}
.mb-23{
    margin-bottom:23%!important
}
.mb-24{
    margin-bottom:24%!important
}
.mb-25{
    margin-bottom:25%!important
}
.mb-26{
    margin-bottom:26%!important
}
.mb-27{
    margin-bottom:27%!important
}
.mb-28{
    margin-bottom:28%!important
}
.mb-29{
    margin-bottom:29%!important
}
.mb-30{
    margin-bottom:30%!important
}
.ms-5px{
    margin-left:5px!important
}
.ms-10px{
    margin-left:10px!important
}
.ms-15px{
    margin-left:15px!important
}
.ms-20px{
    margin-left:20px!important
}
.ms-25px{
    margin-left:25px!important
}
.ms-30px{
    margin-left:30px!important
}
.ms-35px{
    margin-left:35px!important
}
.ms-40px{
    margin-left:40px!important
}
.ms-45px{
    margin-left:45px!important
}
.ms-50px{
    margin-left:50px!important
}
.ms-55px{
    margin-left:55px!important
}
.ms-60px{
    margin-left:60px!important
}
.ms-65px{
    margin-left:65px!important
}
.ms-70px{
    margin-left:70px!important
}
.ms-1{
    margin-left:1%!important
}
.ms-2{
    margin-left:2%!important
}
.ms-3{
    margin-left:3%!important
}
.ms-4{
    margin-left:4%!important
}
.ms-5{
    margin-left:5%!important
}
.ms-6{
    margin-left:6%!important
}
.ms-7{
    margin-left:7%!important
}
.ms-8{
    margin-left:8%!important
}
.ms-9{
    margin-left:9%!important
}
.ms-10{
    margin-left:10%!important
}
.ms-11{
    margin-left:11%!important
}
.ms-12{
    margin-left:12%!important
}
.ms-13{
    margin-left:13%!important
}
.ms-14{
    margin-left:14%!important
}
.ms-15{
    margin-left:15%!important
}
.ms-16{
    margin-left:16%!important
}
.ms-17{
    margin-left:17%!important
}
.ms-18{
    margin-left:18%!important
}
.ms-19{
    margin-left:19%!important
}
.ms-20{
    margin-left:20%!important
}
.ms-21{
    margin-left:21%!important
}
.ms-22{
    margin-left:22%!important
}
.ms-23{
    margin-left:23%!important
}
.ms-24{
    margin-left:24%!important
}
.ms-25{
    margin-left:25%!important
}
.ms-26{
    margin-left:26%!important
}
.ms-27{
    margin-left:27%!important
}
.ms-28{
    margin-left:28%!important
}
.ms-29{
    margin-left:29%!important
}
.ms-30{
    margin-left:30%!important
}
.top-0px{
    top:0
}
.top-1px{
    top:1px
}
.top-2px{
    top:2px
}
.top-3px{
    top:3px
}
.top-4px{
    top:4px
}
.top-5px{
    top:5px
}
.top-6px{
    top:6px
}
.top-7px{
    top:7px
}
.top-8px{
    top:8px
}
.top-9px{
    top:9px
}
.top-10px{
    top:10px
}
.top-11px{
    top:11px
}
.top-12px{
    top:12px
}
.top-13px{
    top:13px
}
.top-14px{
    top:14px
}
.top-15px{
    top:15px
}
.top-16px{
    top:16px
}
.top-17px{
    top:17px
}
.top-18px{
    top:18px
}
.top-19px{
    top:19px
}
.top-20px{
    top:20px
}
.top-21px{
    top:21px
}
.top-22px{
    top:22px
}
.top-23px{
    top:23px
}
.top-24px{
    top:24px
}
.top-25px{
    top:25px
}
.top-26px{
    top:26px
}
.top-27px{
    top:27px
}
.top-28px{
    top:28px
}
.top-29px{
    top:29px
}
.top-30px{
    top:30px
}
.top-40px{
    top:40px
}
.top-50px{
    top:50px
}
.top-60px{
    top:60px
}
.top-70px{
    top:70px
}
.top-80px{
    top:80px
}
.top-90px{
    top:90px
}
.top-100px{
    top:100px
}
.top-110px{
    top:110px
}
.top-120px{
    top:120px
}
.top-130px{
    top:130px
}
.top-140px{
    top:140px
}
.top-150px{
    top:150px
}
.right-0px{
    right:0
}
.right-1px{
    right:1px
}
.right-2px{
    right:2px
}
.right-3px{
    right:3px
}
.right-4px{
    right:4px
}
.right-5px{
    right:5px
}
.right-6px{
    right:6px
}
.right-7px{
    right:7px
}
.right-8px{
    right:8px
}
.right-9px{
    right:9px
}
.right-10px{
    right:10px
}
.right-11px{
    right:11px
}
.right-12px{
    right:12px
}
.right-13px{
    right:13px
}
.right-14px{
    right:14px
}
.right-15px{
    right:15px
}
.right-16px{
    right:16px
}
.right-17px{
    right:17px
}
.right-18px{
    right:18px
}
.right-19px{
    right:19px
}
.right-20px{
    right:20px
}
.right-21px{
    right:21px
}
.right-22px{
    right:22px
}
.right-23px{
    right:23px
}
.right-24px{
    right:24px
}
.right-25px{
    right:25px
}
.right-26px{
    right:26px
}
.right-27px{
    right:27px
}
.right-28px{
    right:28px
}
.right-29px{
    right:29px
}
.right-30px{
    right:30px
}
.right-40px{
    right:40px
}
.right-50px{
    right:50px
}
.right-60px{
    right:60px
}
.right-70px{
    right:70px
}
.right-80px{
    right:80px
}
.right-90px{
    right:90px
}
.right-100px{
    right:100px
}
.right-110px{
    right:110px
}
.right-120px{
    right:120px
}
.right-130px{
    right:130px
}
.right-140px{
    right:140px
}
.right-150px{
    right:150px
}
.bottom-0px{
    bottom:0
}
.bottom-1px{
    bottom:1px
}
.bottom-2px{
    bottom:2px
}
.bottom-3px{
    bottom:3px
}
.bottom-4px{
    bottom:4px
}
.bottom-5px{
    bottom:5px
}
.bottom-6px{
    bottom:6px
}
.bottom-7px{
    bottom:7px
}
.bottom-8px{
    bottom:8px
}
.bottom-9px{
    bottom:9px
}
.bottom-10px{
    bottom:10px
}
.bottom-11px{
    bottom:11px
}
.bottom-12px{
    bottom:12px
}
.bottom-13px{
    bottom:13px
}
.bottom-14px{
    bottom:14px
}
.bottom-15px{
    bottom:15px
}
.bottom-16px{
    bottom:16px
}
.bottom-17px{
    bottom:17px
}
.bottom-18px{
    bottom:18px
}
.bottom-19px{
    bottom:19px
}
.bottom-20px{
    bottom:20px
}
.bottom-21px{
    bottom:21px
}
.bottom-22px{
    bottom:22px
}
.bottom-23px{
    bottom:23px
}
.bottom-24px{
    bottom:24px
}
.bottom-25px{
    bottom:25px
}
.bottom-26px{
    bottom:26px
}
.bottom-27px{
    bottom:27px
}
.bottom-28px{
    bottom:28px
}
.bottom-29px{
    bottom:29px
}
.bottom-30px{
    bottom:30px
}
.bottom-40px{
    bottom:40px
}
.bottom-50px{
    bottom:50px
}
.bottom-60px{
    bottom:60px
}
.bottom-70px{
    bottom:70px
}
.bottom-80px{
    bottom:80px
}
.bottom-90px{
    bottom:90px
}
.bottom-100px,.hamburger-menu-simple .hamburger-menu .header-icon{
    bottom:100px
}
.bottom-110px{
    bottom:110px
}
.bottom-120px{
    bottom:120px
}
.bottom-130px{
    bottom:130px
}
.bottom-140px{
    bottom:140px
}
.bottom-150px{
    bottom:150px
}
.left-0px{
    left:0
}
.left-1px{
    left:1px
}
.left-2px,.pricing-table-style-08 .nav-tabs>li.nav-item:last-child a:before{
    left:2px
}
.left-3px{
    left:3px
}
.left-4px{
    left:4px
}
.left-5px{
    left:5px
}
.left-6px{
    left:6px
}
.left-7px{
    left:7px
}
.left-8px{
    left:8px
}
.left-9px{
    left:9px
}
.left-10px{
    left:10px
}
.left-11px{
    left:11px
}
.left-12px{
    left:12px
}
.left-13px{
    left:13px
}
.left-14px{
    left:14px
}
.left-15px{
    left:15px
}
.left-16px{
    left:16px
}
.left-17px{
    left:17px
}
.left-18px{
    left:18px
}
.left-19px{
    left:19px
}
.left-20px{
    left:20px
}
.left-21px{
    left:21px
}
.left-22px{
    left:22px
}
.left-23px{
    left:23px
}
.left-24px{
    left:24px
}
.left-25px{
    left:25px
}
.left-26px{
    left:26px
}
.left-27px{
    left:27px
}
.left-28px{
    left:28px
}
.left-29px{
    left:29px
}
.left-30px{
    left:30px
}
.left-40px{
    left:40px
}
.left-50px{
    left:50px
}
.left-60px{
    left:60px
}
.left-70px{
    left:70px
}
.left-80px{
    left:80px
}
.left-90px{
    left:90px
}
.left-100px{
    left:100px
}
.left-110px{
    left:110px
}
.left-120px{
    left:120px
}
.left-130px{
    left:130px
}
.left-140px{
    left:140px
}
.left-150px{
    left:150px
}
.top-minus-0px{
    top:0
}
.top-minus-1px{
    top:-1px
}
.top-minus-2px{
    top:-2px
}
.top-minus-3px{
    top:-3px
}
.top-minus-4px{
    top:-4px
}
.top-minus-5px{
    top:-5px
}
.top-minus-6px{
    top:-6px
}
.top-minus-7px{
    top:-7px
}
.top-minus-8px{
    top:-8px
}
.top-minus-9px{
    top:-9px
}
.top-minus-10px{
    top:-10px
}
.top-minus-11px{
    top:-11px
}
.top-minus-12px{
    top:-12px
}
.top-minus-13px{
    top:-13px
}
.top-minus-14px{
    top:-14px
}
.top-minus-15px{
    top:-15px
}
.top-minus-16px{
    top:-16px
}
.blog-clean .card .card-body .blog-categories,.top-minus-17px{
    top:-17px
}
.top-minus-18px{
    top:-18px
}
.top-minus-19px{
    top:-19px
}
.top-minus-20px{
    top:-20px
}
.top-minus-21px{
    top:-21px
}
.top-minus-22px{
    top:-22px
}
.top-minus-23px{
    top:-23px
}
.top-minus-24px{
    top:-24px
}
.top-minus-25px{
    top:-25px
}
.top-minus-26px{
    top:-26px
}
.top-minus-27px{
    top:-27px
}
.top-minus-28px{
    top:-28px
}
.top-minus-29px{
    top:-29px
}
.top-minus-30px{
    top:-30px
}
.top-minus-40px{
    top:-40px
}
.top-minus-50px{
    top:-50px
}
.top-minus-60px{
    top:-60px
}
.top-minus-70px{
    top:-70px
}
.top-minus-80px{
    top:-80px
}
.top-minus-90px{
    top:-90px
}
.top-minus-100px{
    top:-100px
}
.top-minus-110px{
    top:-110px
}
.top-minus-120px{
    top:-120px
}
.top-minus-130px{
    top:-130px
}
.top-minus-140px{
    top:-140px
}
.top-minus-150px{
    top:-150px
}
.right-minus-0px{
    right:0
}
.right-minus-1px{
    right:-1px
}
.right-minus-2px{
    right:-2px
}
.right-minus-3px{
    right:-3px
}
.right-minus-4px{
    right:-4px
}
.right-minus-5px{
    right:-5px
}
.right-minus-6px{
    right:-6px
}
.right-minus-7px{
    right:-7px
}
.right-minus-8px,.testimonials-style-12 .swiper-button-next-nav{
    right:-8px
}
.right-minus-9px{
    right:-9px
}
.right-minus-10px{
    right:-10px
}
.right-minus-11px{
    right:-11px
}
.right-minus-12px{
    right:-12px
}
.right-minus-13px{
    right:-13px
}
.right-minus-14px{
    right:-14px
}
.right-minus-15px{
    right:-15px
}
.right-minus-16px{
    right:-16px
}
.right-minus-17px{
    right:-17px
}
.right-minus-18px{
    right:-18px
}
.right-minus-19px{
    right:-19px
}
.right-minus-20px{
    right:-20px
}
.right-minus-21px{
    right:-21px
}
.right-minus-22px{
    right:-22px
}
.right-minus-23px{
    right:-23px
}
.right-minus-24px{
    right:-24px
}
.right-minus-25px{
    right:-25px
}
.right-minus-26px{
    right:-26px
}
.right-minus-27px{
    right:-27px
}
.right-minus-28px{
    right:-28px
}
.right-minus-29px{
    right:-29px
}
.right-minus-30px{
    right:-30px
}
.right-minus-40px{
    right:-40px
}
.right-minus-50px{
    right:-50px
}
.right-minus-60px{
    right:-60px
}
.right-minus-70px{
    right:-70px
}
.right-minus-80px{
    right:-80px
}
.right-minus-90px{
    right:-90px
}
.right-minus-100px{
    right:-100px
}
.right-minus-110px{
    right:-110px
}
.right-minus-120px{
    right:-120px
}
.right-minus-130px{
    right:-130px
}
.right-minus-140px{
    right:-140px
}
.right-minus-150px{
    right:-150px
}
header .header-top-bar,header .navbar{
    position:fixed;
    top:0;
    right:0;
    -webkit-transition:.3s
}
.bottom-minus-0px{
    bottom:0
}
.bottom-minus-1px{
    bottom:-1px
}
.bottom-minus-2px{
    bottom:-2px
}
.bottom-minus-3px{
    bottom:-3px
}
.bottom-minus-4px{
    bottom:-4px
}
.bottom-minus-5px{
    bottom:-5px
}
.bottom-minus-6px{
    bottom:-6px
}
.bottom-minus-7px{
    bottom:-7px
}
.bottom-minus-8px{
    bottom:-8px
}
.bottom-minus-9px{
    bottom:-9px
}
.bottom-minus-10px{
    bottom:-10px
}
.bottom-minus-11px{
    bottom:-11px
}
.bottom-minus-12px{
    bottom:-12px
}
.bottom-minus-13px{
    bottom:-13px
}
.bottom-minus-14px{
    bottom:-14px
}
.bottom-minus-15px{
    bottom:-15px
}
.bottom-minus-16px{
    bottom:-16px
}
.bottom-minus-17px{
    bottom:-17px
}
.bottom-minus-18px{
    bottom:-18px
}
.bottom-minus-19px{
    bottom:-19px
}
.bottom-minus-20px{
    bottom:-20px
}
.bottom-minus-21px{
    bottom:-21px
}
.bottom-minus-22px{
    bottom:-22px
}
.bottom-minus-23px{
    bottom:-23px
}
.bottom-minus-24px{
    bottom:-24px
}
.bottom-minus-25px{
    bottom:-25px
}
.bottom-minus-26px{
    bottom:-26px
}
.bottom-minus-27px{
    bottom:-27px
}
.bottom-minus-28px{
    bottom:-28px
}
.bottom-minus-29px{
    bottom:-29px
}
.bottom-minus-30px{
    bottom:-30px
}
.bottom-minus-40px{
    bottom:-40px
}
.bottom-minus-50px{
    bottom:-50px
}
.bottom-minus-60px{
    bottom:-60px
}
.bottom-minus-70px{
    bottom:-70px
}
.bottom-minus-80px{
    bottom:-80px
}
.bottom-minus-90px{
    bottom:-90px
}
.bottom-minus-100px{
    bottom:-100px
}
.bottom-minus-110px{
    bottom:-110px
}
.bottom-minus-120px{
    bottom:-120px
}
.bottom-minus-130px{
    bottom:-130px
}
.bottom-minus-140px{
    bottom:-140px
}
.bottom-minus-150px{
    bottom:-150px
}
.left-minus-0px{
    left:0
}
.left-minus-1px{
    left:-1px
}
.left-minus-2px{
    left:-2px
}
.left-minus-3px{
    left:-3px
}
.left-minus-4px{
    left:-4px
}
.left-minus-5px{
    left:-5px
}
.left-minus-6px{
    left:-6px
}
.left-minus-7px{
    left:-7px
}
.left-minus-8px{
    left:-8px
}
.left-minus-9px{
    left:-9px
}
.left-minus-10px{
    left:-10px
}
.left-minus-11px{
    left:-11px
}
.left-minus-12px{
    left:-12px
}
.left-minus-13px{
    left:-13px
}
.left-minus-14px{
    left:-14px
}
.left-minus-15px{
    left:-15px
}
.left-minus-16px{
    left:-16px
}
.left-minus-17px{
    left:-17px
}
.left-minus-18px{
    left:-18px
}
.left-minus-19px{
    left:-19px
}
.left-minus-20px{
    left:-20px
}
.left-minus-21px{
    left:-21px
}
.left-minus-22px{
    left:-22px
}
.left-minus-23px{
    left:-23px
}
.left-minus-24px{
    left:-24px
}
.left-minus-25px{
    left:-25px
}
.left-minus-26px{
    left:-26px
}
.left-minus-27px{
    left:-27px
}
.left-minus-28px{
    left:-28px
}
.left-minus-29px{
    left:-29px
}
.left-minus-30px{
    left:-30px
}
.left-minus-40px{
    left:-40px
}
.left-minus-50px{
    left:-50px
}
.left-minus-60px{
    left:-60px
}
.left-minus-70px{
    left:-70px
}
.left-minus-80px{
    left:-80px
}
.left-minus-90px{
    left:-90px
}
.left-minus-100px{
    left:-100px
}
.left-minus-110px{
    left:-110px
}
.left-minus-120px{
    left:-120px
}
.left-minus-130px{
    left:-130px
}
.left-minus-140px{
    left:-140px
}
.left-minus-150px{
    left:-150px
}
.fw-100{
    font-weight:100!important
}
.fw-200{
    font-weight:200!important
}
.fw-300{
    font-weight:300!important
}
.fw-400{
    font-weight:400!important
}
.fw-500{
    font-weight:500!important
}
.fw-600{
    font-weight:600!important
}
.fw-700{
    font-weight:700!important
}
.fw-800{
    font-weight:800!important
}
.fw-900{
    font-weight:900!important
}
.min-h-100px{
    min-height:100px!important
}
.min-h-150px{
    min-height:150px!important
}
.min-h-200px{
    min-height:200px!important
}
.min-h-250px{
    min-height:250px!important
}
.min-h-300px{
    min-height:300px!important
}
.min-h-350px{
    min-height:350px!important
}
.min-h-400px{
    min-height:400px!important
}
.min-h-450px{
    min-height:450px!important
}
.min-h-500px{
    min-height:500px!important
}
.min-h-550px{
    min-height:550px!important
}
.min-h-600px{
    min-height:600px!important
}
.min-h-650px{
    min-height:650px!important
}
.min-h-700px{
    min-height:700px!important
}
.min-h-750px{
    min-height:750px!important
}
.min-h-800px{
    min-height:800px!important
}
.min-h-850px{
    min-height:850px!important
}
.min-h-900px{
    min-height:900px!important
}
.min-h-950px{
    min-height:950px!important
}
.opacity-0{
    opacity:0
}
.opacity-1{
    opacity:.1
}
.opacity-2{
    opacity:.2
}
.opacity-3{
    opacity:.3
}
.opacity-4{
    opacity:.4
}
.opacity-5{
    opacity:.5
}
.opacity-6{
    opacity:.6
}
.opacity-7{
    opacity:.7
}
.opacity-8{
    opacity:.8
}
.opacity-9{
    opacity:.9
}
.z-index-0{
    z-index:0
}
.z-index-1{
    z-index:1
}
.z-index-2{
    z-index:2
}
.z-index-3{
    z-index:3
}
.z-index-4{
    z-index:4
}
.z-index-5{
    z-index:5
}
.z-index-6{
    z-index:6
}
.z-index-7{
    z-index:7
}
.z-index-8{
    z-index:8
}
.z-index-9{
    z-index:9
}
.z-index-minus-1{
    z-index:-1
}
.z-index-minus-2{
    z-index:-2
}
header .header-top-bar [class*=col-]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .header-top-bar [class*=col-].text-end{
    justify-content:flex-end!important
}
header .header-top-bar [class*=col-] .header-icon,header .navbar [class*=col-],header .navbar [class*=col-] .navbar-nav{
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch
}
header .navbar{
    left:0;
    z-index:99;
    transition:.3s
}
header .navbar [class*=col-]{
    padding:0 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
header .navbar [class*=col-].text-end{
    justify-content:flex-end!important
}
header .navbar [class*=col-] .navbar-nav{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .navbar [class*=col-] .navbar-nav .nav-item,header .navbar [class*=col-] .navbar-nav .nav-item a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .container-fluid{
    padding-left:45px;
    padding-right:45px
}
header.sticky .navbar-brand{
    padding:20px 0
}
header.sticky .navbar{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
header.sticky .navbar.fixed-header,header.sticky .navbar.sticky-header{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
header.sticky .header-light:not(.disable-fixed){
    box-shadow:0 10px 35px 0 rgba(0,0,0,.1)
}
header.sticky.sticky-appear .header-reverse-back-scroll{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
header.sticky.sticky-appear .header-reverse-back-scroll.glass-effect{
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    background-color:rgba(255,255,255,.85)!important
}
header.sticky.sticky-appear .header-reverse-back-scroll.header-dark.glass-effect{
    background-color:rgba(35,35,35,.7)!important
}
header.sticky.sticky-active .header-reverse{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    border-color:transparent!important
}
header.sticky.sticky-active .header-reverse.glass-effect{
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    background-color:rgba(255,255,255,.85)!important
}
header.sticky.sticky-active .header-reverse.header-dark.glass-effect{
    background-color:rgba(35,35,35,.7)!important
}
header.sticky.sticky-active .navbar-brand .alt-logo{
    visibility:visible;
    opacity:1;
    width:auto
}
header.sticky.sticky-active .navbar-brand .default-logo{
    visibility:hidden;
    opacity:0;
    width:0
}
header.sticky.sticky-active [data-header-hover=dark] .icon>a:hover,header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link{
    opacity:.6;
    color:var(--white)
}
header.sticky.sticky-active [data-header-hover=dark]{
    background-color:var(--dark-gray)!important
}
header.sticky.sticky-active [data-header-hover=dark] .icon>a,header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link{
    color:var(--white)
}
header.sticky.sticky-active [data-header-hover=dark] .icon .push-button span{
    background-color:var(--white)
}
header.sticky.sticky-active [data-header-hover=dark] .header-search-style i,header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a,header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a:hover,header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a,header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a:hover{
    color:var(--white)
}
header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown{
    background-color:var(--dark-gray)
}
header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a{
    color:var(--light-gray)
}
header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover{
    color:var(--white);
    opacity:1
}
header.sticky.sticky-active [data-header-hover=light]{
    background-color:var(--white)!important;
    box-shadow:0 0 50px 0 rgba(0,0,0,.1)
}
[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list,[data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu,header.sticky.sticky-active [data-header-hover=light] .icon .push-button span{
    background-color:var(--dark-gray)
}
header.sticky.sticky-active [data-header-hover=light] .icon>a,header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link{
    color:var(--dark-gray)
}
header.sticky.sticky-active [data-header-hover=light] .icon>a:hover{
    color:var(--medium-gray);
    opacity:1
}
header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a,header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a{
    color:var(--dark-gray)
}
header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a:hover,header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a:hover{
    color:var(--medium-gray);
    opacity:1
}
header.sticky.sticky-active [data-header-hover=light] .header-search-style i{
    color:var(--dark-gray)
}
header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a{
    color:var(--medium-gray)
}
header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a:hover{
    color:var(--dark-gray);
    opacity:1
}
header.sticky.sticky-active [data-header-hover=light] .widget-text,header.sticky.sticky-active [data-header-hover=light] .widget-text a{
    color:var(--dark-gray)
}
header.sticky.sticky-active [data-header-hover=light].disable-fixed.header-demo{
    background-color:transparent!important
}
header.sticky .header-icon .push-button{
    padding:0
}
header.sticky .center-logo .navbar-nav .nav-link{
    padding:26px 20px
}
header.sticky .top-logo .navbar-brand{
    padding:15px 0
}
header.sticky .top-logo.disable-fixed .navbar-brand,header.sticky .top-logo.fixed-header .navbar-brand{
    padding:22px 0
}
header.sticky .top-logo.responsive-sticky .navbar-nav .nav-link{
    padding-top:18px!important;
    padding-bottom:18px!important
}
header.sticky .top-logo.responsive-sticky .header-icon .header-cart-icon .header-cart a i,header.sticky .top-logo.responsive-sticky .header-icon .header-language-icon .header-cart>a i{
    padding-top:22px;
    padding-bottom:22px
}
header.sticky .mini-header .header-icon .header-cart-icon .header-cart a i,header.sticky .mini-header .header-icon .header-language a i{
    padding-top:16px;
    padding-bottom:16px
}
header.sticky .disable-fixed .navbar-brand,header.sticky .fixed-header .navbar-brand{
    padding:30px 0
}
header .navbar.mini-header .navbar-brand{
    padding:20px 0
}
header .navbar.mini-header .navbar-brand img{
    max-height:22px
}
header .navbar-brand{
    margin-right:0;
    vertical-align:middle;
    padding:20px 0;
    display:inline-block;
    font-size:0
}
header .navbar-brand .default-logo{
    visibility:visible;
    opacity:1;
    width:auto
}
header .navbar-brand .alt-logo,header .navbar-brand .mobile-logo{
    visibility:hidden;
    opacity:0;
    width:0
}
header .navbar-brand img{
    max-height:46px
}
header .header-top-bar{
    width:100%;
    left:0;
    z-index:100;
    transition:.3s
}
header .header-top-bar+.navbar{
    -webkit-transition:.3s;
    transition:.3s;
    top:40px
}
header .header-top-bar+.navbar.disable-fixed{
    top:0
}
header .header-top-bar .widget{
    display:inline-block
}
header .header-top-bar .widget i{
    padding-right:5px
}
header .header-top-bar .header-icon .header-social-icon{
    top:0
}
header .header-top-bar .header-icon .header-social-icon ul{
    list-style:none;
    padding:0;
    margin:0
}
header .header-top-bar .header-icon .header-social-icon ul li{
    display:inline-block;
    margin:0 15px 0 0
}
header .header-top-bar .header-icon .header-social-icon ul li:last-child{
    margin-right:0
}
header .header-top-bar .header-icon .header-social-icon a{
    font-size:12px
}
header .header-top-bar .header-icon .header-social-text{
    top:0
}
header .header-top-bar .header-icon .header-social-text ul{
    list-style:none;
    padding:0;
    margin:0
}
header .header-top-bar .header-icon .header-social-text ul li{
    display:inline-block;
    margin:0 30px 0 0
}
header .header-top-bar .header-icon .header-social-text ul li:last-child{
    margin-right:0
}
header .left-nav .navbar-nav:before{
    height:20px;
    width:1px;
    opacity:.5;
    content:"";
    -webkit-transform:translate(-7px,0);
    transform:translate(-7px,0);
    -webkit-transition:.3s;
    transition:.3s
}
header .disable-fixed{
    position:absolute
}
header.sticky .responsive-sticky{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
header.sticky .navbar.disable-fixed{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    box-shadow:none
}
.navbar{
    padding:0
}
.navbar .navbar-nav .nav-item>i{
    display:none
}
.navbar .navbar-nav .nav-item .nav-link.active,.navbar .navbar-nav .nav-item.active .nav-link,.navbar .navbar-nav .nav-item:hover .nav-link{
    opacity:.6
}
.navbar .navbar-nav .nav-link{
    font-size:16px;
    line-height:20px;
    padding:10px 20px;
    position:relative;
    font-weight:500;
    opacity:1;
    word-break:normal;
    -webkit-transition:.3s;
    transition:.3s;
    color:var(--white)
}
.navbar .navbar-nav .nav-link .label{
    display:inline-block;
    padding:1px 11px;
    font-size:12px;
    margin-left:8px;
    margin-top:0;
    vertical-align:middle
}
.navbar .navbar-nav .dropdown.submenu{
    position:inherit
}
.navbar .navbar-nav .dropdown .dropdown-menu{
    margin:0;
    padding:60px 0 65px;
    border:0;
    top:100%;
    background-color:var(--white);
    box-shadow:0 45px 45px 0 rgba(0,0,0,.05);
    -webkit-animation:hide-animation .5s;
    animation:hide-animation .5s;
    -webkit-border-radius:0;
    border-radius:0
}
.navbar .navbar-nav .dropdown .dropdown-menu li:last-child>a{
    padding-bottom:0
}
.navbar .navbar-nav .dropdown .dropdown-menu li.active>a{
    color:var(--dark-gray)
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover{
    padding-left:3px
}
.navbar .navbar-nav .dropdown .dropdown-menu a{
    color:var(--medium-gray);
    font-size:15px;
    line-height:24px;
    font-weight:400;
    padding-bottom:10px;
    display:block
}
.menu-item-list .sub-menu a .label,.navbar .navbar-nav .dropdown .dropdown-menu a .label{
    margin-top:0;
    font-weight:700;
    vertical-align:middle;
    white-space:nowrap;
    text-transform:uppercase
}
.navbar .navbar-nav .dropdown .dropdown-menu a:hover{
    color:var(--dark-gray)
}
.navbar .navbar-nav .dropdown .dropdown-menu a i{
    width:25px;
    display:inline-block;
    vertical-align:middle;
    margin-right:7px;
    text-align:center
}
.navbar .navbar-nav .dropdown .dropdown-menu a .label{
    display:inline-block;
    padding:5px 10px;
    font-size:10px;
    line-height:initial;
    margin-left:8px
}
.navbar .navbar-nav .dropdown.open .dropdown-menu{
    display:block;
    -webkit-animation:show-animation .5s;
    animation:show-animation .5s
}
.navbar .navbar-nav .submenu-content{
    width:100%;
    border-top:1px solid #e7e7e7!important;
    left:0
}
.navbar .navbar-nav .submenu-content ul{
    padding:0 30px 0 0;
    list-style:none
}
.navbar .navbar-nav .submenu-content ul:nth-child(4n+1){
    clear:both
}
.navbar .navbar-nav .submenu-content ul .sub-title{
    color:var(--dark-gray);
    font-size:16px;
    font-weight:600;
    margin-bottom:10px
}
.navbar .navbar-nav .submenu-content ul:last-child:before{
    display:none
}
.navbar .navbar-nav .submenu-content .mega-menu{
    width:1190px
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu{
    display:none;
    width:245px;
    padding:35px 0;
    -webkit-border-radius:0;
    border-radius:0;
    box-shadow:0 0 35px 0 rgba(0,0,0,.1)
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li{
    padding:0 45px 0 40px
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li a{
    padding-bottom:12px
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown{
    position:relative
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i{
    position:absolute;
    right:35px;
    top:6px;
    width:auto;
    font-size:13px
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>a{
    color:var(--dark-gray)
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>.dropdown-menu{
    display:block
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.menu-left .dropdown-menu{
    left:calc(-100% - 1px)
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown .dropdown-menu{
    -webkit-animation:none;
    animation:none
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu{
    display:none;
    position:absolute;
    left:calc(100% + 1px);
    top:-35px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu{
    border-radius:5px;
    padding:0;
    overflow:hidden;
    width:260px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li{
    padding:0
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{
    font-size:15px;
    line-height:26px;
    border-bottom:1px solid rgba(23,23,23,.1);
    padding:17px 20px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i{
    font-size:19px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a img{
    width:35px;
    margin-right:15px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a{
    border-bottom:0
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu{
    box-shadow:0 0 35px 0 rgba(0,0,0,.1);
    border-radius:5px;
    width:310px;
    padding:20px 35px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li{
    justify-content:center;
    display:flex;
    border-bottom:0;
    padding:0
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:first-child a{
    border-top:0
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a{
    margin:0;
    border-top:1px solid rgba(23,23,23,.1);
    padding:15px 30px 15px 0;
    font-size:16px;
    line-height:28px;
    font-weight:500;
    width:100%;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i{
    width:40px;
    font-size:36px;
    margin-right:15px;
    color:var(--base-color);
    flex-shrink:0;
    text-align:left
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span{
    color:var(--dark-gray);
    font-weight:600
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p{
    margin:0;
    font-size:13px;
    color:var(--medium-gray)
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img{
    border-radius:100%;
    width:45px;
    margin-right:15px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before{
    content:"\f135";
    color:var(--black);
    font-family:bootstrap-icons;
    font-weight:400;
    font-size:23px;
    position:absolute;
    right:6px;
    opacity:0;
    -webkit-transition:all .3s cubic-bezier(.61,1,.88,1);
    transition:all .3s cubic-bezier(.61,1,.88,1)
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before{
    right:0;
    opacity:1
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn{
    padding:15px 20px;
    justify-content:center;
    margin-top:10px;
    line-height:normal;
    border-top:0;
    font-size:14px;
    margin-bottom:5px
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn:before{
    display:none
}
[data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active>a{
    color:var(--white)
}
[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a,[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{
    border-bottom:1px solid rgba(255,255,255,.1)
}
[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span{
    color:var(--white)!important
}
[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before{
    color:var(--white)
}
[data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a{
    color:var(--light-gray)
}
[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span,[data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu .dropdown:hover>a,[data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a:hover,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu .dropdown:hover>a,[data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a:hover,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a:hover{
    color:var(--white)
}
[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item{
    border-color:#3e3e3e
}
[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total{
    background-color:var(--black)
}
[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{
    color:var(--medium-gray)
}
[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .close,[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover{
    color:var(--white)
}
[data-header-hover=dark] .header-language-icon .header-language .language-dropdown{
    background-color:var(--dark-gray)
}
[data-header-hover=dark] .header-language-icon .header-language .language-dropdown a{
    color:var(--light-gray)
}
[data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover{
    color:var(--white);
    opacity:1
}
.submenu-dark{
    background-color:var(--dark-gray)!important
}
.submenu-dark .navbar-brand .alt-logo{
    visibility:visible;
    opacity:1;
    width:auto
}
.submenu-dark .navbar-brand .default-logo{
    visibility:hidden;
    opacity:0;
    width:0
}
.submenu-dark .navbar-nav .dropdown .dropdown-menu{
    background-color:var(--dark-gray)
}
.submenu-dark .navbar-nav .dropdown .dropdown-menu a{
    color:var(--light-gray)
}
.submenu-dark .navbar-nav .dropdown .dropdown-menu a:hover,.submenu-dark .navbar-nav .dropdown .dropdown-menu li.active>a,.submenu-dark .navbar-nav .submenu-content ul .sub-title{
    color:var(--white)
}
.submenu-dark .navbar-nav .submenu-content{
    border-color:#424242!important
}
.submenu-dark .navbar-nav .submenu-content ul:before{
    background-color:var(--medium-gray)
}
.submenu-dark .header-cart-icon .header-cart .cart-item-list,.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu{
    background-color:var(--dark-gray)
}
.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a{
    color:var(--light-gray)
}
.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span,.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover{
    color:var(--white)
}
.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item{
    border-color:#3e3e3e
}
.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total{
    background-color:var(--black)
}
.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{
    color:var(--medium-gray)
}
.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close,.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover{
    color:var(--white)
}
.submenu-dark .header-cart-icon .header-language .language-dropdown{
    background-color:var(--dark-gray)
}
.submenu-dark .header-cart-icon .header-language .language-dropdown a{
    color:var(--light-gray)
}
.submenu-dark .header-cart-icon .header-language .language-dropdown a:hover{
    color:var(--white);
    opacity:1
}
.submenu-light{
    background-color:var(--white)!important
}
.header-dark .navbar-nav .dropdown .dropdown-menu,.submenu-light .header-icon .icon .push-button span{
    background-color:var(--dark-gray)
}
.submenu-light .navbar-brand .alt-logo{
    visibility:visible;
    opacity:1;
    width:auto
}
.submenu-light .navbar-brand .default-logo{
    visibility:hidden;
    opacity:0;
    width:0
}
.submenu-light .header-icon .icon>a,.submenu-light .navbar-nav .nav-link{
    color:var(--dark-gray)
}
.submenu-light .header-icon .icon>a:hover{
    color:var(--medium-gray)
}
.submenu-light .header-icon .icon .header-cart>a,.submenu-light .header-icon .icon .header-language>a{
    color:var(--dark-gray)
}
.submenu-light .header-icon .icon .header-cart>a:hover,.submenu-light .header-icon .icon .header-language>a:hover{
    color:var(--medium-gray)
}
.submenu-light .menu-item-list .nav-link{
    color:var(--dark-gray)
}
.submenu-light .menu-item-list .nav-link:hover,.submenu-light .menu-item-list .sub-menu a{
    color:var(--dark-gray);
    opacity:.6
}
.submenu-light .menu-item-list .menu-item .toggle,.submenu-light .widget-text,.submenu-light .widget-text a{
    color:var(--dark-gray)
}
.header-dark .navbar-nav .dropdown .dropdown-menu a{
    color:var(--light-gray)
}
.header-dark .navbar-nav .dropdown .dropdown-menu a:hover,.header-dark .navbar-nav .dropdown .dropdown-menu li.active>a,.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span{
    color:var(--white)
}
.header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{
    border-bottom:1px solid rgba(255,255,255,.1)
}
.header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a{
    border-bottom:0
}
.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a{
    border-bottom:1px solid rgba(255,255,255,.1)
}
.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p{
    color:var(--light-gray)
}
.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before,.header-dark .navbar-nav .submenu-content ul .sub-title{
    color:var(--white)
}
.header-dark .navbar-nav .submenu-content{
    border-color:#424242!important
}
.header-dark .navbar-nav .submenu-content ul:before{
    background-color:var(--medium-gray)
}
.header-dark .header-cart-icon .header-cart .cart-item-list,.header-dark .navbar-nav .simple-dropdown .dropdown-menu{
    background-color:var(--dark-gray)
}
.header-dark .navbar-nav .simple-dropdown .dropdown-menu a{
    color:var(--light-gray)
}
.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span,.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>a,.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,.header-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover{
    color:var(--white)
}
.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item{
    border-color:#3e3e3e
}
.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total{
    background-color:var(--black)
}
.header-dark .header-language-icon .header-language .language-dropdown,.header-light .header-icon .icon .push-button span,.header-light .menu-item-list .menu-item .menu-toggle:after,.header-light .menu-item-list .menu-item .menu-toggle:before{
    background-color:var(--dark-gray)
}
.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{
    color:var(--medium-gray)
}
.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close,.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover{
    color:var(--white)
}
.header-dark .header-language-icon .header-language .language-dropdown a{
    color:var(--light-gray)
}
.header-dark .header-language-icon .header-language .language-dropdown a:hover{
    color:var(--white);
    opacity:1
}
.header-light .header-icon .icon .header-account>a:hover,.header-light .header-icon .icon .header-cart>a:hover,.header-light .header-icon .icon .header-language>a:hover,.header-light .header-icon .icon>a:hover,.header-light .menu-item-list .nav-link:hover{
    color:var(--dark-gray);
    opacity:.6
}
.header-light .header-icon .icon>a,.header-light .navbar-nav .nav-link{
    color:var(--dark-gray)
}
.header-light .header-icon .icon .header-account>a,.header-light .header-icon .icon .header-cart>a,.header-light .header-icon .icon .header-language>a{
    color:var(--dark-gray)
}
.header-light .menu-item-list .nav-link{
    color:var(--dark-gray)
}
.header-light .menu-item-list .sub-menu a{
    color:var(--medium-gray);
    opacity:1
}
.header-light .menu-item-list .sub-menu .active>a,.header-light .menu-item-list .sub-menu a:hover,.header-light .widget-text,.header-light .widget-text a{
    color:var(--dark-gray)
}
.header-icon{
    display:flex;
    align-items:center
}
.header-icon .icon{
    position:relative;
    line-height:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header-icon .icon>a{
    padding-left:16px;
    font-size:17px;
    color:var(--white)
}
.header-icon .icon>a:hover{
    color:var(--white);
    opacity:.6
}
.header-icon .icon:first-child a:first-child{
    padding-left:0
}
.header-icon .icon .header-account,.header-icon .icon .header-cart,.header-icon .icon .header-language{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header-icon .icon .header-account>a,.header-icon .icon .header-cart>a,.header-icon .icon .header-language>a{
    padding-left:14px;
    color:var(--white);
    font-size:17px
}
.header-icon .icon .header-account>a:hover,.header-icon .icon .header-cart>a:hover,.header-icon .icon .header-language>a:hover{
    color:var(--white);
    opacity:.6
}
.header-icon .header-mail{
    padding-right:35px;
    top:0
}
.header-icon .header-mail .mail{
    font-size:14px
}
.header-icon .header-mail .mail i{
    vertical-align:middle;
    padding-right:5px
}
.header-icon .header-social-icon a{
    font-size:17px;
    padding-left:20px;
    flex-shrink:0
}
.header-cart-icon .header-cart{
    display:inline-block
}
.header-cart-icon .header-cart .cart-item-list{
    display:none;
    left:auto;
    right:0;
    box-shadow:0 0 25px 0 rgba(0,0,0,.1);
    background-color:var(--white);
    border:0;
    margin:0;
    position:absolute;
    z-index:1;
    top:100%
}
.header-cart-icon .header-cart .cart-item-list .cart-item{
    display:flex;
    border-top:1px solid #ededed;
    position:relative
}
.header-cart-icon .header-cart .cart-item-list .cart-item .close{
    position:absolute;
    font-weight:400;
    color:var(--dark-gray)
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-image{
    max-width:50px;
    width:30%;
    display:inline-block
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail{
    padding-left:15px;
    width:70%;
    text-align:left;
    display:inline-block
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{
    color:var(--dark-gray);
    display:inline-block;
    padding:0
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount{
    display:block;
    color:var(--medium-gray);
    line-height:normal
}
.header-cart-icon .header-cart .cart-item-list .cart-item:first-child{
    border-top:0
}
.header-cart-icon .header-cart .cart-item-list .cart-total{
    flex-direction:column!important;
    color:var(--dark-gray)
}
.header-cart-icon .header-cart .cart-item-list .cart-total span{
    line-height:20px;
    display:inline-block
}
.header-cart-icon .header-cart .cart-item-list .cart-total .btn{
    width:100%;
    display:block;
    margin:8px 0
}
.header-cart-icon .header-cart.open .cart-item-list{
    display:block;
    -webkit-animation:show-animation .5s;
    animation:show-animation .5s
}
.header-cart-icon a{
    position:relative
}
.header-cart-icon .cart-count{
    position:absolute;
    top:-7px;
    right:-11px;
    width:17px;
    height:17px;
    font-weight:600;
    text-align:center;
    font-size:10px;
    line-height:18px;
    color:var(--white);
    -webkit-border-radius:100%;
    border-radius:100%;
    -webkit-transition:.5s;
    transition:.5s
}
.header-account-icon{
    line-height:normal!important
}
.header-account-icon .header-account{
    display:inline-block
}
.header-account-icon .header-account .account-item-list{
    display:none;
    left:auto;
    right:0;
    box-shadow:0 0 25px 0 rgba(0,0,0,.1);
    border-radius:0;
    background-color:var(--white);
    border:0;
    padding:35px 0;
    min-width:220px;
    margin:0;
    position:absolute;
    z-index:1;
    top:100%
}
.header-account-icon .header-account .account-item-list .account-item{
    display:inline-block;
    padding:0 45px 12px 40px;
    width:100%;
    position:relative;
    font-size:17px;
    font-weight:400
}
.header-account-icon .header-account .account-item-list .account-item a{
    padding-left:0
}
.header-account-icon .header-account .account-item-list .account-item a:hover{
    padding-left:3px
}
.header-account-icon .header-account .account-item-list .account-item:last-child{
    padding-bottom:0
}
.header-account-icon .header-account.open .account-item-list{
    display:block;
    -webkit-animation:show-animation .5s;
    animation:show-animation .5s
}
.header-account-icon a{
    position:relative
}
.header-language-icon .header-language{
    display:inline-block
}
.header-language-icon .header-language .language-dropdown{
    position:absolute;
    right:0;
    top:100%;
    padding:20px;
    list-style:none;
    background-color:var(--white);
    display:none;
    box-shadow:0 0 25px 0 rgba(0,0,0,.1);
    -webkit-animation:hide-animation .5s;
    animation:hide-animation .5s;
    z-index:9;
    text-align:left;
    margin:0;
    min-width:140px
}
.header-language-icon .header-language .language-dropdown li a{
    color:var(--medium-gray);
    font-size:12px;
    line-height:28px;
    padding:0
}
.header-language-icon .header-language .language-dropdown li a .icon-country{
    width:16px;
    height:16px;
    display:inline-block;
    margin:0 10px 0 5px
}
.header-language-icon .header-language .language-dropdown li a:hover{
    color:var(--dark-gray);
    opacity:1
}
.connect-me a:hover,.header-push-button .push-button:hover,header a.widget-text:hover{
    opacity:.6
}
.header-language-icon .header-language.open .language-dropdown{
    display:block;
    -webkit-animation:show-animation .5s;
    animation:show-animation .5s
}
.widget-text{
    color:var(--white)
}
.header-push-button{
    padding-left:16px
}
.header-push-button .push-button{
    position:relative;
    display:block;
    width:22px;
    height:14px;
    padding:0;
    cursor:pointer;
    -webkit-transition:.3s;
    transition:.3s
}
.header-push-button .push-button span{
    background:var(--white);
    height:2px;
    width:22px;
    content:"";
    display:block;
    border-radius:0;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.25s;
    transition:.25s
}
.header-push-button .push-button span:nth-child(2),.header-push-button .push-button span:nth-child(3){
    top:6px
}
.header-push-button .push-button span:nth-child(4){
    top:12px;
    width:14px;
    left:-8px
}
.show-menu .header-push-button .push-button span:nth-child(1),.show-menu .header-push-button .push-button span:nth-child(4){
    top:7px;
    width:0%
}
.show-menu .header-push-button .push-button span:nth-child(2){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.show-menu .header-push-button .push-button span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.show-menu{
    overflow:hidden
}
.show-menu .push-menu{
    right:0;
    -webkit-box-shadow:0 0 60px rgba(0,0,0,.3);
    box-shadow:0 0 60px rgba(0,0,0,.3)
}
.show-menu .push-menu .close-menu{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1);
    -webkit-transition-delay:.5s;
    transition-delay:.5s;
    visibility:visible;
    cursor:pointer
}
.show-menu .push-menu.push-menu-left{
    right:auto;
    left:0
}
.push-menu{
    position:fixed;
    top:0;
    right:-100%;
    width:400px;
    height:100%;
    z-index:1031;
    overflow-y:auto;
    -webkit-transition:.5s;
    transition:.5s
}
.push-menu.push-menu-left{
    right:auto;
    left:-100%
}
.push-menu .left-circle{
    width:500px!important;
    height:500px;
    position:absolute;
    left:-160px;
    top:-80px;
    -webkit-border-radius:100%;
    border-radius:100%
}
.push-menu .left-circle:after,.push-menu .left-circle:before{
    width:100%;
    height:100%;
    border:1px solid var(--light-medium-gray);
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    transform:translate(10px,5px);
    -webkit-border-radius:100%;
    border-radius:100%
}
.push-menu .left-circle:after{
    transform:translate(5px,5px)
}
.push-menu .close-menu{
    height:40px;
    width:40px;
    text-align:center;
    position:absolute;
    right:50px;
    top:50px;
    z-index:9;
    display:flex;
    border-radius:100%;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(.8);
    transform:scale(.8)
}
.push-menu .push-menu-wrapper{
    height:100%;
    overflow-y:hidden;
    padding:20px 0
}
.push-menu .push-menu-wrapper .mCustomScrollBox{
    display:flex
}
.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{
    align-self:center
}
.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container{
    width:100%;
    align-self:flex-start
}
.push-menu .push-menu-wrapper .mCSB_inside>.mCSB_container{
    margin:0!important;
    padding:0 15px!important
}
.push-menu.push-menu-style-2 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{
    align-self:start
}
.push-menu.push-menu-style-3 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y{
    height:100%;
    display:flex;
    flex-wrap:wrap;
    align-content:space-between
}
.center-logo .navbar-nav .nav-link{
    padding:38px 20px
}
.center-logo .menu-logo .d-none{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.center-logo .navbar-brand{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    transition:none
}
.center-logo .navbar-left,.center-logo .navbar-right{
    width:42%
}
.top-logo .navbar-brand{
    padding:22px 0
}
.top-logo .navbar-nav .nav-link{
    padding-top:25px!important;
    padding-bottom:25px!important
}
.left-sidebar-wrapper{
    padding-left:300px;
    position:relative;
    min-height:300px;
    width:100%
}
.left-sidebar-wrapper .collapse:not(.show){
    display:block!important
}
header.sticky .left-sidebar-nav .navbar-nav .nav-link{
    padding:0
}
.left-sidebar-header{
    position:absolute;
    left:0;
    width:301px;
    top:-100%;
    bottom:0;
    z-index:999;
    display:block
}
.left-sidebar-header .menu-item-list .menu-item .nav-link{
    font-size:16px;
    line-height:20px
}
.left-sidebar-header .menu-item-list .menu-item .menu-toggle{
    top:10px
}
.left-sidebar-header .menu-item-list .menu-item .sub-menu .menu-toggle{
    top:0
}
.left-sidebar-nav{
    width:300px;
    padding:80px 50px;
    left:0;
    position:fixed;
    overflow:hidden;
    display:block;
    height:inherit;
    -webkit-transition:.3s;
    transition:.3s
}
.left-sidebar-nav .left-menu-bottom{
    width:100%
}
.left-sidebar-nav .left-menu-bottom .header-icon .icon a{
    padding:0 15px
}
.left-sidebar-nav .navbar-brand{
    padding:0!important
}
.menu-item-list,.menu-item-list .menu-item ul{
    padding:0;
    list-style:none
}
.left-sidebar-nav .side-menu{
    margin-top:10.5rem;
    margin-bottom:10.5rem;
    width:100%
}
.left-sidebar-nav .navbar-toggler{
    display:none
}
.social-text{
    width:100%;
    display:inline-block;
    color:var(--medium-gray);
    font-size:13px;
    line-height:16px
}
.connect-me .widget-text,.connect-me a{
    display:table;
    color:var(--dark-gray)
}
.menu-item-list{
    display:block;
    width:100%;
    margin-bottom:0
}
.menu-item-list .menu-item{
    position:relative;
    margin:0
}
.menu-item-list .menu-item .menu-toggle{
    display:block;
    position:absolute;
    right:0;
    top:14px;
    cursor:pointer;
    z-index:1;
    width:30px;
    height:30px;
    line-height:30px
}
.menu-item-list .menu-item .menu-toggle:after,.menu-item-list .menu-item .menu-toggle:before{
    content:"";
    display:block;
    position:absolute;
    right:10px;
    top:15px;
    height:1px;
    width:11px;
    background-color:var(--white)
}
.menu-item-list .menu-item .menu-toggle:after{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.menu-item-list .menu-item .menu-toggle.show:after{
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
.menu-item-list .menu-item .sub-menu .menu-toggle{
    top:0
}
.menu-item-list .menu-item .sub-menu .menu-toggle:after,.menu-item-list .menu-item .sub-menu .menu-toggle:before{
    width:7px
}
.menu-item-list .menu-item .sub-menu .active>a{
    opacity:1
}
.menu-item-list .active .nav-link{
    opacity:.6
}
.menu-item-list .nav-link{
    padding:5px 20px 5px 0;
    font-size:20px;
    line-height:28px;
    display:inline-block;
    width:100%;
    margin:9px 0;
    color:var(--white);
    -webkit-transition:.3s;
    transition:.3s
}
.menu-item-list .nav-link:hover{
    color:var(--white);
    opacity:.6
}
.menu-item-list .sub-menu{
    padding:0;
    display:block;
    height:0;
    overflow:hidden;
    list-style:none;
    margin:0;
    position:relative!important;
    transform:none!important;
    background-color:transparent;
    border:0
}
.menu-item-list .sub-menu li{
    position:relative;
    margin:0;
    padding:5px 0
}
.menu-item-list .sub-menu li .sub-menu{
    margin:0;
    padding-left:15px
}
.menu-item-list .sub-menu li .sub-menu li{
    padding:10px 0 0
}
.menu-item-list .sub-menu li .sub-menu li a{
    padding:0
}
.menu-item-list .sub-menu li .sub-menu li a i{
    margin-right:10px
}
.menu-item-list .sub-menu li .sub-menu li:first-child{
    margin-top:10px
}
.menu-item-list .sub-menu li .sub-menu li:last-child{
    margin-bottom:10px
}
.menu-item-list .sub-menu li:last-child,.menu-item-list .sub-menu li:last-child .sub-menu li:last-child{
    margin-bottom:0
}
.menu-item-list .sub-menu a{
    font-size:15px;
    line-height:22px;
    display:block;
    color:var(--light-gray);
    margin:0;
    padding-right:20px
}
.header-dark .connect-me .widget-text,.header-dark .connect-me a,.header-dark .social-text,.menu-item-list .sub-menu a:hover{
    color:var(--white)
}
.menu-item-list .sub-menu a .label{
    display:inline-block;
    padding:5px 10px;
    font-size:10px;
    line-height:initial;
    margin-left:8px
}
.left-modern-menu .collapse:not(.show),.search-form-wrapper{
    display:block!important
}
.menu-item-list .sub-menu.show{
    height:auto;
    overflow:visible
}
.left-modern-menu{
    padding-left:75px
}
.left-modern-menu .left-modern-header .navbar-brand{
    position:relative;
    z-index:9;
    width:100%;
    padding:0!important;
    text-align:center
}
.left-modern-menu .left-modern-header .navbar-brand img{
    max-height:45px
}
.left-modern-menu .left-modern-header .modern-sidebar-nav{
    position:fixed;
    height:100%;
    width:380px;
    overflow-y:auto;
    top:0;
    left:-400px;
    transition-duration:.3s;
    z-index:9
}
.left-modern-menu .left-modern-header .modern-sidebar-nav:hover .side-menu-hover-background-color{
    opacity:1
}
.left-modern-menu .left-modern-header .modern-side-menu{
    padding:75px 40px;
    height:100%;
    overflow-y:hidden
}
.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox{
    display:flex;
    width:100%
}
.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container{
    align-self:flex-start;
    width:100%;
    margin:0;
    padding:0 30px
}
.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(1),.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(4){
    top:7px;
    width:0%
}
.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y{
    align-self:center
}
.left-modern-menu .left-modern-header.show .modern-sidebar-nav{
    left:75px;
    box-shadow:0 0 150px rgba(0,0,0,.2)
}
.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(2){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(3){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.side-menu-hover-background-color{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition-duration:.6s;
    transition-duration:.6s
}
.header-dark .connect-me a:hover{
    opacity:.6
}
.header-dark.left-modern-sidebar .navbar-toggler-line{
    background-color:var(--white)
}
.vertical-title{
    display:flex;
    height:100%;
    flex:1;
    justify-content:flex-end;
    flex-direction:column;
    -webkit-transform:translateY(-75px);
    transform:translateY(-75px)
}
.vertical-title .title{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    white-space:nowrap;
    text-transform:uppercase
}
.menu-list-wrapper{
    overflow:auto;
    height:calc(100vh - 150px);
    padding:50px 0
}
.menu-list-wrapper .mCustomScrollBox{
    display:flex;
    width:100%
}
.menu-list-wrapper .mCustomScrollBox .mCSB_container{
    align-self:flex-start;
    width:100%;
    margin:0
}
.menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y{
    align-self:center
}
.left-modern-sidebar{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    height:100%;
    width:75px;
    padding:35px 0
}
.left-modern-sidebar .toggle-icon{
    position:absolute;
    top:50%;
    left:50%;
    z-index:9;
    -webkit-transform:translate(-12px,-50%);
    transform:translate(-12px,-50%)
}
.left-modern-sidebar .toggle-icon .navbar-toggler{
    position:relative;
    margin:0 auto;
    z-index:99;
    cursor:pointer
}
.mfp-wrap,.show-search-popup .search-form-wrapper{
    cursor:url(../images/mfg-close.png),auto
}
.hamburger-nav{
    width:50%;
    -webkit-transition:.5s;
    transition:.5s
}
.hamburger-nav .menu-item-list{
    margin-bottom:0;
    padding:0 30px
}
.hamburger-nav .menu-item-list .menu-item{
    margin:0
}
.hamburger-menu .header-icon{
    position:absolute;
    left:0;
    bottom:-50px
}
.show-menu .hamburger-menu-half .hamburger-logo{
    transform:translateY(0);
    opacity:1;
    transition-delay:.2s
}
.show-menu .hamburger-menu-half .menu-address{
    transform:translateY(0);
    opacity:1;
    transition-delay:.4s
}
.show-menu .hamburger-menu-half .elements-social,.show-menu .hamburger-menu-half .menu-text{
    transform:translateY(0);
    opacity:1;
    transition-delay:.8s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item{
    transform:translateY(0);
    -webkit-transform:translateY(0);
    opacity:1
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(1){
    transition-delay:.27s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(2){
    transition-delay:.34s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(3){
    transition-delay:.41s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(4){
    transition-delay:.48s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(5){
    transition-delay:.55s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(6){
    transition-delay:.62s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(7){
    transition-delay:.69s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(8){
    transition-delay:.76s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(9){
    transition-delay:.83s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(10){
    transition-delay:.9s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(11){
    transition-delay:.97s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(12){
    transition-delay:1.04s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(13){
    transition-delay:1.11s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(14){
    transition-delay:1.18s
}
.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(15){
    transition-delay:1.25s
}
.hamburger-menu-half .hamburger-logo,.hamburger-menu-half .menu-address{
    transform:translateY(30px);
    opacity:0;
    transition:transform .8s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99)
}
.hamburger-menu-half .elements-social,.hamburger-menu-simple .hamburger-menu{
    transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99)
}
.hamburger-menu-half .elements-social{
    transform:translateY(30px);
    opacity:0
}
.hamburger-menu-half .menu-item-list .menu-item{
    transform:translateY(30px);
    opacity:0;
    transition:transform .8s cubic-bezier(.4,.01,.165,.99),opacity .4s cubic-bezier(.8,.01,.165,.99)
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(1){
    transition-delay:.49s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(2){
    transition-delay:.42s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(3){
    transition-delay:.35s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(4){
    transition-delay:.28s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(5){
    transition-delay:.21s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(6){
    transition-delay:.14s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(7){
    transition-delay:70ms
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(8){
    transition-delay:0s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(9){
    transition-delay:-70ms
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(10){
    transition-delay:-.14s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(11){
    transition-delay:-.21s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(12){
    transition-delay:-.28s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(13){
    transition-delay:-.35s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(14){
    transition-delay:-.42s
}
.hamburger-menu-half .menu-item-list .menu-item:nth-child(15){
    transition-delay:-.49s
}
.show-menu .hamburger-menu-simple{
    opacity:1;
    visibility:visible;
    top:0
}
.show-menu .hamburger-menu-simple .hamburger-menu{
    opacity:1
}
.show-menu .hamburger-menu-simple .hamburger-logo{
    transform:translateY(0);
    opacity:1;
    transition-delay:.2s
}
.show-menu .hamburger-menu-simple .menu-address{
    transform:translateY(0);
    opacity:1;
    transition-delay:.4s
}
.show-menu .hamburger-menu-simple .elements-social,.show-menu .hamburger-menu-simple .menu-text{
    transform:translateY(0);
    opacity:1;
    transition-delay:.8s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item{
    transform:scale(1) translateY(0);
    -webkit-transform:scale(1) translateY(0);
    opacity:1
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(1){
    transition-delay:.27s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(2){
    transition-delay:.34s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(3){
    transition-delay:.41s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(4){
    transition-delay:.48s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(5){
    transition-delay:.55s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(6){
    transition-delay:.62s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(7){
    transition-delay:.69s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(8){
    transition-delay:.76s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(9){
    transition-delay:.83s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(10){
    transition-delay:.9s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(11){
    transition-delay:.97s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(12){
    transition-delay:1.04s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(13){
    transition-delay:1.11s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(14){
    transition-delay:1.18s
}
.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(15){
    transition-delay:1.25s
}
.hamburger-menu-simple{
    width:100%;
    right:0;
    opacity:1;
    visibility:collapse;
    height:100vh;
    max-height:100dvh;
    top:-100%;
    -webkit-transition:.3s;
    transition:.3s
}
.hamburger-menu-simple .navbar-brand{
    position:absolute;
    top:100px;
    left:0;
    right:0
}
.hamburger-menu-simple .hamburger-menu{
    padding:30px 0;
    transition-delay:.4s;
    opacity:0
}
.hamburger-menu-simple .elements-social,.hamburger-menu-simple .hamburger-logo,.hamburger-menu-simple .menu-address,.hamburger-menu-simple .menu-text{
    transform:translateY(-50px);
    opacity:0;
    transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99)
}
.hamburger-menu-simple .menu-item-list .menu-item{
    transform:scale(1.15) translateY(-30px);
    opacity:0;
    transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99)
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(1){
    transition-delay:.49s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(2){
    transition-delay:.42s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(3){
    transition-delay:.35s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(4){
    transition-delay:.28s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(5){
    transition-delay:.21s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(6){
    transition-delay:.14s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(7){
    transition-delay:70ms
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(8){
    transition-delay:0s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(9){
    transition-delay:-70ms
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(10){
    transition-delay:-.14s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(11){
    transition-delay:-.21s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(12){
    transition-delay:-.28s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(13){
    transition-delay:-.35s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(14){
    transition-delay:-.42s
}
.hamburger-menu-simple .menu-item-list .menu-item:nth-child(15){
    transition-delay:-.49s
}
.hamburger-menu-simple .menu-item-list .nav-link{
    font-size:20px;
    width:auto;
    position:relative
}
.hamburger-menu-simple .menu-item-list .nav-link:hover{
    opacity:.6
}
.hamburger-logo img{
    max-height:45px
}
.right-push-menu .menu-item-list .menu-item .toggle{
    top:18px
}
.right-push-menu .menu-item-list .sub-menu li .toggle{
    top:4px
}
.right-push-menu .menu-item-list .nav-link{
    font-size:1.5rem;
    line-height:2.5rem
}
.right-push-menu .left-menu-bottom{
    margin-top:30px
}
.right-push-menu .left-menu-bottom .header-icon{
    position:relative;
    bottom:0
}
.show-search-popup{
    overflow:hidden
}
.show-search-popup header .navbar{
    z-index:110
}
.show-search-popup .search-form-wrapper{
    opacity:1;
    visibility:visible
}
.show-search-popup .search-form-wrapper .search-form{
    height:50%;
    cursor:default;
    visibility:visible;
    opacity:1
}
.search-form-wrapper{
    background:rgba(35,35,35,.9);
    width:100%;
    left:0;
    top:0;
    overflow:hidden!important;
    height:100vh;
    position:fixed;
    visibility:hidden;
    opacity:0;
    z-index:999;
    -webkit-transition:.2s;
    transition:.2s
}
.search-form-wrapper .search-form{
    height:0;
    background-color:var(--white);
    width:100%;
    left:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.6s;
    transition:.6s
}
.search-form-wrapper .search-form .search-input{
    outline:0;
    border:0;
    border-bottom:1px solid rgba(23,23,23,.2);
    color:var(--dark-gray);
    font-size:18px;
    padding:20px 0;
    background:0 0;
    line-height:2.5rem;
    -webkit-border-radius:0;
    border-radius:0;
    height:80px;
    width:100%
}
.search-form-wrapper .search-form .search-input::-moz-placeholder{
    color:var(--light-gray);
    opacity:1
}
.search-form-wrapper .search-form .search-input::-webkit-input-placeholder{
    color:var(--light-gray)
}
.search-form-wrapper .search-form .search-button{
    color:var(--dark-gray);
    bottom:24px;
    position:absolute;
    font-size:25px;
    right:0;
    line-height:normal;
    outline:0;
    cursor:pointer;
    z-index:0;
    margin-right:0;
    border:none;
    background:0 0
}
.search-form-wrapper .search-form:hover{
    color:var(--light-gray)
}
.search-form-wrapper .search-close{
    color:var(--black);
    position:fixed;
    top:30px;
    right:35px;
    overflow:visible;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:0;
    padding:0;
    z-index:1046;
    box-shadow:none;
    font-size:40px;
    font-weight:300;
    width:44px;
    height:44px;
    line-height:44px
}
.search-form-wrapper .search-form-box{
    position:relative;
    width:45%
}
@-webkit-keyframes hide-animation{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes show-animation{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
button:focus{
    outline:0
}
.navbar-toggler{
    font-size:24px;
    width:22px;
    height:14px;
    display:inline-block;
    position:relative;
    padding:0;
    margin:0;
    border:none;
    vertical-align:middle;
    border-radius:0;
    -webkit-transition:.3s;
    transition:.3s
}
.navbar-toggler:focus{
    box-shadow:none
}
.navbar-toggler-line{
    height:2px;
    width:22px;
    content:"";
    display:block;
    border-radius:0;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.25s;
    transition:.25s
}
.navbar-full-screen-menu-inner,.navbar-modern-inner,.navbar-modern-inner .navbar-toggler{
    display:none
}
.navbar-toggler-line:nth-child(1){
    top:0;
    width:14px
}
.navbar-toggler-line:nth-child(2),.navbar-toggler-line:nth-child(3){
    top:6px
}
.navbar-toggler-line:nth-child(4){
    top:12px;
    width:14px
}
.navbar-collapse-show .navbar-toggler-line:nth-child(1),.navbar-collapse-show .navbar-toggler-line:nth-child(4){
    top:7px;
    width:0%
}
.navbar-collapse-show .navbar-toggler-line:nth-child(2){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.navbar-collapse-show .navbar-toggler-line:nth-child(3){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.header-with-topbar+.top-space-margin{
    margin-top:136px
}
.header-with-topbar+.top-space-padding{
    padding-top:136px
}
.alert-box-style-03 .alert:before,.breadcrumb-style-01 ul li,.breadcrumb-style-01 ul li:after,.btn,.down-section a,.page-title-button-style h1,.sidebar-list li,.sidebar-list li a,.tag-cloud a{
    display:inline-block
}
.top-space-margin{
    margin-top:96px
}
.top-space-padding{
    padding-top:96px
}
.header-demo.navbar .navbar-nav .premium-element{
    padding:35px 40px;
    border-radius:13px
}
.header-demo.navbar .navbar-nav .premium-element a{
    color:#585858;
    padding-bottom:8px
}
.header-demo.navbar .navbar-nav .premium-element .sub-title{
    font-size:18px
}
.header-demo.navbar .navbar-nav .nav-item:first-child .dropdown-menu a{
    color:var(--dark-gray)
}
.header-demo.navbar .navbar-nav .nav-link{
    font-weight:600
}
.alert strong,.btn,.header-demo.navbar .navbar-nav .dropdown .dropdown-menu a{
    font-weight:500
}
.header-demo.navbar.header-dark .navbar-nav .nav-item:first-child .dropdown-menu a{
    color:var(--white)
}
.interactive-banner-style-06:hover .icon-hover-base-color,.sidebar-list li a:hover{
    color:var(--base-color)!important
}
.breadcrumb{
    margin:0
}
.breadcrumb ul{
    margin:0;
    padding:0
}
.breadcrumb-style-01 ul li:after{
    content:"\e844";
    font-family:feather;
    font-size:13px;
    font-weight:900;
    vertical-align:middle;
    padding:0 8px 0 10px
}
.breadcrumb-style-01 ul li:last-child:after{
    content:"";
    padding:0
}
.page-title-double-large h1{
    font-size:3.6rem;
    line-height:3.3rem
}
.page-title-double-large h2{
    font-size:17px;
    line-height:26px
}
.page-title-extra-large h1{
    font-size:3.3rem;
    line-height:3.3rem
}
.page-title-extra-large h2{
    font-size:18px;
    line-height:26px
}
.page-title-large h1{
    font-size:2.8rem;
    line-height:3rem
}
.page-title-large h2{
    font-size:16px;
    line-height:22px
}
.page-title-medium h1{
    font-size:2rem;
    line-height:2.2rem
}
.page-title-medium h2{
    font-size:16px;
    line-height:22px
}
.page-title-small h1{
    font-size:1.625rem;
    line-height:1.875rem
}
.page-title-small h2{
    font-size:16px;
    line-height:22px
}
.page-title-extra-small h1{
    font-size:17px;
    line-height:20px
}
.page-title-extra-small h2{
    font-size:3.8rem;
    line-height:3.8rem
}
.page-title-button-style.page-title-button-style{
    -webkit-transition:all .3s;
    transition:all .3s
}
.page-title-button-style h1{
    padding:13px 30px
}
.page-title-mini-version h1{
    font-size:20px;
    line-height:30px
}
.down-section{
    position:absolute;
    bottom:60px;
    left:0;
    right:0;
    width:100%
}
.down-section.down-bottom{
    bottom:0;
    -webkit-transform:translateY(50%);
    transform:translateY(50%)
}
.down-section-line .section-line{
    position:relative
}
.down-section-line .section-line:before{
    position:absolute;
    left:0;
    top:0;
    content:"";
    height:0;
    width:100%;
    -webkit-transition:all .5s;
    transition:all .5s;
    background-color:var(--base-color)
}
.down-section-line:hover .section-line:before{
    height:100%
}
.sidebar-list li{
    position:relative;
    width:100%;
    margin-bottom:15px;
    line-height:18px
}
.sidebar-list li a{
    text-align:left
}
.sidebar-list li .item-qty{
    font-size:14px;
    position:absolute;
    top:1px;
    right:0;
    text-align:right
}
.sidebar-list li:last-child{
    margin-bottom:0
}
.latest-post-sidebar{
    list-style:none;
    padding:0;
    margin:0
}
.latest-post-sidebar li{
    margin-bottom:25px
}
.latest-post-sidebar li figure{
    height:65px;
    width:80px;
    margin:0
}
.latest-post-sidebar li .media-body{
    line-height:normal;
    padding-left:30px;
    position:relative;
    top:-3px
}
.latest-post-sidebar li:last-child{
    margin-bottom:0
}
.popular-post-sidebar{
    list-style:none;
    padding:0;
    margin:0
}
.popular-post-sidebar li{
    margin-bottom:25px
}
.popular-post-sidebar li figure{
    height:100px;
    width:100px;
    margin:0
}
.popular-post-sidebar li .media-body{
    line-height:normal;
    padding-left:30px;
    position:relative
}
.popular-post-sidebar li:last-child{
    margin-bottom:0
}
.category-list-sidebar{
    list-style:none;
    padding:0;
    margin:0
}
.category-list-sidebar li{
    margin-bottom:15px
}
.category-list-sidebar li .btn{
    right:-10%;
    opacity:0;
    -webkit-transform:scale(.9);
    transform:scale(.9);
    -webkit-transition:all .3s cubic-bezier(.37,.8,.63,1);
    transition:all .3s cubic-bezier(.37,.8,.63,1)
}
.category-list-sidebar li:last-child{
    margin-bottom:0
}
.category-list-sidebar li:hover .btn{
    right:-8%;
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.post-sidebar.blog-side-image li{
    margin-bottom:35px;
    width:100%
}
.post-sidebar.blog-side-image li .blog-box .blog-image{
    min-height:1px
}
.post-sidebar.blog-side-image li:last-child{
    margin-bottom:0
}
.tag-cloud a{
    text-align:center;
    font-size:14px;
    line-height:20px;
    margin:0 6px 10px 0;
    padding:7px 18px;
    border-radius:4px;
    border:1px solid var(--extra-medium-gray)
}
.tag-cloud a.active,.tag-cloud a:hover{
    box-shadow:0 0 10px rgba(23,23,23,.1);
    color:var(--dark-gray);
    background-color:var(--white)
}
.grid{
    list-style:none;
    padding:0;
    margin:0
}
.grid li img{
    width:100%
}
.grid .grid-sizer{
    padding:0!important;
    margin:0!important
}
.grid.gutter-very-small li{
    padding:3px
}
.grid.gutter-small li{
    padding:5px
}
.grid.gutter-medium li{
    padding:7px
}
.grid.gutter-large li{
    padding:10px
}
.grid.gutter-extra-large li{
    padding:15px
}
.grid.gutter-double-extra-large li{
    padding:20px
}
.grid.gutter-triple-extra-large li{
    padding:30px
}
.grid.grid-6col li{
    width:16.67%
}
.grid.grid-6col li.grid-item-double{
    width:33.33%
}
.grid.grid-6col li.grid-item-single{
    width:100%
}
.grid.grid-5col li{
    width:20%
}
.grid.grid-5col li.grid-item-double{
    width:40%
}
.grid.grid-5col li.grid-item-single{
    width:100%
}
.grid.grid-4col li{
    width:25%
}
.grid.grid-4col li.grid-item-double{
    width:50%
}
.grid.grid-4col li.grid-item-single{
    width:100%
}
.grid.grid-3col li{
    width:33.33%
}
.grid.grid-3col li.grid-item-double{
    width:66.67%
}
.grid.grid-3col li.grid-item-single{
    width:100%
}
.grid.grid-2col li{
    width:50%
}
.grid.grid-2col li.grid-item-double,.grid.grid-2col li.grid-item-single{
    width:100%
}
.grid .gutter-large{
    margin:0 10px
}
.accordion .accordion-item{
    color:inherit;
    border:none
}
.accordion .accordion-item .accordion-header{
    background-color:transparent;
    border:none;
    padding:0;
    margin-bottom:0
}
.accordion .accordion-item .accordion-header .accordion-title{
    cursor:pointer;
    padding-right:25px
}
.accordion .accordion-item .accordion-header .accordion-title i{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.accordion .accordion-item .accordion-collapse{
    border:0
}
.accordion-style-01 .accordion-item{
    margin-bottom:20px;
    overflow:inherit;
    padding:20px 35px;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);
    transition:all .6s cubic-bezier(.165,.84,.44,1);
    -webkit-box-shadow:0 0 20px 0 rgba(111,111,111,.15);
    box-shadow:0 0 20px 0 rgba(111,111,111,.15)
}
.accordion-style-01 .accordion-item:last-child{
    margin-bottom:0
}
.accordion-style-01 .accordion-item .collapse{
    overflow:hidden
}
.accordion-style-01 .accordion-item .accordion-body{
    padding:12px 45px 10px 0
}
.accordion-style-01 .accordion-item .accordion-header .accordion-title>i{
    position:static;
    -webkit-transform:none;
    transform:none
}
.accordion-style-02 .accordion-item{
    background-color:transparent
}
.accordion-style-02 .accordion-item .accordion-header{
    margin-bottom:0;
    padding:15px 0
}
.accordion-style-02 .accordion-item .accordion-header .accordion-title i{
    right:0
}
.accordion-style-02 .accordion-item.active-accordion .accordion-header{
    border-bottom-color:transparent!important
}
.accordion-style-02 .accordion-item .accordion-body{
    padding:0 25px 30px 0
}
.accordion-style-02 .right-icon{
    background-color:var(--white);
    color:var(--dark-gray)
}
.accordion-style-02 .right-icon:hover,.btn.btn-base-color{
    background-color:var(--base-color);
    color:var(--white)
}
.accordion-style-03 .accordion-item{
    margin-bottom:20px;
    border:1px solid rgba(255,255,255,.15)!important;
    -webkit-border-radius:0;
    border-radius:0;
    background-color:transparent
}
.accordion-style-03 .accordion-item .accordion-header{
    padding:15px 30px;
    -webkit-border-radius:0;
    border-radius:0
}
.accordion-style-03 .accordion-item .accordion-body{
    padding:30px;
    border-top:1px solid rgba(255,255,255,.15)!important
}
.accordion-style-04 .accordion-item{
    -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);
    transition:all .6s cubic-bezier(.165,.84,.44,1);
    -webkit-border-radius:0;
    border-radius:0;
    background-color:transparent
}
.accordion-style-04 .accordion-item .accordion-header{
    padding:18px 35px
}
.accordion-style-04 .accordion-item .accordion-body{
    padding:25px 40px 30px
}
.accordion-style-04 .accordion-item.active-accordion{
    -webkit-box-shadow:0 5px 25px 0 rgba(111,111,111,.15);
    box-shadow:0 5px 25px 0 rgba(111,111,111,.15);
    background:var(--white)
}
.accordion-style-05 .accordion-item{
    margin-bottom:20px;
    overflow:hidden;
    padding:22px 35px 22px 65px;
    position:relative;
    -webkit-border-radius:4px!important;
    border-radius:4px!important;
    -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);
    transition:all .6s cubic-bezier(.165,.84,.44,1);
    -webkit-box-shadow:0 0 45px 0 rgba(111,111,111,.15);
    box-shadow:0 0 45px 0 rgba(111,111,111,.15)
}
.accordion-style-05 .accordion-item:last-child{
    margin-bottom:0
}
.accordion-style-05 .accordion-item .collapse{
    overflow:hidden
}
.accordion-style-05 .accordion-item .accordion-body{
    padding:10px 45px 10px 0
}
.accordion-style-05 .accordion-item .number{
    position:absolute;
    left:-13px;
    top:15px
}
.accordion-style-05 .accordion-item.active-accordion{
    -webkit-box-shadow:0 15px 40px 5px rgba(111,111,111,.15);
    box-shadow:0 15px 40px 5px rgba(111,111,111,.15)
}
.accordion-style-05 .accordion-item.active-accordion .number{
    -webkit-text-fill-color:var(--base-color);
    -webkit-text-stroke-color:var(--base-color)
}
.accordion-style-06 .accordion-item{
    margin-bottom:0;
    overflow:hidden;
    padding:15px 100px 15px 45px;
    position:relative;
    -webkit-border-radius:4px!important;
    border-radius:4px!important
}
.accordion-style-06 .accordion-item:last-child{
    margin-bottom:0
}
.accordion-style-06 .accordion-item .collapse{
    overflow:hidden;
    border-radius:0
}
.accordion-style-06 .accordion-item .accordion-body{
    padding:10px 0
}
.accordion-style-06 .accordion-item i{
    position:absolute;
    right:-32px;
    top:50%;
    opacity:0;
    -webkit-transition:.3s;
    transition:.3s;
    color:var(--dark-gray);
    -webkit-transform:rotate(-35deg) translateY(-50%);
    transform:rotate(-35deg) translateY(-50%)
}
.alert-success,.alert.alert-success{
    background-color:#f1fbec;
    color:#54b783;
    border-color:#cce8b3
}
.accordion-style-06 .accordion-item .collapsing i{
    opacity:0
}
.accordion-style-06 .accordion-item.active-accordion{
    padding-top:30px;
    padding-bottom:30px;
    background-image:linear-gradient(to bottom,#f2f8f7,#f5fafa,#f9fbfd,#fcfdfe,#fff)
}
.accordion-style-06 .accordion-item.active-accordion i{
    opacity:.15
}
.alert-success{
    padding:10px 20px
}
.alert{
    padding:20px 25px 20px 30px;
    margin-bottom:30px;
    line-height:22px;
    position:relative;
    z-index:1;
    -webkit-border-radius:4px;
    border-radius:4px
}
.alert.alert-info{
    background-color:#ebf5f9;
    color:#4278bb;
    border-color:#bce8f1
}
.alert.alert-warning{
    background-color:#fcf8e3;
    color:#e2ad4b;
    border-color:#faebcc
}
.alert.alert-danger{
    background-color:#fbf1f1;
    color:#e65656;
    border-color:#efe1e3
}
@keyframes hvr-icon-push{
    50%{
        -webkit-trasfrom:scale(.5);
        trasfrom:scale(.5)
    }
}
.alert .close{
    opacity:1;
    font-size:16px;
    line-height:22px;
    color:rgba(0,0,0,.34);
    text-shadow:none;
    float:right
}
.alert .close i{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.alert .close:hover i{
    -webkit-animation-name:hvr-icon-push;
    animation-name:hvr-icon-push;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.alert .close:not(.disabled):focus,.alert .close:not(.disabled):hover,.alert .close:not(:disabled){
    opacity:1
}
.btn.btn-link-gradient:hover,.btn.btn-link:hover{
    opacity:.7
}
.alert-box-style-02 .alert{
    padding:22px 60px 22px 30px;
    border:none;
    line-height:22px;
    -webkit-box-shadow:0 0 10px 0 rgba(111,111,111,.1);
    box-shadow:0 0 10px 0 rgba(111,111,111,.1)
}
.alert-box-style-02 .alert.alert-success{
    color:#54b783
}
.alert-box-style-02 .alert.alert-info{
    color:#4278bb
}
.alert-box-style-02 .alert.alert-warning{
    color:#e2ad4b
}
.alert-box-style-02 .alert.alert-danger{
    color:#e65656
}
.alert-box-style-02 .alert .close{
    height:100%;
    position:absolute;
    right:0;
    width:60px;
    text-align:center;
    top:0;
    display:flex;
    justify-content:center;
    align-items:center;
    border-left:1px solid var(--light-medium-gray);
    font-size:18px
}
.alert-box-style-03 .alert{
    padding:20px 30px 20px 55px;
    border:0
}
.alert-box-style-03 .alert:before{
    font-family:bootstrap-icons;
    position:absolute;
    left:25px;
    font-size:18px
}
.alert-box-style-03 .alert.alert-success{
    background-color:#54b783
}
.alert-box-style-03 .alert.alert-success:before{
    content:"\f26b"
}
.alert-box-style-03 .alert.alert-info{
    background-color:#4278bb
}
.alert-box-style-03 .alert.alert-info:before{
    content:"\f431"
}
.alert-box-style-03 .alert.alert-warning{
    background-color:#e2ad4b
}
.alert-box-style-03 .alert.alert-warning:before{
    content:"\f567"
}
.alert-box-style-03 .alert.alert-danger{
    background-color:#e65656
}
.alert-box-style-03 .alert.alert-danger:before{
    content:"\f623"
}
.alert-box-style-03 .alert .close{
    right:-10px;
    position:relative
}
.alert-box-style-04 .alert{
    padding:20px 25px 20px 30px;
    border-radius:0;
    border:none;
    border-left:3px solid
}
.alert-box-style-04 .alert:hover{
    -webkit-box-shadow:0 0 10px 0 rgba(111,111,111,.1);
    box-shadow:0 0 10px 0 rgba(111,111,111,.1)
}
.alert-box-style-04 .alert.alert-success{
    color:#54b783;
    border-color:#54b783
}
.alert-box-style-04 .alert.alert-info{
    color:#4278bb;
    border-color:#4278bb
}
.alert-box-style-04 .alert.alert-warning{
    color:#e2ad4b;
    border-color:#e2ad4b
}
.alert-box-style-04 .alert.alert-danger{
    color:#e65656;
    border-color:#e65656
}
.alert-box-style-05 .alert{
    background-color:transparent;
    border:none;
    border-bottom:2px solid;
    color:var(--dark-gray);
    padding:10px 0;
    -webkit-border-radius:0;
    border-radius:0
}
.alert-box-style-05 .alert.alert-success{
    border-color:#54b783
}
.alert-box-style-05 .alert.alert-info{
    border-color:#4278bb
}
.alert-box-style-05 .alert.alert-warning{
    border-color:#e2ad4b
}
.alert-box-style-05 .alert.alert-danger{
    border-color:#e65656
}
blockquote footer{
    padding:0
}
.blockquote-style-04 .blockquote-img img{
    margin-top:-114px
}
.blockquote-style-04 .blockquote-content{
    padding:5% 0 5% 26%;
    margin-left:-8vw;
    -webkit-border-radius:50px 50px 125px 50px;
    border-radius:50px 50px 125px
}
@media only screen and (min-width:1921px){
    .blockquote-style-04 .blockquote-content{
        margin-left:-6vw
    }
}
.btn-box-shadow{
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    -webkit-transition:all .3s cubic-bezier(.2,0,.3,1);
    transition:all .3s cubic-bezier(.2,0,.3,1)
}
.btn-box-shadow:hover{
    -webkit-box-shadow:0 8px 30px 0 rgba(0,0,0,.15);
    box-shadow:0 8px 30px 0 rgba(0,0,0,.15);
    -webkit-transform:translate3d(0,-2px,0);
    transform:translate3d(0,-2px,0)
}
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{
    border-color:initial;
    color:initial
}
.btn{
    border:2px solid transparent;
    border-radius:0;
    text-transform:uppercase;
    letter-spacing:.5px;
    width:auto;
    font-family:var(--alt-font);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.btn:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn:hover{
    background-color:inherit
}
.btn i{
    position:relative;
    margin-left:6px
}
.btn.btn-extra-large{
    font-size:16px;
    padding:24px 46px
}
.btn.btn-large{
    font-size:14px;
    padding:18px 34px
}
.btn.btn-medium{
    font-size:13px;
    padding:16px 30px
}
.btn.btn-small{
    font-size:12px;
    padding:13px 26px
}
.btn.btn-very-small{
    font-size:11px;
    padding:10px 20px
}
.btn.btn-rounded.btn-extra-large{
    padding:18px 46px
}
.btn.btn-rounded.btn-large{
    padding:14px 36px
}
.btn.btn-rounded.btn-medium{
    padding:12px 32px
}
.btn.btn-rounded.btn-small{
    padding:10px 26px
}
.btn.btn-rounded.btn-very-small{
    padding:8px 20px
}
.btn.btn-rounded.btn-rounded{
    -webkit-border-radius:50px;
    border-radius:50px
}
.btn.btn-round-edge{
    -webkit-border-radius:4px;
    border-radius:4px
}
.btn.btn-round-edge-small{
    -webkit-border-radius:2px;
    border-radius:2px
}
.btn.btn-link{
    padding:0 0 2px;
    position:relative;
    border:0;
    border-bottom:2px solid;
    letter-spacing:0;
    background-color:transparent
}
.btn.btn-link.thin{
    border-bottom:1px solid
}
.btn.btn-link:focus-visible{
    box-shadow:none
}
.btn.btn-link-gradient{
    padding:0 0 3px!important;
    position:relative;
    border:0;
    background-color:transparent
}
.btn.btn-link-gradient>span{
    position:absolute;
    bottom:0;
    left:0;
    height:2px;
    width:100%
}
.btn.btn-link-gradient.thin span{
    height:1px
}
.btn.btn-link-gradient.expand span{
    width:50%;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn.btn-link-gradient:hover.expand:hover span{
    width:100%
}
.btn.btn-expand{
    position:relative;
    z-index:1
}
.btn.btn-expand span{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    z-index:-1;
    -webkit-transition:.3s;
    transition:.3s
}
.btn.btn-expand:active,.btn.btn-expand:hover{
    border-color:transparent
}
.btn.btn-expand-ltr,.btn.btn-expand-ltr:active{
    background-color:transparent;
    border:0;
    color:initial
}
.btn.btn-expand:active span,.btn.btn-expand:hover span{
    width:100%
}
.btn.btn-expand-ltr{
    position:relative;
    z-index:1
}
.btn.btn-expand-ltr span{
    border-radius:50px;
    position:absolute;
    top:50%;
    left:0;
    z-index:-1;
    -webkit-transition:.3s;
    transition:.3s;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.btn.btn-expand-ltr:hover span{
    width:100%!important
}
.btn.btn-expand-ltr.btn-extra-large{
    padding:18px 28px
}
.btn.btn-expand-ltr.btn-extra-large span{
    width:60px;
    height:60px
}
.btn.btn-expand-ltr.btn-large{
    padding:14px 26px
}
.btn.btn-expand-ltr.btn-large span{
    width:50px;
    height:50px
}
.btn.btn-expand-ltr.btn-medium{
    padding:12px 24px
}
.btn.btn-expand-ltr.btn-medium span{
    width:44px;
    height:44px
}
.btn.btn-expand-ltr.btn-small{
    padding:10px 22px
}
.btn.btn-expand-ltr.btn-small span{
    width:40px;
    height:40px
}
.btn.btn-expand-ltr.btn-very-small{
    padding:8px 18px
}
.btn.btn-hover-animation-switch.btn-link,.btn.btn-hover-animation.btn-link{
    border-bottom:0;
    padding-bottom:0
}
.btn.btn-expand-ltr.btn-very-small span{
    width:38px;
    height:38px
}
.btn.btn-hover-animation-switch.btn-link:hover{
    opacity:1
}
.btn.btn-hover-animation-switch>span{
    display:inline-flex;
    align-items:center
}
.btn.btn-hover-animation-switch .btn-text{
    margin-left:-13px;
    position:relative;
    z-index:3;
    transition:transform .6s 125ms cubic-bezier(.1,.75,.25,1)
}
.btn.btn-hover-animation-switch .btn-icon{
    margin-left:6px;
    position:relative;
    transition:opacity .4s .25s,transform .6s .25s;
    transition-timing-function:cubic-bezier(.1,.75,.25,1);
    line-height:0;
    z-index:3
}
.btn.btn-hover-animation-switch .btn-icon i{
    margin:0;
    line-height:0
}
.btn.btn-hover-animation-switch .btn-icon+.btn-icon{
    order:-2;
    opacity:0;
    transition-delay:0s;
    margin-left:0;
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px)
}
.btn.btn-hover-animation-switch:hover .btn-text{
    transition-delay:.1s;
    transform:translateX(23px)
}
.btn.btn-hover-animation-switch:hover .btn-icon{
    transition-delay:0s;
    transform:translateX(10px);
    opacity:0
}
.btn.btn-hover-animation-switch:hover .btn-icon+.btn-icon{
    opacity:1;
    transform:translateX(0);
    transition-delay:225ms
}
.btn.btn-hover-animation-switch.btn-icon-left .btn-text{
    margin-right:-15px;
    margin-left:0;
    position:relative;
    z-index:3
}
.btn.btn-hover-animation-switch.btn-icon-left .btn-icon{
    opacity:0;
    margin-left:0;
    transition-delay:0s;
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
.btn.btn-hover-animation-switch.btn-icon-left .btn-icon+.btn-icon{
    opacity:1;
    margin-left:0;
    margin-right:6px;
    transition:opacity .4s .25s,transform .6s .25s;
    transition-timing-function:cubic-bezier(.1,.75,.25,1);
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-text{
    transition-delay:.1s;
    transform:translateX(-20px)
}
.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon{
    transform:translateX(0);
    opacity:1;
    transition-delay:225ms
}
.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon+.btn-icon{
    opacity:0;
    transition-delay:0s;
    transform:translateX(-10px)
}
.btn.btn-hover-animation.btn-link:hover{
    opacity:1
}
.btn.btn-hover-animation>span{
    display:inline-flex;
    align-items:center
}
.btn.btn-hover-animation .btn-text{
    margin-left:0;
    position:relative;
    z-index:3;
    transition:transform .5s
}
.btn.btn-hover-animation .btn-icon{
    display:inline-flex;
    align-items:center;
    margin-left:-24px
}
.btn.btn-hover-animation .btn-icon i{
    display:inline-block;
    opacity:0;
    top:0;
    transform:translateX(.24px);
    transition:opacity .25s,transform .5s
}
.btn.btn-hover-animation:hover .btn-text{
    -webkit-transform:translateX(-12px);
    transform:translateX(-12px)
}
.btn.btn-hover-animation:hover .btn-icon i{
    opacity:1;
    -webkit-transform:translateX(12px);
    transform:translateX(12px)
}
.btn.btn-hover-animation:active{
    border-color:transparent!important
}
.btn.btn-hover-animation.btn-icon-left .btn-icon{
    margin-right:-24px;
    margin-left:0
}
.btn.btn-hover-animation.btn-icon-left .btn-icon i{
    transform:translateX(.24px)
}
.btn.btn-hover-animation.btn-icon-left .btn-text{
    margin-right:0;
    margin-left:0
}
.btn.btn-hover-animation.btn-icon-left:hover .btn-text{
    -webkit-transform:translateX(15px);
    transform:translateX(15px)
}
.btn.btn-hover-animation.btn-icon-left:hover .btn-icon i{
    opacity:1;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px)
}
.btn.btn-slide-up span{
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
.btn.btn-slide-down span{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.btn.btn-slide-left span{
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.btn.btn-slide-right span{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.btn.btn-slide-down,.btn.btn-slide-left,.btn.btn-slide-right,.btn.btn-slide-up{
    position:relative;
    z-index:1;
    overflow:hidden
}
.btn.btn-slide-down span,.btn.btn-slide-left span,.btn.btn-slide-right span,.btn.btn-slide-up span{
    position:absolute;
    height:100%;
    width:102%;
    z-index:-1;
    left:-2px;
    top:0;
    -webkit-transition:.3s;
    transition:.3s
}
.btn.btn-slide-down:hover span,.btn.btn-slide-left:hover span,.btn.btn-slide-right:hover span,.btn.btn-slide-up:hover span{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.btn.btn-radius{
    -webkit-transition:all .5s;
    transition:all .5s
}
.btn.btn-radius:hover{
    -webkit-border-radius:10px;
    border-radius:10px
}
.btn.arrow-bounce-right{
    position:relative
}
.btn.arrow-bounce-right:before{
    content:"\f108";
    font-family:"Font Awesome 5 Free";
    position:absolute;
    top:inherit;
    left:80%;
    transition:all .3s;
    opacity:0;
    font-weight:900;
    margin-top:3px
}
.btn.arrow-bounce-right:hover:before{
    left:85%;
    opacity:1
}
.btn.underline-on-hover{
    position:relative;
    padding:0 0 2px;
    border:none;
    opacity:1!important
}
.btn.underline-on-hover:after{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    border-bottom:2px solid;
    content:"";
    opacity:0;
    -webkit-transition:opacity .3s,-webkit-transform .3s;
    transition:opacity .3s,transform .3s;
    -webkit-transform:translateY(7px);
    transform:translateY(7px)
}
.btn.underline-on-hover:hover:after{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.btn.underline-on-hover.btn-medium,.btn.underline-on-hover.btn-small,.btn.underline-on-hover.btn-very-small{
    padding:0 0 3px
}
.btn.hover-text-dark{
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    margin:0;
    padding:0;
    position:relative;
    border-bottom:none;
    opacity:.4;
    display:inline-block
}
.btn.hover-text-dark:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:block;
    content:attr(data-hover);
    max-height:0;
    overflow:hidden;
    -webkit-transition:max-height .5s;
    transition:max-height .5s
}
.btn.hover-text-dark:hover{
    opacity:1
}
.btn.hover-text-dark:hover:after{
    max-height:100%
}
.btn.hover-text-light{
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    margin:0;
    padding:0;
    position:relative;
    border-bottom:none;
    opacity:1;
    display:inline-block
}
.btn.hover-text-light:after,.terms-condition-box input[type=checkbox]:checked+.box:after,.terms-condition-box label{
    display:block
}
.btn.hover-text-light:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    content:attr(data-hover);
    max-height:0;
    overflow:hidden;
    -webkit-transition:max-height .5s;
    transition:max-height .5s
}
.btn.hover-text-light:hover{
    opacity:.6
}
.btn.hover-text-light:hover:after{
    max-height:100%
}
.btn.btn-base-color:active,.btn.btn-base-color:hover{
    background-color:transparent;
    border-color:var(--base-color);
    color:var(--base-color)
}
.btn.btn-dark-gray{
    background-color:var(--dark-gray);
    color:var(--white)
}
.btn.btn-dark-gray:active,.btn.btn-dark-gray:hover{
    background-color:transparent;
    border-color:var(--dark-gray);
    color:var(--dark-gray)
}
.btn.btn-black{
    background-color:var(--black);
    color:var(--white)
}
.btn.btn-black:active,.btn.btn-black:hover{
    background-color:transparent;
    border-color:var(--black);
    color:var(--black)
}
.btn.btn-white{
    background-color:var(--white);
    color:var(--dark-gray)
}
.btn.btn-white:active,.btn.btn-white:hover{
    background-color:transparent;
    border-color:var(--white);
    color:var(--white)
}
.btn.btn-cornflower-blue{
    background-color:var(--cornflower-blue);
    color:var(--white)
}
.btn.btn-cornflower-blue:active,.btn.btn-cornflower-blue:hover{
    background-color:transparent;
    border-color:var(--cornflower-blue);
    color:var(--cornflower-blue)
}
.btn.btn-jade{
    background-color:var(--jade);
    color:var(--white)
}
.btn.btn-jade:active,.btn.btn-jade:hover{
    background-color:transparent;
    border-color:var(--jade);
    color:var(--jade)
}
.btn.btn-transparent-black{
    background-color:transparent;
    border-color:var(--black);
    color:var(--black)
}
.btn.btn-transparent-black:active,.btn.btn-transparent-black:hover{
    background-color:var(--black);
    border-color:var(--black);
    color:var(--white)
}
.btn.btn-transparent-white{
    background-color:transparent;
    border-color:var(--white);
    color:var(--white)
}
.btn.btn-transparent-white:active,.btn.btn-transparent-white:hover{
    background-color:var(--white);
    border-color:var(--white);
    color:var(--dark-gray)
}
.btn.btn-transparent-white-light{
    background-color:transparent;
    border-color:rgba(255,255,255,.3);
    color:var(--white)
}
.btn.btn-transparent-white-light:active,.btn.btn-transparent-white-light:hover{
    background-color:var(--white);
    border-color:rgba(255,255,255,.3);
    color:var(--dark-gray)
}
.btn.btn-transparent-base-color{
    background-color:transparent;
    border-color:var(--base-color);
    color:var(--base-color)
}
.btn.btn-transparent-base-color:active,.btn.btn-transparent-base-color:hover{
    background-color:var(--base-color);
    border-color:var(--base-color);
    color:var(--white)
}
.btn.btn-transparent-dark-gray{
    background-color:transparent;
    border-color:var(--dark-gray);
    color:var(--dark-gray)
}
.btn.btn-transparent-dark-gray:active,.btn.btn-transparent-dark-gray:hover{
    background-color:var(--dark-gray);
    border-color:var(--dark-gray);
    color:var(--white)
}
.btn.btn-transparent-light-gray{
    background-color:transparent;
    border-color:var(--extra-medium-gray);
    color:var(--dark-gray)
}
.btn.btn-transparent-light-gray:active,.btn.btn-transparent-light-gray:hover{
    background-color:var(--dark-gray);
    border-color:var(--dark-gray);
    color:var(--white)
}
.btn.btn-double-border.btn-extra-large{
    padding:0
}
.btn.btn-double-border.btn-extra-large>span{
    padding:24px 50px
}
.btn.btn-double-border.btn-large{
    padding:0
}
.btn.btn-double-border.btn-large>span{
    padding:18px 42px
}
.btn.btn-double-border.btn-medium{
    padding:0
}
.btn.btn-double-border.btn-medium>span{
    padding:16px 34px
}
.btn.btn-double-border.btn-small{
    padding:0
}
.btn.btn-double-border.btn-small>span{
    padding:13px 32px
}
.btn.btn-double-border.btn-very-small,.btn.btn-switch-text.btn-extra-large{
    padding:0
}
.btn.btn-double-border.btn-very-small>span{
    padding:10px 22px
}
.btn.btn-double-border>span{
    display:inline-flex;
    align-items:center;
    position:relative;
    overflow:hidden
}
.btn.btn-double-border .btn-double-text{
    transition:opacity .65s,transform .65s;
    transition-timing-function:cubic-bezier(.15,.85,.31,1)
}
.btn.btn-double-border .btn-double-text:before{
    content:attr(data-text);
    display:inline-block;
    position:absolute;
    white-space:nowrap;
    top:50%;
    opacity:0;
    left:50%;
    transform:translate(-50%,100%);
    transition:opacity .5s,transform .8s;
    transition-timing-function:cubic-bezier(.15,.85,.31,1)
}
.btn.btn-double-border:hover .btn-double-text{
    transform:translateY(-200%)
}
.btn.btn-double-border:hover .btn-double-text:before{
    transform:translate(-50%,150%);
    opacity:1
}
.btn.btn-double-border:after{
    display:inline-block;
    content:"";
    position:absolute;
    border:1px solid;
    width:calc(100% - 8px);
    height:calc(100% + 12px);
    top:-6px;
    left:4px;
    transform:translateX(0) translateY(0);
    z-index:0
}
.btn.btn-double-border.btn-border-base-color{
    position:relative;
    border:1px solid var(--base-color);
    color:var(--base-color)
}
.btn.btn-double-border.btn-border-base-color:hover{
    border-color:var(--dark-gray);
    color:var(--dark-gray)
}
.btn.btn-double-border.btn-border-base-color:hover:after{
    border-color:var(--dark-gray);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover{
    border-color:var(--white);
    color:var(--white)
}
.btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover:after{
    border-color:var(--white);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn.btn-double-border.btn-border-color-dark-gray{
    position:relative;
    border:1px solid var(--dark-gray);
    color:var(--dark-gray)
}
.btn.btn-double-border.btn-border-color-dark-gray:hover{
    border-color:var(--base-color);
    color:var(--base-color)
}
.btn.btn-double-border.btn-border-color-dark-gray:hover:after{
    border-color:var(--base-color);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn.btn-double-border.btn-border-color-white{
    position:relative;
    border:1px solid var(--white);
    color:var(--white)
}
.btn.btn-double-border.btn-border-color-white:hover{
    border-color:var(--base-color);
    color:var(--base-color)
}
.btn.btn-double-border.btn-border-color-white:hover:after{
    border-color:var(--base-color);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn.btn-double-border.btn-border-color-transparent-white{
    position:relative;
    border:1px solid rgba(255,255,255,.2);
    color:var(--white)
}
.btn.btn-double-border.btn-border-color-transparent-white:after{
    border:1px solid rgba(255,255,255,.2)
}
.btn.btn-double-border.btn-border-color-transparent-white:hover{
    border-color:#fff;
    color:var(--white)
}
.btn.btn-double-border.btn-border-color-transparent-white:hover:after{
    border-color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn.btn-double-border.btn-border-color-transparent-dark{
    position:relative;
    border:1px solid rgba(35,35,35,.2);
    color:var(--dark-gray)
}
.btn.btn-double-border.btn-border-color-transparent-dark:after{
    border:1px solid rgba(35,35,35,.2)
}
.btn.btn-double-border.btn-border-color-transparent-dark:hover{
    border-color:#232323;
    color:var(--dark-gray)
}
.btn.btn-double-border.btn-border-color-transparent-dark:hover:after{
    border-color:#232323;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.feature-box:hover .feature-box-icon-rounded.border-color-transparent-on-hover,.process-step-style-01:hover .border-color-transparent-on-hover,.process-step-style-09:hover .border-color-transparent-on-hover,[class*=btn-gradient-]:active{
    border-color:transparent!important
}
.btn.btn-switch-text.btn-extra-large>span{
    padding:22px 40px
}
.btn.btn-switch-text.btn-large{
    padding:0
}
.btn.btn-switch-text.btn-large>span{
    padding:18px 34px
}
.btn.btn-switch-text.btn-medium{
    padding:0
}
.btn.btn-switch-text.btn-medium>span{
    padding:16px 30px
}
.btn.btn-switch-text.btn-small{
    padding:0
}
.btn.btn-switch-text.btn-small>span{
    padding:13px 24px
}
.btn.btn-switch-text.btn-very-small,.btn.btn-switch-text.purchase-envato.btn-small{
    padding:0
}
.btn.btn-switch-text.btn-very-small>span{
    padding:10px 20px
}
.btn.btn-switch-text>span{
    display:inline-flex;
    align-items:center;
    position:relative;
    overflow:hidden
}
.btn.btn-switch-text .btn-double-text{
    transition:opacity .65s,transform .85s;
    transition-timing-function:cubic-bezier(.15,.85,.31,1)
}
.btn.btn-switch-text .btn-double-text:before{
    content:attr(data-text);
    display:inline-block;
    position:absolute;
    white-space:nowrap;
    top:50%;
    opacity:0;
    left:50%;
    transform:translate(-50%,100%);
    transition:opacity .5s,transform .8s;
    transition-timing-function:cubic-bezier(.15,.85,.31,1)
}
.btn.btn-switch-text:active .btn-double-text,.btn.btn-switch-text:hover .btn-double-text{
    transform:translateY(-200%)
}
.btn.btn-switch-text:active .btn-double-text:before,.btn.btn-switch-text:hover .btn-double-text:before{
    transform:translate(-50%,150%);
    opacity:1
}
.btn.btn-switch-text.purchase-envato.btn-small>span{
    padding:11px 30px
}
.btn.with-rounded.btn-extra-large,.subscribe-popup .newsletter-style-02 input{
    padding-right:70px
}
.btn.base-color-hover:active,.btn.base-color-hover:hover{
    background-color:var(--base-color);
    color:var(--white)
}
.btn.white-hover:active,.btn.white-hover:hover{
    background-color:var(--white);
    color:var(--dark-gray)
}
.btn.black-hover:active,.btn.black-hover:hover{
    background-color:var(--dark-gray);
    color:var(--white)
}
.btn.btn-box-shadow.btn-white:active,.btn.btn-box-shadow.btn-white:hover{
    background:var(--white);
    color:var(--dark-gray)
}
.btn.btn-box-shadow.btn-black:active,.btn.btn-box-shadow.btn-black:hover{
    background:var(--black);
    color:var(--white)
}
.btn.btn-box-shadow.btn-dark-gray:active,.btn.btn-box-shadow.btn-dark-gray:hover{
    background:var(--dark-gray);
    color:var(--white)
}
.btn.btn-box-shadow.btn-base-color:active,.btn.btn-box-shadow.btn-base-color:hover{
    background:var(--base-color);
    color:var(--white)
}
.btn.btn-box-shadow.btn-cornflower-blue:active,.btn.btn-box-shadow.btn-cornflower-blue:hover{
    background-color:var(--cornflower-blue);
    color:var(--white)
}
.btn.btn-box-shadow.btn-jade:active,.btn.btn-box-shadow.btn-jade:hover{
    background-color:var(--jade);
    color:var(--white)
}
.btn.with-rounded{
    position:relative
}
.btn.with-rounded>span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    position:absolute;
    border-radius:100%;
    right:8px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.35);
    box-shadow:0 5px 10px 0 rgba(0,0,0,.35)
}
.btn.with-rounded>span i{
    margin:0
}
.btn.with-rounded.btn-large{
    padding-right:55px
}
.btn.with-rounded.btn-large>span{
    width:34px;
    height:34px;
    right:8px
}
.btn.with-rounded.btn-medium{
    padding-right:50px
}
.btn.with-rounded.btn-medium>span{
    width:32px;
    height:32px;
    right:8px
}
.btn.with-rounded.btn-small{
    padding-right:45px
}
.btn.with-rounded.btn-small>span{
    width:28px;
    height:28px;
    right:6px
}
.btn.with-rounded.btn-very-small{
    padding-right:37px
}
.btn.with-rounded.btn-very-small>span{
    width:26px;
    height:26px;
    right:5px
}
.left-icon i{
    margin-right:6px;
    margin-left:0
}
[class*=" btn-transparent"],[class*=btn-transparent]{
    font-weight:600
}
[class*=btn-gradient-]{
    background-color:transparent;
    border-color:transparent
}
[class*=btn-gradient-]:active{
    background-color:transparent;
    color:var(--white)!important
}
[class*=btn-gradient-]:hover{
    background-position:right center;
    color:var(--white)
}
.btn-gradient-purple-pink{
    background-image:linear-gradient(to right,#8b14b1,#d53d6e,#8b14b1);
    background-size:200% auto;
    color:var(--white)
}
.btn-gradient-fast-pink-light-yellow{
    background-image:linear-gradient(to right,#f7567f,#ffba83,#f7567f);
    background-size:200% auto;
    color:var(--white)
}
.btn-gradient-pink-orange{
    background-image:linear-gradient(to right,#de347f,#ef5f43,#de347f);
    background-size:200% auto;
    color:var(--white)
}
.btn-gradient-fast-blue-purple{
    background-image:linear-gradient(to right,#2a46f4,#bf25ff,#2a46f4);
    background-size:200% auto;
    color:var(--white)
}
.btn-gradient-light-pink-light-purple{
    background-image:linear-gradient(to right,#ed579b,#bc63e8,#ed579b);
    background-size:200% auto;
    color:var(--white)
}
.btn-gradient-sky-blue-pink{
    background-image:linear-gradient(to right,#5758df,#f77991,#5758df);
    background-size:200% auto;
    color:var(--white)
}
.btn-dual .btn{
    margin-left:10px;
    margin-right:10px
}
.btn-dual .btn.btn-link,.btn-dual .btn.btn-link-gradient,.btn-dual .btn.btn-underline,.btn-dual .btn.btn-zoom{
    margin-left:30px;
    margin-right:30px
}
.categories-btn{
    padding:4px 12px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -webkit-transition:.3s;
    transition:.3s;
    margin-left:5px;
    display:inline-block;
    font-size:12px;
    line-height:20px
}
.clients-style-01 .client-image:hover>img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-filter:blur(3px);
    filter:blur(3px)
}
.clients-style-02 .swiper-slide{
    -webkit-transition:all 350ms ease-in-out;
    transition:all 350ms ease-in-out
}
.clients-style-02 .swiper-slide:hover{
    -webkit-filter:grayscale(1);
    filter:grayscale(1)
}
.clients-style-02 .swiper-button-prev{
    left:-110px
}
.clients-style-02 .swiper-button-next{
    right:-110px
}
.clients-style-03 .client-box{
    -webkit-transition:all 350ms cubic-bezier(.12,0,.39,0);
    transition:all 350ms cubic-bezier(.12,0,.39,0);
    will-change:transform
}
.clients-style-03 .client-box:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.clients-style-04 .client-box:hover{
    opacity:.5
}
.clients-style-05 .client-box{
    position:relative;
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0)
}
.clients-style-05 .client-box img{
    z-index:2;
    position:relative
}
.clients-style-05 .client-box:hover{
    opacity:.5;
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.clients-style-06 .client-box{
    -webkit-transition:all .3s cubic-bezier(.12,0,.39,0);
    transition:all .3s cubic-bezier(.12,0,.39,0)
}
.clients-style-06 .client-box img{
    max-width:inherit
}
.clients-style-06:hover .client-box{
    opacity:.4
}
.clients-style-06:hover .client-box:hover{
    opacity:1
}
.clients-style-07 .client-box .client-info{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%
}
.clients-style-07 .client-box .client-info .client-content{
    position:absolute;
    bottom:0;
    right:0;
    -webkit-transition:all .5s cubic-bezier(.77,0,.175,1);
    transition:all .5s cubic-bezier(.77,0,.175,1);
    overflow:hidden
}
.clients-style-07 .client-box .client-info .client-content .client-link{
    position:absolute;
    opacity:0;
    width:100%;
    height:100%;
    z-index:2;
    left:0;
    right:0
}
.clients-style-07 .client-box .client-info:hover .client-content{
    margin:0;
    width:100%!important;
    height:100%!important;
    border-radius:0
}
.clients-style-07 .client-box .client-info:hover .client-content .client-icon{
    opacity:0;
    visibility:hidden
}
.clients-style-07 .client-box .client-info:hover .client-content .client-link{
    opacity:1;
    -webkit-transition-delay:.5s;
    transition-delay:.5s
}
.clients-style-07 .client-box .client-info:hover .client-content .box-overlay{
    opacity:1;
    visibility:visible
}
.clients-style-08 .client-box{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    opacity:.5
}
.clients-style-08 .client-box:hover{
    opacity:1
}
.show-grid [class^=col-]{
    background-color:#f5f5f5;
    border:1px solid rgba(0,0,0,.2);
    margin-bottom:15px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center
}
.select-style select{
    background-image:url(../images/contact-form-down-arrow.jpg);
    background-position:top 25px right 30px;
    cursor:pointer;
    -webkit-appearance:none;
    background-color:transparent
}
.terms-condition-box input[type=checkbox]{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:4px;
    left:0
}
.terms-condition-box input[type=checkbox].is-invalid+.box:before{
    border-color:#dc3545
}
.terms-condition-box .box{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:inline-block
}
.swiper-button-next:after,.swiper-button-prev:after,.terms-condition-box .box:after{
    display:none;
    content:""
}
.terms-condition-box .box:before{
    content:"";
    width:20px;
    height:20px;
    background-color:transparent;
    border:1px solid var(--extra-medium-gray);
    position:absolute;
    top:5px;
    left:0;
    -webkit-border-radius:4px;
    border-radius:4px
}
.terms-condition-box .box:after{
    position:absolute;
    left:7px;
    top:9px;
    width:6px;
    height:10px;
    border:var(--dark-gray) solid;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.contact-form-style-01 input,.contact-form-style-01 select,.contact-form-style-01 textarea{
    padding-left:55px
}
.contact-form-style-01 .form-group .form-icon{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    padding-top:2px;
    left:25px
}
.contact-form-style-01 .form-group.form-textarea .form-icon{
    top:12px;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.contact-form-style-03 input,.contact-form-style-03 textarea{
    outline:0;
    border:none;
    border-bottom:1px solid;
    background:0 0
}
.contact-form-style-03 .form-control,.contact-form-style-03 .form-control.is-invalid,.contact-form-style-03 .was-validated .form-control:invalid,.contact-form-style-07 .form-control,.contact-form-style-07 .form-control.is-invalid,.contact-form-style-07 .was-validated .form-control:invalid{
    background-position:right 35px center!important
}
.contact-form-style-03 select{
    outline:0;
    border:none;
    border-bottom:1px solid
}
.contact-form-style-03 .form-control:focus,.contact-form-style-03 input:focus,.contact-form-style-03 select:focus,.contact-form-style-03 textarea:focus{
    border:0;
    border-bottom:1px solid #c2c2c2
}
.contact-form-style-03 textarea{
    resize:none
}
.contact-form-style-03 .form-group .form-icon{
    position:absolute;
    top:50%;
    right:5px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.contact-form-style-03 .form-group.form-textarea .form-icon{
    top:10px;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.contact-form-style-06 input,.contact-form-style-06 input:focus,.contact-form-style-06 textarea,.contact-form-style-06 textarea:focus{
    color:var(--white)
}
.contact-form-style-06 input::placeholder,.contact-form-style-06 textarea::placeholder{
    color:var(--light-medium-gray)
}
.contact-form-style-06 .select-style select{
    color:var(--light-medium-gray);
    background-image:url(../images/contact-form-arrow-white.png);
    background-position:top 25px right 20px;
    padding-right:45px
}
.contact-form-style-06 .select-style select option{
    color:var(--dark-gray)
}
.contact-form-style-07 input,.contact-form-style-07 textarea{
    outline:0;
    border:none;
    border-bottom:1px solid;
    background:0 0
}
.contact-form-style-07 select{
    outline:0;
    border:none;
    border-bottom:1px solid
}
.contact-form-style-07 .form-control:focus,.contact-form-style-07 input:focus,.contact-form-style-07 select:focus,.contact-form-style-07 textarea:focus{
    border:0;
    border-bottom:1px solid #c2c2c2
}
.contact-form-style-07 textarea{
    resize:none
}
.contact-form-style-07 .form-group .form-icon{
    position:absolute;
    top:50%;
    right:5px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.contact-form-style-07 .form-group.form-textarea .form-icon{
    top:10px;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.swiper-button-next,.swiper-button-prev{
    color:var(--dark-gray)
}
.text-slider-style-02 .swiper-slide{
    opacity:.2;
    -webkit-transition:.4s;
    transition:.4s
}
.text-slider-style-02 .swiper-slide.swiper-slide-active{
    opacity:1
}
.text-slider-style-03 .swiper-slide>img{
    object-fit:cover;
    height:100%;
    width:100%
}
.text-slider-style-05 .swiper-slide{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    opacity:.3;
    -webkit-transition:.4s;
    transition:.4s
}
.text-slider-style-05 .swiper-slide .services-box-style-01:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.text-slider-style-05 .swiper-slide .services-box-style-01:hover .icon-box{
    opacity:0
}
.text-slider-style-05 .swiper-slide.swiper-slide-next{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    opacity:1
}
.text-slider-style-05 .swiper-slide.swiper-slide-next .services-box-style-01 .icon-box{
    opacity:1
}
.countdown-style-01 .counter-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.countdown-style-01 .counter-container .countdown-box{
    font-family:var(--alt-font);
    color:var(--dark-gray);
    background-color:var(--white);
    width:130px;
    min-height:130px;
    padding:25px 20px 20px;
    margin:0 15px;
    text-align:center;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.05);
    box-shadow:0 0 25px rgba(0,0,0,.05);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.countdown-style-01 .counter-container .countdown-box .number{
    font-size:2.375rem;
    line-height:2.5rem;
    font-weight:600;
    margin-bottom:5px;
    letter-spacing:-1px
}
.countdown-style-01 .counter-container .countdown-box span{
    font-size:14px;
    line-height:14px;
    color:var(--medium-gray);
    text-transform:uppercase
}
.countdown-style-02 .countdown-box{
    position:relative;
    width:165px;
    padding:0 15px;
    color:var(--white);
    font-family:var(--alt-font);
    display:inline-block;
    text-align:center
}
.countdown-style-02 .countdown-box:before{
    content:":";
    position:absolute;
    top:50%;
    right:-5px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    color:var(--white);
    text-align:center;
    font-size:3rem;
    margin-top:-4px
}
.countdown-style-02 .countdown-box:last-child:before{
    display:none
}
.countdown-style-02 .countdown-box .number{
    font-size:3.5rem;
    line-height:3.75rem;
    font-weight:600;
    letter-spacing:-1px
}
.countdown-style-02 .countdown-box span{
    font-size:15px;
    line-height:14px;
    text-transform:uppercase;
    position:absolute;
    top:-26px;
    left:0;
    right:0;
    color:var(--white);
    font-weight:500
}
.countdown-style-03 .countdown-box{
    width:130px;
    display:inline-block;
    margin:0 15px;
    text-align:center
}
.countdown-style-03 .countdown-box .number{
    color:var(--dark-gray);
    font-size:4.3rem;
    line-height:4.3rem;
    font-family:var(--alt-font);
    letter-spacing:-1px;
    font-weight:700
}
.countdown-style-03 .countdown-box span{
    color:var(--medium-gray);
    text-transform:uppercase;
    font-size:14px;
    line-height:16px;
    font-weight:500
}
.countdown-style-04 .countdown-box{
    width:160px;
    display:inline-block;
    margin:0 7px;
    text-align:center;
    position:relative
}
.countdown-style-04 .countdown-box:before{
    content:":";
    position:absolute;
    top:20px;
    font-size:2rem;
    color:var(--white);
    right:-10px;
    margin-top:-5px;
    font-weight:400;
    opacity:.7
}
.countdown-style-04 .countdown-box:last-child:before{
    display:none
}
.countdown-style-04 .countdown-box .number{
    color:#fff;
    font-size:4.5rem;
    line-height:4.5rem;
    font-family:var(--alt-font);
    font-weight:600
}
.countdown-style-04 .countdown-box span{
    color:var(--very-light-gray);
    font-size:15px
}
.counter-style-03 .feature-box i{
    -webkit-transition:.4s;
    transition:.4s
}
.counter-style-03 .feature-box:hover i{
    -webkit-transform:translateY(-7px);
    transform:translateY(-7px)
}
.counter-style-04 .vertical-counter:after{
    content:attr(data-text);
    display:inline-block;
    margin-left:3px;
    word-break:normal
}
.counter-style-06 .feature-box-content .counter-title{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.counter-style-06 .feature-box-content:after{
    content:"";
    display:block;
    height:40%;
    right:0;
    top:50%;
    width:1px;
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--extra-medium-gray)
}
.counter-style-06 .feature-box:last-child .feature-box-content:after{
    display:none
}
.counter-style-07 .vertical-counter-number{
    z-index:1
}
.vertical-counter-number{
    overflow:hidden;
    width:100%;
    height:auto
}
.vertical-counter-number ul{
    text-align:center;
    margin:0;
    padding:0;
    list-style:none;
    will-change:transform;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.divider-style-01 .divider-shadow:after,.divider-style-01 .divider-shadow:before{
    flex:1 1 auto;
    -webkit-box-flex:1 1 auto;
    -ms-flex:1 1 auto;
    content:"";
    height:10px;
    margin-top:7px;
    box-shadow:0 6px 10px -10px #8c8b8b inset
}
.divider-style-01 .divider-border:after,.divider-style-01 .divider-border:before{
    flex:1 1 auto;
    -webkit-box-flex:1 1 auto;
    -ms-flex:1 1 auto;
    content:"";
    height:10px;
    margin-top:7px;
    border-top:1px solid #E4E4E4
}
.divider-style-02 .divider-dot{
    position:relative
}
.divider-style-02 .divider-dot span{
    content:"";
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    margin:-10px 0 0 -13px;
    width:25px;
    height:25px;
    box-shadow:inset 0 0 0 6px #fff
}
.divider-style-02 .divider-dot:after{
    top:0;
    content:"";
    height:100%;
    width:1px;
    flex:1 1 auto;
    -webkit-box-flex:1 1 1px;
    -ms-flex:1 1 1px;
    border-left:1px solid #E4E4E4;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto
}
.first-letter-big,.time-table-box{
    position:relative;
    text-align:center
}
.divider-style-03.divider-style-03-01{
    border-top:1px solid;
    width:100%
}
.divider-style-03.divider-style-03-02{
    border-top:1px dashed
}
.divider-style-03.divider-style-03-03{
    border-top:4px double
}
.divider-style-03.divider-style-03-04{
    border-top:2px dashed
}
.divider-style-03.divider-style-03-05{
    border-top:2px dotted
}
.first-letter{
    float:left;
    font-size:4.5rem;
    line-height:4.5rem;
    font-weight:600;
    text-align:center;
    margin:0 25px 0 0
}
.first-letter-block{
    font-size:4.5rem;
    line-height:100px;
    font-weight:600;
    width:100px;
    height:100px;
    margin:8px 35px 0 0
}
.first-letter-round{
    -webkit-border-radius:50%;
    border-radius:50%;
    font-size:3.5rem
}
.first-letter-big{
    float:left;
    font-size:9rem;
    line-height:9rem;
    padding:0
}
.first-letter-small{
    font-size:3.438rem;
    line-height:4rem;
    font-weight:600;
    width:65px;
    height:65px;
    margin:8px 30px 0 0
}
.time-table{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row nowrap;
    -webkit-box-align:stretch;
    align-items:stretch;
    -webkit-box-flex:1;
    flex:1 0
}
.categories-style-01 .categories-box,.feature-box,.time-table-box,.time-table-box .inner-box{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
.time-table+.time-table .time-table-box{
    border-top-width:0!important
}
.time-table-box{
    -webkit-box-align:stretch;
    align-items:stretch;
    flex-basis:12.5%;
    padding:30px 10px;
    display:-webkit-box;
    display:flex;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    min-height:100px
}
.time-table-box .inner-box{
    display:-webkit-box;
    display:flex;
    flex-direction:column;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-flex:1;
    flex:1 auto;
    z-index:9
}
.time-table-box .inner-box>div{
    line-height:initial;
    margin-top:7px
}
.time-table-box+.time-table-box{
    border-left-width:0!important
}
.time-table-box+.time-table-box.name-box:before{
    position:absolute;
    content:"";
    transition:opacity .3s;
    opacity:0;
    display:inline-block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:var(--base-color)
}
.time-table-box+.time-table-box.name-box:hover .inner-box div,.time-table-box+.time-table-box.name-box:hover .inner-box span{
    color:var(--white)
}
.time-table-box+.time-table-box.name-box:hover:before{
    opacity:1
}
.time-table-box+.time-table-box.name-box:hover .hover-detail{
    visibility:visible;
    opacity:1
}
.time-table-box.day{
    padding:15px 10px;
    min-height:1px
}
.time-table-box .hover-detail{
    position:absolute;
    left:50%;
    top:100%;
    padding:25px 30px;
    border-radius:6px;
    width:250px;
    z-index:111;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-box-shadow:0 0 60px rgba(0,0,0,.14);
    box-shadow:0 0 60px rgba(0,0,0,.14);
    -webkit-transition:50ms;
    transition:50ms
}
.time-table-box .hover-detail:after{
    content:"";
    top:-21px;
    left:50%;
    height:0;
    width:0;
    z-index:9;
    margin-left:-14px;
    position:absolute;
    pointer-events:none;
    border:solid transparent;
    border-width:11px;
    border-bottom-color:var(--white)
}
.time-table-box .hover-detail.hover-detail-left{
    left:auto;
    right:0;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.time-table-box .hover-detail.hover-detail-left:after{
    right:60px;
    left:auto
}
.time-table-box .hover-detail.hover-detail-top{
    top:auto;
    bottom:100%
}
.time-table-box .hover-detail.hover-detail-top:after{
    top:auto;
    bottom:-21px;
    border-top-color:var(--white);
    border-bottom-color:transparent
}
.name-box div,.name-box span{
    line-height:26px;
    transition:.2s
}
.event-style-03 .nav-tabs{
    border-radius:6px 6px 0 0
}
.event-style-03 .nav-tabs .nav-link{
    color:var(--white);
    line-height:normal;
    padding:17px 15px 20px;
    border:0;
    border-radius:0
}
.event-style-03 .nav-tabs .nav-link.active,.event-style-03 .nav-tabs .nav-link.show,.event-style-03 .nav-tabs .nav-link:hover{
    color:var(--dark-gray);
    background-color:var(--white)
}
.event-style-03 .nav-tabs>li.nav-item{
    padding:0;
    width:100%
}
.event-style-03 .nav-tabs>li.nav-item:not(:last-child){
    border-right:1px solid rgba(0,0,0,.1)
}
.event-style-03 .accordion .accordion-title .event-time{
    min-width:354px
}
.event-style-03 .accordion .accordion-title .event-time i{
    position:static;
    -webkit-transform:none;
    transform:none
}
.event-style-03 .accordion .trainer-box{
    flex:0 0 auto;
    width:270px;
    margin-right:85px;
    margin-top:15px
}
.fancy-text-box-style-01{
    border-bottom:1px solid;
    border-right:1px solid;
    overflow:hidden
}
.fancy-text-box-style-01 .text-box-wrapper .text-box,.fancy-text-box-style-01 .text-box-wrapper .text-box-hover{
    display:block;
    width:100%;
    -webkit-transition:all .6s cubic-bezier(.12,0,.39,0);
    transition:all .6s cubic-bezier(.12,0,.39,0)
}
.fancy-text-box-style-01 .text-box-wrapper .text-box-hover{
    opacity:0;
    position:absolute
}
.fancy-text-box-style-01 .text-box-wrapper:hover .text-box{
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .6s cubic-bezier(.12,0,.39,0);
    transition:all .6s cubic-bezier(.12,0,.39,0)
}
.fancy-text-box-style-01 .text-box-wrapper:hover .text-box-hover{
    opacity:1;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .6s cubic-bezier(.12,0,.39,0);
    transition:all .6s cubic-bezier(.12,0,.39,0)
}
.fancy-text-box-style-01:last-child{
    border-right:0
}
#map{
    height:550px
}
.arrow_box{
    width:22px;
    height:22px;
    border-radius:100%;
    -webkit-border-top-left-radius:100%;
    -webkit-border-top-right-radius:100%;
    -webkit-border-bottom-right-radius:100%;
    -webkit-border-bottom-left-radius:100%;
    position:relative;
    opacity:.8;
    cursor:pointer
}
.arrow_box span{
    width:100%;
    height:100%;
    border:1px solid;
    opacity:.2;
    display:inline-block;
    border-radius:100%;
    -webkit-border-top-left-radius:100%;
    -webkit-border-top-right-radius:100%;
    -webkit-border-bottom-right-radius:100%;
    -webkit-border-bottom-left-radius:100%;
    position:absolute;
    top:0;
    left:0
}
.arrow_box span:first-child{
    animation:markerWave 1.5s .45s cubic-bezier(.4,0,.2,1) infinite forwards;
    -webkit-animation:markerWave 1.5s .45s cubic-bezier(.4,0,.2,1) infinite forwards
}
.arrow_box span:first-child+span{
    animation:markerWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards;
    -webkit-animation:markerWave 1.5s .45s cubic-bezier(0,0,.2,1) infinite forwards
}
.arrow_box span:last-child{
    opacity:.1
}
.arrow_box.marker02{
    width:18px;
    height:18px
}
.arrow_box.marker02 span{
    border:0
}
.arrow_box.marker02:after{
    content:"";
    width:45px;
    height:62px;
    background:url(../images/marker02.png) left center no-repeat;
    background-size:cover;
    position:absolute;
    left:-15px;
    top:-58px;
    float:left
}
.arrow_box.marker03{
    width:16px;
    height:16px;
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
}
.arrow_box.marker03 span{
    background-color:transparent!important
}
@keyframes markerWave{
    0%{
        transform:scale(1);
        opacity:.8
    }
    20%{
        opacity:.8
    }
    100%{
        transform:scale(5.5);
        opacity:0
    }
}
@-webkit-keyframes markerWave{
    0%{
        -webkit-transform:scale(1);
        opacity:.8
    }
    20%{
        opacity:.8
    }
    100%{
        -webkit-transform:scale(5.5);
        opacity:0
    }
}
.infowindow{
    color:var(--dark-gray);
    font-weight:400;
    line-height:26px;
    font-size:15px;
    letter-spacing:-.5px;
    padding:25px!important;
    text-align:center
}
.infowindow .mb-3{
    font-weight:600;
    font-size:16px;
    letter-spacing:-.25px
}
.infowindow p{
    color:var(--medium-gray);
    font-size:15px;
    margin-bottom:5px;
    letter-spacing:-.25px;
    line-height:24px
}
.infowindow :last-child{
    margin-bottom:0
}
.gm-style .gm-style-iw-c{
    padding:0!important;
    border-radius:0;
    max-width:230px!important;
    -webkit-box-shadow:0 20px 60px rgba(0,0,0,.08);
    box-shadow:0 20px 60px rgba(0,0,0,.08)
}
.gm-style .gm-style-iw-d{
    overflow:auto!important
}
.gm-style .gm-style-iw-t::after{
    background:var(--dark-gray);
    -webkit-box-shadow:0 20px 60px rgba(0,0,0,.08);
    box-shadow:0 20px 60px rgba(0,0,0,.08)
}
.gm-ui-hover-effect{
    opacity:.8;
    top:-2px!important;
    right:2px!important;
    width:25px!important;
    display:none!important;
    height:25px!important
}
.gm-ui-hover-effect img{
    width:17px!important;
    height:17px!important;
    margin:6px!important
}
.google-maps-link{
    text-align:center
}
.google-maps-link a{
    font-size:12px;
    font-weight:400;
    display:block;
    background-color:var(--dark-gray);
    color:var(--white);
    padding:15px;
    letter-spacing:.5px
}
.gmnoprint .gm-style-mtc,.gmnoprint .gm-svpc{
    display:none
}
.gm-style a[title],.gm-style-cc,.gmnoprint .gm-style-cc,.gmnoprint.gm-style-cc,.gmnoscreen{
    display:none!important
}
.gm-style .gm-style-iw-tc::after{
    background:var(--dark-gray)
}
@media screen{
    .gm-style .gmnoscreen,.gmnoscreen{
        display:none
    }
}
.text-highlight{
    position:relative;
    z-index:1
}
.text-highlight span{
    display:inline-block;
    left:-3px;
    position:absolute;
    z-index:-1;
    width:calc(100% + 6px)
}
.separator-animation{
    width:0!important;
    -webkit-transition:all 1s cubic-bezier(.165,.84,.44,1);
    transition:all 1s cubic-bezier(.165,.84,.44,1)
}
.shadow-in .separator-animation{
    width:calc(100% + 6px)!important
}
.feature-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-direction:column;
    flex-direction:column;
    text-align:center;
    position:relative;
    z-index:1
}
.feature-box .feature-box-icon i:not([class*=text-gradient-]){
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.feature-box.feature-box-left-icon,.feature-box.feature-box-left-icon-middle{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:stretch!important;
    -ms-flex-align:stretch!important;
    align-items:stretch!important;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-align:left
}
.feature-box.feature-box-left-icon .feature-box-icon,.feature-box.feature-box-left-icon-middle .feature-box-icon{
    margin-right:30px
}
.feature-box.feature-box-left-icon .feature-box-content,.feature-box.feature-box-left-icon-middle .feature-box-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.feature-box.feature-box-left-icon .content-slide-up,.feature-box.feature-box-left-icon-middle .content-slide-up{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.feature-box.feature-box-left-icon-middle{
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    -webkit-box-align:center!important;
    -ms-flex-align:center!important;
    align-items:center!important;
    -ms-flex-pack:center;
    justify-content:flex-start;
    text-align:left
}
.feature-box.feature-box-left-icon-middle .content-slide-up{
    flex-flow:row wrap;
    align-items:center;
    justify-content:flex-start;
    text-align:left
}
.feature-box.text-start{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
.feature-box.text-end{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.feature-box .feature-box-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.feature-box .content-slide-up{
    will-change:transform;
    -webkit-transform:translateY(30px);
    transform:translateY(30px)
}
.feature-box .content-slide-up .text-visible{
    opacity:0
}
.feature-box .border-hover{
    left:0;
    bottom:-1px;
    width:calc(100% + 0px);
    height:5px;
    position:absolute;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:transform .5s ease;
    transition:transform .5s ease;
    will-change:transform
}
.feature-box .feature-box-bg-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-9;
    opacity:0;
    -webkit-transform:scale(.8);
    transform:scale(.8);
    -webkit-transition:.5s;
    transition:.5s
}
.feature-box .feature-box-icon-rounded{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    overflow:hidden;
    -webkit-transition:.3s;
    transition:.3s
}
.feature-box .feature-box-icon-rounded .feature-box-icon-hover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.feature-box .feature-box-icon-rounded i{
    position:relative;
    z-index:1;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.feature-box .box-move-bottom-top{
    -webkit-transform:translateY(28px);
    transform:translateY(28px);
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.feature-box .move-bottom-top{
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0);
    opacity:0
}
.feature-box:hover .box-move-bottom-top{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.feature-box:hover .box-move-bottom-top .move-bottom-top{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.feature-box:hover .border-hover{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.feature-box:hover .feature-box-overlay{
    opacity:1
}
.feature-box:hover .content-slide-up{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.feature-box:hover .content-slide-up .text-visible{
    opacity:1
}
.feature-box:hover .content-slide-up.content-scale .feature-box-overlay{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.feature-box:hover .feature-box-bg-overlay{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.feature-box:hover .feature-box-icon-rounded .feature-box-icon-hover{
    opacity:1
}
.feature-box:hover .feature-box-content .underline-on-hover{
    color:var(--base-color)
}
.feature-box:hover .feature-box-content .underline-on-hover:after{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.feature-box:hover .dark-hover i,.feature-box:hover .dark-hover span{
    color:#fff
}
.feature-box:hover .dark-hover [class*=text-gradient-]{
    color:var(--white);
    background-image:none;
    -webkit-background-clip:inherit;
    -webkit-text-fill-color:var(--white)
}
.feature-box.border-bottom .feature-box-overlay,.feature-box.border-top .feature-box-overlay{
    height:calc(100% + 1px)
}
.icon-with-text-style-03 *{
    word-break:initial
}
.icon-with-text-style-05 .feature-box{
    height:100%
}
.icon-with-text-style-07 .hover-box:hover .feature-box-title{
    left:-25%
}
.icon-with-text-style-07 .hover-box:hover .feature-box-title.text-outline-color-dark-gray{
    -webkit-text-stroke-color:var(--base-color);
    opacity:1
}
.icon-with-text-style-07 .feature-box-title{
    position:absolute;
    top:30px;
    left:50%;
    word-break:normal;
    width:100%;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.icon-with-text-style-10 .feature-box-icon:before{
    width:100%;
    height:50%;
    background-color:var(--base-color);
    opacity:.12;
    z-index:-1;
    content:"";
    position:absolute;
    left:0;
    top:0;
    -webkit-transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    transform:rotate(-40deg);
    -webkit-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.icon-with-text-style-10:nth-child(even) .feature-box-icon:before{
    -webkit-transform:rotate(140deg);
    -ms-transform:rotate(140deg);
    transform:rotate(140deg)
}
.icon-with-text-style-10:hover .feature-box-icon{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all .3s cubic-bezier(.37,.8,.63,1.2);
    transition:all .3s cubic-bezier(.37,.8,.63,1.2)
}
.icon-with-text-style-10:hover .feature-box-icon i{
    color:var(--white)
}
.icon-with-text-style-10:hover .feature-box-icon:before{
    height:100%;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    opacity:1
}
.icon-with-text-style-11{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.icon-with-text-style-11 .text-box{
    opacity:1
}
.icon-with-text-style-11 .text-box-hover{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.icon-with-text-style-11:hover{
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px)
}
.icon-with-text-style-11:hover .text-box-hover{
    opacity:1
}
.icon-with-text-style-11:hover .text-box{
    opacity:0
}
.image-gallery-style-01 .gallery-box .gallery-image{
    will-change:transform
}
.image-gallery-style-01 .gallery-box:hover img{
    opacity:.5;
    -webkit-filter:blur(2px);
    filter:blur(2px);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.image-gallery-style-02 .gallery-box:hover img{
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    opacity:.3
}
.image-gallery-style-03 .gallery-box i{
    opacity:0;
    visibility:hidden
}
.image-gallery-style-03 .gallery-box img{
    -webkit-transform:scale(1.13) translateZ(0);
    transform:scale(1.13) translateZ(0)
}
.image-gallery-style-03 .gallery-box:hover i{
    opacity:1;
    visibility:visible
}
.image-gallery-style-03 .gallery-box:hover img{
    opacity:.2;
    -webkit-transform:scale(1) translateZ(0);
    transform:scale(1) translateZ(0)
}
.image-gallery-style-04 .gallery-box{
    will-change:transform
}
.image-gallery-style-04 .gallery-box img{
    width:100%
}
.image-gallery-style-04 .gallery-box:hover img{
    opacity:.2
}
.image-gallery-style-05 .gallery-box{
    will-change:transform
}
.image-gallery-style-05 .gallery-box:hover img{
    opacity:.2
}
.image-gallery-style-06 .gallery-box{
    will-change:transform
}
.image-gallery-style-06 .gallery-box img{
    width:100%
}
.image-gallery-style-06 .gallery-box .gallery-hover{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden
}
.image-gallery-style-06 .gallery-box .gallery-hover .gallery-title{
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}
.image-gallery-style-06 .gallery-box:hover img{
    opacity:.2;
    -webkit-transform:scale(1.15);
    transform:scale(1.15)
}
.image-gallery-style-06 .gallery-box:hover .gallery-hover{
    opacity:1;
    visibility:visible
}
.image-gallery-style-06 .gallery-box:hover .gallery-hover .gallery-title{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.instafeed-grid{
    list-style:none;
    text-align:center
}
.instafeed-grid figure{
    position:relative;
    overflow:hidden;
    margin-bottom:0;
    border-radius:4px
}
.instafeed-grid figure a .insta-icon{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    background:rgba(35,35,35,.7);
    width:100%;
    height:100%;
    -webkit-transition:.3s;
    transition:.3s
}
.instafeed-grid figure a .insta-icon i{
    margin-right:5px;
    margin-left:5px;
    position:relative;
    display:block;
    font-size:26px;
    color:var(--white);
    top:50%;
    -webkit-transform:translateY(-50%) scale(1.5,1.5);
    transform:translateY(-50%) scale(1.5,1.5);
    -webkit-transition:all .2s cubic-bezier(.37,.8,.63,1);
    transition:all .2s cubic-bezier(.37,.8,.63,1)
}
.instafeed-grid figure a .insta-video{
    display:none
}
.instafeed-grid figure a video{
    object-fit:cover;
    width:100%;
    height:100%
}
.instafeed-grid figure a video[data-class=video]{
    display:block
}
.instafeed-grid figure a [data-class=video]+.insta-image{
    display:none
}
.instafeed-grid figure:hover a .insta-icon{
    opacity:1
}
.instafeed-grid figure:hover a .insta-icon i{
    -webkit-transform:translateY(-50%) scale(1,1);
    transform:translateY(-50%) scale(1,1)
}
.instagram-follow-api .instagram-button{
    z-index:1;
    white-space:nowrap;
    padding:12px 32px;
    box-shadow:0 0 35px rgba(23,23,23,.4)
}
.interactive-banner-style-01 figure{
    -webkit-transition:all .7s cubic-bezier(.61,1,.88,1);
    transition:all .7s cubic-bezier(.61,1,.88,1)
}
.interactive-banner-style-01 figure .icon-box{
    opacity:0;
    position:relative;
    top:15px
}
.interactive-banner-style-01 figure figcaption{
    position:absolute;
    bottom:0
}
.interactive-banner-style-01 figure:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.interactive-banner-style-01 figure:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all .7s cubic-bezier(.61,1,.88,1);
    transition:all .7s cubic-bezier(.61,1,.88,1)
}
.interactive-banner-style-01 figure:hover .icon-box{
    opacity:1;
    top:0
}
.interactive-banner-style-01 figure:hover .box-overlay{
    opacity:.5
}
.interactive-banner-style-02.hover-box *{
    will-change:auto!important
}
.interactive-banner-style-02 figure figcaption .features-icon{
    margin-bottom:-45px;
    opacity:0;
    visibility:hidden
}
.interactive-banner-style-02:hover figure img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.interactive-banner-style-02:hover figure figcaption .features-icon{
    margin-bottom:20px;
    opacity:1;
    visibility:visible
}
.interactive-banner-style-03 figure{
    position:relative
}
.interactive-banner-style-03 figure img{
    -webkit-transition:all .7s cubic-bezier(.61,1,.88,1);
    transition:all .7s cubic-bezier(.61,1,.88,1)
}
.interactive-banner-style-03 figure figcaption{
    position:absolute;
    bottom:0;
    top:0;
    background-color:rgba(0,0,0,.2)
}
.interactive-banner-style-03 figure:hover img{
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
}
.interactive-banner-style-04 figure,.interactive-banner-style-04 figure *{
    -webkit-transition:all .7s cubic-bezier(.5,1,.89,1);
    transition:all .7s cubic-bezier(.5,1,.89,1)
}
.interactive-banner-style-04 figure figcaption{
    position:absolute;
    bottom:0
}
.interactive-banner-style-04 figure figcaption .features-content{
    position:absolute;
    left:25px;
    top:25px;
    width:calc(100% - 50px);
    height:calc(100% - 50px);
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:all .5s cubic-bezier(.5,1,.89,1);
    transition:all .5s cubic-bezier(.5,1,.89,1)
}
.interactive-banner-style-04 figure figcaption .features-content .box-overlay{
    height:0%;
    -webkit-transition:all .4s cubic-bezier(.5,1,.89,1);
    transition:all .4s cubic-bezier(.5,1,.89,1)
}
.interactive-banner-style-04 figure figcaption .box-button{
    opacity:1;
    visibility:visible;
    position:relative;
    bottom:0;
    -webkit-transition:all .5s cubic-bezier(.5,1,.89,1);
    transition:all .5s cubic-bezier(.5,1,.89,1)
}
.interactive-banner-style-04 figure:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.interactive-banner-style-04 figure:hover figcaption .features-content{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.interactive-banner-style-04 figure:hover figcaption .box-overlay{
    height:100%
}
.interactive-banner-style-04 figure:hover figcaption .box-button{
    opacity:0;
    visibility:hidden;
    position:relative;
    bottom:-70px
}
.interactive-banner-style-05 figure img{
    -webkit-transition:all .7s cubic-bezier(.61,1,.88,1);
    transition:all .7s cubic-bezier(.61,1,.88,1)
}
.interactive-banner-style-05 figure figcaption .btn{
    margin-bottom:-50px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .7s cubic-bezier(.61,1,.88,1);
    transition:all .7s cubic-bezier(.61,1,.88,1)
}
.interactive-banner-style-05 figure figcaption .content-arrow{
    position:absolute;
    right:0;
    opacity:0;
    top:50%;
    -webkit-transform:translateY(5px);
    transform:translateY(5px)
}
.interactive-banner-style-06,.interactive-banner-style-07 figure{
    position:relative;
    overflow:hidden
}
.interactive-banner-style-05 figure:hover img{
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
}
.interactive-banner-style-05 figure:hover figcaption img{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.interactive-banner-style-05 figure:hover figcaption .content-arrow{
    opacity:1;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.interactive-banner-style-05 figure:hover figcaption .btn{
    margin-bottom:0;
    visibility:visible;
    opacity:1
}
.interactive-banner-style-05 .atropos:hover .box-overlay{
    opacity:1;
    visibility:visible
}
.interactive-banner-style-05 .atropos:hover img{
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
}
.interactive-banner-style-06 .banners-icon{
    z-index:9;
    -webkit-transition:350ms cubic-bezier(.12,0,.39,0);
    transition:350ms cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-06 img{
    -webkit-transition:1s cubic-bezier(.12,0,.39,0);
    transition:1s cubic-bezier(.12,0,.39,0);
    width:100%
}
.interactive-banner-style-06 .interactive-banners-content{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index:1;
    transform:translateY(calc(100% - 155px));
    -webkit-transition:550ms cubic-bezier(.12,0,.1,0);
    transition:550ms cubic-bezier(.12,0,.1,0)
}
.interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text{
    opacity:0;
    visibility:hidden;
    -webkit-transition:350ms cubic-bezier(.12,0,.39,0);
    transition:350ms cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-06 .box-overlay{
    height:25%;
    bottom:0;
    top:auto;
    visibility:visible;
    opacity:0;
    -webkit-transition:350ms cubic-bezier(.12,0,.39,0);
    transition:350ms cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-06:hover img{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    -webkit-transition:3s cubic-bezier(.12,0,.39,0);
    transition:3s cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-06:hover .interactive-banners-content{
    transform:translateY(0)
}
.interactive-banner-style-06:hover .interactive-banners-content .interactive-banners-content-text{
    opacity:1;
    visibility:visible
}
.interactive-banner-style-06:hover .box-overlay{
    height:100%;
    visibility:visible;
    opacity:1
}
.interactive-banner-style-07 figure>img{
    -webkit-transition:.6s cubic-bezier(.12,0,.39,0);
    transition:.6s cubic-bezier(.12,0,.39,0);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.interactive-banner-style-07 figure .overlay-bg{
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-07 figure figcaption{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
.interactive-banner-style-07 figure .hover-hide-content{
    position:absolute;
    bottom:50px;
    left:0;
    width:100%;
    -webkit-transition:1s;
    transition:1s
}
.interactive-banner-style-07 figure .hover-show-content{
    opacity:0;
    visibility:hidden;
    position:absolute;
    bottom:50px;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.interactive-banner-style-07 figure:hover>img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.interactive-banner-style-07 figure:hover .overlay-bg{
    opacity:.7
}
.interactive-banner-style-07 figure:hover .hover-hide-content{
    opacity:0;
    visibility:hidden;
    -webkit-transition:.1s;
    transition:.1s
}
.interactive-banner-style-07 figure:hover .hover-show-content{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.interactive-banner-style-08 figure:hover img{
    -webkit-transform:scale(1.08);
    transform:scale(1.08);
    -webkit-transition:1.5s;
    transition:1.5s
}
.interactive-banner-style-08 figure:hover .box-overlay{
    opacity:1;
    visibility:visible
}
.interactive-banner-style-08 figure:hover figcaption .circle-box{
    background-color:var(--white)!important;
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all .5s cubic-bezier(.61,1,.88,1.5);
    transition:all .5s cubic-bezier(.61,1,.88,1.5)
}
.interactive-banner-style-09 img{
    -webkit-transition:all 1.5s cubic-bezier(.19,1,.22,1);
    transition:all 1.5s cubic-bezier(.19,1,.22,1)
}
.interactive-banner-style-09 .image-content{
    position:absolute;
    top:0
}
.interactive-banner-style-09 .image-content .content-title{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    position:relative;
    opacity:.6;
    visibility:visible;
    will-change:transform;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-09 .image-content .content-title-hover{
    position:absolute;
    width:auto;
    left:0;
    bottom:0;
    visibility:hidden;
    will-change:transform;
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-09 .image-content .content-arrow{
    will-change:transform;
    position:absolute;
    right:0;
    opacity:0;
    top:50%;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    -webkit-transition:all .3s cubic-bezier(.12,0,.39,0);
    transition:all .3s cubic-bezier(.12,0,.39,0);
    display:flex;
    align-items:center;
    justify-content:center
}
.interactive-banner-style-09 .image-content .label{
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-09 .image-content .hover-label-icon i{
    opacity:0;
    position:absolute;
    top:20px;
    left:0;
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0)
}
.interactive-banner-style-09 .image-content:hover .content-arrow{
    opacity:1;
    -webkit-transform:translateY(-42%);
    transform:translateY(-42%)
}
.interactive-banner-style-09 .image-content:hover .content-title{
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px)
}
.interactive-banner-style-09 .image-content:hover .content-title-hover{
    visibility:visible;
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px)
}
.interactive-banner-style-09 .image-content:hover .box-overlay{
    opacity:1;
    visibility:visible
}
.interactive-banner-style-09 .image-content:hover .hover-label-icon .label{
    opacity:0;
    margin-top:-20px
}
.interactive-banner-style-09 .image-content:hover .hover-label-icon i{
    opacity:1;
    top:0
}
.interactive-banner-style-09:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.html-video,.mfp-ajax-holder{
    -webkit-transform:translateY(-50%)
}
.list-style-01{
    list-style:none
}
.list-style-01 li{
    border-bottom:1px solid
}
.list-style-01 li:last-child,.team-style-09 .nav-tabs>li.nav-item:last-child .nav-link{
    border-bottom:0
}
.list-style-02{
    list-style:none
}
.list-style-02 li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
.list-style-02 li:last-child{
    margin-bottom:0
}
.list-style-03{
    counter-reset:li;
    list-style-type:none
}
.list-style-03 li{
    position:relative;
    padding:0 0 0 38px;
    margin:0 0 9px
}
.list-style-03 li:before{
    content:counter(li,decimal-leading-zero) ".";
    counter-increment:li;
    display:inline-block;
    position:absolute;
    left:0
}
.list-style-04{
    padding-left:16px
}
.list-style-04 li{
    margin:0 0 10px;
    list-style:disc
}
.list-style-05{
    padding:0;
    margin:0
}
.list-style-05 li{
    margin:0;
    display:inline-block
}
.list-style-05 li:before{
    border-radius:100%;
    content:"";
    background-color:var(--medium-gray);
    display:inline-block;
    width:6px;
    height:6px;
    margin:0 15px;
    vertical-align:middle;
    position:relative;
    top:-2px
}
.list-style-05 li:first-child:before{
    display:none
}
.html-video{
    background-color:#000;
    left:0;
    position:absolute;
    top:50%;
    z-index:-3;
    object-fit:cover;
    transform:translateY(-50%)
}
.bg-video-wrapper{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    pointer-events:none;
    overflow:hidden
}
.bg-video-wrapper iframe{
    width:100vw;
    height:56.25vw;
    min-height:100vh;
    min-width:177.77vh;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
#popup-form{
    cursor:default
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
    color:var(--white);
    background:0 0
}
.mfp-iframe-holder .mfp-content{
    max-width:1050px
}
.mfp-close,.mfp-close:active{
    opacity:1;
    background-color:transparent;
    right:20px;
    top:20px;
    height:30px;
    width:30px;
    font-size:13px;
    line-height:31px;
    position:absolute;
    color:var(--dark-gray)
}
.show-search-popup .mfp-search.mfp-bg.mfp-ready{
    opacity:.5
}
.mfp-arrow{
    opacity:1
}
.mfp-wrap .mfp-container{
    cursor:auto
}
.show-search-popup .mfp-close,.show-search-popup .mfp-close:active{
    color:var(--dark-gray)
}
.show-search-popup .search-form .search-input{
    border-bottom:2px solid rgba(0,0,0,.1);
    color:var(--dark-gray)
}
.show-search-popup .search-form .search-button{
    color:var(--dark-gray)
}
.show-search-popup .mfp-container{
    position:fixed;
    height:300px;
    background-color:var(--white);
    -webkit-animation-name:ani-mfp;
    animation-name:ani-mfp;
    -webkit-animation-duration:.2s;
    -moz-animation-duration:.2s;
    -o-animation-duration:.2s;
    animation-duration:.2s
}
.mfp-arrow-left:before,.mfp-arrow-right:before{
    font-size:20px;
    font-family:themify;
    line-height:60px;
    height:100%;
    border:none;
    opacity:1;
    width:100%;
    margin:0;
    color:var(--white)
}
.show-search-popup .mfp-removing .mfp-container{
    -webkit-animation-name:ani-mfp-close;
    animation-name:ani-mfp-close;
    -webkit-animation-duration:.2s;
    -moz-animation-duration:.2s;
    -o-animation-duration:.2s;
    animation-duration:.2s
}
.lightbox-gallery a{
    position:relative;
    display:block
}
.mfp-arrow-left:after,.mfp-arrow-right:after,.subscribe-popup .mfp-close.mfp-close-btn:before{
    display:none
}
.lightbox-gallery .gallary-over-layer{
    position:absolute;
    top:0;
    left:0
}
.mfp-arrow-left{
    left:30px
}
.mfp-arrow-right{
    right:30px
}
.mfp-arrow-left:before{
    content:"\e629"
}
.mfp-arrow-right:before{
    content:"\e628"
}
.mfp-bottom-bar{
    margin-top:-24px;
    font-size:12px
}
.mfp-close{
    font-size:28px;
    font-family:var(--alt-font)
}
.mfp-figure{
    -webkit-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    -ms-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:.4s;
    -moz-animation-duration:.4s;
    -ms-animation-duration:.4s;
    -o-animation-duration:.4s;
    animation-duration:.4s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden
}
.my-mfp-zoom-in .zoom-anim-dialog{
    opacity:0;
    -webkit-transform:scale3d(.9,.9,1);
    -o-transform:scale3d(.9,.9,1);
    transform:scale3d(.9,.9,1);
    -webkit-transition:all .5s cubic-bezier(.2,0,.3,1);
    transition:all .5s cubic-bezier(.2,0,.3,1)
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{
    opacity:1;
    -webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
    -o-transform:translate3d(0,0,0) scale3d(1,1,1);
    transform:translate3d(0,0,0) scale3d(1,1,1)
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{
    -webkit-transform:scale(.8);
    transform:scale(.8);
    opacity:0
}
.my-mfp-zoom-in.mfp-bg{
    opacity:0;
    -webkit-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out
}
.my-mfp-zoom-in.mfp-ready.mfp-bg{
    opacity:.8
}
.my-mfp-zoom-in.mfp-removing.mfp-bg{
    opacity:0
}
.my-mfp-slide-bottom .zoom-anim-dialog{
    opacity:0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
    -webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform:translateY(-20px) perspective(600px) rotateX(10deg);
    transform:translateY(-20px) perspective(600px) rotateX(10deg)
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{
    opacity:1;
    -webkit-transform:translateY(0) perspective(600px) rotateX(0);
    -o-transform:translateY(0) perspective(600px) rotateX(0);
    transform:translateY(0) perspective(600px) rotateX(0)
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{
    opacity:0;
    -webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform:translateY(-10px) perspective(600px) rotateX(10deg);
    transform:translateY(-10px) perspective(600px) rotateX(10deg)
}
.my-mfp-slide-bottom.mfp-bg{
    opacity:0;
    -webkit-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg{
    opacity:.8
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg{
    opacity:0
}
.my-mfp-slide-up .slide-up-popup{
    -webkit-transition:all .5s cubic-bezier(.2,0,.3,1);
    transition:all .5s cubic-bezier(.2,0,.3,1);
    -webkit-transform:translate3d(0,30px,0);
    transform:translate3d(0,30px,0)
}
.my-mfp-slide-up.mfp-ready .slide-up-popup{
    -webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
    -o-transform:translate3d(0,0,0) scale3d(1,1,1);
    transform:translate3d(0,0,0) scale3d(1,1,1)
}
.my-mfp-slide-up.mfp-removing .slide-up-popup{
    opacity:0;
    -webkit-transform:translate3d(0,30px,0);
    transform:translate3d(0,30px,0)
}
.my-mfp-slide-up.mfp-bg{
    opacity:0;
    -webkit-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out
}
.my-mfp-slide-up.mfp-ready.mfp-bg{
    opacity:.8
}
.my-mfp-slide-up.mfp-removing.mfp-bg{
    opacity:0
}
.mfp-bg{
    background:var(--dark-gray);
    opacity:.9
}
.mfp-bg,.mfp-wrap{
    z-index:10007
}
.mfp-fade.mfp-bg{
    opacity:0;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:.93
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content,.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon i,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .icon i{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.mfp-ajax-holder{
    width:70%;
    height:calc(100% - 100px);
    margin:0 auto;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
button.mfp-close,button.mfp-close:active{
    height:40px;
    width:40px;
    position:absolute;
    right:20px;
    top:20px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0
}
button.mfp-close:active:before,button.mfp-close:before{
    content:"\f00d";
    color:var(--black);
    font-family:"Font Awesome 6 Free";
    font-size:20px;
    font-weight:900
}
.mfp-gallery button.mfp-close:before,.mfp-iframe-holder~button.mfp-close:before,.subscribe-popup .mfp-close:before{
    color:var(--dark-gray)
}
.mfp-gallery button.mfp-close,.mfp-iframe-holder~button.mfp-close{
    right:40px;
    top:40px;
    background-color:var(--white)
}
.modal-popup-main{
    position:relative
}
.subscribe-popup .mfp-close,.subscribe-popup .mfp-close:active{
    background-color:transparent;
    font-size:13px;
    line-height:30px;
    top:20px;
    right:20px
}
.subscribe-popup .mfp-close.mfp-close-btn{
    bottom:0;
    top:inherit;
    position:relative;
    width:auto;
    right:0;
    height:auto;
    font-size:14px
}
.subscribe-popup .newsletter-style-02 .btn{
    padding:6px 25px 9px
}
.newsletter-popup label{
    cursor:pointer
}
[data-parallax-background-ratio]{
    position:relative!important;
    overflow:hidden;
    background-attachment:fixed!important;
    -webkit-transition-duration:0s
}
.video-icon-effect{
    position:relative;
    width:65px;
    height:65px;
    border-radius:50%;
    background-color:var(--white)
}
.video-icon-effect:before{
    position:absolute;
    content:"";
    animation:border-transform 7s linear infinite alternate forwards;
    background-color:var(--white);
    width:100px;
    height:100px;
    top:-15px;
    left:-15px;
    opacity:.2
}
@-webkit-keyframes border-transform{
    0%,100%{
        border-radius:36% 64% 59% 41%/40% 45% 55% 60%
    }
    24%{
        border-radius:37% 63% 60% 40%/46% 52% 48% 54%
    }
    32%{
        border-radius:40% 60% 54% 46%/52% 56% 44% 48%
    }
    42%{
        border-radius:52% 48% 62% 38%/54% 54% 46% 46%
    }
    56%{
        border-radius:60% 40% 65% 35%/54% 50% 50% 46%
    }
    70%{
        border-radius:44% 56% 43% 57%/42% 50% 50% 58%
    }
}
@keyframes border-transform{
    0%,100%{
        border-radius:36% 64% 59% 41%/40% 45% 55% 60%
    }
    24%{
        border-radius:37% 63% 60% 40%/46% 52% 48% 54%
    }
    32%{
        border-radius:40% 60% 54% 46%/52% 56% 44% 48%
    }
    42%{
        border-radius:52% 48% 62% 38%/54% 54% 46% 46%
    }
    56%{
        border-radius:60% 40% 65% 35%/54% 50% 50% 46%
    }
    70%{
        border-radius:44% 56% 43% 57%/42% 50% 50% 58%
    }
}
canvas{
    display:block;
    vertical-align:bottom
}
.pie-chart-style-01{
    position:relative;
    display:inline-block
}
.pie-chart-style-01 .percent{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.pricing-table-style-01.popular-item{
    margin-top:-30px
}
.pricing-table-style-02 .popular-item{
    left:-10px;
    position:relative;
    z-index:1;
    width:calc(100% + 20px)
}
.pricing-table-style-02 .popular-label{
    position:absolute;
    top:0;
    left:50%;
    padding:1px 20px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.pricing-table-style-04 .accordion-item{
    border-radius:5px!important;
    padding:16px 35px
}
.pricing-table-style-04 .accordion-item .accordion-body{
    padding:10px 0
}
.pricing-table-style-04 .accordion-item .icon-round{
    position:absolute;
    top:50%;
    right:0;
    text-align:center;
    -webkit-border-radius:100%;
    border-radius:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.pricing-table-style-04 .accordion-item .icon-round i{
    left:0;
    font-size:13px
}
.pricing-table-style-04 .accordion-item.active-accordion{
    padding:30px 40px;
    background-color:var(--base-color)!important;
    color:var(--white)!important
}
.pricing-table-style-04 .accordion-item.active-accordion .accordion-header .accordion-title{
    color:var(--white)!important
}
.pricing-table-style-04 .accordion-item.active-accordion .icon-round{
    background-color:rgba(0,0,0,.4);
    color:var(--white)!important
}
.pricing-table-style-07 .nav-tabs{
    padding:0
}
.pricing-table-style-07 .nav-tabs .nav-item{
    width:100%;
    padding:0 15px
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link{
    border:0;
    color:var(--medium-gray)
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon{
    border-color:rgba(23,23,23,.2)!important
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon i{
    opacity:0
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link .text-dark-gray{
    -webkit-transition:.3s;
    transition:.3s
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover{
    box-shadow:none;
    background-color:var(--base-color);
    color:var(--white)!important
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .text-dark-gray,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .text-dark-gray{
    color:var(--white)!important
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer,.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .offer{
    background-color:var(--dark-gray);
    border-color:var(--dark-gray)!important
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon{
    border-color:#fff!important
}
.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer{
    background-color:var(--dark-gray);
    border-color:var(--dark-gray)!important
}
.pricing-table-style-08 .nav-tabs{
    position:relative
}
.pricing-table-style-08 .nav-tabs>li.nav-item{
    padding:0;
    margin:0
}
.pricing-table-style-08 .nav-tabs>li.nav-item>a.nav-link{
    position:relative;
    padding:0;
    border:0;
    color:var(--medium-gray)
}
.pricing-table-style-08 .nav-tabs>li.nav-item>a.nav-link .tab-nav-text{
    margin:0 15px
}
.pricing-table-style-08 .nav-tabs>li.nav-item>a:before{
    content:"";
    display:inline-block;
    width:22px;
    height:22px;
    position:absolute;
    bottom:5px;
    left:calc(50% - 15px);
    opacity:0;
    border-radius:50em;
    background-color:#fff;
    -webkit-transform:scale(.5);
    transform:scale(.5);
    transition:transform .65s cubic-bezier(.23,1,.32,1),opacity .65s cubic-bezier(.23,1,.32,1);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.5);
    box-shadow:0 0 20px rgba(0,0,0,.5)
}
.pricing-table-style-08 .nav-tabs>li.nav-item>a:after{
    content:"";
    display:inline-block;
    width:100%;
    height:32px;
    background-color:#152bca
}
.pricing-table-style-08 .nav-tabs>li.nav-item>a.active{
    color:var(--dark-gray);
    background-color:transparent
}
.pricing-table-style-08 .nav-tabs>li.nav-item>a.active:before{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.pricing-table-style-08 .nav-tabs>li.nav-item:first-child a{
    flex-direction:row
}
.pricing-table-style-08 .nav-tabs>li.nav-item:first-child a:before{
    left:auto;
    right:0
}
.pricing-table-style-08 .nav-tabs>li.nav-item:first-child a:after{
    border-radius:50em 0 0 50em;
    width:28px
}
.pricing-table-style-08 .nav-tabs>li.nav-item:last-child a{
    flex-direction:row-reverse
}
.pricing-table-style-08 .nav-tabs>li.nav-item:last-child a:after{
    width:30px;
    border-radius:0 50em 50em 0
}
.pricing-table-style-09 .row,.pricing-table-style-09 .row i,.pricing-table-style-09 .row img{
    -webkit-transition:all .4s cubic-bezier(.61,1,.88,1);
    transition:all .4s cubic-bezier(.61,1,.88,1)
}
.pricing-table-style-09 .row:hover{
    -webkit-box-shadow:0 20px 50px rgba(0,0,0,.08);
    box-shadow:0 20px 50px rgba(0,0,0,.08)
}
.pricing-table-style-09 .row:hover i,.pricing-table-style-09 .row:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.pricing-table-style-09 .action{
    -webkit-transition:.3s;
    transition:.3s
}
.pricing-table-style-09 .action:hover{
    margin-right:-5px
}
.pricing-table-style-10 .cover-background{
    filter:grayscale(0);
    -webkit-transition:all .7s cubic-bezier(.61,1,.88,1);
    transition:all .7s cubic-bezier(.61,1,.88,1)
}
.pricing-table-style-10 .popular-label{
    position:absolute;
    top:0;
    right:50px;
    z-index:1;
    height:100px;
    width:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.pricing-table-style-10:hover .cover-background{
    filter:grayscale(100%)
}
.pricing-table-style-11 li{
    list-style:none;
    padding:25px 0;
    position:relative;
    -webkit-transition:all .2s cubic-bezier(.37,.8,.63,1);
    transition:all .2s cubic-bezier(.37,.8,.63,1)
}
.pricing-table-style-11 li .popular-label{
    position:absolute;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.pricing-table-style-11 li:hover{
    -webkit-transform:scale(1.03);
    transform:scale(1.03)
}
.pricing-table-style-12{
    padding:0;
    margin:0;
    list-style:none
}
.pricing-table-style-12 li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:15px 0;
    -webkit-transition:all .5s cubic-bezier(.61,1,.88,1);
    transition:all .5s cubic-bezier(.61,1,.88,1)
}
.pricing-table-style-12 li:last-child{
    padding-bottom:0
}
.pricing-table-style-12 li:hover{
    -webkit-transform:translateX(15px);
    transform:translateX(15px)
}
.pricing-table-style-13{
    padding:0;
    margin:0;
    list-style:none
}
.pricing-table-style-13 li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:25px 0;
    -webkit-transition:all .5s cubic-bezier(.61,1,.88,1);
    transition:all .5s cubic-bezier(.61,1,.88,1)
}
.pricing-table-style-13 li:last-child{
    padding-bottom:0
}
.pricing-table-style-13 li:hover{
    -webkit-transform:translateX(15px);
    transform:translateX(15px)
}
.process-step-style-01 .progress-step-separator{
    position:absolute;
    top:50%;
    left:calc(100% + 20px);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.process-step-style-01 .process-step-icon,.process-step-style-02 .process-step-icon{
    position:relative;
    text-align:center;
    display:inline-block;
    vertical-align:middle
}
.process-step-style-01:hover .box-overlay{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.process-step-style-01:hover .icon,.process-step-style-01:hover .number{
    color:var(--white)
}
.process-step-style-02 .process-step-icon{
    overflow:hidden;
    will-change:transform
}
.process-step-style-02 .progress-step-separator{
    position:absolute;
    top:50%;
    left:calc(100% + 15px);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.process-step-style-02:hover .process-step-icon{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    will-change:transform
}
.process-step-style-03.hover-box *{
    will-change:auto;
    vertical-align:top
}
.process-step-style-03 .process-step-icon-box .progress-step-separator{
    position:absolute;
    top:50%;
    left:calc(100% + 15px);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:.4s;
    transition:.4s
}
.process-step-style-03 .process-step-icon-box .number{
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    transition:.4s;
    top:55%
}
.process-step-style-03:hover .process-step-icon-box .box-overlay{
    opacity:.9
}
.process-step-style-03:hover .process-step-icon-box .number{
    opacity:1;
    visibility:visible;
    top:50%
}
.process-step-style-03:hover .process-step-icon-box .progress-image,.process-step-style-03:hover .process-step-icon-box img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.process-step-style-04 .process-step-icon-box{
    will-change:transform
}
.process-step-style-04 .process-step-icon-box .progress-step-separator{
    position:absolute;
    top:50%;
    left:calc(100% + 15px);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.process-step-style-04:hover .process-step-icon-box .icon,.process-step-style-04:hover .process-step-icon-box .number{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.process-step-style-05 .process-step-item{
    display:flex;
    position:relative;
    flex-flow:row wrap;
    align-items:stretch;
    justify-content:flex-start;
    text-align:left
}
.process-step-style-05 .process-content{
    overflow:hidden;
    flex:1;
    max-width:100%
}
.process-step-style-05 .progress-step-separator{
    position:absolute;
    bottom:15px;
    width:1px;
    left:50%;
    height:calc(100% - 100px)
}
.process-step-style-05 .process-step-icon{
    will-change:transform;
    -webkit-transition:all 350ms cubic-bezier(.165,.84,.44,1.7);
    transition:all 350ms cubic-bezier(.165,.84,.44,1.7)
}
.process-step-style-05:hover .process-step-icon{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.process-step-style-05:hover .icon,.process-step-style-05:hover .number{
    color:var(--white)
}
.process-step-style-06 .process-step-icon-box .progress-step-separator{
    position:absolute;
    top:50%;
    left:0
}
.process-step-style-06:hover .process-step-icon-box .step-box{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.process-step-style-08 .process-step-item{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 350ms cubic-bezier(.23,1,.32,1);
    transition:all 350ms cubic-bezier(.23,1,.32,1)
}
.process-step-style-08 .process-step-item:hover{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.process-step-style-09 .progress-right-icon{
    position:absolute;
    top:50%;
    left:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.process-step-style-09 .process-step-icon{
    position:relative;
    text-align:center;
    display:inline-block;
    vertical-align:middle
}
.process-step-style-09:hover .box-overlay{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.process-step-style-10 .process-step-icon-box{
    -webkit-transition:all 650ms cubic-bezier(.23,1,.32,1);
    transition:all 650ms cubic-bezier(.23,1,.32,1)
}
.process-step-style-10:hover .process-step-icon-box{
    -webkit-transform:translateX(20px) scale(1.1);
    transform:translateX(20px) scale(1.1)
}
.process-step-style-10.hover-box .hover-content{
    opacity:0;
    position:absolute;
    left:0;
    bottom:-15px
}
.process-step-style-10.hover-box:hover .hover-content{
    opacity:1;
    bottom:-5px
}
.process-step-style-11 .process-step-icon-wrap{
    z-index:1;
    background-color:var(--base-color);
    background-size:4px 4px;
    -webkit-transition:all 650ms cubic-bezier(.23,1,.32,1);
    transition:all 650ms cubic-bezier(.23,1,.32,1)
}
.process-step-style-11:hover .process-step-icon-wrap{
    background-color:var(--dark-gray);
    background-image:none;
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all 650ms cubic-bezier(.23,1,.32,1);
    transition:all 650ms cubic-bezier(.23,1,.32,1)
}
.progress{
    position:relative;
    overflow:visible
}
.progress .progress-bar{
    width:0;
    position:absolute;
    top:0;
    left:0;
    overflow:visible;
    -webkit-transition:all 1s cubic-bezier(.5,1,.5,1);
    transition:all 1s cubic-bezier(.5,1,.5,1)
}
.progress .progress-bar.appear .progress-bar-percent{
    opacity:1
}
.progress-bar-percent{
    opacity:0
}
.progress-bar-style-01 .progress{
    height:4px;
    border-radius:0
}
.progress-bar-style-01 .progress .progress-bar-title{
    position:absolute;
    bottom:10px
}
.progress-bar-style-01 .progress .progress-bar-percent{
    position:absolute;
    bottom:17px;
    right:-20px;
    padding:7px;
    min-width:40px;
    min-height:26px;
    border-radius:3px
}
.progress-bar-style-01 .progress .progress-bar-percent:after{
    content:"";
    top:100%;
    left:50%;
    height:0;
    width:0;
    z-index:9;
    margin-left:-4px;
    position:absolute;
    pointer-events:none;
    border:solid transparent;
    border-top-color:#232323
}
.progress-bar-style-01 .progress .progress-bar{
    height:100%
}
.progress-bar-style-02 .progress{
    height:30px;
    overflow:hidden
}
.progress-bar-style-02 .progress .progress-bar-percent{
    position:absolute;
    top:9px;
    right:20px;
    min-width:26px
}
.progress-bar-style-02 .progress .progress-bar-title{
    position:absolute;
    top:9px;
    left:20px
}
.progress-bar-style-02 .progress .progress-bar{
    width:0;
    height:100%;
    position:absolute
}
.progress-bar-style-03 .progress{
    height:4px
}
.progress-bar-style-03 .progress .progress-bar-title{
    position:absolute;
    bottom:14px
}
.progress-bar-style-03 .progress .progress-bar{
    height:100%
}
.progress-bar-style-03 .progress .progress-bar-percent{
    position:absolute;
    bottom:14px;
    right:0;
    opacity:1
}
.progress-bar-style-04 .progress{
    height:8px;
    border-radius:6px
}
.progress-bar-style-04 .progress .progress-bar-title{
    position:absolute;
    bottom:15px
}
.progress-bar-style-04 .progress .progress-bar{
    height:100%;
    border-radius:6px
}
.progress-bar-style-04 .progress .progress-bar-percent{
    position:absolute;
    bottom:15px;
    right:0
}
.review-star-icon i{
    color:#fd961e;
    letter-spacing:1px
}
.review-star-icon.review-star-icon-white i{
    color:var(--white)
}
.review-style-03 .slider-review-image-thumbs{
    padding:10px;
    height:auto
}
.review-style-03 .slider-review-image-thumbs .swiper-slide:not(.swiper-slide-thumb-active) img{
    -webkit-transform:scale(.8);
    transform:scale(.8)
}
.review-style-03 .slider-review-image-thumbs img{
    border:6px solid transparent;
    margin:0 auto;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.review-style-03 .slider-review-image-thumbs .swiper-slide-thumb-active img{
    box-shadow:0 0 30px rgba(0,0,0,.05);
    border:6px solid #fff
}
.review-style-03 .slider-review-image-thumbs .swiper-slide{
    cursor:pointer
}
.swiper-fade .review-style-08.swiper-slide{
    opacity:0!important
}
.swiper-fade .review-style-08.swiper-slide.swiper-slide-active,.team-style-01 figure .text-light-opacity:hover{
    opacity:1!important
}
.rotate-box{
    will-change:transform;
    min-height:250px;
    -webkit-perspective:1000;
    perspective:1000;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box p{
    color:rgba(255,255,255,.7)
}
.rotate-box .back-side,.rotate-box .front-side{
    position:absolute;
    top:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1);
    transition:transform .6s cubic-bezier(.5,.3,.3,1)
}
.rotate-box .rotate-content-back,.rotate-box .rotate-content-front{
    position:relative;
    top:50%;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:transform .6s cubic-bezier(.5,.3,.3,1);
    transition:transform .6s cubic-bezier(.5,.3,.3,1)
}
.rotate-box-style-01 .back,.rotate-box-style-01 .front{
    transition:transform .8s cubic-bezier(.5,.2,.2,.8);
    perspective:inherit
}
.rotate-box.to-left .front-side,.rotate-box.to-right .front-side{
    z-index:1;
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-left .rotate-content-front,.rotate-box.to-right .rotate-content-front{
    -webkit-transform:translateY(-50%) translateX(0) scale(1);
    transform:translateY(-50%) translateX(0) scale(1)
}
.rotate-box.to-left:hover .back-side,.rotate-box.to-right:hover .back-side{
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-left:hover .rotate-content-back,.rotate-box.to-right:hover .rotate-content-back{
    -webkit-transform:translateY(-50%) translateX(0) translateZ(0) scale(1);
    transform:translateY(-50%) translateX(0) translateZ(0) scale(1);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-left .back-side{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:1
}
.rotate-box.to-left .rotate-content-back{
    -webkit-transform:translateY(-50%) translateX(400px) translateZ(60px) scale(.88);
    transform:translateY(-50%) translateX(400px) translateZ(60px) scale(.88)
}
.rotate-box.to-left:hover .front-side{
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-left:hover .rotate-content-front{
    -webkit-transform:translateY(-50%) translateX(-400px) scale(.88);
    transform:translateY(-50%) translateX(-400px) scale(.88);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-right .back-side{
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:1
}
.rotate-box.to-right .rotate-content-back{
    -webkit-transform:translateY(-50%) translateX(-400px) translateZ(60px) scale(.88);
    transform:translateY(-50%) translateX(-400px) translateZ(60px) scale(.88)
}
.rotate-box.to-right:hover .front-side{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-right:hover .rotate-content-front{
    -webkit-transform:translateY(-50%) translateX(400px) scale(.88);
    transform:translateY(-50%) translateX(400px) scale(.88);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-bottom .front-side,.rotate-box.to-top .front-side{
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-bottom .rotate-content-front,.rotate-box.to-top .rotate-content-front{
    -webkit-transform:translateY(-50%) translateX(0) scale(1);
    transform:translateY(-50%) translateX(0) scale(1)
}
.rotate-box.to-bottom:hover .back-side,.rotate-box.to-top:hover .back-side{
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:1
}
.rotate-box.to-bottom:hover .rotate-content-front,.rotate-box.to-top:hover .rotate-content-front{
    -webkit-transform:translateY(-50%) translateY(400px) scale(.88);
    transform:translateY(-50%) translateY(400px) scale(.88);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-bottom:hover .rotate-content-back,.rotate-box.to-top:hover .rotate-content-back{
    -webkit-transform:translateY(-50%) translateY(0) translateZ(0) scale(1);
    transform:translateY(-50%) translateY(0) translateZ(0) scale(1);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-top .back-side{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:1
}
.rotate-box.to-top .rotate-content-back{
    -webkit-transform:translateY(-50%) translateY(-400px) translateZ(60px) scale(.88);
    transform:translateY(-50%) translateY(-400px) translateZ(60px) scale(.88)
}
.rotate-box.to-top:hover .front-side{
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rotate-box.to-bottom .back-side{
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:1
}
.rotate-box.to-bottom .rotate-content-back{
    -webkit-transform:translateY(-50%) translateY(400px) translateZ(60px) scale(.88);
    transform:translateY(-50%) translateY(400px) translateZ(60px) scale(.88)
}
.rotate-box.to-bottom:hover .front-side{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.to-top{
    animation:toTop .3s linear forwards
}
.to-right{
    animation:toRight .3s linear forwards
}
.to-bottom{
    animation:toBottom .3s linear forwards
}
.to-left{
    animation:toLeft .3s linear forwards
}
.rotate-box-style-01 *{
    will-change:transform
}
.rotate-box-style-01 .flipper,.rotate-box-style-01 .rm-rotate-box{
    position:relative
}
.rotate-box-style-01 .flipper:hover .front{
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
.rotate-box-style-01 .flipper.to-right .front,.rotate-box-style-01 .flipper:hover .back{
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
}
.rotate-box-style-01 .flipper.to-right .back{
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
.rotate-box-style-01 .flipper.to-right:hover .front{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.rotate-box-style-01 .flipper.to-right:hover .back{
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
}
.rotate-box-style-01 .flipper.to-top .front{
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
}
.rotate-box-style-01 .flipper.to-top .back{
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg)
}
.rotate-box-style-01 .flipper.to-top:hover .front{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.rotate-box-style-01 .flipper.to-bottom .front,.rotate-box-style-01 .flipper.to-top:hover .back{
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
}
.rotate-box-style-01 .flipper.to-bottom .back{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.rotate-box-style-01 .flipper.to-bottom:hover .front{
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg)
}
.rotate-box-style-01 .flipper.to-bottom:hover .back{
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
}
.rotate-box-style-01 .thumb-wrap{
    perspective:1000px
}
.rotate-box-style-01 .content-wrap{
    position:absolute;
    width:100%;
    display:block;
    transform-style:preserve-3d;
    perspective:inherit;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    z-index:2;
    bottom:55px;
    left:0;
    transform:translate3d(0,0,0) scale(1)
}
.rotate-box-style-01 .front{
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    background-size:cover;
    z-index:1;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden
}
.rotate-box-style-01 .back{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden
}
.rotate-box-style-01 .back .content-wrap{
    top:50%;
    bottom:inherit;
    left:0;
    transform:translate3d(0,-50%,0) scale(1)
}
.rotate-box-style-01 .back .box-overlay{
    visibility:visible;
    opacity:1
}
.rotate-box-style-02 .rotate-box{
    min-height:350px
}
.services-box-style-01 .icon-box{
    opacity:0;
    margin-top:15px
}
.services-box-style-01 .box-image{
    overflow:hidden
}
.services-box-style-01 .box-image img{
    width:100%
}
.services-box-style-01 .box-overlay{
    z-index:1;
    -webkit-transition:all .5s cubic-bezier(.61,1,.88,1);
    transition:all .5s cubic-bezier(.61,1,.88,1)
}
.services-box-style-01:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all .5s cubic-bezier(61,10,88,10);
    transition:all .5s cubic-bezier(61,10,88,10)
}
.services-box-style-01:hover .icon-box{
    opacity:1;
    margin-top:0
}
.services-box-style-01:hover .box-overlay{
    opacity:.8
}
.services-box-style-02 .box-overlay{
    z-index:1;
    -webkit-transition:all 450ms ease-in-out;
    transition:all 450ms ease-in-out
}
.services-box-style-02.hover-box:hover .box-overlay{
    opacity:1
}
.services-box-style-05 img{
    -webkit-transition:.3s;
    transition:.3s;
    width:100%
}
.services-box-style-05 figure{
    position:relative
}
.services-box-style-05 figure figcaption{
    position:absolute;
    top:0
}
.services-box-style-05 figure figcaption a{
    display:inline-block;
    color:var(--dark-gray)
}
.services-box-style-05 figure figcaption .content-box{
    margin-bottom:-80px
}
.services-box-style-05 figure:hover figcaption .btn-link{
    color:var(--white);
    border-color:var(--white)
}
.services-box-style-05 figure:hover figcaption .box-title{
    color:var(--white)
}
.services-box-style-05 figure:hover figcaption .box-overlay{
    opacity:1;
    visibility:visible
}
.services-box-style-06 .services-text:after{
    content:"\f309";
    display:inline-block;
    font-family:bootstrap-icons;
    vertical-align:middle;
    margin:-2px 2px 0;
    font-size:22px;
    color:var(--medium-gray);
    opacity:.7
}
.services-box-style-06:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all .5s cubic-bezier(61,10,88,10);
    transition:all .5s cubic-bezier(61,10,88,10)
}
.services-box-style-07 .btn-hover{
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:100%;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.services-box-style-07 .text-down{
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.services-box-style-07:hover .btn-hover{
    top:0
}
.services-box-style-07:hover .text-down{
    -webkit-transform:translateY(20px);
    transform:translateY(20px)
}
@keyframes scale-effect{
    0%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes scale-effect{
    0%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes fade{
    0%{
        opacity:.2
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes fade{
    0%{
        opacity:.2
    }
    to{
        opacity:1
    }
}
@keyframes slide-right{
    0%{
        -webkit-transform:translateX(-25px);
        transform:translateX(-25px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes slide-right{
    0%{
        -webkit-transform:translateX(-25px);
        transform:translateX(-25px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.sliding-box *{
    will-change:transform
}
.sliding-box .sliding-box-item{
    margin-left:15px;
    margin-right:15px;
    float:left;
    overflow:hidden;
    position:relative;
    -webkit-transition:width .7s;
    transition:width .7s
}
.sliding-box .sliding-box-item .sliding-box-content{
    top:0;
    height:100%;
    position:absolute
}
.sliding-box-style-01 .sliding-box-item .sliding-box-content:after{
    content:"";
    right:100%;
    top:50%;
    height:0;
    width:0;
    opacity:0;
    z-index:9;
    margin-top:-10px;
    position:absolute;
    border:solid transparent;
    border-right-color:var(--white);
    border-width:12px;
    pointer-events:none;
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.sliding-box-style-01 .sliding-box-item.active .sliding-box-content:after,.sliding-box-style-01 .sliding-box-item:hover .sliding-box-content:after{
    opacity:1
}
.sliding-box-style-02 .sliding-box-item .sliding-box-img{
    border-radius:4px;
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.sliding-box-style-02 .sliding-box-item.active .sliding-box-img{
    border-radius:4px 0 0 4px
}
.sliding-box-style-02 .sliding-box-item.active .sliding-box-content{
    border-radius:0 4px 4px 0
}
.sliding-box-style-02 .sliding-box-item.active .content-hover{
    animation:fade 1s
}
.sliding-box-style-03 .overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.5;
    z-index:1;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.sliding-box-style-03 .overlay-contnet{
    position:absolute;
    left:0;
    top:0;
    opacity:1;
    visibility:visible;
    -webkit-transition:all .4s linear;
    transition:all .4s linear
}
.sliding-box-style-03 .number{
    position:absolute;
    bottom:-30px;
    left:0;
    right:0;
    text-align:center
}
.sliding-box-style-03 .sliding-box-content:after{
    display:none
}
.sliding-box-style-03.active .overlay,.sliding-box-style-03.active .overlay-contnet{
    opacity:0;
    visibility:hidden
}
.elements-social .behance-square:hover,.elements-social .behance:hover{
    color:#1769ff
}
.elements-social .blogger:hover{
    color:#ff8000
}
.elements-social .codepen:hover{
    color:#0ebeff
}
.elements-social .deviantart:hover{
    color:#05cc47
}
.elements-social .digg:hover{
    color:#262626
}
.elements-social .dribbble:hover{
    color:#ea4c89
}
.elements-social .delicious:hover{
    color:#205cc0
}
.elements-social .email:hover{
    color:#7d7d7d
}
.elements-social .facebook-square:hover,.elements-social .facebook:hover{
    color:#3b5998
}
.elements-social .flickr:hover{
    color:#ff0084
}
.elements-social .flipboard:hover{
    color:#e12828
}
.elements-social .github:hover{
    color:#4078c0
}
.elements-social .google:hover{
    color:#dc4a38
}
.elements-social .google-plus:hover{
    color:#dd4b39
}
.elements-social .instagram:hover{
    color:#FE1F49
}
.elements-social .jsfiddle:hover{
    color:#0084FF
}
.elements-social .linkedin:hover{
    color:#0077b5
}
.elements-social .livejournal:hover{
    color:#00b0ea
}
.elements-social .medium:hover{
    color:#00ab6c
}
.elements-social .meneame:hover{
    color:#ff6400
}
.elements-social .mailru:hover{
    color:#168de2
}
.elements-social .odnoklassniki:hover{
    color:#d7772d
}
.elements-social .paypal:hover{
    color:#003087
}
.elements-social .pinterest-p:hover,.elements-social .pinterest:hover{
    color:#CB2027
}
.elements-social .print:hover{
    color:#222
}
.elements-social .reddit-square:hover,.elements-social .reddit:hover{
    color:#ff4500
}
.elements-social .rss:hover{
    color:#f2890a
}
.elements-social .skype:hover{
    color:#00aff0
}
.elements-social .slack:hover{
    color:#6ecadc
}
.elements-social .snapchat:hover{
    color:#fffc00
}
.elements-social .soundcloud:hover{
    color:#f80
}
.elements-social .spotify:hover{
    color:#1db954
}
.elements-social .sms:hover{
    color:#ffbd00
}
.elements-social .sharethis:hover{
    color:#95D03A
}
.elements-social .stack-overflow:hover{
    color:#f48024
}
.elements-social .stumbleupon:hover{
    color:#eb4924
}
.elements-social .telegram:hover{
    color:#08c
}
.elements-social .trello:hover{
    color:#0079bf
}
.elements-social .tumblr:hover{
    color:#32506d
}
.elements-social .twitch:hover{
    color:#6441a5
}
.elements-social .twitter-square:hover,.elements-social .twitter:hover{
    color:#00aced
}
.elements-social .vimeo:hover{
    color:#1ab7ea
}
.elements-social .vine:hover{
    color:#00bf8f
}
.elements-social .vk:hover{
    color:#4c6c91
}
.elements-social .wordpress:hover{
    color:#21759b
}
.elements-social .weibo:hover{
    color:#f93
}
.elements-social .whatsapp:hover{
    color:#25d366
}
.elements-social .xing:hover{
    color:#1a7576
}
.elements-social .youtube-play:hover,.elements-social .youtube:hover{
    color:red
}
.elements-social ul{
    margin-bottom:0;
    list-style:none;
    padding:0
}
.elements-social ul li{
    display:inline-block
}
.elements-social ul li:first-child{
    margin-left:0!important
}
.elements-social ul li:last-child{
    margin-right:0!important
}
.elements-social ul li a{
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0)
}
.extra-small-icon li{
    margin:0 2px
}
.extra-small-icon a{
    font-size:14px;
    width:30px;
    height:30px
}
.small-icon li{
    margin:0 5px
}
.small-icon a{
    font-size:18px;
    width:40px;
    height:40px
}
.medium-icon li{
    margin:0 8px
}
.medium-icon a{
    font-size:20px;
    width:50px;
    height:50px
}
.large-icon li{
    margin:0 10px
}
.large-icon a{
    font-size:24px;
    width:60px;
    height:60px
}
.extra-large-icon li{
    margin:0 12px
}
.extra-large-icon a{
    font-size:30px;
    width:70px;
    height:70px
}
.social-icon a{
    margin:0 15px
}
.newsletter-style-02 .btn i,.newsletter-style-04 .btn i,.social-icon a:first-child{
    margin-left:0
}
.social-icon a:last-child{
    margin-right:0
}
[class*=" social-icon-"] ul,[class^=social-icon-] ul{
    list-style:none
}
.elements-social .light li a{
    color:var(--white)
}
.elements-social .dark li a{
    color:var(--dark-gray)
}
.elements-social .icon-with-animation a:hover{
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
.social-icon-style-01 ul li a:hover{
    color:var(--base-color)!important
}
.social-icon-style-03 ul li a{
    color:var(--white);
    border-radius:100%;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.social-icon-style-04 ul li a:hover,.social-icon-style-05 ul li a:hover{
    color:var(--white)!important
}
.social-icon-style-03 ul li a:hover{
    background-color:var(--white)!important;
    box-shadow:0 0 30px rgba(23,23,23,.25);
    transform:translate3d(0,-3px,0)
}
.social-icon-style-03 ul li a.behance,.social-icon-style-03 ul li a.behance-square{
    background-color:#1769ff
}
.social-icon-style-03 ul li a.blogger{
    background-color:#ff8000
}
.social-icon-style-03 ul li a.codepen{
    background-color:#0ebeff
}
.social-icon-style-03 ul li a.deviantart{
    background-color:#05cc47
}
.social-icon-style-03 ul li a.digg{
    background-color:#262626
}
.social-icon-style-03 ul li a.dribbble{
    background-color:#ea4c89
}
.social-icon-style-03 ul li a.delicious{
    background-color:#205cc0
}
.social-icon-style-03 ul li a.email{
    background-color:#7d7d7d
}
.social-icon-style-03 ul li a.facebook,.social-icon-style-03 ul li a.facebook-square{
    background-color:#3b5998
}
.social-icon-style-03 ul li a.flickr{
    background-color:#ff0084
}
.social-icon-style-03 ul li a.flipboard{
    background-color:#e12828
}
.social-icon-style-03 ul li a.github{
    background-color:#4078c0
}
.social-icon-style-03 ul li a.google{
    background-color:#dc4a38
}
.social-icon-style-03 ul li a.google-plus{
    background-color:#dd4b39
}
.social-icon-style-03 ul li a.instagram{
    background-color:#FE1F49
}
.social-icon-style-03 ul li a.jsfiddle{
    background-color:#0084FF
}
.social-icon-style-03 ul li a.linkedin{
    background-color:#0077b5
}
.social-icon-style-03 ul li a.livejournal{
    background-color:#00b0ea
}
.social-icon-style-03 ul li a.medium{
    background-color:#00ab6c
}
.social-icon-style-03 ul li a.meneame{
    background-color:#ff6400
}
.social-icon-style-03 ul li a.mailru{
    background-color:#168de2
}
.social-icon-style-03 ul li a.odnoklassniki{
    background-color:#d7772d
}
.social-icon-style-03 ul li a.paypal{
    background-color:#003087
}
.social-icon-style-03 ul li a.pinterest,.social-icon-style-03 ul li a.pinterest-p{
    background-color:#CB2027
}
.social-icon-style-03 ul li a.print{
    background-color:#222
}
.social-icon-style-03 ul li a.reddit,.social-icon-style-03 ul li a.reddit-square{
    background-color:#ff4500
}
.social-icon-style-03 ul li a.rss{
    background-color:#f2890a
}
.social-icon-style-03 ul li a.skype{
    background-color:#00aff0
}
.social-icon-style-03 ul li a.slack{
    background-color:#6ecadc
}
.social-icon-style-03 ul li a.snapchat{
    background-color:#fffc00
}
.social-icon-style-03 ul li a.soundcloud{
    background-color:#f80
}
.social-icon-style-03 ul li a.spotify{
    background-color:#1db954
}
.social-icon-style-03 ul li a.sms{
    background-color:#ffbd00
}
.social-icon-style-03 ul li a.sharethis{
    background-color:#95D03A
}
.social-icon-style-03 ul li a.stack-overflow{
    background-color:#f48024
}
.social-icon-style-03 ul li a.stumbleupon{
    background-color:#eb4924
}
.social-icon-style-03 ul li a.telegram{
    background-color:#08c
}
.social-icon-style-03 ul li a.trello{
    background-color:#0079bf
}
.social-icon-style-03 ul li a.tumblr{
    background-color:#32506d
}
.social-icon-style-03 ul li a.twitch{
    background-color:#6441a5
}
.social-icon-style-03 ul li a.twitter,.social-icon-style-03 ul li a.twitter-square{
    background-color:#00aced
}
.social-icon-style-03 ul li a.vimeo{
    background-color:#1ab7ea
}
.social-icon-style-03 ul li a.vine{
    background-color:#00bf8f
}
.social-icon-style-03 ul li a.vk{
    background-color:#4c6c91
}
.social-icon-style-03 ul li a.wordpress{
    background-color:#21759b
}
.social-icon-style-03 ul li a.weibo{
    background-color:#f93
}
.social-icon-style-03 ul li a.whatsapp{
    background-color:#25d366
}
.social-icon-style-03 ul li a.xing{
    background-color:#1a7576
}
.social-icon-style-03 ul li a.youtube,.social-icon-style-03 ul li a.youtube-play{
    background-color:red
}
.social-icon-style-04 ul li a{
    z-index:9;
    position:relative
}
.social-icon-style-04 ul li a:hover span{
    width:100%;
    height:100%;
    border-radius:100%;
    top:0;
    left:0
}
.social-icon-style-04 ul li a span{
    border-radius:0;
    display:block;
    height:0;
    width:0;
    left:50%;
    margin:0;
    position:absolute;
    top:50%;
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0);
    z-index:-1;
    background-color:var(--dark-gray)
}
.social-icon-style-04 ul li a.behance span,.social-icon-style-04 ul li a.behance-square span{
    background-color:#1769ff
}
.social-icon-style-04 ul li a.blogger span{
    background-color:#ff8000
}
.social-icon-style-04 ul li a.codepen span{
    background-color:#0ebeff
}
.social-icon-style-04 ul li a.deviantart span{
    background-color:#05cc47
}
.social-icon-style-04 ul li a.digg span{
    background-color:#262626
}
.social-icon-style-04 ul li a.dribbble span{
    background-color:#ea4c89
}
.social-icon-style-04 ul li a.delicious span{
    background-color:#205cc0
}
.social-icon-style-04 ul li a.email span{
    background-color:#7d7d7d
}
.social-icon-style-04 ul li a.facebook span,.social-icon-style-04 ul li a.facebook-square span{
    background-color:#3b5998
}
.social-icon-style-04 ul li a.flickr span{
    background-color:#ff0084
}
.social-icon-style-04 ul li a.flipboard span{
    background-color:#e12828
}
.social-icon-style-04 ul li a.github span{
    background-color:#4078c0
}
.social-icon-style-04 ul li a.google span{
    background-color:#dc4a38
}
.social-icon-style-04 ul li a.google-plus span{
    background-color:#dd4b39
}
.social-icon-style-04 ul li a.instagram span{
    background-color:#FE1F49
}
.social-icon-style-04 ul li a.jsfiddle span{
    background-color:#0084FF
}
.social-icon-style-04 ul li a.linkedin span{
    background-color:#0077b5
}
.social-icon-style-04 ul li a.livejournal span{
    background-color:#00b0ea
}
.social-icon-style-04 ul li a.medium span{
    background-color:#00ab6c
}
.social-icon-style-04 ul li a.meneame span{
    background-color:#ff6400
}
.social-icon-style-04 ul li a.mailru span{
    background-color:#168de2
}
.social-icon-style-04 ul li a.odnoklassniki span{
    background-color:#d7772d
}
.social-icon-style-04 ul li a.paypal span{
    background-color:#003087
}
.social-icon-style-04 ul li a.pinterest span,.social-icon-style-04 ul li a.pinterest-p span{
    background-color:#CB2027
}
.social-icon-style-04 ul li a.print span{
    background-color:#222
}
.social-icon-style-04 ul li a.reddit span,.social-icon-style-04 ul li a.reddit-square span{
    background-color:#ff4500
}
.social-icon-style-04 ul li a.rss span{
    background-color:#f2890a
}
.social-icon-style-04 ul li a.skype span{
    background-color:#00aff0
}
.social-icon-style-04 ul li a.slack span{
    background-color:#6ecadc
}
.social-icon-style-04 ul li a.snapchat span{
    background-color:#fffc00
}
.social-icon-style-04 ul li a.soundcloud span{
    background-color:#f80
}
.social-icon-style-04 ul li a.spotify span{
    background-color:#1db954
}
.social-icon-style-04 ul li a.sms span{
    background-color:#ffbd00
}
.social-icon-style-04 ul li a.sharethis span{
    background-color:#95D03A
}
.social-icon-style-04 ul li a.stack-overflow span{
    background-color:#f48024
}
.social-icon-style-04 ul li a.stumbleupon span{
    background-color:#eb4924
}
.social-icon-style-04 ul li a.telegram span{
    background-color:#08c
}
.social-icon-style-04 ul li a.trello span{
    background-color:#0079bf
}
.social-icon-style-04 ul li a.tumblr span{
    background-color:#32506d
}
.social-icon-style-04 ul li a.twitch span{
    background-color:#6441a5
}
.social-icon-style-04 ul li a.twitter span,.social-icon-style-04 ul li a.twitter-square span{
    background-color:#00aced
}
.social-icon-style-04 ul li a.vimeo span{
    background-color:#1ab7ea
}
.social-icon-style-04 ul li a.vine span{
    background-color:#00bf8f
}
.social-icon-style-04 ul li a.vk span{
    background-color:#4c6c91
}
.social-icon-style-04 ul li a.wordpress span{
    background-color:#21759b
}
.social-icon-style-04 ul li a.weibo span{
    background-color:#f93
}
.social-icon-style-04 ul li a.whatsapp span{
    background-color:#25d366
}
.social-icon-style-04 ul li a.xing span{
    background-color:#1a7576
}
.social-icon-style-04 ul li a.youtube span,.social-icon-style-04 ul li a.youtube-play span{
    background-color:red
}
.social-icon-style-07 ul li a.behance span,.social-icon-style-07 ul li a.behance-square span{
    background-color:#1769ff
}
.social-icon-style-05 ul li a.behance,.social-icon-style-05 ul li a.behance-square{
    color:#1769ff
}
.social-icon-style-05 ul li a.blogger{
    color:#ff8000
}
.social-icon-style-05 ul li a.codepen{
    color:#0ebeff
}
.social-icon-style-05 ul li a.deviantart{
    color:#05cc47
}
.social-icon-style-05 ul li a.digg{
    color:#262626
}
.social-icon-style-05 ul li a.dribbble{
    color:#ea4c89
}
.social-icon-style-05 ul li a.delicious{
    color:#205cc0
}
.social-icon-style-05 ul li a.email{
    color:#7d7d7d
}
.social-icon-style-05 ul li a.facebook,.social-icon-style-05 ul li a.facebook-square{
    color:#3b5998
}
.social-icon-style-05 ul li a.flickr{
    color:#ff0084
}
.social-icon-style-05 ul li a.flipboard{
    color:#e12828
}
.social-icon-style-05 ul li a.github{
    color:#4078c0
}
.social-icon-style-05 ul li a.google{
    color:#dc4a38
}
.social-icon-style-05 ul li a.google-plus{
    color:#dd4b39
}
.social-icon-style-05 ul li a.instagram{
    color:#FE1F49
}
.social-icon-style-05 ul li a.jsfiddle{
    color:#0084FF
}
.social-icon-style-05 ul li a.linkedin{
    color:#0077b5
}
.social-icon-style-05 ul li a.livejournal{
    color:#00b0ea
}
.social-icon-style-05 ul li a.medium{
    color:#00ab6c
}
.social-icon-style-05 ul li a.meneame{
    color:#ff6400
}
.social-icon-style-05 ul li a.mailru{
    color:#168de2
}
.social-icon-style-05 ul li a.odnoklassniki{
    color:#d7772d
}
.social-icon-style-05 ul li a.paypal{
    color:#003087
}
.social-icon-style-05 ul li a.pinterest,.social-icon-style-05 ul li a.pinterest-p{
    color:#CB2027
}
.social-icon-style-05 ul li a.print{
    color:#222
}
.social-icon-style-05 ul li a.reddit,.social-icon-style-05 ul li a.reddit-square{
    color:#ff4500
}
.social-icon-style-05 ul li a.rss{
    color:#f2890a
}
.social-icon-style-05 ul li a.skype{
    color:#00aff0
}
.social-icon-style-05 ul li a.slack{
    color:#6ecadc
}
.social-icon-style-05 ul li a.snapchat{
    color:#fffc00
}
.social-icon-style-05 ul li a.soundcloud{
    color:#f80
}
.social-icon-style-05 ul li a.spotify{
    color:#1db954
}
.social-icon-style-05 ul li a.sms{
    color:#ffbd00
}
.social-icon-style-05 ul li a.sharethis{
    color:#95D03A
}
.social-icon-style-05 ul li a.stack-overflow{
    color:#f48024
}
.social-icon-style-05 ul li a.stumbleupon{
    color:#eb4924
}
.social-icon-style-05 ul li a.telegram{
    color:#08c
}
.social-icon-style-05 ul li a.trello{
    color:#0079bf
}
.social-icon-style-05 ul li a.tumblr{
    color:#32506d
}
.social-icon-style-05 ul li a.twitch{
    color:#6441a5
}
.social-icon-style-05 ul li a.twitter,.social-icon-style-05 ul li a.twitter-square{
    color:#00aced
}
.social-icon-style-05 ul li a.vimeo{
    color:#1ab7ea
}
.social-icon-style-05 ul li a.vine{
    color:#00bf8f
}
.social-icon-style-05 ul li a.vk{
    color:#4c6c91
}
.social-icon-style-05 ul li a.wordpress{
    color:#21759b
}
.social-icon-style-05 ul li a.weibo{
    color:#f93
}
.social-icon-style-05 ul li a.whatsapp{
    color:#25d366
}
.social-icon-style-05 ul li a.xing{
    color:#1a7576
}
.social-icon-style-05 ul li a.youtube,.social-icon-style-05 ul li a.youtube-play{
    color:red
}
.social-icon-style-05 ul.dark li a:hover{
    color:var(--dark-gray)!important
}
.social-icon-style-06 ul li a{
    display:inline-block;
    height:auto;
    width:auto;
    padding:0 24px;
    position:relative;
    vertical-align:middle;
    overflow:hidden
}
.social-icon-style-06 ul li a .brand-icon{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:100%;
    transition-duration:.3s
}
.social-icon-style-06 ul li a>span{
    line-height:inherit;
    top:0;
    position:relative;
    transition:350ms cubic-bezier(.175,.885,.32,1.275) all
}
.social-icon-style-06 ul li a:hover .brand-label{
    top:-50px;
    transition:350ms cubic-bezier(.175,.885,.32,1.275) all
}
.social-icon-style-06 ul li a:hover .brand-icon{
    top:0;
    transition-duration:.3s
}
.social-icon-style-06 ul li a.behance,.social-icon-style-06 ul li a.behance-square{
    color:#1769ff
}
.social-icon-style-06 ul li a.blogger{
    color:#ff8000
}
.social-icon-style-06 ul li a.codepen{
    color:#0ebeff
}
.social-icon-style-06 ul li a.deviantart{
    color:#05cc47
}
.social-icon-style-06 ul li a.digg{
    color:#262626
}
.social-icon-style-06 ul li a.dribbble{
    color:#ea4c89
}
.social-icon-style-06 ul li a.delicious{
    color:#205cc0
}
.social-icon-style-06 ul li a.email{
    color:#7d7d7d
}
.social-icon-style-06 ul li a.facebook,.social-icon-style-06 ul li a.facebook-square{
    color:#3b5998
}
.social-icon-style-06 ul li a.flickr{
    color:#ff0084
}
.social-icon-style-06 ul li a.flipboard{
    color:#e12828
}
.social-icon-style-06 ul li a.github{
    color:#4078c0
}
.social-icon-style-06 ul li a.google{
    color:#dc4a38
}
.social-icon-style-06 ul li a.google-plus{
    color:#dd4b39
}
.social-icon-style-06 ul li a.instagram{
    color:#FE1F49
}
.social-icon-style-06 ul li a.jsfiddle{
    color:#0084FF
}
.social-icon-style-06 ul li a.linkedin{
    color:#0077b5
}
.social-icon-style-06 ul li a.livejournal{
    color:#00b0ea
}
.social-icon-style-06 ul li a.medium{
    color:#00ab6c
}
.social-icon-style-06 ul li a.meneame{
    color:#ff6400
}
.social-icon-style-06 ul li a.mailru{
    color:#168de2
}
.social-icon-style-06 ul li a.odnoklassniki{
    color:#d7772d
}
.social-icon-style-06 ul li a.paypal{
    color:#003087
}
.social-icon-style-06 ul li a.pinterest,.social-icon-style-06 ul li a.pinterest-p{
    color:#CB2027
}
.social-icon-style-06 ul li a.print{
    color:#222
}
.social-icon-style-06 ul li a.reddit,.social-icon-style-06 ul li a.reddit-square{
    color:#ff4500
}
.social-icon-style-06 ul li a.rss{
    color:#f2890a
}
.social-icon-style-06 ul li a.skype{
    color:#00aff0
}
.social-icon-style-06 ul li a.slack{
    color:#6ecadc
}
.social-icon-style-06 ul li a.snapchat{
    color:#fffc00
}
.social-icon-style-06 ul li a.soundcloud{
    color:#f80
}
.social-icon-style-06 ul li a.spotify{
    color:#1db954
}
.social-icon-style-06 ul li a.sms{
    color:#ffbd00
}
.social-icon-style-06 ul li a.sharethis{
    color:#95D03A
}
.social-icon-style-06 ul li a.stack-overflow{
    color:#f48024
}
.social-icon-style-06 ul li a.stumbleupon{
    color:#eb4924
}
.social-icon-style-06 ul li a.telegram{
    color:#08c
}
.social-icon-style-06 ul li a.trello{
    color:#0079bf
}
.social-icon-style-06 ul li a.tumblr{
    color:#32506d
}
.social-icon-style-06 ul li a.twitch{
    color:#6441a5
}
.social-icon-style-06 ul li a.twitter,.social-icon-style-06 ul li a.twitter-square{
    color:#00aced
}
.social-icon-style-06 ul li a.vimeo{
    color:#1ab7ea
}
.social-icon-style-06 ul li a.vine{
    color:#00bf8f
}
.social-icon-style-06 ul li a.vk{
    color:#4c6c91
}
.social-icon-style-06 ul li a.wordpress{
    color:#21759b
}
.social-icon-style-06 ul li a.weibo{
    color:#f93
}
.social-icon-style-06 ul li a.whatsapp{
    color:#25d366
}
.social-icon-style-06 ul li a.xing{
    color:#1a7576
}
.social-icon-style-06 ul li a.youtube,.social-icon-style-06 ul li a.youtube-play{
    color:red
}
.social-icon-style-07 ul li a{
    position:relative;
    z-index:3;
    overflow:hidden;
    vertical-align:middle
}
.social-icon-style-07 ul li a:hover{
    color:var(--white)!important
}
.social-icon-style-07 ul li a.behance,.social-icon-style-07 ul li a.behance-square{
    color:#1769ff
}
.social-icon-style-07 ul li a:hover>span{
    top:0
}
.social-icon-style-07 ul li a>span{
    position:absolute;
    top:-100%;
    left:0;
    height:100%;
    width:100%;
    z-index:-1;
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0)
}
.social-icon-style-07 ul li a.blogger{
    color:#ff8000
}
.social-icon-style-07 ul li a.blogger span{
    background-color:#ff8000
}
.social-icon-style-07 ul li a.codepen{
    color:#0ebeff
}
.social-icon-style-07 ul li a.codepen span{
    background-color:#0ebeff
}
.social-icon-style-07 ul li a.deviantart{
    color:#05cc47
}
.social-icon-style-07 ul li a.deviantart span{
    background-color:#05cc47
}
.social-icon-style-07 ul li a.digg{
    color:#262626
}
.social-icon-style-07 ul li a.digg span{
    background-color:#262626
}
.social-icon-style-07 ul li a.dribbble{
    color:#ea4c89
}
.social-icon-style-07 ul li a.dribbble span{
    background-color:#ea4c89
}
.social-icon-style-07 ul li a.delicious{
    color:#205cc0
}
.social-icon-style-07 ul li a.delicious span{
    background-color:#205cc0
}
.social-icon-style-07 ul li a.email{
    color:#7d7d7d
}
.social-icon-style-07 ul li a.facebook,.social-icon-style-07 ul li a.facebook-square{
    color:#3b5998
}
.social-icon-style-07 ul li a.email span{
    background-color:#7d7d7d
}
.social-icon-style-07 ul li a.facebook span,.social-icon-style-07 ul li a.facebook-square span{
    background-color:#3b5998
}
.social-icon-style-07 ul li a.flickr{
    color:#ff0084
}
.social-icon-style-07 ul li a.flickr span{
    background-color:#ff0084
}
.social-icon-style-07 ul li a.flipboard{
    color:#e12828
}
.social-icon-style-07 ul li a.flipboard span{
    background-color:#e12828
}
.social-icon-style-07 ul li a.github{
    color:#4078c0
}
.social-icon-style-07 ul li a.github span{
    background-color:#4078c0
}
.social-icon-style-07 ul li a.google{
    color:#dc4a38
}
.social-icon-style-07 ul li a.google span{
    background-color:#dc4a38
}
.social-icon-style-07 ul li a.google-plus{
    color:#dd4b39
}
.social-icon-style-07 ul li a.google-plus span{
    background-color:#dd4b39
}
.social-icon-style-07 ul li a.instagram{
    color:#FE1F49
}
.social-icon-style-07 ul li a.instagram span{
    background-color:#FE1F49
}
.social-icon-style-07 ul li a.jsfiddle{
    color:#0084FF
}
.social-icon-style-07 ul li a.jsfiddle span{
    background-color:#0084FF
}
.social-icon-style-07 ul li a.linkedin{
    color:#0077b5
}
.social-icon-style-07 ul li a.linkedin span{
    background-color:#0077b5
}
.social-icon-style-07 ul li a.livejournal{
    color:#00b0ea
}
.social-icon-style-07 ul li a.livejournal span{
    background-color:#00b0ea
}
.social-icon-style-07 ul li a.medium{
    color:#00ab6c
}
.social-icon-style-07 ul li a.medium span{
    background-color:#00ab6c
}
.social-icon-style-07 ul li a.meneame{
    color:#ff6400
}
.social-icon-style-07 ul li a.meneame span{
    background-color:#ff6400
}
.social-icon-style-07 ul li a.mailru{
    color:#168de2
}
.social-icon-style-07 ul li a.mailru span{
    background-color:#168de2
}
.social-icon-style-07 ul li a.odnoklassniki{
    color:#d7772d
}
.social-icon-style-07 ul li a.odnoklassniki span{
    background-color:#d7772d
}
.social-icon-style-07 ul li a.paypal{
    color:#003087
}
.social-icon-style-07 ul li a.pinterest,.social-icon-style-07 ul li a.pinterest-p{
    color:#CB2027
}
.social-icon-style-07 ul li a.paypal span{
    background-color:#003087
}
.social-icon-style-07 ul li a.pinterest span,.social-icon-style-07 ul li a.pinterest-p span{
    background-color:#CB2027
}
.social-icon-style-07 ul li a.print{
    color:#222
}
.social-icon-style-07 ul li a.reddit,.social-icon-style-07 ul li a.reddit-square{
    color:#ff4500
}
.social-icon-style-07 ul li a.print span{
    background-color:#222
}
.social-icon-style-07 ul li a.reddit span,.social-icon-style-07 ul li a.reddit-square span{
    background-color:#ff4500
}
.social-icon-style-07 ul li a.rss{
    color:#f2890a
}
.social-icon-style-07 ul li a.rss span{
    background-color:#f2890a
}
.social-icon-style-07 ul li a.skype{
    color:#00aff0
}
.social-icon-style-07 ul li a.skype span{
    background-color:#00aff0
}
.social-icon-style-07 ul li a.slack{
    color:#6ecadc
}
.social-icon-style-07 ul li a.slack span{
    background-color:#6ecadc
}
.social-icon-style-07 ul li a.snapchat{
    color:#fffc00
}
.social-icon-style-07 ul li a.snapchat span{
    background-color:#fffc00
}
.social-icon-style-07 ul li a.soundcloud{
    color:#f80
}
.social-icon-style-07 ul li a.soundcloud span{
    background-color:#f80
}
.social-icon-style-07 ul li a.spotify{
    color:#1db954
}
.social-icon-style-07 ul li a.spotify span{
    background-color:#1db954
}
.social-icon-style-07 ul li a.sms{
    color:#ffbd00
}
.social-icon-style-07 ul li a.sms span{
    background-color:#ffbd00
}
.social-icon-style-07 ul li a.sharethis{
    color:#95D03A
}
.social-icon-style-07 ul li a.sharethis span{
    background-color:#95D03A
}
.social-icon-style-07 ul li a.stack-overflow{
    color:#f48024
}
.social-icon-style-07 ul li a.stack-overflow span{
    background-color:#f48024
}
.social-icon-style-07 ul li a.stumbleupon{
    color:#eb4924
}
.social-icon-style-07 ul li a.stumbleupon span{
    background-color:#eb4924
}
.social-icon-style-07 ul li a.telegram{
    color:#08c
}
.social-icon-style-07 ul li a.telegram span{
    background-color:#08c
}
.social-icon-style-07 ul li a.trello{
    color:#0079bf
}
.social-icon-style-07 ul li a.trello span{
    background-color:#0079bf
}
.social-icon-style-07 ul li a.tumblr{
    color:#32506d
}
.social-icon-style-07 ul li a.tumblr span{
    background-color:#32506d
}
.social-icon-style-07 ul li a.twitch{
    color:#6441a5
}
.social-icon-style-07 ul li a.twitter,.social-icon-style-07 ul li a.twitter-square{
    color:#00aced
}
.social-icon-style-07 ul li a.twitch span{
    background-color:#6441a5
}
.social-icon-style-07 ul li a.twitter span,.social-icon-style-07 ul li a.twitter-square span{
    background-color:#00aced
}
.social-icon-style-07 ul li a.vimeo{
    color:#1ab7ea
}
.social-icon-style-07 ul li a.vimeo span{
    background-color:#1ab7ea
}
.social-icon-style-07 ul li a.vine{
    color:#00bf8f
}
.social-icon-style-07 ul li a.vine span{
    background-color:#00bf8f
}
.social-icon-style-07 ul li a.vk{
    color:#4c6c91
}
.social-icon-style-07 ul li a.vk span{
    background-color:#4c6c91
}
.social-icon-style-07 ul li a.wordpress{
    color:#21759b
}
.social-icon-style-07 ul li a.wordpress span{
    background-color:#21759b
}
.social-icon-style-07 ul li a.weibo{
    color:#f93
}
.social-icon-style-07 ul li a.weibo span{
    background-color:#f93
}
.social-icon-style-07 ul li a.whatsapp{
    color:#25d366
}
.social-icon-style-07 ul li a.whatsapp span{
    background-color:#25d366
}
.social-icon-style-07 ul li a.xing{
    color:#1a7576
}
.social-icon-style-07 ul li a.youtube,.social-icon-style-07 ul li a.youtube-play{
    color:red
}
.social-icon-style-07 ul li a.xing span{
    background-color:#1a7576
}
.social-icon-style-07 ul li a.youtube span,.social-icon-style-07 ul li a.youtube-play span{
    background-color:red
}
.social-icon-style-08 ul li a:hover{
    opacity:.5;
    color:var(--dark-gray)!important
}
.social-icon-style-08 ul.light li a:hover{
    opacity:.5;
    color:var(--white)!important
}
.social-icon-style-09 ul li a{
    z-index:9;
    border:1px solid rgba(35,35,35,.15);
    border-radius:100%;
    position:relative
}
.social-icon-style-09 ul li a:hover{
    color:var(--white)!important
}
.social-icon-style-09 ul li a:hover span{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.social-icon-style-09 ul li a span{
    display:block;
    border-radius:100%;
    height:100%;
    width:100%;
    top:-1px;
    left:-1px;
    padding:1px;
    box-sizing:content-box;
    margin:0;
    position:absolute;
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0;
    -webkit-transition:.5s cubic-bezier(.12,0,.39,0);
    transition:.5s cubic-bezier(.12,0,.39,0);
    pointer-events:none;
    z-index:-1;
    background-color:var(--dark-gray)
}
.social-icon-style-09 ul.light li a{
    border-color:rgba(255,255,255,.3)
}
.newsletter-style-02 .btn:active,.newsletter-style-03 .btn:active{
    border-color:transparent
}
.social-icon-style-09 ul.light li a:hover{
    color:var(--dark-gray)!important
}
.social-icon-style-09 ul.light li a span{
    background-color:var(--white)
}
.social-icon-style-10 ul li a{
    color:var(--dark-gray)
}
.social-icon-style-10 ul li a:hover{
    color:var(--base-color)!important
}
.social-icon-style-10 .default-color a.behance,.social-icon-style-10 .default-color a.behance-square{
    color:#1769ff
}
.social-icon-style-10 .default-color a.blogger{
    color:#ff8000
}
.social-icon-style-10 .default-color a.codepen{
    color:#0ebeff
}
.social-icon-style-10 .default-color a.deviantart{
    color:#05cc47
}
.social-icon-style-10 .default-color a.digg{
    color:#262626
}
.social-icon-style-10 .default-color a.dribbble{
    color:#ea4c89
}
.social-icon-style-10 .default-color a.delicious{
    color:#205cc0
}
.social-icon-style-10 .default-color a.email{
    color:#7d7d7d
}
.social-icon-style-10 .default-color a.facebook,.social-icon-style-10 .default-color a.facebook-square{
    color:#3b5998
}
.social-icon-style-10 .default-color a.flickr{
    color:#ff0084
}
.social-icon-style-10 .default-color a.flipboard{
    color:#e12828
}
.social-icon-style-10 .default-color a.github{
    color:#4078c0
}
.social-icon-style-10 .default-color a.google{
    color:#dc4a38
}
.social-icon-style-10 .default-color a.google-plus{
    color:#dd4b39
}
.social-icon-style-10 .default-color a.instagram{
    color:#FE1F49
}
.social-icon-style-10 .default-color a.jsfiddle{
    color:#0084FF
}
.social-icon-style-10 .default-color a.linkedin{
    color:#0077b5
}
.social-icon-style-10 .default-color a.livejournal{
    color:#00b0ea
}
.social-icon-style-10 .default-color a.medium{
    color:#00ab6c
}
.social-icon-style-10 .default-color a.meneame{
    color:#ff6400
}
.social-icon-style-10 .default-color a.mailru{
    color:#168de2
}
.social-icon-style-10 .default-color a.odnoklassniki{
    color:#d7772d
}
.social-icon-style-10 .default-color a.paypal{
    color:#003087
}
.social-icon-style-10 .default-color a.pinterest,.social-icon-style-10 .default-color a.pinterest-p{
    color:#CB2027
}
.social-icon-style-10 .default-color a.print{
    color:#222
}
.social-icon-style-10 .default-color a.reddit,.social-icon-style-10 .default-color a.reddit-square{
    color:#ff4500
}
.social-icon-style-10 .default-color a.rss{
    color:#f2890a
}
.social-icon-style-10 .default-color a.skype{
    color:#00aff0
}
.social-icon-style-10 .default-color a.slack{
    color:#6ecadc
}
.social-icon-style-10 .default-color a.snapchat{
    color:#fffc00
}
.social-icon-style-10 .default-color a.soundcloud{
    color:#f80
}
.social-icon-style-10 .default-color a.spotify{
    color:#1db954
}
.social-icon-style-10 .default-color a.sms{
    color:#ffbd00
}
.social-icon-style-10 .default-color a.sharethis{
    color:#95D03A
}
.social-icon-style-10 .default-color a.stack-overflow{
    color:#f48024
}
.social-icon-style-10 .default-color a.stumbleupon{
    color:#eb4924
}
.social-icon-style-10 .default-color a.telegram{
    color:#08c
}
.social-icon-style-10 .default-color a.trello{
    color:#0079bf
}
.social-icon-style-10 .default-color a.tumblr{
    color:#32506d
}
.social-icon-style-10 .default-color a.twitch{
    color:#6441a5
}
.social-icon-style-10 .default-color a.twitter,.social-icon-style-10 .default-color a.twitter-square{
    color:#00aced
}
.social-icon-style-10 .default-color a.vimeo{
    color:#1ab7ea
}
.social-icon-style-10 .default-color a.vine{
    color:#00bf8f
}
.social-icon-style-10 .default-color a.vk{
    color:#4c6c91
}
.social-icon-style-10 .default-color a.wordpress{
    color:#21759b
}
.social-icon-style-10 .default-color a.weibo{
    color:#f93
}
.social-icon-style-10 .default-color a.whatsapp{
    color:#25d366
}
.social-icon-style-10 .default-color a.xing{
    color:#1a7576
}
.social-icon-style-10 .default-color a.youtube,.social-icon-style-10 .default-color a.youtube-play{
    color:red
}
.social-icon-style-10 .default-color a:hover{
    color:var(--dark-gray)!important
}
.social-text-style-01 ul li a{
    width:auto;
    height:auto;
    line-height:normal
}
.newsletter-style-01 .btn,.newsletter-style-02 .btn,.newsletter-style-03 .btn,.newsletter-style-04 .btn{
    position:absolute;
    height:100%;
    right:0
}
.newsletter-style-01 input{
    border-radius:4px;
    padding-right:160px
}
.newsletter-style-01 input.is-invalid{
    padding-right:160px
}
.newsletter-style-01 .btn{
    top:0;
    border-radius:0 4px 4px 0
}
.newsletter-style-01 .btn i{
    top:1px
}
.newsletter-style-02 input{
    border-radius:4px;
    padding-right:60px!important
}
.newsletter-style-02 .btn{
    top:0;
    border-radius:0 4px 4px 0;
    padding:10px 25px 9px;
    display:inline-block
}
.newsletter-style-02 .btn i{
    top:inherit
}
.newsletter-style-03 input{
    padding-right:165px!important;
    padding-left:30px!important
}
.newsletter-style-03 .btn{
    top:0;
    border-radius:0 100px 100px 0;
    padding:12px 35px 12px 30px
}
.newsletter-style-04 input{
    padding-left:0;
    padding-right:40px;
    border-radius:0
}
.newsletter-style-04 .btn{
    top:0;
    padding:0;
    border:none
}
.newsletter-style-01 .form-control,.newsletter-style-01 .form-control.is-invalid,.newsletter-style-01 .was-validated .form-control:invalid,.newsletter-style-02 .form-control,.newsletter-style-02 .form-control.is-invalid,.newsletter-style-02 .was-validated .form-control:invalid,.newsletter-style-03 .form-control,.newsletter-style-03 .form-control.is-invalid,.newsletter-style-03 .was-validated .form-control:invalid,.newsletter-style-04 .form-control,.newsletter-style-04 .form-control.is-invalid,.newsletter-style-04 .was-validated .form-control:invalid{
    background-image:inherit
}
.nav-tabs>li.nav-item{
    display:inline-block;
    float:none;
    margin:0;
    padding:0 17px
}
.tab-style-03 .nav-tabs .nav-link{
    padding:10px 33px;
    color:var(--medium-gray);
    border:1px solid var(--light-medium-gray);
    border-bottom:none;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0
}
.tab-style-02 .nav-tabs,.tab-style-05 .nav-tabs .nav-item:last-child .nav-link,.tab-style-07 .nav-tabs .nav-item:last-child .nav-link{
    border-bottom:none
}
.tab-style-03 .nav-tabs .nav-link.active,.tab-style-03 .nav-tabs .nav-link.show,.tab-style-03 .nav-tabs .nav-link:hover{
    color:var(--dark-gray);
    background-color:var(--white)
}
.tab-style-03 .nav-tabs>li.nav-item{
    padding:0 8px
}
.tab-style-02 .nav-tabs>li.nav-item{
    margin:0 34px
}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link{
    border:none;
    padding:0;
    color:var(--medium-gray);
    border-bottom:2px solid transparent;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link i{
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    will-change:transform
}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link:hover{
    color:var(--dark-gray);
    border-bottom:2px solid
}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link:hover i{
    color:var(--base-color);
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link.active{
    color:var(--dark-gray);
    border-bottom:2px solid;
    background:0 0
}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link.active i{
    color:var(--base-color)
}
.tab-style-01 .nav-tabs .nav-link{
    border:none;
    -webkit-border-radius:50px;
    border-radius:50px;
    padding:10px 40px;
    color:var(--medium-gray);
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.tab-style-01 .nav-tabs .nav-link.active,.tab-style-01 .nav-tabs .nav-link.show,.tab-style-01 .nav-tabs .nav-link:hover{
    color:var(--dark-gray);
    background-color:var(--white);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.08);
    box-shadow:0 0 10px rgba(0,0,0,.08);
    -webkit-transform:translate3d(0,-3px,0);
    transform:translate3d(0,-3px,0)
}
.tab-style-01 .nav-tabs>li.nav-item{
    padding:0 4px
}
.tab-style-04 .nav-tabs .nav-item{
    padding:0 35px
}
.tab-style-04 .nav-tabs .nav-item .nav-link{
    padding:0;
    border:none;
    background:0 0;
    position:relative;
    color:var(--medium-gray)
}
.tab-style-04 .nav-tabs .nav-item .nav-link .tab-border{
    width:100%;
    height:2px;
    display:block;
    -wekit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:transform .5s ease;
    transition:transform .5s ease
}
.tab-style-04 .nav-tabs .nav-item .nav-link.active,.tab-style-04 .nav-tabs .nav-item .nav-link.show,.tab-style-04 .nav-tabs .nav-item .nav-link:hover{
    color:var(--dark-gray)
}
.tab-style-04 .nav-tabs .nav-item .nav-link.active .tab-border,.tab-style-04 .nav-tabs .nav-item .nav-link.show .tab-border,.tab-style-04 .nav-tabs .nav-item .nav-link:hover .tab-border{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.tab-style-05 .nav-tabs>li{
    width:100%
}
.tab-style-05 .nav-tabs>li.nav-item{
    padding:0
}
.tab-style-05 .nav-tabs .nav-item .nav-link{
    border:none;
    padding:20px 28px 22px;
    margin-bottom:15px;
    background:0 0;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all .3s cubic-bezier(.12,0,.39,0);
    transition:all .3s cubic-bezier(.12,0,.39,0);
    display:flex;
    align-items:center
}
.tab-style-05 .nav-tabs .nav-item .nav-link i{
    vertical-align:middle;
    display:inline-block;
    margin-right:10px
}
.tab-style-05 .nav-tabs .nav-item .nav-link span{
    position:relative;
    top:1px;
    color:var(--dark-gray);
    -webkit-transition:all .3s cubic-bezier(.12,0,.39,0);
    transition:all .3s cubic-bezier(.12,0,.39,0)
}
.tab-style-05 .nav-tabs .nav-item .nav-link.active,.tab-style-05 .nav-tabs .nav-item .nav-link.show,.tab-style-05 .nav-tabs .nav-item .nav-link:hover{
    background:var(--white);
    color:var(--base-color);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.08);
    box-shadow:0 0 20px rgba(0,0,0,.08)
}
.tab-style-05 .nav-tabs .nav-item .nav-link.active i,.tab-style-05 .nav-tabs .nav-item .nav-link.active span,.tab-style-05 .nav-tabs .nav-item .nav-link.show i,.tab-style-05 .nav-tabs .nav-item .nav-link.show span,.tab-style-05 .nav-tabs .nav-item .nav-link:hover i,.tab-style-05 .nav-tabs .nav-item .nav-link:hover span{
    color:var(--base-color)
}
.tab-style-06 .nav-tabs>li.nav-item{
    position:relative;
    z-index:1;
    padding:0;
    border:1px solid;
    overflow:hidden;
    border-radius:4px 0 0 4px
}
.tab-style-06 .nav-tabs>li.nav-item:last-child{
    border-radius:0 4px 4px 0;
    margin-left:-1px
}
.tab-style-06 .nav-tabs>li.nav-item>a.nav-link{
    border-radius:0;
    line-height:18px;
    padding:16px 40px;
    text-transform:uppercase;
    z-index:1;
    background-color:transparent;
    color:var(--medium-gray);
    border:0
}
.tab-style-06 .nav-tabs>li.nav-item>a.nav-link.active{
    color:#fff!important
}
.tab-style-06 .nav-tabs>li.nav-item>a.nav-link.active+.tab-bg-active{
    opacity:1
}
.tab-style-06 .tab-bg-active{
    position:absolute;
    top:-1px;
    left:-1px;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    z-index:-1;
    opacity:0
}
.tab-style-07 .nav-tabs>li{
    width:100%
}
.tab-style-07 .nav-tabs>li.nav-item{
    padding:0
}
.tab-style-07 .nav-tabs .nav-item .nav-link{
    border:none;
    border-bottom:1px solid;
    border-color:var(--extra-medium-gray);
    padding:38px 60px;
    background:0 0;
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-transition:.4s;
    transition:.4s;
    position:relative
}
.tab-style-07 .nav-tabs .nav-item .nav-link span{
    color:var(--dark-gray);
    z-index:9;
    position:relative;
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0)
}
.tab-style-07 .nav-tabs .nav-item .nav-link.active,.tab-style-07 .nav-tabs .nav-item .nav-link.show,.tab-style-07 .nav-tabs .nav-item .nav-link:hover{
    color:var(--white);
    isolation:inherit
}
.tab-style-07 .nav-tabs .nav-item .nav-link.active span,.tab-style-07 .nav-tabs .nav-item .nav-link.show span,.tab-style-07 .nav-tabs .nav-item .nav-link:hover span{
    color:var(--white);
    -webkit-transition:.5s;
    transition:.5s
}
.tab-style-07 .nav-tabs .nav-item .nav-link.active .number-box,.tab-style-07 .nav-tabs .nav-item .nav-link.show .number-box,.tab-style-07 .nav-tabs .nav-item .nav-link:hover .number-box{
    opacity:1;
    -webkit-transform:translate(50%,-50%);
    transform:translate(50%,-50%);
    transition:opacity .4s,transform .4s;
    -webkit-transition-delay:.35s;
    transition-delay:.35s
}
.tab-style-07 .nav-tabs .nav-item .nav-link.active .bg-hover,.tab-style-07 .nav-tabs .nav-item .nav-link.show .bg-hover,.tab-style-07 .nav-tabs .nav-item .nav-link:hover .bg-hover{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.tab-style-07 .nav-tabs .nav-item .nav-link .number-box{
    position:absolute;
    top:50%;
    z-index:9;
    right:0;
    opacity:0;
    -webkit-transform:translate(25%,-50%);
    transform:translate(25%,-50%);
    transition:opacity 0s,transform 0s;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.tab-style-07 .nav-tabs .nav-item .nav-link .bg-hover{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    content:"";
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transform-origin:left;
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0);
    z-index:1
}
.tab-style-08 ul .nav-item{
    padding:0;
    background-color:transparent;
    border-right:1px solid var(--light-medium-gray);
    flex-grow:1;
    flex-basis:0
}
.tab-style-08 ul .nav-item .nav-link{
    border:0;
    margin-bottom:0;
    padding:30px 15px;
    background-color:transparent;
    position:relative;
    color:var(--medium-gray)
}
.tab-style-08 ul .nav-item .nav-link.active,.tab-style-08 ul .nav-item .nav-link.show,.tab-style-08 ul .nav-item .nav-link:hover{
    border:0;
    color:var(--base-color)
}
.tab-style-08 ul .nav-item .nav-link.active .tab-border,.tab-style-08 ul .nav-item .nav-link.show .tab-border,.tab-style-08 ul .nav-item .nav-link:hover .tab-border{
    -wekit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1)
}
.tab-style-08 ul .nav-item .tab-border{
    width:calc(100% + 2px);
    height:3px;
    display:block;
    -wekit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:transform .5s ease;
    transition:transform .5s ease;
    position:absolute;
    left:-1px;
    top:0
}
.tab-style-08 ul .nav-item:last-child{
    border:0
}
.tab-style-08 ul.active-tab-border-bottom .nav-item .tab-border{
    bottom:0;
    top:auto
}
.team-style-01 figure figcaption{
    position:absolute;
    bottom:-1px
}
.team-style-01 figure figcaption .social-icon{
    display:block!important;
    height:auto!important;
    margin-bottom:-50px!important;
    overflow:visible!important;
    -webkit-transition:.4s;
    transition:.4s
}
.team-style-01 figure figcaption .social-icon a{
    margin:0 10px
}
.team-style-01 figure figcaption .social-icon a:last-child{
    margin-right:0
}
.team-style-01 figure figcaption .social-icon a:first-child{
    margin-left:0
}
.team-style-01 figure:hover figcaption .social-icon{
    margin-bottom:0!important
}
.team-style-02 figure figcaption{
    position:absolute;
    opacity:0;
    bottom:0;
    -webkit-transition:all .5s cubic-bezier(.12,0,.39,0);
    transition:all .5s cubic-bezier(.12,0,.39,0)
}
.team-style-02 figure figcaption .social-icon a{
    margin:0 12px;
    opacity:0;
    -webkit-transition:.45s cubic-bezier(.19,1,.22,1);
    transition:.45s cubic-bezier(.19,1,.22,1);
    -webkit-transform:translateY(-25px);
    transform:translateY(-25px);
    display:inline-block
}
.team-style-02 figure figcaption .social-icon a:nth-child(1){
    -webkit-transition:all .3s cubic-bezier(.2,0,.3,1);
    transition:all .3s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure figcaption .social-icon a:nth-child(2){
    -webkit-transition:all .4s cubic-bezier(.2,0,.3,1);
    transition:all .4s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure figcaption .social-icon a:nth-child(3){
    -webkit-transition:all .6s cubic-bezier(.2,0,.3,1);
    transition:all .6s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure figcaption .social-icon a:nth-child(4){
    -webkit-transition:all .8s cubic-bezier(.2,0,.3,1);
    transition:all .8s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure figcaption .social-icon a:nth-child(5){
    -webkit-transition:all 1s cubic-bezier(.2,0,.3,1);
    transition:all 1s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure figcaption .team-member-name{
    opacity:0;
    -webkit-transform:translate3d(0,15px,0);
    transform:translate3d(0,15px,0);
    -webkit-transition:all 1s cubic-bezier(.2,0,.3,1);
    transition:all 1s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure figcaption .member-designation{
    opacity:0;
    -webkit-transform:translate3d(0,15px,0);
    transform:translate3d(0,15px,0);
    -webkit-transition:all .7s cubic-bezier(.2,0,.3,1);
    transition:all .7s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure:hover figcaption{
    opacity:1
}
.team-style-02 figure:hover figcaption .team-member-name{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .4s cubic-bezier(.2,0,.3,1);
    transition:all .4s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure:hover figcaption .member-designation{
    opacity:.7;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .7s cubic-bezier(.2,0,.3,1);
    transition:all .7s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure:hover figcaption a{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.team-style-02 figure:hover figcaption a:nth-child(1){
    -webkit-transition:all .3s cubic-bezier(.2,0,.3,1);
    transition:all .3s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure:hover figcaption a:nth-child(2){
    -webkit-transition:all .4s cubic-bezier(.2,0,.3,1);
    transition:all .4s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure:hover figcaption a:nth-child(3){
    -webkit-transition:all .6s cubic-bezier(.2,0,.3,1);
    transition:all .6s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure:hover figcaption a:nth-child(4){
    -webkit-transition:all .8s cubic-bezier(.2,0,.3,1);
    transition:all .8s cubic-bezier(.2,0,.3,1)
}
.team-style-02 figure:hover figcaption a:nth-child(5){
    -webkit-transition:all 1s cubic-bezier(.2,0,.3,1);
    transition:all 1s cubic-bezier(.2,0,.3,1)
}
.team-style-04 .team-content{
    position:absolute;
    bottom:0;
    -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85);
    transition:all .5s cubic-bezier(.37,.31,.2,.85)
}
.team-style-04 figure figcaption{
    position:absolute;
    bottom:-20px;
    -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85);
    transition:all .5s cubic-bezier(.37,.31,.2,.85)
}
.team-style-04 figure figcaption .social-icon{
    -webkit-transition:all 0s linear;
    transition:all 0s linear
}
.team-style-04 figure figcaption .social-icon a{
    margin:0 10px
}
.team-style-04 figure:hover figcaption{
    bottom:0
}
.team-style-05 .team-content{
    position:absolute;
    bottom:0;
    opacity:0;
    -webkit-transition:all .4s cubic-bezier(.12,0,.39,0);
    transition:all .4s cubic-bezier(.12,0,.39,0)
}
.team-style-05 .team-content p{
    top:55%;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.team-style-05 .social-icon a{
    opacity:0;
    -webkit-transition:.45s cubic-bezier(.19,1,.22,1);
    transition:.45s cubic-bezier(.19,1,.22,1);
    -webkit-transform:translateY(25px);
    transform:translateY(25px);
    margin:0 10px;
    display:inline-block
}
.team-style-05 .social-icon a:nth-child(1){
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.team-style-05 .social-icon a:nth-child(2){
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.team-style-05 .social-icon a:nth-child(3){
    -webkit-transition:all .6s ease;
    transition:all .6s ease
}
.team-style-05 .social-icon a:nth-child(4){
    -webkit-transition:all .8s ease;
    transition:all .8s ease
}
.team-style-05 .social-icon a:nth-child(5){
    -webkit-transition:all 1s ease;
    transition:all 1s ease
}
.team-style-05:hover .team-content{
    opacity:1
}
.team-style-05:hover .team-content p{
    top:50%
}
.team-style-05:hover .social-icon a{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.team-style-05:hover .social-icon a:nth-child(1){
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.team-style-05:hover .social-icon a:nth-child(2){
    -webkit-transition:all .6s ease;
    transition:all .6s ease
}
.team-style-05:hover .social-icon a:nth-child(3){
    -webkit-transition:all .9s ease;
    transition:all .9s ease
}
.team-style-05:hover .social-icon a:nth-child(4){
    -webkit-transition:all 1.1s ease;
    transition:all 1.1s ease
}
.team-style-05:hover .social-icon a:nth-child(5){
    -webkit-transition:all 1.4s ease;
    transition:all 1.4s ease
}
.team-style-08 figure{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .5s cubic-bezier(.2,0,.3,1);
    transition:all .5s cubic-bezier(.2,0,.3,1)
}
.team-style-08 figure figcaption{
    position:absolute;
    opacity:0;
    bottom:0;
    -webkit-transition:all .5s;
    transition:all .5s
}
.team-style-08 figure figcaption .social-icon a{
    margin:0 0 10px;
    opacity:0;
    background-color:var(--dark-gray);
    height:50px;
    width:50px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transform:translate3d(0,15px,0);
    transform:translate3d(0,15px,0);
    -webkit-transition:all .3s cubic-bezier(.2,0,.3,1);
    transition:all .3s cubic-bezier(.2,0,.3,1);
    -webkit-transform:scale(1);
    transform:scale(1)
}
.team-style-08 figure figcaption .social-icon a:last-child{
    margin-bottom:0
}
.team-style-08 figure figcaption .team-member-name{
    opacity:0;
    -webkit-transform:translate3d(0,15px,0);
    transform:translate3d(0,15px,0);
    -webkit-transition:all .5s cubic-bezier(.2,0,.3,1);
    transition:all .5s cubic-bezier(.2,0,.3,1)
}
.team-style-08 figure figcaption .member-designation{
    opacity:0;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0);
    -webkit-transition:all .7s cubic-bezier(.2,0,.3,1);
    transition:all .7s cubic-bezier(.2,0,.3,1)
}
.team-style-08:hover figure{
    -webkit-transform:translate3d(0,-8px,0);
    transform:translate3d(0,-8px,0)
}
.team-style-08:hover figure figcaption{
    opacity:1
}
.team-style-08:hover figure figcaption .social-icon a:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.team-style-08:hover figure figcaption .team-member-name{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.team-style-08:hover figure figcaption .member-designation{
    opacity:.6;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.team-style-08:hover figure figcaption a{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    opacity:1
}
.team-style-09 .nav-tabs>li.nav-item{
    padding:0
}
.team-style-09 .nav-tabs>li.nav-item .number{
    color:var(--dark-gray);
    -webkit-transition:.4s cubic-bezier(.12,0,.39,0);
    transition:.4s cubic-bezier(.12,0,.39,0)
}
.blog-classic .card,.blog-classic .card .card-body,.blog-grid .card,.blog-grid .card .card-body{
    color:inherit
}
.team-style-09 .nav-tabs .nav-link{
    border:0;
    display:flex;
    border-bottom:1px solid var(--extra-medium-gray);
    padding:20px 0;
    margin-bottom:0;
    background-color:transparent;
    -webkit-border-radius:0;
    border-radius:0;
    -webkit-transition:.3s cubic-bezier(.12,0,.39,0);
    transition:.3s cubic-bezier(.12,0,.39,0)
}
.team-style-09 .nav-tabs .nav-link:hover{
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0)
}
.team-style-09 .nav-tabs .nav-link.active,.team-style-09 .nav-tabs .nav-link:hover{
    border-bottom:1px solid var(--dark-gray)
}
.team-style-10 figure{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition:all .5s cubic-bezier(.2,0,.3,1);
    transition:all .5s cubic-bezier(.2,0,.3,1)
}
.team-style-10 figure .hover-switch-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:all .2s cubic-bezier(.2,0,.3,1);
    transition:all .2s cubic-bezier(.2,0,.3,1)
}
.team-style-10 figure figcaption{
    position:absolute;
    opacity:0;
    bottom:0;
    -webkit-transition:all .5s;
    transition:all .5s
}
.team-style-10 figure figcaption .social-icon a{
    margin:0 0 10px;
    opacity:0;
    background-color:var(--dark-gray);
    height:50px;
    width:50px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    will-change:transform;
    -webkit-transition:all .3s cubic-bezier(.2,0,.3,1);
    transition:all .3s cubic-bezier(.2,0,.3,1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.team-style-10 figure figcaption .social-icon a:last-child,.testimonials-style-04.swiper-horizontal-3d.swiper-pagination-bottom .swiper-wrapper{
    margin-bottom:0
}
.team-style-10 figure figcaption .team-member-strip{
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0);
    -webkit-transition:all .3s cubic-bezier(.2,0,.8,1);
    transition:all .3s cubic-bezier(.2,0,.8,1)
}
.team-style-10 figure figcaption .team-member-strip .team-member-name{
    opacity:0;
    -webkit-transform:translate3d(0,15px,0);
    transform:translate3d(0,15px,0);
    -webkit-transition:all .5s cubic-bezier(.2,0,.3,1);
    transition:all .5s cubic-bezier(.2,0,.3,1)
}
.team-style-10 figure figcaption .team-member-strip .member-designation{
    opacity:0;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0);
    -webkit-transition:all .7s cubic-bezier(.2,0,.3,1);
    transition:all .7s cubic-bezier(.2,0,.3,1)
}
.team-style-10:hover figure .hover-switch-image{
    left:0;
    opacity:1
}
.team-style-10:hover figure figcaption{
    opacity:1
}
.team-style-10:hover figure figcaption .social-icon a{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.team-style-10:hover figure figcaption .social-icon a:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.team-style-10:hover figure figcaption .team-member-strip{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.team-style-10:hover figure figcaption .team-member-strip .member-designation,.team-style-10:hover figure figcaption .team-member-strip .team-member-name{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.team-style-10:hover figure figcaption a{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    opacity:1
}
.testimonials-style-01 .testimonial-arrow:after{
    content:"";
    top:100%;
    left:50px;
    height:0;
    width:0;
    z-index:9;
    margin-left:-14px;
    position:absolute;
    pointer-events:none;
    border:solid transparent;
    border-width:14px;
    border-top-color:var(--white)
}
.testimonials-style-01 .author-detail img{
    width:60px;
    height:60px
}
.testimonials-style-04.swiper-horizontal-3d.swiper{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    z-index:1;
    width:100%;
    padding-bottom:60px
}
.testimonials-style-04.swiper-horizontal-3d .swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    box-sizing:content-box
}
.testimonials-style-04.swiper-horizontal-3d .swiper-slide{
    filter:grayscale(100%);
    opacity:0;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative
}
.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-next,.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-prev{
    opacity:.7
}
.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active{
    opacity:1;
    filter:grayscale(0);
    box-shadow:0 0 60px rgba(0,0,0,.17)
}
.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index:1
}
.testimonials-style-04.swiper-horizontal-3d .swiper-slide img{
    opacity:0
}
.testimonials-style-04.swiper-horizontal-3d .swiper-slide-active img,.testimonials-style-12 .swiper-button-next-nav:hover,.testimonials-style-12 .swiper-button-previous-nav:hover{
    opacity:1
}
.testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-left,.testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-right{
    background-image:none
}
.testimonials-style-05 .testimonials-bubble{
    position:relative;
    border:1px solid;
    -webkit-transition:.2s;
    transition:.2s
}
.testimonials-style-05 .testimonials-bubble:after,.testimonials-style-05 .testimonials-bubble:before{
    top:100%;
    left:50px;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}
.testimonials-style-05 .testimonials-bubble:after{
    border-color:rgba(255,255,255,0);
    border-top-color:var(--white);
    border-width:15px 15px 0 0;
    margin-left:1px
}
.testimonials-style-05 .testimonials-bubble:before{
    border-color:rgba(237,237,237,0);
    border-top-color:var(--extra-medium-gray);
    border-width:18px 18px 0 0
}
.testimonials-style-12 .swiper-button-previous-nav{
    left:-8px
}
.testimonials-style-13 .swiper-slide{
    opacity:.1
}
.testimonials-style-13 .swiper-slide.swiper-slide-active{
    opacity:1
}
.testimonials-style-13 .swiper-slide.swiper-slide-next{
    opacity:.4
}
.blog-grid .card{
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1)
}
.blog-grid .card .blog-image img{
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0
}
.blog-grid .card .card-body p{
    margin-bottom:15px
}
.blog-grid .card .card-body .author{
    will-change:transform
}
.blog-grid .card .card-body .author .blog-date{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all .5s cubic-bezier(.37,0,.63,1);
    transition:all .5s cubic-bezier(.37,0,.63,1)
}
.blog-grid .card .card-body .author .like-count a i{
    margin-right:4px;
    vertical-align:middle;
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1)
}
.blog-grid .card .card-body .author .like-count a:hover i{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.blog-grid .card .card-body .author .author-name{
    position:absolute;
    width:auto;
    left:0;
    bottom:0;
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(32px);
    transform:translateY(32px);
    -webkit-transition:all .5s cubic-bezier(.37,0,.63,1);
    transition:all .5s cubic-bezier(.37,0,.63,1)
}
.blog-grid .card .blog-categories{
    position:absolute;
    top:17px;
    right:20px
}
.blog-grid .card .blog-categories .categories-btn{
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.4);
    box-shadow:0 0 25px rgba(0,0,0,.4)
}
.blog-grid .card:hover .author .blog-date{
    position:relative;
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(-32px);
    transform:translateY(-32px)
}
.blog-grid .card:hover .author .author-name{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.blog-classic .card .blog-image img{
    -webkit-transition:all .6s cubic-bezier(.37,0,.63,1);
    transition:all .6s cubic-bezier(.37,0,.63,1);
    will-change:transform
}
.blog-classic .card .card-body .categories-text:after{
    content:"\f309";
    display:inline-block;
    font-family:bootstrap-icons;
    vertical-align:middle;
    margin:-2px 1px 0;
    font-size:22px;
    color:var(--medium-gray);
    opacity:.7
}
.blog-classic .card .card-body .card-link i{
    opacity:0;
    visibility:hidden;
    transform-origin:center left;
    -webkit-transform:translateX(-10px) scaleX(0);
    transform:translateX(-10px) scaleX(0);
    -webkit-transition:all .3s cubic-bezier(.5,1,.89,1);
    transition:all .3s cubic-bezier(.5,1,.89,1);
    vertical-align:middle;
    margin-left:3px
}
.blog-classic .card:hover .blog-image img{
    -webkit-transform:scale(1.07);
    transform:scale(1.07)
}
.blog-classic .card:hover .card-body .card-link i{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateX(0) scaleX(1);
    transform:translateX(0) scaleX(1)
}
.blog-only-text{
    counter-reset:card-body
}
.blog-only-text .card-body{
    color:inherit;
    position:relative;
    overflow:hidden
}
.blog-only-text .card-body .hover-img{
    position:absolute;
    left:0;
    top:0;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s cubic-bezier(.37,0,.63,1);
    transition:all .3s cubic-bezier(.37,0,.63,1);
    -webkit-transform:scale(1.1) rotate(-3deg);
    transform:scale(1.1) rotate(-3deg)
}
.blog-only-text .card-body:after{
    counter-increment:card-body;
    content:counter(card-body,decimal-leading-zero);
    position:absolute;
    font-size:70px;
    line-height:70px;
    letter-spacing:-3px;
    top:30px;
    right:-8px;
    font-weight:600;
    opacity:.1;
    color:var(--dark-gray);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.blog-only-text .card-body:hover .hover-img{
    opacity:1;
    visibility:visible;
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1);
    -webkit-transform:scale(1) rotate(0);
    transform:scale(1) rotate(0)
}
.blog-only-text .card-body:hover:after{
    opacity:.2;
    color:var(--white);
    right:30px;
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.blog-only-text .card-body:hover .categories-btn{
    background:var(--white);
    color:var(--dark-gray)!important;
    -webkit-box-shadow:0 10px 40px rgba(0,0,0,.6);
    box-shadow:0 10px 40px rgba(0,0,0,.6);
    -webkit-transition:all 350ms cubic-bezier(.37,0,.63,1);
    transition:all 350ms cubic-bezier(.37,0,.63,1)
}
.blog-metro figure .blog-image .blog-overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#1f232c;
    background:linear-gradient(0deg,rgba(23,23,23,.8) 0,rgba(23,23,23,0) 70%);
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1)
}
.blog-metro figure .categories-btn{
    border:1px solid transparent
}
.blog-metro figure img{
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1);
    width:100%
}
.blog-metro figure figcaption{
    position:absolute;
    top:0;
    left:0
}
.blog-metro figure .card-title{
    margin-bottom:0
}
.blog-metro figure:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:.5
}
.blog-metro figure:hover .categories-btn{
    background:0 0!important;
    color:#fff;
    border:1px solid rgba(255,255,255,.3)
}
.blog-metro figure:hover .categories-btn.bg-base-color{
    color:var(--base-color)!important;
    border-color:var(--base-color)
}
.blog-masonry .card{
    color:inherit
}
.blog-masonry .card .card-top{
    position:relative;
    padding:15px 20px
}
.blog-masonry .card .card-top:after{
    content:"";
    position:absolute;
    left:25px;
    top:100%;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #fff;
    clear:both;
    z-index:1
}
.blog-masonry .card .card-top .avtar{
    height:30px;
    width:30px;
    margin-right:10px;
    position:relative;
    border-radius:100%
}
.blog-masonry .card .blog-image img{
    -webkit-transition:all 1s cubic-bezier(.5,1,.89,1);
    transition:all 1s cubic-bezier(.5,1,.89,1)
}
.blog-masonry .card .blog-image .categories-btn{
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.4);
    box-shadow:0 0 25px rgba(0,0,0,.4)
}
.blog-masonry .card .like-count a i{
    margin-right:5px;
    -webkit-transition:all .4s cubic-bezier(.5,1,.89,1);
    transition:all .4s cubic-bezier(.5,1,.89,1);
    will-change:transform
}
.blog-masonry .card .like-count a:hover i{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.blog-masonry .card .blog-date i{
    margin-right:8px
}
.blog-masonry .card .blog-categories{
    position:absolute;
    bottom:30px;
    left:30px
}
.blog-masonry .card:hover{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.blog-masonry .card:hover .blog-image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.blog-simple figure .blog-image{
    overflow:hidden
}
.blog-simple figure .blog-hover-icon{
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1);
    opacity:0
}
.blog-simple figure figcaption{
    position:absolute;
    bottom:0;
    top:0;
    width:100%;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.blog-simple figure:hover .blog-hover-icon{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.blog-simple figure:hover .post-content .card-title a:hover{
    color:var(--base-color)
}
.blog-simple figure:hover .blog-image img{
    -webkit-filter:blur(2px);
    filter:blur(2px);
    -webkit-transition:.3s;
    transition:.3s
}
.blog-simple figure:hover .blog-image .box-overlay{
    opacity:.3
}
.blog-simple figure:hover .box-overlay{
    opacity:1;
    visibility:visible
}
.blog-date .feature-box{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.blog-date .feature-box .feature-box-icon{
    margin-right:40px!important
}
.blog-date .feature-box .post-date{
    min-width:75px;
    padding:20px 0 17px;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.blog-date .feature-box .post-date span{
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
.blog-date .feature-box:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.blog-side-image .blog-box .blog-image{
    min-height:300px;
    will-change:transform;
    -webkit-transition:all .6s cubic-bezier(.5,1,.89,1);
    transition:all .6s cubic-bezier(.5,1,.89,1)
}
.blog-side-image .blog-box .blog-image .blog-post-image-overlay{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition:all .6s cubic-bezier(.5,1,.89,1);
    transition:all .6s cubic-bezier(.5,1,.89,1)
}
.blog-side-image .blog-box .blog-content{
    position:relative;
    z-index:1
}
.blog-side-image .blog-box .blog-content .separator{
    width:10px;
    height:1px;
    -webkit-transition:all .6s cubic-bezier(.5,1,.89,1);
    transition:all .6s cubic-bezier(.5,1,.89,1);
    display:inline-block;
    vertical-align:middle;
    margin-right:7px
}
.blog-side-image .blog-box .blog-content .categories-btn{
    -webkit-border-radius:50px;
    border-radius:50px;
    margin-left:0;
    margin-right:5px;
    line-height:20px;
    padding:4px 15px
}
.blog-side-image .blog-box:hover .blog-image{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.blog-side-image .blog-box:hover .blog-image .blog-post-image-overlay{
    opacity:.4
}
.blog-side-image .blog-box:hover .blog-content .separator{
    width:30px
}
.blog-modern figure .blog-image{
    margin-bottom:48px
}
.blog-modern figure .blog-image img{
    -webkit-transition:all .9s cubic-bezier(.5,1,.89,1);
    transition:all .9s cubic-bezier(.5,1,.89,1)
}
.blog-modern figure .post-content-wrapper{
    position:absolute;
    bottom:-51px;
    width:85%;
    margin:0 auto;
    left:0;
    right:0;
    -webkit-box-shadow:0 4px 10px rgba(111,111,111,.1);
    box-shadow:0 4px 10px rgba(111,111,111,.1)
}
.blog-modern figure .post-content-wrapper .post-content{
    -webkit-transition:all .4s cubic-bezier(.5,1,.89,1);
    transition:all .4s cubic-bezier(.5,1,.89,1)
}
.blog-modern figure .post-content-wrapper .separator{
    margin:0 15px;
    opacity:.7;
    font-weight:300
}
.blog-comment,.shop-sidebar .shop-filter li:last-child{
    margin-bottom:0
}
.blog-modern figure:hover .blog-image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.blog-modern figure:hover .post-content-wrapper .post-content .card-title,.blog-modern figure:hover .post-content-wrapper .post-content .card-title:hover{
    color:var(--white)
}
.blog-modern figure:hover .post-content-wrapper .post-content .box-overlay{
    opacity:1;
    visibility:visible
}
.blog-standard .blog-image{
    position:relative
}
.blog-standard .blog-image .blog-categories{
    position:absolute;
    right:40px;
    top:40px
}
.blog-standard .entry-meta span{
    position:relative;
    margin-right:20px
}
.blog-standard .entry-meta span:last-child{
    margin-right:0
}
.blog-standard .entry-meta span i{
    margin-right:7px
}
.blog-comment{
    padding-left:0
}
.blog-comment li{
    padding-bottom:65px;
    position:relative;
    list-style:none
}
.blog-comment li:last-child{
    border-bottom:medium none;
    padding-bottom:0
}
.blog-comment li .btn-reply{
    float:right;
    font-size:11px;
    line-height:initial;
    padding:7px 20px 6px;
    border-radius:50px;
    border:1px solid rgba(44,44,44,.25);
    background-color:var(--white)
}
.blog-comment li .btn-reply:hover{
    border-color:var(--base-color);
    background:var(--base-color);
    color:var(--white)
}
.blog-comment li ul.child-comment{
    list-style:none;
    margin-left:70px
}
.blog-comment li ul.child-comment li{
    margin-top:60px;
    padding-bottom:0
}
.blog-comment>li:first-child{
    padding-top:0
}
.pagination-style-01 .page-item .page-link{
    border:0;
    padding:0 2px;
    margin:0 7px;
    background:0 0;
    color:var(--medium-gray);
    min-width:45px;
    font-size:inherit;
    text-align:center;
    -webkit-border-radius:100%;
    border-radius:100%;
    line-height:45px;
    min-height:45px
}
.pagination-style-01 .page-item .page-link i{
    line-height:40px
}
.pagination-style-01 .page-item .page-link:hover{
    background:var(--white);
    color:var(--dark-gray);
    box-shadow:0 0 10px rgba(23,23,23,.15)!important
}
.pagination-style-01 .page-item .page-link:focus{
    box-shadow:none
}
.pagination-style-01 .page-item.active .page-link{
    background:var(--dark-gray);
    color:var(--white);
    box-shadow:0 0 10px rgba(23,23,23,.15)!important
}
.pagination-style-01 .page-item:first-child .page-link,.pagination-style-01 .page-item:last-child .page-link,.pagination-style-01.light .page-item:first-child .page-link,.pagination-style-01.light .page-item:last-child .page-link{
    background:0 0;
    box-shadow:none!important
}
.pagination-style-01.light .page-item:first-child .page-link:hover,.pagination-style-01.light .page-item:last-child .page-link:hover{
    color:var(--white)
}
.blog-clean .card,.blog-clean .card .card-body{
    color:inherit
}
.blog-clean .card .blog-image img{
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    will-change:transform
}
.blog-clean .card .card-body .blog-categories .categories-btn{
    margin:0 5px 0 0;
    font-size:12px;
    border-radius:0
}
.blog-clean .card .card-body .card-link i{
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px);
    -webkit-transition:all .3s linear;
    transition:all .3s linear;
    vertical-align:middle;
    margin-left:10px;
    line-height:11px
}
.blog-clean .card:hover .blog-image img{
    -webkit-transform:scale(1.07);
    transform:scale(1.07)
}
.blog-clean .card:hover .card-body .card-link i{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.grid-item .portfolio-image img,.portfolio-grid .work-1col li{
    width:100%
}
.portfolio-filter li{
    padding:0 25px
}
.portfolio-filter li:first-child,.shop-sidebar .shop-filter.rating-filter li{
    padding-left:0
}
.portfolio-filter li:last-child{
    padding-right:0
}
.portfolio-filter li a{
    color:var(--medium-gray);
    border-bottom:2px solid transparent
}
.portfolio-filter li.active a,.portfolio-filter li:focus a,.portfolio-filter li:hover a{
    color:var(--dark-gray);
    border-color:var(--dark-gray)
}
.portfolio-filter.filter-btn li{
    padding:0 12px
}
.portfolio-filter.filter-btn li a{
    padding:6px 30px;
    border-radius:40px
}
.portfolio-filter.filter-btn li a.active,.portfolio-filter.filter-btn li a:focus,.portfolio-filter.filter-btn li a:hover{
    background-color:var(--white);
    color:var(--dark-gray);
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.08);
    box-shadow:0 0 25px rgba(0,0,0,.08)
}
.portfolio-filter.filter-btn li.active a{
    background-color:var(--white);
    color:var(--dark-gray);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.08);
    box-shadow:0 0 10px rgba(0,0,0,.08)
}
.portfolio-classic .portfolio-box{
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0)
}
.portfolio-classic .portfolio-box .portfolio-hover{
    opacity:0;
    transform:translate3d(0,45px,0) skewY(-15deg)
}
.portfolio-classic .portfolio-box:hover{
    -webkit-clip-path:inset(2% 2% 2% 2%);
    clip-path:inset(2% 2% 2% 2%)
}
.portfolio-classic .portfolio-box:hover .portfolio-image img{
    opacity:.15;
    -webkit-filter:blur(4px);
    filter:blur(4px)
}
.portfolio-classic .portfolio-box:hover .portfolio-hover{
    opacity:1;
    transform:translate3d(0,0,0)
}
.portfolio-boxed .portfolio-box{
    will-change:transform
}
.portfolio-boxed .portfolio-box .portfolio-icon a{
    margin:0 4px;
    position:relative;
    -webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.5);
    box-shadow:0 0 25px 0 rgba(0,0,0,.5)
}
.portfolio-boxed .portfolio-box .portfolio-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.portfolio-boxed .portfolio-box:hover{
    -webkit-box-shadow:10px 0 70px rgba(0,0,0,.15);
    box-shadow:10px 0 70px rgba(0,0,0,.15);
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.portfolio-boxed .portfolio-box:hover .portfolio-image img{
    opacity:.3
}
.portfolio-boxed .portfolio-box:hover .portfolio-overlay{
    opacity:1;
    visibility:visible
}
.mousetip-wrapper .caption{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:20px;
    left:20px;
    z-index:9
}
.mousetip-wrapper:hover .caption{
    opacity:1;
    visibility:visible;
    display:block
}
.portfolio-transform .portfolio-box{
    will-change:auto;
    overflow:visible
}
.portfolio-transform .portfolio-box .caption{
    padding:22px 28px 11px;
    white-space:nowrap;
    -webkit-box-shadow:0 0 25px rgba(0,0,0,.2);
    box-shadow:0 0 25px rgba(0,0,0,.2)
}
.portfolio-transform .portfolio-box .portfolio-image{
    overflow:visible
}
.portfolio-transform .portfolio-box .portfolio-image img{
    -webkit-transition:all .6s linear;
    transition:all .6s linear
}
.portfolio-transform .portfolio-box:hover .portfolio-image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.portfolio-creative .portfolio-box{
    will-change:transform
}
.portfolio-creative .portfolio-box .portfolio-title{
    -webkit-transform:scale(2);
    transform:scale(2);
    display:block;
    width:100%
}
.portfolio-creative .portfolio-box .portfolio-title::before{
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.portfolio-creative .portfolio-box .portfolio-title::after{
    content:attr(data-text);
    position:absolute;
    left:0;
    right:0;
    top:-20px;
    font-size:110px;
    letter-spacing:-6px;
    color:rgba(0,0,0,.1);
    font-weight:800;
    white-space:nowrap;
    text-align:center;
    display:inline-block;
    animation:glitch-skew 1s infinite linear alternate-reverse
}
.portfolio-creative .portfolio-box .portfolio-hover span{
    -webkit-transform:translateY(25px);
    transform:translateY(25px)
}
.portfolio-creative .portfolio-box:hover .portfolio-image img{
    opacity:0
}
.portfolio-creative .portfolio-box:hover .portfolio-title{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.portfolio-creative .portfolio-box:hover .portfolio-hover span{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.portfolio-simple .portfolio-box .portfolio-icon a{
    margin:0 5px;
    position:relative;
    -webkit-transition-delay:.1s;
    transition-delay:.1s;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,.3);
    box-shadow:0 0 20px rgba(0,0,0,.3)
}
.portfolio-simple .portfolio-box .portfolio-icon a:last-child{
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.portfolio-simple .portfolio-box:hover .portfolio-image img{
    opacity:.5;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.portfolio-modern .portfolio-box{
    position:relative;
    will-change:transform
}
.portfolio-modern .portfolio-box .portfolio-hover{
    opacity:0;
    left:20px;
    bottom:20px;
    width:calc(100% - 40px);
    height:auto;
    top:inherit;
    -webkit-transform:translateY(0) scale(1,0);
    transform:translateY(0) scale(1,0);
    transform-origin:bottom center
}
.portfolio-modern .portfolio-box .portfolio-hover>*>*>*{
    opacity:0;
    transition-delay:.25s;
    transform:translateY(15px)
}
.portfolio-modern .portfolio-box .portfolio-hover>*>*>*+*{
    opacity:0;
    transition-delay:.35s
}
.portfolio-modern .portfolio-box .portfolio-hover>*>*+*{
    opacity:0;
    transform:translateY(15px);
    transition-delay:.45s
}
.portfolio-modern .portfolio-box:hover{
    opacity:1;
    -webkit-filter:blur(0);
    filter:blur(0)
}
.portfolio-modern .portfolio-box:hover .portfolio-image img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.portfolio-modern .portfolio-box:hover .portfolio-hover{
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.2);
    box-shadow:0 0 15px rgba(0,0,0,.2);
    -webkit-transform:translateY(0) scale(1,1);
    transform:translateY(0) scale(1,1);
    opacity:1
}
.portfolio-modern .portfolio-box:hover .portfolio-hover>*>*+*,.portfolio-modern .portfolio-box:hover .portfolio-hover>*>*>*{
    transform:translateY(0);
    opacity:1
}
.portfolio-modern .portfolio-box:hover .portfolio-hover>*>*>*+*{
    opacity:1
}
.portfolio-attractive .portfolio-link{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    z-index:9999;
    cursor:pointer
}
.portfolio-attractive .portfolio-box,.portfolio-clean .portfolio-box{
    position:relative
}
.portfolio-attractive .portfolio-box .portfolio-image img{
    -webkit-transition:all .5s cubic-bezier(.37,0,.63,1);
    transition:all .5s cubic-bezier(.37,0,.63,1)
}
.portfolio-attractive .portfolio-box .portfolio-hover .icon-box{
    margin-top:0;
    transform-style:inherit
}
.portfolio-attractive .grid-item:hover .portfolio-hover{
    opacity:1
}
.portfolio-attractive .grid-item:hover .portfolio-hover .icon-box{
    margin-top:-10px
}
.portfolio-attractive .grid-item:hover .portfolio-image img{
    opacity:.3
}
.portfolio-attractive .grid-item:hover .move-bottom-top-self span,.portfolio-attractive .grid-item:hover .move-top-bottom-self span{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.portfolio-slider .portfolio-box{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all .65s cubic-bezier(.05,.2,.1,1);
    transition:all .65s cubic-bezier(.05,.2,.1,1)
}
.portfolio-slider .portfolio-box .portfolio-image img{
    -webkit-transition:all .65s cubic-bezier(.05,.2,.1,1);
    transition:all .65s cubic-bezier(.05,.2,.1,1)
}
.portfolio-slider .portfolio-box .portfolio-hover{
    opacity:1
}
.portfolio-slider .portfolio-box .portfolio-hover .portfolio-link .category{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    visibility:visible
}
.portfolio-slider .portfolio-box .portfolio-hover .portfolio-link i{
    position:absolute;
    right:0;
    will-change:transform;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:0
}
.portfolio-slider .portfolio-box:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.portfolio-slider .portfolio-box:hover .portfolio-image img{
    opacity:.6;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link a,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link div,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link i,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link span,.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-title{
    color:var(--white)!important
}
.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link a,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link div,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link i,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link span,.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-title{
    color:var(--dark-gray)!important
}
.portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link .category{
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
    opacity:0;
    visibility:hidden
}
.portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link i{
    -webkit-transform:translateY(-28px);
    transform:translateY(-28px);
    opacity:1
}
.portfolio-slider .portfolio-box:hover .portfolio-hover .box-overlay{
    opacity:1;
    visibility:visible
}
.portfolio-clean .portfolio-box .portfolio-image{
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
    -webkit-transition:all .6s cubic-bezier(.37,0,.63,1);
    transition:all .6s cubic-bezier(.37,0,.63,1)
}
.portfolio-clean .portfolio-box .portfolio-hover{
    -webkit-transform:translateY(35px);
    transform:translateY(35px);
    -webkit-transition:all .4s cubic-bezier(.37,0,.63,1);
    transition:all .4s cubic-bezier(.37,0,.63,1)
}
.portfolio-clean .portfolio-box .portfolio-hover .portfolio-title{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.portfolio-clean .portfolio-box:hover .portfolio-image{
    -webkit-clip-path:inset(0 0 70px 0);
    clip-path:inset(0 0 70px 0)
}
.portfolio-clean .portfolio-box:hover .portfolio-image img{
    -webkit-transform:translateY(-40px);
    transform:translateY(-40px)
}
.portfolio-clean .portfolio-box:hover .portfolio-hover{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all .6s cubic-bezier(.37,0,.63,1);
    transition:all .6s cubic-bezier(.37,0,.63,1)
}
.portfolio-switch-image .portfolio-box .portfolio-image .hover-switch-image{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}
.portfolio-switch-image .portfolio-box:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.portfolio-switch-image .portfolio-box:hover .portfolio-image .hover-switch-image{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
.gallery-box,.portfolio-box{
    overflow:hidden;
    will-change:transform
}
.gallery-box .move-top-bottom,.portfolio-box .move-top-bottom{
    -webkit-transform:translateY(-15px);
    transform:translateY(-15px);
    opacity:0
}
.gallery-box .move-bottom-top,.portfolio-box .move-bottom-top{
    -webkit-transform:translateY(15px);
    transform:translateY(15px);
    opacity:0
}
.gallery-box .move-left-right,.portfolio-box .move-left-right{
    -webkit-transform:translateX(-15px);
    transform:translateX(-15px);
    opacity:0
}
.gallery-box .move-right-left,.portfolio-box .move-right-left{
    -webkit-transform:translateX(15px);
    transform:translateX(15px);
    opacity:0
}
.gallery-box .move-bottom-top-self,.portfolio-box .move-bottom-top-self{
    overflow:hidden
}
.gallery-box .move-bottom-top-self span,.portfolio-box .move-bottom-top-self span{
    opacity:0;
    display:block;
    will-change:transform;
    -webkit-transform:translateY(50%);
    transform:translateY(50%);
    -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85);
    transition:all .5s cubic-bezier(.37,.31,.2,.85)
}
.gallery-box .move-top-bottom-self,.portfolio-box .move-top-bottom-self{
    overflow:hidden
}
.gallery-box .move-top-bottom-self span,.portfolio-box .move-top-bottom-self span{
    opacity:0;
    display:block;
    will-change:transform;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85);
    transition:all .5s cubic-bezier(.37,.31,.2,.85)
}
.gallery-box .move-left-right-self,.portfolio-box .move-left-right-self{
    overflow:hidden
}
.gallery-box .move-left-right-self span,.portfolio-box .move-left-right-self span{
    opacity:0;
    display:block;
    will-change:transform;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85);
    transition:all .5s cubic-bezier(.37,.31,.2,.85)
}
.gallery-box .move-right-left-self,.portfolio-box .move-right-left-self{
    overflow:hidden
}
.gallery-box .move-right-left-self span,.portfolio-box .move-right-left-self span{
    opacity:0;
    display:block;
    will-change:transform;
    -webkit-transform:translateX(50%);
    transform:translateX(50%);
    -webkit-transition:all .5s cubic-bezier(.37,.31,.2,.85);
    transition:all .5s cubic-bezier(.37,.31,.2,.85)
}
.gallery-box .portfolio-hover,.portfolio-box .portfolio-hover{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    opacity:0
}
.gallery-box .portfolio-image,.portfolio-box .portfolio-image{
    position:relative;
    overflow:hidden
}
.gallery-box:hover .move-bottom-top,.gallery-box:hover .move-top-bottom,.portfolio-box:hover .move-bottom-top,.portfolio-box:hover .move-top-bottom{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.gallery-box:hover .move-left-right,.gallery-box:hover .move-right-left,.portfolio-box:hover .move-left-right,.portfolio-box:hover .move-right-left{
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
}
.gallery-box:hover .move-bottom-top-self span,.portfolio-box:hover .move-bottom-top-self span{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.gallery-box:hover .move-top-bottom-self span,.portfolio-box:hover .move-top-bottom-self span{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.gallery-box:hover .move-left-right-self span,.portfolio-box:hover .move-left-right-self span{
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
}
.gallery-box:hover .move-right-left-self span,.portfolio-box:hover .move-right-left-self span{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.gallery-box:hover .portfolio-hover,.portfolio-box:hover .portfolio-hover{
    opacity:1
}
.portfolio-pagination{
    position:relative;
    z-index:1
}
.portfolio-pagination .bg-fancy-image{
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    height:100%;
    width:100%;
    z-index:-1;
    visibility:hidden;
    background-size:cover;
    -webkit-transition:.5s;
    transition:.5s
}
.portfolio-pagination .btn-slide-icon-left .separator,.portfolio-pagination .btn-slide-icon-right .separator{
    position:relative;
    -webkit-transition:.5s;
    transition:.5s
}
.portfolio-pagination .btn-slide-icon-left .separator:after,.portfolio-pagination .btn-slide-icon-left .separator:before,.portfolio-pagination .btn-slide-icon-right .separator:after,.portfolio-pagination .btn-slide-icon-right .separator:before{
    content:"";
    display:block;
    position:absolute;
    left:-2px;
    top:-4px;
    height:2px;
    width:11px;
    background-color:var(--dark-gray);
    -webkit-transition:.5s;
    transition:.5s
}
.portfolio-pagination .btn-slide-icon-left .separator:after,.portfolio-pagination .btn-slide-icon-right .separator:after{
    -webkit-transform:rotate(132deg);
    transform:rotate(132deg)
}
.portfolio-pagination .btn-slide-icon-left .separator:before,.portfolio-pagination .btn-slide-icon-right .separator:before{
    -webkit-transform:rotate(228deg);
    transform:rotate(228deg);
    top:4px!important
}
.portfolio-pagination .btn-slide-icon-right .separator:after,.portfolio-pagination .btn-slide-icon-right .separator:before{
    right:-2px;
    left:auto
}
.portfolio-pagination .btn-slide-icon-right .separator:before{
    -webkit-transform:rotate(132deg);
    transform:rotate(132deg)
}
.portfolio-pagination .btn-slide-icon-right .separator:after{
    -webkit-transform:rotate(48deg);
    transform:rotate(48deg)
}
.portfolio-pagination h6,.portfolio-pagination span{
    -webkit-transition:.2s;
    transition:.2s
}
.portfolio-pagination:hover .bg-fancy-image{
    opacity:1;
    visibility:visible
}
.portfolio-pagination:hover .separator{
    width:100px!important;
    background-color:var(--white)
}
.portfolio-pagination:hover .separator:after,.portfolio-pagination:hover span{
    color:var(--white)
}
.portfolio-pagination:hover .btn-slide-icon-left .separator:after,.portfolio-pagination:hover .btn-slide-icon-left .separator:before,.portfolio-pagination:hover .btn-slide-icon-right .separator:after,.portfolio-pagination:hover .btn-slide-icon-right .separator:before{
    background-color:var(--white)
}
@keyframes spin{
    to{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.grid-loading{
    overflow:hidden;
    position:relative;
    opacity:1!important;
    transition:all 0s ease-in-out!important;
    -webkit-transition:all 0s ease-in-out!important;
    z-index:99
}
.grid-loading::after{
    background:0 0;
    content:""!important;
    position:absolute;
    top:100px!important;
    left:calc(50% - 25px)!important;
    height:50px!important;
    opacity:1!important;
    right:inherit!important;
    z-index:9;
    text-align:center;
    border:3px solid rgba(23,23,23,.2);
    border-top-color:rgba(23,23,23,.7);
    border-radius:50%;
    animation:spin 1s linear infinite;
    -webkit-animation:spin 1s linear infinite
}
.grid-loading:before{
    content:"";
    position:absolute;
    right:2px;
    top:1px;
    width:calc(100% - 4px);
    height:calc(100% - 2px);
    border-radius:inherit;
    z-index:1
}
.grid-loading.grid-loading-white::after{
    border:3px solid rgba(255,255,255,.2);
    border-top-color:rgba(255,255,255,.7)
}
.grid-loading .grid-item{
    visibility:hidden
}
.grid-loading li .grid-item{
    overflow:hidden;
    opacity:0
}
.sticky-image-distortion-wrapper{
    position:static;
    display:flex;
    height:100%;
    overflow:hidden;
    width:100%
}
.sticky-image-distortion-wrapper .svg-wrapper{
    position:fixed;
    right:55px;
    height:100%;
    top:0;
    width:50%;
    z-index:-1
}
.sticky-image-distortion-wrapper .menu{
    width:50%;
    -ms-overflow-style:none;
    scrollbar-width:none;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:100px 0 100px 100px
}
.sticky-image-distortion-wrapper .menu::-webkit-scrollbar{
    display:none
}
.sticky-image-distortion-wrapper .menu .menu__link{
    display:flex;
    align-items:center;
    width:100%
}
.sticky-image-distortion-wrapper .menu .menu__link .sticky-image-title a:hover{
    opacity:1!important
}
.sticky-image-distortion-wrapper .menu .menu__link svg{
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s;
    transition:.3s;
    width:100%;
    height:100%
}
.sticky-image-distortion-wrapper .menu .menu__link.active svg{
    opacity:1;
    visibility:visible
}
.sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title a{
    padding-left:70px;
    -webkit-transition:.5s;
    transition:.5s
}
.sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title .title{
    opacity:.25;
    left:95px
}
.sticky-image-distortion-wrapper .menu .menu__link.active .sticky-category{
    opacity:1;
    color:var(--dark-gray);
    left:25px
}
.sticky-image-distortion-wrapper .menu:hover .menu__link .sticky-image-title a{
    opacity:.3
}
.sticky-image-title{
    position:relative;
    display:flex;
    -webkit-transition:.3s;
    transition:.3s;
    padding:0;
    width:100%
}
.sticky-image-title a{
    padding:25px 50px;
    width:100%
}
.sticky-image-title .title{
    position:absolute;
    left:100px;
    width:100%;
    top:45%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    word-break:normal;
    z-index:-1;
    opacity:0;
    -webkit-transition:.3s;
    transition:.3s
}
.sticky-category{
    display:flex;
    align-items:center;
    position:absolute;
    left:32px;
    height:100%;
    width:50px;
    justify-content:center;
    top:0;
    opacity:0;
    -webkit-transition:.3s;
    transition:.3s
}
.sticky-category .category{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    writing-mode:vertical-lr
}
.threeD-letter-menu{
    position:relative;
    min-height:100vh
}
.threeD-letter-menu .menu-item .hover-reveal{
    position:fixed;
    z-index:1;
    width:420px;
    height:420px;
    top:0;
    left:0;
    pointer-events:none;
    opacity:0;
    transform-origin:100% 0;
    will-change:transform,filter;
    border-radius:100%
}
.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__inner{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    border-radius:100%
}
.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__img{
    height:100%;
    width:100%;
    background-size:cover;
    background-position:50% 50%;
    will-change:transform;
    border-radius:100%
}
.threeD-letter-menu .menu-item .text-white-linear:hover span{
    color:var(--white);
    -webkit-text-fill-color:#fff
}
.threeD-letter-menu .menu-item .menu-item-text{
    position:relative;
    display:inline-block
}
.threeD-letter-menu .menu-item .menu-item-text .word{
    overflow:hidden;
    line-height:120%
}
.threeD-letter-menu .menu-item .menu-item-text .words .char{
    transition:.8s cubic-bezier(.075,.82,.165,1)
}
.threeD-letter-menu .menu-item .menu-item-text .clone{
    position:absolute;
    top:0;
    left:0
}
.threeD-letter-menu .menu-item .menu-item-text .clone .char{
    -webkit-transform:translateY(-100px);
    transform:translateY(-100px);
    opacity:0
}
.threeD-letter-menu .menu-item .menu-item-text:hover .clone .char{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.threeD-letter-menu .menu-item .menu-item-text:hover .words:not(.clone) .char{
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    opacity:0
}
.categories-style-01 .categories-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-direction:column;
    flex-direction:column;
    text-align:center;
    position:relative;
    z-index:1;
    -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);
    transition:all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.categories-style-01 a{
    position:relative
}
.categories-style-01 a:last-child:after{
    content:"";
    position:absolute;
    border-bottom:2px solid;
    border-color:var(--dark-gray);
    left:0;
    bottom:0;
    width:0%;
    -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);
    transition:all .4s cubic-bezier(.165,.84,.44,1)
}
.categories-style-01 .count-circle{
    position:absolute;
    top:-15px;
    right:-10px;
    opacity:0;
    -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);
    transition:all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transform:scale(.8);
    transform:scale(.8)
}
.categories-style-01:hover .categories-box{
    -webkit-transform:translate3d(0,-7px,0);
    transform:translate3d(0,-7px,0)
}
.categories-style-01:hover a:last-child:after{
    border-color:var(--dark-gray);
    color:var(--dark-gray);
    width:100%
}
.categories-style-01:hover .count-circle{
    opacity:1;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.categories-style-01:hover img{
    opacity:.6
}
.categories-style-02{
    -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);
    transition:all .4s cubic-bezier(.165,.84,.44,1)
}
.categories-style-02 .categories-box{
    position:relative
}
.categories-style-02:hover{
    transform:translate3d(0,-8px,0)
}
.categories-style-03 .categories-box{
    position:relative;
    -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);
    transition:all .4s cubic-bezier(.165,.84,.44,1)
}
.categories-style-03 .categories-box .category-title{
    position:absolute;
    left:0;
    bottom:0;
    padding:30px;
    width:100%
}
.categories-style-03 .categories-box .category-image{
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);
    transition:all .4s cubic-bezier(.165,.84,.44,1)
}
.categories-style-03 .categories-box:hover{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.categories-style-03 .categories-box:hover .category-image{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.shop-boxed .shop-box{
    border:6px solid #fff;
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.shop-boxed .shop-box .shop-image{
    overflow:hidden
}
.shop-boxed .shop-box .shop-image a{
    display:block;
    overflow:hidden
}
.shop-boxed .shop-box .shop-image .product-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);
    transition:all .6s cubic-bezier(.165,.84,.44,1)
}
.shop-boxed .shop-box .shop-image .shop-hover{
    position:absolute;
    bottom:0;
    width:100%;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.shop-boxed .shop-box .shop-image .shop-hover a{
    -webkit-transform:translateY(15px);
    transform:translateY(15px);
    opacity:0
}
.shop-boxed .shop-box .shop-footer del{
    margin-right:8px
}
.shop-boxed .shop-box:hover{
    -webkit-box-shadow:0 0 50px rgba(0,0,0,.08);
    box-shadow:0 0 50px rgba(0,0,0,.08);
    border:6px solid #fff
}
.shop-boxed .shop-box:hover .shop-image .product-overlay{
    opacity:1
}
.shop-boxed .shop-box:hover .shop-image .shop-hover{
    bottom:25px
}
.shop-boxed .shop-box:hover .shop-image .shop-hover a{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:.1s;
    transition-delay:.1s;
    opacity:1
}
.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(2){
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(3){
    -webkit-transition-delay:.3s;
    transition-delay:.3s
}
.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(4){
    -webkit-transition-delay:.4s;
    transition-delay:.4s
}
.shop-modern{
    margin-left:-15px;
    margin-right:-15px
}
.shop-modern .grid-item .shop-box .shop-image{
    overflow:hidden
}
.shop-modern .grid-item .shop-box .shop-image img{
    -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);
    transition:all .6s cubic-bezier(.165,.84,.44,1)
}
.shop-modern .grid-item .shop-box .shop-image .shop-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);
    transition:all .6s cubic-bezier(.165,.84,.44,1)
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover{
    position:absolute;
    top:20px;
    width:auto;
    right:12px;
    opacity:0;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover ul{
    padding:0
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li{
    display:block;
    width:auto;
    margin:0 0 8px;
    padding:0;
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(1){
    -webkit-transition-delay:25ms;
    transition-delay:25ms
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(2){
    -webkit-transition-delay:50ms;
    transition-delay:50ms
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(3){
    -webkit-transition-delay:75ms;
    transition-delay:75ms
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li :nth-child(4){
    -webkit-transition-delay:1ms;
    transition-delay:1ms
}
.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li a:hover{
    background-color:var(--base-color)
}
.shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap{
    position:absolute;
    left:20px;
    bottom:20px;
    width:calc(100% - 40px);
    text-align:center
}
.shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn{
    opacity:0;
    visibility:hidden;
    width:100%;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn.btn-large{
    padding:8px 20px
}
.shop-modern .grid-item .shop-box .shop-footer del{
    margin-right:8px
}
.shop-modern .grid-item .shop-box:hover .shop-image img{
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
}
.shop-modern .grid-item .shop-box:hover .shop-image .shop-buttons-wrap .btn{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    visibility:visible
}
.shop-modern .grid-item .shop-box:hover .shop-image .shop-overlay{
    opacity:1
}
.shop-modern .grid-item .shop-box:hover .shop-image .shop-hover{
    opacity:1;
    top:20px
}
.shop-modern .grid-item .shop-box:hover .shop-image .shop-hover ul li{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.shop-sidebar .shop-filter{
    padding:0;
    margin:0;
    list-style:none
}
.shop-sidebar .shop-filter li{
    position:relative;
    margin-bottom:2px;
    padding:0 25px
}
.shop-sidebar .shop-filter li a{
    display:block
}
.shop-sidebar .shop-filter li a:hover .product-cb{
    border-color:var(--dark-gray)
}
.shop-sidebar .shop-filter li a:hover .product-cb:after{
    opacity:1
}
.shop-sidebar .shop-filter li .product-cb{
    width:16px;
    height:16px;
    border:1px solid var(--medium-gray);
    display:inline-block;
    border-radius:100%;
    position:absolute;
    left:0;
    top:8px
}
.shop-sidebar .shop-filter li .product-cb:after{
    width:8px;
    height:8px;
    background-color:var(--dark-gray);
    border-radius:100%;
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    opacity:0;
    -webkit-transition:.4s;
    transition:.4s;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.shop-sidebar .shop-filter li .item-qty{
    position:absolute;
    right:0;
    top:0;
    background:var(--very-light-gray);
    border-radius:100%;
    height:30px;
    width:30px;
    font-size:11px;
    text-align:center;
    font-weight:500;
    color:var(--dark-gray);
    line-height:30px
}
.shop-sidebar .shop-filter.color-filter li .product-cb:after,.shop-sidebar .shop-filter.fabric-filter li .product-cb:after,.your-order-box .terms-condition .box:before{
    background-color:var(--white)
}
.shop-sidebar .shop-filter.color-filter li .product-cb{
    border:0
}
.shop-sidebar .shop-filter.fabric-filter li .product-cb{
    line-height:0;
    overflow:hidden;
    border:0
}
.shop-sidebar .shop-filter.tag-cloud a{
    padding:5px 10px
}
.toolbar-wrapper a img{
    -webkit-transition:.3s;
    transition:.3s
}
.toolbar-wrapper a:hover img{
    opacity:1
}
.shop-image{
    position:relative
}
.shop-image .lable{
    padding:0 8px;
    position:absolute;
    left:17px;
    top:17px;
    color:var(--white);
    font-size:9px;
    line-height:21px;
    border-radius:2px;
    text-transform:uppercase;
    font-weight:700
}
.shop-image .lable.new{
    background-color:var(--green)
}
.shop-image .lable.hot{
    background-color:var(--red)
}
.product-image-thumb .swiper-slide{
    cursor:pointer;
    border:1px solid transparent
}
.product-image-thumb .swiper-slide.swiper-slide-thumb-active{
    border-color:var(--light-gray)
}
.single-product-thumb .slider-vertical{
    width:100%;
    height:100%;
    position:absolute;
    left:15px
}
.single-product-thumb .slider-vertical .swiper-slide{
    height:auto!important;
    cursor:pointer
}
.product-image-slider img{
    cursor:crosshair
}
.shop-color{
    list-style:none;
    padding:0;
    display:flex
}
.shop-color li{
    position:relative;
    display:inline-block;
    vertical-align:middle
}
.shop-color li>input[type=radio]+label{
    display:flex
}
.shop-color li>input[type=radio]+label span{
    height:32px;
    width:32px;
    border-radius:100%;
    margin-right:6px;
    display:inline-block;
    position:relative;
    vertical-align:middle;
    cursor:pointer
}
.shop-color li input[type=radio]:checked+label span:after{
    position:absolute;
    top:2px;
    left:2px;
    color:var(--white);
    height:28px;
    width:28px;
    border:2px solid var(--white);
    border-radius:100%;
    text-align:center;
    content:"";
    font-weight:900
}
.shop-size{
    list-style:none;
    padding:0;
    display:flex
}
.footer-navbar li,.quantity,.shop-size li{
    display:inline-block
}
.shop-size li{
    position:relative;
    vertical-align:middle;
    margin-right:6px
}
.shop-size li>input[type=radio]+label{
    display:flex
}
.shop-size li>input[type=radio]+label span{
    height:37px;
    width:37px;
    border-radius:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
    border:1px solid var(--extra-medium-gray);
    text-align:center;
    font-size:12px;
    line-height:normal;
    color:var(--dark-gray);
    font-weight:500
}
.shop-size li input[type=radio]:checked+label span:after{
    position:absolute;
    top:-1px;
    left:-1px;
    height:37px;
    width:37px;
    border:1px solid var(--dark-gray);
    border-radius:100%;
    text-align:center;
    content:""
}
.coupon-code-panel,.quantity{
    position:relative
}
.quantity button{
    border:0;
    background-color:transparent;
    padding:0;
    margin:-9px 0 0;
    font-size:22px;
    line-height:18px;
    position:absolute;
    left:15px;
    top:50%;
    color:var(--dark-gray);
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px)
}
.quantity button.qty-plus{
    right:15px;
    left:auto
}
.quantity .qty-text{
    width:115px;
    height:54px;
    border:1px solid var(--extra-medium-gray);
    border-radius:5px;
    text-align:center;
    color:var(--dark-gray)
}
.btn-cart.btn.btn-switch-text.btn-extra-large>span{
    padding:13px 48px
}
.wishlist{
    height:54px;
    width:54px
}
.cart-products th{
    border-top:0;
    border-bottom:1px solid var(--extra-medium-gray)!important;
    padding:15px 10px;
    font-weight:400;
    text-transform:capitalize;
    color:var(--dark-gray)
}
.cart-products td{
    vertical-align:middle;
    border-bottom:1px solid var(--extra-medium-gray);
    border-top:0;
    padding:25px 10px;
    color:var(--medium-gray)
}
.cart-products .product-remove{
    width:25px
}
.cart-products .product-thumbnail{
    width:100px
}
.cart-products .quantity button{
    color:var(--medium-gray)
}
.cart-products .quantity .qty-text{
    color:var(--medium-gray);
    height:42px;
    width:100px
}
.coupon-code-panel:before{
    content:"\e8bf";
    font-family:feather;
    position:absolute;
    left:20px;
    z-index:2;
    line-height:50px
}
.coupon-code-panel input{
    margin:0;
    border:none;
    border:1px dashed var(--extra-medium-gray);
    padding:8px 70px 9px 45px;
    width:100%;
    position:relative;
    font-size:14px
}
.coupon-code-panel .apply-coupon-btn{
    position:absolute;
    right:5px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:var(--dark-gray);
    line-height:30px;
    letter-spacing:0
}
.coupon-code-panel .apply-coupon-btn:active{
    border-color:transparent
}
.total-price-table td,.total-price-table th{
    border-bottom:1px solid #e4e4e4;
    padding-top:20px;
    padding-bottom:20px;
    vertical-align:top
}
.total-price-table .total-amount td,.total-price-table .total-amount th{
    border-bottom:0
}
.calculate-shipping .form-select:focus{
    border-color:#dfdfdf
}
.your-order-table .product td{
    padding-top:15px;
    padding-bottom:15px;
    vertical-align:middle
}
.header-cart-icon .header-cart .cart-item-list{
    border-radius:6px;
    padding:10px 30px 25px;
    min-width:260px
}
.header-cart-icon .header-cart .cart-item-list .cart-item{
    padding:15px 0
}
.header-cart-icon .header-cart .cart-item-list .cart-item .close{
    right:0;
    top:50%;
    font-size:20px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a{
    font-size:15px;
    line-height:22px
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount{
    font-size:14px
}
.header-cart-icon .header-cart .cart-item-list .cart-item:last-of-type{
    border-bottom:0
}
.header-cart-icon .header-cart .cart-item-list .cart-total{
    background-color:transparent;
    border:0;
    padding-bottom:0;
    padding-top:10px
}
.header-cart-icon .header-cart .cart-item-list .cart-total .btn.btn-large{
    font-size:14px;
    padding:11px 20px;
    border-width:1px
}
.shop-category-02 .category-box{
    overflow:hidden;
    position:relative
}
.shop-category-02 .category-box .category-title{
    padding:0 15px;
    width:100%
}
.shop-category-02 .category-box img{
    -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);
    transition:all .6s cubic-bezier(.165,.84,.44,1)
}
.shop-category-02 .category-box .category-hover-content{
    position:absolute;
    left:20px;
    top:20px;
    height:calc(100% - 40px);
    width:calc(100% - 40px);
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(.9);
    transform:scale(.9)
}
.shop-category-02 .category-box .category-hover-content a{
    opacity:0;
    -webkit-transition:.2s;
    transition:.2s;
    -webkit-transform:translateY(30px);
    transform:translateY(30px)
}
.shop-category-02 .category-box .category-hover-content a:hover{
    color:var(--dark-gray)
}
.shop-category-02 .category-box .category-hover-content .title{
    opacity:0;
    -webkit-transition:.3s;
    transition:.3s;
    -webkit-transform:scale(.8);
    transform:scale(.8)
}
.shop-category-02 .category-box:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:.6
}
.shop-category-02 .category-box:hover .category-hover-content{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.shop-category-02 .category-box:hover .category-hover-content .title{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.shop-category-02 .category-box:hover .category-hover-content a{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
footer.half-footer{
    padding-top:70px;
    padding-bottom:70px
}
footer.big-footer{
    padding-top:140px;
    padding-bottom:140px
}
footer .footer-logo img{
    max-height:30px
}
footer ul{
    padding:0;
    list-style:none;
    margin:0
}
footer ul li{
    margin-bottom:5px
}
footer .elements-social.social-icon-style-01 li,footer .elements-social.social-icon-style-02 li,footer .elements-social.social-icon-style-05 li,footer .elements-social.social-icon-style-08 li{
    margin:0 15px 0 0
}
footer .elements-social.social-icon-style-01 li a,footer .elements-social.social-icon-style-02 li a,footer .elements-social.social-icon-style-05 li a,footer .elements-social.social-icon-style-08 li a{
    width:auto;
    height:auto
}
footer .newsletter-style-05 .input-small{
    font-size:14px
}
footer .nav-link{
    color:var(--medium-gray);
    padding:.5rem 1rem
}
.footer-navbar li:last-child a,footer .footer-navbar .nav-item:last-child a{
    padding-right:0
}
.footer-dark,.footer-dark a,.footer-dark p{
    color:var(--aluminium-grey)
}
.footer-dark a:hover,.footer-light a:hover,.footer-navbar li a:hover{
    color:var(--base-color)
}
.footer-navbar li{
    margin-bottom:0
}
.footer-navbar li:first-child a{
    padding-left:0
}
.footer-navbar .nav-link:focus{
    color:inherit
}
.main-content{
    position:relative;
    z-index:2;
    background:var(--white)
}
.footer-sticky{
    position:-webkit-sticky;
    position:sticky;
    bottom:0;
    overflow:hidden
}
.footer-demo ul li{
    margin-bottom:0;
    line-height:30px
}
.footer-demo a:hover{
    color:#fff
}
.footer-demo img{
    max-height:55px!important
}
/*# sourceMappingURL=style.min.css.map */
 .switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 1px solid lightgrey;
  margin-bottom: 40px;
  border-radius: 30px;
}

.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
  color: var(--white);
}

.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
  background: transparent;
}

.switch-wrapper
  [type="radio"]:checked#monthly
  + label[for="yearly"]
  ~ .highlighter {
  transform: none;
}

.switch-wrapper
  [type="radio"]:checked#yearly
  + label[for="monthly"]
  ~ .highlighter {
  transform: translateX(100%);
}

.switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 100px;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
}

.switch-wrapper label:hover {
  background: var(--lightgray);
}

.switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  background: #000;
  transition: transform 0.25s ease-in-out;
}