@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import "../fonts/gordita/stylesheet.css";
@import "../fonts/bootstrap-icons-1.11.1/font/bootstrap-icons.css";
@import "../fonts/font-awesome-6.4.2/css/all.css";

::-webkit-scrollbar{
    width:5px
}
::-webkit-scrollbar-track{
    background:#fff
}
::-webkit-scrollbar-thumb{
    background:#000;
    border-radius:0
}
.main-page-wrapper{
    overflow-x:hidden
}
body{
    font-family:"Gordita";
    font-weight:normal;
    font-size:18px;
    position:relative;
    color:rgba(0,0,0,.7);
}

h1,h2,h3,h4,h5,h6{
    font-weight:500;
    color:#000
}
h2{
    font-size:72px;
    line-height:1.138em
}
h3{
    font-size:64px;
    line-height:1.25em
}
h4{
    font-size:32px;
    line-height:1.25em
}
h5{
    font-size:24px;
    line-height:1.25em
}
h6{
    font-size:22px
}
p{
    line-height:1.777em
}
.font-manrope{
    font-family:"Manrope",sans-serif
}
.font-Playfair{
    font-family:"Playfair Display",serif
}
.font-Montserrat{
    font-family:"Montserrat",sans-serif
}
.fw-600{
    font-weight:600
}
.fw-500{
    font-weight:500
}
.fs-28{
    font-size:28px
}
.fs-24{
    font-size:24px
}
.fs-22{
    font-size:22px
}
.fs-20{
    font-size:20px
}
.fs-18{
    font-size:18px
}
.fs-16{
    font-size:16px
}
.fs-14{
    font-size:14px
}
.shapes{
    position:absolute;
    z-index:-1
}
.border-20{
    border-radius:20px
}
.border-30{
    border-radius:30px
}
.gap-40{
    padding-left:40px;
    padding-right:40px
}
.p-30{
    padding:30px
}
.dark-bg{
    background:#000
}
.bg-grey{
    background:#f6f6f6
}
.bg-one{
    background:#ebe9e9
}
.bg-two{
    background:#b66cff
}
.bg-three{
    background:#69eec6
}
.bg-four{
    background:#ffea7b
}
.bg-five{
    background:#fff7ec
}
.bg-six{
    background:#fefbf3
}
.bg-seven{
    background:#b439ff
}
.bg-eight{
    background:#9affff
}
.bg-nine{
    background:#ffec89
}
.bg-ten{
    background:#90ffbd
}
.bg-eleven{
    background:#fd96ff
}
.bg-twelve{
    background:#00574a
}
.bg-thirteen{
    background:#ffc92e
}
.bg-fourteen{
    background:#ecf8f6
}
.bg-fifteen{
    background:#8a42ff
}
.bg-sixteen{
    background:#bee3db
}
.bg-seventeen{
    background:#FEC5AE;
}

.bg-eighteen {
  background: #CBDCEB;
}

.bg-nineteen {
  background: #C7D9DD;
}


#switcher{
    visibility: hidden;
    position:fixed;
    left:0;
    top:150px;
    z-index:999;
    background:#ffc226;
    color:#000;
    border-radius:50%;
    width:35px;
    height:35px;
    line-height:35px;
    font-size:16px;
    animation:rotated 8s infinite linear
}
@media(max-width: 575px){
    #switcher{
        top:90px;
        left:auto;
        right:0
    }
}
.ctn-preloader{
    height:100%;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:999999;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.ctn-preloader .icon{
    display:inline-block;
    position:relative
}
.ctn-preloader .icon span{
    animation:spinner 3s infinite linear;
    border-radius:50%;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1
}
.ctn-preloader .icon span:after{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    top:5px;
    left:0;
    box-shadow:0 0 10px rgba(138,66,255,.5);
    border-radius:50%;
    background:#8a42ff
}
.ctn-preloader .txt-loading{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    margin-top:45px
}
.ctn-preloader .txt-loading .letters-loading{
    font-family:"Montserrat",sans-serif;
    letter-spacing:12px;
    display:inline-block;
    color:rgba(0,0,0,.05);
    position:relative;
    font-size:60px;
    line-height:30px
}
.ctn-preloader .txt-loading .letters-loading::before{
    animation:letters-loading 4s infinite;
    color:#000;
    content:attr(data-text-preloader);
    left:0;
    opacity:0;
    top:0;
    line-height:30px;
    position:absolute
}
.ctn-preloader .txt-loading .letters-loading:nth-child(2):before{
    animation-delay:.2s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(3):before{
    animation-delay:.4s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(4):before{
    animation-delay:.6s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(5):before{
    animation-delay:.8s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(6):before{
    animation-delay:1s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(7):before{
    animation-delay:1.2s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(8):before{
    animation-delay:1.4s
}
@keyframes spinner{
    to{
        transform:rotateZ(360deg)
    }
}
@keyframes letters-loading{
    0%,75%,100%{
        opacity:0;
        transform:rotateY(-90deg)
    }
    25%,50%{
        opacity:1;
        transform:rotateY(0deg)
    }
}
.scroll-top{
    width:35px;
    height:35px;
    line-height:35px;
    position:fixed;
    bottom:20px;
    right:5px;
    z-index:99;
    text-align:center;
    color:#fff;
    font-size:25px;
    cursor:pointer;
    border-radius:50%;
    background:#8a42ff;
    transition:all .3s ease-in-out
}
.scroll-top:after{
    position:absolute;
    z-index:-1;
    content:"";
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:1;
    background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%)
}
.tran3s{
    transition:all .3s ease-in-out
}
.tran4s{
    transition:all .4s ease-in-out
}
.tran5s{
    transition:all .5s ease-in-out
}
.tran6s{
    transition:all .6s ease-in-out
}
.home-six-bg{
    position:relative
}
.home-six-bg:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:30%;
    z-index:-1;
    background:linear-gradient(180deg, #F4F4F4 0%, rgba(247, 247, 247, 0.84) 85.79%, rgba(247, 247, 247, 0) 100%)
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
a{
    text-decoration:none;
    display:inline-block;
    color:inherit
}
a:hover,a:focus,a:visited{
    text-decoration:none;
    outline:none
}
img{
    max-width:100%;
    display:block
}
button{
    border:none;
    outline:none;
    box-shadow:none;
    display:block;
    padding:0;
    cursor:pointer;
    background:rgba(0,0,0,0);
    color:inherit
}
button:focus{
    outline:none
}
input,textarea{
    outline:none;
    box-shadow:none;
    transition:all .3s ease-in-out
}
audio,video,canvas{
    max-width:100%
}
iframe{
    border:none !important
}
.style-none{
    list-style:none;
    padding-left:0;
    margin-bottom:0
}
.p0{
    padding:0 !important
}
.m0{
    margin:0 !important
}
.theme-mb-0{
    margin-bottom:0
}
.theme-pb-0{
    padding-bottom:0
}
.pt-5{
    padding-top:5px !important
}
.pt-10{
    padding-top:10px
}
.pt-15{
    padding-top:15px
}
.pt-20{
    padding-top:20px
}
.pt-25{
    padding-top:25px
}
.pt-30{
    padding-top:30px
}
.pt-35{
    padding-top:35px
}
.pt-40{
    padding-top:40px
}
.pt-45{
    padding-top:45px
}
.pt-50{
    padding-top:50px
}
.pt-55{
    padding-top:55px
}
.pt-60{
    padding-top:60px
}
.pt-65{
    padding-top:65px
}
.pt-70{
    padding-top:70px
}
.pt-75{
    padding-top:75px
}
.pt-80{
    padding-top:80px
}
.pt-85{
    padding-top:85px
}
.pt-90{
    padding-top:90px
}
.pt-95{
    padding-top:95px
}
.pt-100{
    padding-top:100px
}
.pt-110{
    padding-top:110px
}
.pt-120{
    padding-top:120px
}
.pt-130{
    padding-top:130px
}
.pt-140{
    padding-top:140px
}
.pt-150{
    padding-top:150px
}
.pt-160{
    padding-top:160px
}
.pt-170{
    padding-top:170px
}
.pt-180{
    padding-top:180px
}
.pt-190{
    padding-top:190px
}
.pt-200{
    padding-top:200px
}
.pt-225{
    padding-top:225px
}
.pt-250{
    padding-top:250px
}
.pt-300{
    padding-top:300px
}
.pt-350{
    padding-top:350px
}
.pb-5{
    padding-bottom:5px !important
}
.pb-10{
    padding-bottom:10px
}
.pb-15{
    padding-bottom:15px
}
.pb-20{
    padding-bottom:20px
}
.pb-25{
    padding-bottom:25px
}
.pb-30{
    padding-bottom:30px
}
.pb-35{
    padding-bottom:35px
}
.pb-40{
    padding-bottom:40px
}
.pb-45{
    padding-bottom:45px
}
.pb-50{
    padding-bottom:50px
}
.pb-55{
    padding-bottom:55px
}
.pb-60{
    padding-bottom:60px
}
.pb-65{
    padding-bottom:65px
}
.pb-70{
    padding-bottom:70px
}
.pb-75{
    padding-bottom:75px
}
.pb-80{
    padding-bottom:80px
}
.pb-85{
    padding-bottom:85px
}
.pb-90{
    padding-bottom:90px
}
.pb-95{
    padding-bottom:95px
}
.pb-100{
    padding-bottom:100px
}
.pb-110{
    padding-bottom:110px
}
.pb-120{
    padding-bottom:120px
}
.pb-130{
    padding-bottom:130px
}
.pb-140{
    padding-bottom:140px
}
.pb-150{
    padding-bottom:150px
}
.pb-160{
    padding-bottom:160px
}
.pb-170{
    padding-bottom:170px
}
.pb-180{
    padding-bottom:180px
}
.pb-190{
    padding-bottom:190px
}
.pb-200{
    padding-bottom:200px
}
.pb-225{
    padding-bottom:225px
}
.pb-250{
    padding-bottom:250px
}
.pb-300{
    padding-bottom:300px
}
.pb-350{
    padding-bottom:350px
}
.mt-5{
    margin-top:5px !important
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mt-55{
    margin-top:55px
}
.mt-60{
    margin-top:60px
}
.mt-65{
    margin-top:65px
}
.mt-70{
    margin-top:70px
}
.mt-75{
    margin-top:75px
}
.mt-80{
    margin-top:80px
}
.mt-85{
    margin-top:85px
}
.mt-90{
    margin-top:90px
}
.mt-95{
    margin-top:95px
}
.mt-100{
    margin-top:100px
}
.mt-110{
    margin-top:110px
}
.mt-120{
    margin-top:120px
}
.mt-130{
    margin-top:130px
}
.mt-140{
    margin-top:140px
}
.mt-150{
    margin-top:150px
}
.mt-160{
    margin-top:160px
}
.mt-170{
    margin-top:170px
}
.mt-180{
    margin-top:180px
}
.mt-190{
    margin-top:190px
}
.mt-200{
    margin-top:200px
}
.mt-225{
    margin-top:225px
}
.mt-250{
    margin-top:250px
}
.mt-300{
    margin-top:300px
}
.mt-350{
    margin-top:350px
}
.mb-5{
    margin-bottom:5px !important
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.mb-55{
    margin-bottom:55px
}
.mb-60{
    margin-bottom:60px
}
.mb-65{
    margin-bottom:65px
}
.mb-70{
    margin-bottom:70px
}
.mb-75{
    margin-bottom:75px
}
.mb-80{
    margin-bottom:80px
}
.mb-85{
    margin-bottom:85px
}
.mb-90{
    margin-bottom:90px
}
.mb-95{
    margin-bottom:95px
}
.mb-100{
    margin-bottom:100px
}
.mb-110{
    margin-bottom:110px
}
.mb-120{
    margin-bottom:120px
}
.mb-130{
    margin-bottom:130px
}
.mb-140{
    margin-bottom:140px
}
.mb-150{
    margin-bottom:150px
}
.mb-160{
    margin-bottom:160px
}
.mb-170{
    margin-bottom:170px
}
.mb-180{
    margin-bottom:180px
}
.mb-190{
    margin-bottom:190px
}
.mb-200{
    margin-bottom:200px
}
.mb-225{
    margin-bottom:225px
}
.mb-250{
    margin-bottom:250px
}
.mb-300{
    margin-bottom:300px
}
.mb-350{
    margin-bottom:350px
}
@media(max-width: 1399px){
    .xl-p0{
        padding:0 !important
    }
    .xl-m0{
        margin:0 !important
    }
    .xl-pt-10{
        padding-top:10px !important
    }
    .xl-pt-20{
        padding-top:20px !important
    }
    .xl-pt-30{
        padding-top:30px !important
    }
    .xl-pt-40{
        padding-top:40px !important
    }
    .xl-pt-50{
        padding-top:50px !important
    }
    .xl-pt-60{
        padding-top:60px !important
    }
    .xl-pt-70{
        padding-top:70px !important
    }
    .xl-pt-80{
        padding-top:80px !important
    }
    .xl-pt-90{
        padding-top:90px !important
    }
    .xl-pt-100{
        padding-top:100px !important
    }
    .xl-pt-110{
        padding-top:110px !important
    }
    .xl-pt-120{
        padding-top:120px !important
    }
    .xl-pt-130{
        padding-top:130px !important
    }
    .xl-pt-140{
        padding-top:140px !important
    }
    .xl-pt-150{
        padding-top:150px !important
    }
    .xl-pt-200{
        padding-top:200px !important
    }
    .xl-pb-10{
        padding-bottom:10px !important
    }
    .xl-pb-20{
        padding-bottom:20px !important
    }
    .xl-pb-30{
        padding-bottom:30px !important
    }
    .xl-pb-40{
        padding-bottom:40px !important
    }
    .xl-pb-50{
        padding-bottom:50px !important
    }
    .xl-pb-60{
        padding-bottom:60px !important
    }
    .xl-pb-70{
        padding-bottom:70px !important
    }
    .xl-pb-80{
        padding-bottom:80px !important
    }
    .xl-pb-90{
        padding-bottom:90px !important
    }
    .xl-pb-100{
        padding-bottom:100px !important
    }
    .xl-pb-110{
        padding-bottom:110px !important
    }
    .xl-pb-120{
        padding-bottom:120px !important
    }
    .xl-pb-130{
        padding-bottom:130px !important
    }
    .xl-pb-140{
        padding-bottom:140px !important
    }
    .xl-pb-150{
        padding-bottom:150px !important
    }
    .xl-pb-200{
        padding-bottom:200px !important
    }
    .xl-mt-10{
        margin-top:10px !important
    }
    .xl-mt-20{
        margin-top:20px !important
    }
    .xl-mt-30{
        margin-top:30px !important
    }
    .xl-mt-40{
        margin-top:40px !important
    }
    .xl-mt-50{
        margin-top:50px !important
    }
    .xl-mt-60{
        margin-top:60px !important
    }
    .xl-mt-70{
        margin-top:70px !important
    }
    .xl-mt-80{
        margin-top:80px !important
    }
    .xl-mt-90{
        margin-top:90px !important
    }
    .xl-mt-100{
        margin-top:100px !important
    }
    .xl-mt-110{
        margin-top:110px !important
    }
    .xl-mt-120{
        margin-top:120px !important
    }
    .xl-mt-130{
        margin-top:130px !important
    }
    .xl-mt-140{
        margin-top:140px !important
    }
    .xl-mt-150{
        margin-top:150px !important
    }
    .xl-mt-200{
        margin-top:200px !important
    }
    .xl-mb-10{
        margin-bottom:10px !important
    }
    .xl-mb-20{
        margin-bottom:20px !important
    }
    .xl-mb-30{
        margin-bottom:30px !important
    }
    .xl-mb-40{
        margin-bottom:40px !important
    }
    .xl-mb-50{
        margin-bottom:50px !important
    }
    .xl-mb-60{
        margin-bottom:60px !important
    }
    .xl-mb-70{
        margin-bottom:70px !important
    }
    .xl-mb-80{
        margin-bottom:80px !important
    }
    .xl-mb-90{
        margin-bottom:90px !important
    }
    .xl-mb-100{
        margin-bottom:100px !important
    }
    .xl-mb-110{
        margin-bottom:110px !important
    }
    .xl-mb-120{
        margin-bottom:120px !important
    }
    .xl-mb-130{
        margin-bottom:130px !important
    }
    .xl-mb-140{
        margin-bottom:140px !important
    }
    .xl-mb-150{
        margin-bottom:150px !important
    }
    .xl-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 1199px){
    .lg-p0{
        padding:0 !important
    }
    .lg-m0{
        margin:0 !important
    }
    .lg-pt-10{
        padding-top:10px !important
    }
    .lg-pt-20{
        padding-top:20px !important
    }
    .lg-pt-30{
        padding-top:30px !important
    }
    .lg-pt-40{
        padding-top:40px !important
    }
    .lg-pt-50{
        padding-top:50px !important
    }
    .lg-pt-60{
        padding-top:60px !important
    }
    .lg-pt-70{
        padding-top:70px !important
    }
    .lg-pt-80{
        padding-top:80px !important
    }
    .lg-pt-90{
        padding-top:90px !important
    }
    .lg-pt-100{
        padding-top:100px !important
    }
    .lg-pt-110{
        padding-top:110px !important
    }
    .lg-pt-120{
        padding-top:120px !important
    }
    .lg-pt-130{
        padding-top:130px !important
    }
    .lg-pt-140{
        padding-top:140px !important
    }
    .lg-pt-150{
        padding-top:150px !important
    }
    .lg-pt-200{
        padding-top:200px !important
    }
    .lg-pb-10{
        padding-bottom:10px !important
    }
    .lg-pb-20{
        padding-bottom:20px !important
    }
    .lg-pb-30{
        padding-bottom:30px !important
    }
    .lg-pb-40{
        padding-bottom:40px !important
    }
    .lg-pb-50{
        padding-bottom:50px !important
    }
    .lg-pb-60{
        padding-bottom:60px !important
    }
    .lg-pb-70{
        padding-bottom:70px !important
    }
    .lg-pb-80{
        padding-bottom:80px !important
    }
    .lg-pb-90{
        padding-bottom:90px !important
    }
    .lg-pb-100{
        padding-bottom:100px !important
    }
    .lg-pb-110{
        padding-bottom:110px !important
    }
    .lg-pb-120{
        padding-bottom:120px !important
    }
    .lg-pb-130{
        padding-bottom:130px !important
    }
    .lg-pb-140{
        padding-bottom:140px !important
    }
    .lg-pb-150{
        padding-bottom:150px !important
    }
    .lg-pb-200{
        padding-bottom:200px !important
    }
    .lg-mt-10{
        margin-top:10px !important
    }
    .lg-mt-20{
        margin-top:20px !important
    }
    .lg-mt-30{
        margin-top:30px !important
    }
    .lg-mt-40{
        margin-top:40px !important
    }
    .lg-mt-50{
        margin-top:50px !important
    }
    .lg-mt-60{
        margin-top:60px !important
    }
    .lg-mt-70{
        margin-top:70px !important
    }
    .lg-mt-80{
        margin-top:80px !important
    }
    .lg-mt-90{
        margin-top:90px !important
    }
    .lg-mt-100{
        margin-top:100px !important
    }
    .lg-mt-110{
        margin-top:110px !important
    }
    .lg-mt-120{
        margin-top:120px !important
    }
    .lg-mt-130{
        margin-top:130px !important
    }
    .lg-mt-140{
        margin-top:140px !important
    }
    .lg-mt-150{
        margin-top:150px !important
    }
    .lg-mt-200{
        margin-top:200px !important
    }
    .lg-mb-10{
        margin-bottom:10px !important
    }
    .lg-mb-20{
        margin-bottom:20px !important
    }
    .lg-mb-30{
        margin-bottom:30px !important
    }
    .lg-mb-40{
        margin-bottom:40px !important
    }
    .lg-mb-50{
        margin-bottom:50px !important
    }
    .lg-mb-60{
        margin-bottom:60px !important
    }
    .lg-mb-70{
        margin-bottom:70px !important
    }
    .lg-mb-80{
        margin-bottom:80px !important
    }
    .lg-mb-90{
        margin-bottom:90px !important
    }
    .lg-mb-100{
        margin-bottom:100px !important
    }
    .lg-mb-110{
        margin-bottom:110px !important
    }
    .lg-mb-120{
        margin-bottom:120px !important
    }
    .lg-mb-130{
        margin-bottom:130px !important
    }
    .lg-mb-140{
        margin-bottom:140px !important
    }
    .lg-mb-150{
        margin-bottom:150px !important
    }
    .lg-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 991px){
    .md-p0{
        padding:0 !important
    }
    .md-m0{
        margin:0 !important
    }
    .md-pt-10{
        padding-top:10px !important
    }
    .md-pt-20{
        padding-top:20px !important
    }
    .md-pt-30{
        padding-top:30px !important
    }
    .md-pt-40{
        padding-top:40px !important
    }
    .md-pt-50{
        padding-top:50px !important
    }
    .md-pt-60{
        padding-top:60px !important
    }
    .md-pt-70{
        padding-top:70px !important
    }
    .md-pt-80{
        padding-top:80px !important
    }
    .md-pt-90{
        padding-top:90px !important
    }
    .md-pt-100{
        padding-top:100px !important
    }
    .md-pt-110{
        padding-top:110px !important
    }
    .md-pt-120{
        padding-top:120px !important
    }
    .md-pt-130{
        padding-top:130px !important
    }
    .md-pt-140{
        padding-top:140px !important
    }
    .md-pt-150{
        padding-top:150px !important
    }
    .md-pt-200{
        padding-top:200px !important
    }
    .md-pb-10{
        padding-bottom:10px !important
    }
    .md-pb-20{
        padding-bottom:20px !important
    }
    .md-pb-30{
        padding-bottom:30px !important
    }
    .md-pb-40{
        padding-bottom:40px !important
    }
    .md-pb-50{
        padding-bottom:50px !important
    }
    .md-pb-60{
        padding-bottom:60px !important
    }
    .md-pb-70{
        padding-bottom:70px !important
    }
    .md-pb-80{
        padding-bottom:80px !important
    }
    .md-pb-90{
        padding-bottom:90px !important
    }
    .md-pb-100{
        padding-bottom:100px !important
    }
    .md-pb-110{
        padding-bottom:110px !important
    }
    .md-pb-120{
        padding-bottom:120px !important
    }
    .md-pb-130{
        padding-bottom:130px !important
    }
    .md-pb-140{
        padding-bottom:140px !important
    }
    .md-pb-150{
        padding-bottom:150px !important
    }
    .md-pb-200{
        padding-bottom:200px !important
    }
    .md-mt-10{
        margin-top:10px !important
    }
    .md-mt-20{
        margin-top:20px !important
    }
    .md-mt-30{
        margin-top:30px !important
    }
    .md-mt-40{
        margin-top:40px !important
    }
    .md-mt-50{
        margin-top:50px !important
    }
    .md-mt-60{
        margin-top:60px !important
    }
    .md-mt-70{
        margin-top:70px !important
    }
    .md-mt-80{
        margin-top:80px !important
    }
    .md-mt-90{
        margin-top:90px !important
    }
    .md-mt-100{
        margin-top:100px !important
    }
    .md-mt-110{
        margin-top:110px !important
    }
    .md-mt-120{
        margin-top:120px !important
    }
    .md-mt-130{
        margin-top:130px !important
    }
    .md-mt-140{
        margin-top:140px !important
    }
    .md-mt-150{
        margin-top:150px !important
    }
    .md-mt-200{
        margin-top:200px !important
    }
    .md-mb-10{
        margin-bottom:10px !important
    }
    .md-mb-20{
        margin-bottom:20px !important
    }
    .md-mb-30{
        margin-bottom:30px !important
    }
    .md-mb-40{
        margin-bottom:40px !important
    }
    .md-mb-50{
        margin-bottom:50px !important
    }
    .md-mb-60{
        margin-bottom:60px !important
    }
    .md-mb-70{
        margin-bottom:70px !important
    }
    .md-mb-80{
        margin-bottom:80px !important
    }
    .md-mb-90{
        margin-bottom:90px !important
    }
    .md-mb-100{
        margin-bottom:100px !important
    }
    .md-mb-110{
        margin-bottom:110px !important
    }
    .md-mb-120{
        margin-bottom:120px !important
    }
    .md-mb-130{
        margin-bottom:130px !important
    }
    .md-mb-140{
        margin-bottom:140px !important
    }
    .md-mb-150{
        margin-bottom:150px !important
    }
    .md-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 767px){
    .sm-p0{
        padding:0 !important
    }
    .sm-m0{
        margin:0 !important
    }
    .sm-pt-10{
        padding-top:10px !important
    }
    .sm-pt-20{
        padding-top:20px !important
    }
    .sm-pt-30{
        padding-top:30px !important
    }
    .sm-pt-40{
        padding-top:40px !important
    }
    .sm-pt-50{
        padding-top:50px !important
    }
    .sm-pt-60{
        padding-top:60px !important
    }
    .sm-pt-70{
        padding-top:70px !important
    }
    .sm-pt-80{
        padding-top:80px !important
    }
    .sm-pt-90{
        padding-top:90px !important
    }
    .sm-pt-100{
        padding-top:100px !important
    }
    .sm-pt-110{
        padding-top:110px !important
    }
    .sm-pt-120{
        padding-top:120px !important
    }
    .sm-pt-130{
        padding-top:130px !important
    }
    .sm-pt-140{
        padding-top:140px !important
    }
    .sm-pt-150{
        padding-top:150px !important
    }
    .sm-pt-200{
        padding-top:200px !important
    }
    .sm-pb-10{
        padding-bottom:10px !important
    }
    .sm-pb-20{
        padding-bottom:20px !important
    }
    .sm-pb-30{
        padding-bottom:30px !important
    }
    .sm-pb-40{
        padding-bottom:40px !important
    }
    .sm-pb-50{
        padding-bottom:50px !important
    }
    .sm-pb-60{
        padding-bottom:60px !important
    }
    .sm-pb-70{
        padding-bottom:70px !important
    }
    .sm-pb-80{
        padding-bottom:80px !important
    }
    .sm-pb-90{
        padding-bottom:90px !important
    }
    .sm-pb-100{
        padding-bottom:100px !important
    }
    .sm-pb-110{
        padding-bottom:110px !important
    }
    .sm-pb-120{
        padding-bottom:120px !important
    }
    .sm-pb-130{
        padding-bottom:130px !important
    }
    .sm-pb-140{
        padding-bottom:140px !important
    }
    .sm-pb-150{
        padding-bottom:150px !important
    }
    .sm-pb-200{
        padding-bottom:200px !important
    }
    .sm-mt-10{
        margin-top:10px !important
    }
    .sm-mt-20{
        margin-top:20px !important
    }
    .sm-mt-30{
        margin-top:30px !important
    }
    .sm-mt-40{
        margin-top:40px !important
    }
    .sm-mt-50{
        margin-top:50px !important
    }
    .sm-mt-60{
        margin-top:60px !important
    }
    .sm-mt-70{
        margin-top:70px !important
    }
    .sm-mt-80{
        margin-top:80px !important
    }
    .sm-mt-90{
        margin-top:90px !important
    }
    .sm-mt-100{
        margin-top:100px !important
    }
    .sm-mt-110{
        margin-top:110px !important
    }
    .sm-mt-120{
        margin-top:120px !important
    }
    .sm-mt-130{
        margin-top:130px !important
    }
    .sm-mt-140{
        margin-top:140px !important
    }
    .sm-mt-150{
        margin-top:150px !important
    }
    .sm-mt-200{
        margin-top:200px !important
    }
    .sm-mb-10{
        margin-bottom:10px !important
    }
    .sm-mb-20{
        margin-bottom:20px !important
    }
    .sm-mb-30{
        margin-bottom:30px !important
    }
    .sm-mb-40{
        margin-bottom:40px !important
    }
    .sm-mb-50{
        margin-bottom:50px !important
    }
    .sm-mb-60{
        margin-bottom:60px !important
    }
    .sm-mb-70{
        margin-bottom:70px !important
    }
    .sm-mb-80{
        margin-bottom:80px !important
    }
    .sm-mb-90{
        margin-bottom:90px !important
    }
    .sm-mb-100{
        margin-bottom:100px !important
    }
    .sm-mb-110{
        margin-bottom:110px !important
    }
    .sm-mb-120{
        margin-bottom:120px !important
    }
    .sm-mb-130{
        margin-bottom:130px !important
    }
    .sm-mb-140{
        margin-bottom:140px !important
    }
    .sm-mb-150{
        margin-bottom:150px !important
    }
    .sm-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 575px){
    .xs-p0{
        padding:0 !important
    }
    .xs-m0{
        margin:0 !important
    }
    .xs-pt-10{
        padding-top:10px !important
    }
    .xs-pt-20{
        padding-top:20px !important
    }
    .xs-pt-30{
        padding-top:30px !important
    }
    .xs-pt-40{
        padding-top:40px !important
    }
    .xs-pt-50{
        padding-top:50px !important
    }
    .xs-pt-60{
        padding-top:60px !important
    }
    .xs-pt-70{
        padding-top:70px !important
    }
    .xs-pt-80{
        padding-top:80px !important
    }
    .xs-pt-90{
        padding-top:90px !important
    }
    .xs-pt-100{
        padding-top:100px !important
    }
    .xs-pt-110{
        padding-top:110px !important
    }
    .xs-pt-120{
        padding-top:120px !important
    }
    .xs-pt-130{
        padding-top:130px !important
    }
    .xs-pt-140{
        padding-top:140px !important
    }
    .xs-pt-150{
        padding-top:150px !important
    }
    .xs-pt-200{
        padding-top:200px !important
    }
    .xs-pb-10{
        padding-bottom:10px !important
    }
    .xs-pb-20{
        padding-bottom:20px !important
    }
    .xs-pb-30{
        padding-bottom:30px !important
    }
    .xs-pb-40{
        padding-bottom:40px !important
    }
    .xs-pb-50{
        padding-bottom:50px !important
    }
    .xs-pb-60{
        padding-bottom:60px !important
    }
    .xs-pb-70{
        padding-bottom:70px !important
    }
    .xs-pb-80{
        padding-bottom:80px !important
    }
    .xs-pb-90{
        padding-bottom:90px !important
    }
    .xs-pb-100{
        padding-bottom:100px !important
    }
    .xs-pb-110{
        padding-bottom:110px !important
    }
    .xs-pb-120{
        padding-bottom:120px !important
    }
    .xs-pb-130{
        padding-bottom:130px !important
    }
    .xs-pb-140{
        padding-bottom:140px !important
    }
    .xs-pb-150{
        padding-bottom:150px !important
    }
    .xs-pb-200{
        padding-bottom:200px !important
    }
    .xs-mt-10{
        margin-top:10px !important
    }
    .xs-mt-20{
        margin-top:20px !important
    }
    .xs-mt-30{
        margin-top:30px !important
    }
    .xs-mt-40{
        margin-top:40px !important
    }
    .xs-mt-50{
        margin-top:50px !important
    }
    .xs-mt-60{
        margin-top:60px !important
    }
    .xs-mt-70{
        margin-top:70px !important
    }
    .xs-mt-80{
        margin-top:80px !important
    }
    .xs-mt-90{
        margin-top:90px !important
    }
    .xs-mt-100{
        margin-top:100px !important
    }
    .xs-mt-110{
        margin-top:110px !important
    }
    .xs-mt-120{
        margin-top:120px !important
    }
    .xs-mt-130{
        margin-top:130px !important
    }
    .xs-mt-140{
        margin-top:140px !important
    }
    .xs-mt-150{
        margin-top:150px !important
    }
    .xs-mt-200{
        margin-top:200px !important
    }
    .xs-mb-10{
        margin-bottom:10px !important
    }
    .xs-mb-20{
        margin-bottom:20px !important
    }
    .xs-mb-30{
        margin-bottom:30px !important
    }
    .xs-mb-40{
        margin-bottom:40px !important
    }
    .xs-mb-50{
        margin-bottom:50px !important
    }
    .xs-mb-60{
        margin-bottom:60px !important
    }
    .xs-mb-70{
        margin-bottom:70px !important
    }
    .xs-mb-80{
        margin-bottom:80px !important
    }
    .xs-mb-90{
        margin-bottom:90px !important
    }
    .xs-mb-100{
        margin-bottom:100px !important
    }
    .xs-mb-110{
        margin-bottom:110px !important
    }
    .xs-mb-120{
        margin-bottom:120px !important
    }
    .xs-mb-130{
        margin-bottom:130px !important
    }
    .xs-mb-140{
        margin-bottom:140px !important
    }
    .xs-mb-150{
        margin-bottom:150px !important
    }
    .xs-mb-200{
        margin-bottom:200px !important
    }
}
.title-one h2{
    font-family:"Montserrat",sans-serif;
    font-size:82px;
    line-height:1.02em;
    font-style:italic;
    text-transform:uppercase
}
.title-two h2{
    font-family:"Manrope",sans-serif;
    font-size:82px;
    font-weight:600;
    letter-spacing:-2.5px
}
.title-two .pointer{
    display:inline-block;
    font-size:22px;
    color:#fff;
    line-height:43px;
    padding:0 65px 0 25px;
    border-radius:30px 2px 50px 30px;
    position:relative;
    margin-bottom:25px
}
.title-two .pointer img{
    position:absolute;
    right:-19px;
    top:-19px
}
.title-three h2{
    font-family:"Montserrat",sans-serif;
    font-size:88px;
    line-height:1.1333em;
    letter-spacing:-4px;
    text-transform:uppercase
}
.title-four h2{
    font-size:78px;
    line-height:1.1025em;
    letter-spacing:-2px
}
.title-five h2{
    font-size:100px;
    line-height:1em;
    letter-spacing:-1px
}
.title-six h2{
    font-family:"Playfair Display",serif;
    font-size:76px;
    font-weight:700;
    line-height:1.1794em
}
.title-seven h2{
    font-family:"Playfair Display",serif;
    font-size:54px;
    font-weight:700;
    line-height:1.148em
}
.title-eight h2{
    font-size:90px;
    font-weight:700;
    line-height:1.222em
}
.title-eight h2 span{
    color:#f51ac5;
    font-family:"Pacifico",cursive;
    font-style:italic;
    line-height:1em
}
.title-nine h2{
    font-size:72px;
    font-weight:500;
    line-height:1.1388em;
    letter-spacing:-1.9px
}
.title-nine .upper-title{
    text-transform:uppercase;
    color:rgba(0,0,0,.4);
    letter-spacing:2px
}
.title-ten h2{
    font-family:"Montserrat",sans-serif;
    font-style:italic;
    font-size:64px;
    line-height:1.1562em;
    letter-spacing:-1px
}
.title-ten h2 .line{
    position:absolute;
    width:100%;
    height:18px;
    left:0;
    bottom:11%;
    z-index:-1
}
.title-ten .upper-title{
    letter-spacing:1px;
    font-size:20px;
    color:rgba(0,0,0,.5);
    margin-bottom:15px
}
.title-eleven h2{
    font-family:"Playfair Display",serif;
    font-size:68px;
    font-weight:700;
    letter-spacing:-1px;
    line-height:1.1029em
}
.btn-one{
    font-size:20px;
    letter-spacing:-1px;
    font-weight:500;
    color:#000;
    padding:0 40px;
    line-height:56px;
    border:2px solid #000;
    border-radius:30px;
    text-align:center;
    position:relative;
    z-index:5;
    transition:all .3s ease-in-out 0s
}
.btn-one:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:5px;
    right:5px;
    background:#000;
    border-radius:30px;
    z-index:-1;
    transition:all .3s ease-in-out 0s
}
.btn-one:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    background:#e1ff2d;
    border-radius:30px;
    z-index:-1;
    transition:all .3s ease-in-out 0s
}
.btn-one:hover{
    color:#fff
}
.btn-one:hover:after{
    background:#b66cff
}
.btn-two{
    font-size:20px;
    letter-spacing:-1px;
    font-weight:500;
    color:#fff;
    padding:0 40px;
    line-height:56px;
    border:2px solid #000;
    border-radius:30px;
    text-align:center;
    position:relative;
    z-index:5;
    transition:all .3s ease-in-out 0s
}
.btn-two.xl{
    padding:0 75px
}
.btn-two:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:6px;
    right:6px;
    border:1px solid #000;
    border-radius:30px;
    z-index:-1;
    transition:all .3s ease-in-out 0s
}
.btn-two:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    right:0;
    background:#000;
    border-radius:30px;
    z-index:-1;
    transition:all .3s ease-in-out 0s
}
.btn-two:hover{
    color:#fff
}
.btn-two:hover:before{
    background:#b66cff
}
.btn-three{
    font-family:"Manrope",sans-serif;
    font-size:20px;
    letter-spacing:-0.5px;
    font-weight:600;
    color:#fff;
    padding:0 50px;
    line-height:55px;
    border-radius:10px;
    background:#8a42ff;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-three:hover{
    background:#ff4bd8
}
.btn-four{
    font-family:"Manrope",sans-serif;
    font-size:16px;
    letter-spacing:1px;
    font-weight:700;
    text-transform:uppercase;
    color:#000;
    padding:0 30px;
    line-height:53px;
    border:1px solid #000;
    border-radius:10px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-four:hover{
    background:#ff4bd8;
    border-color:#ff4bd8;
    color:#fff
}
.btn-five{
    font-size:16px;
    letter-spacing:1px;
    font-weight:500;
    text-transform:uppercase;
    color:#fff;
    padding:0 35px;
    min-width:190px;
    line-height:55px;
    border-radius:50px;
    text-align:center;
    background:#000;
    transition:all .3s ease-in-out 0s
}
.btn-five:hover{
    background:#ffc226;
    color:#000
}
.btn-five.color-two:hover{
    background:#ff5b00;
    color:#fff
}
.btn-six{
    font-size:20px;
    font-weight:500;
    color:#fff;
    padding:0 40px;
    min-width:210px;
    line-height:60px;
    border-radius:50px;
    text-align:center;
    background:#ff4bd8;
    transition:all .3s ease-in-out 0s
}
.btn-six:hover{
    background:#ffc226;
    color:#000
}
.btn-seven{
    font-weight:500;
    color:#fff;
    padding:0 40px;
    line-height:55px;
    border-radius:10px;
    background:#000;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-seven i{
    margin-left:12px
}
.btn-seven:hover{
    background:#8a42ff
}
.btn-seven.text-uppercase{
    font-size:14px
}
.btn-seven.color-two:hover{
    background:#ff7035
}
.btn-eight{
    font-family:"Manrope",sans-serif;
    font-weight:600;
    letter-spacing:-0.3px;
    color:#000;
    padding:0 25px;
    line-height:45px;
    border-radius:50px;
    background:#fff;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-eight:hover{
    background:#ffc226
}
.btn-nine{
    font-size:16px;
    font-weight:500;
    letter-spacing:1.1px;
    text-transform:uppercase;
    color:#000;
    padding:0 40px;
    line-height:60px;
    border-radius:10px;
    background:#fff;
    min-width:190px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-nine:hover{
    background:#ffc226
}
.btn-ten{
    font-size:16px;
    font-weight:500;
    letter-spacing:1.1px;
    text-transform:uppercase;
    color:#fff;
    padding:0 40px;
    line-height:58px;
    border:1px solid #fff;
    border-radius:10px;
    min-width:190px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-ten:hover{
    background:#000;
    border-color:#000
}
.btn-eleven{
    font-size:20px;
    font-weight:500;
    color:#fff;
    padding:0 52px;
    line-height:58px;
    border-radius:30px;
    text-align:center;
    position:relative;
    background:#000;
    z-index:5;
    transition:all .3s ease-in-out 0s
}
.btn-eleven:hover{
    color:#fff;
    background:#8a42ff
}
.btn-twelve{
    font-size:18px;
    font-weight:500;
    color:#000;
    padding-bottom:6px;
    border-bottom:2px solid #000;
    position:relative;
    z-index:5;
    transition:all .3s ease-in-out 0s
}
.btn-twelve i{
    margin-left:5px
}
.btn-twelve:hover{
    color:#8a42ff;
    border-bottom-color:#8a42ff
}
.btn-thirteen{
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.5px;
    color:#000;
    background:#ffd542;
    line-height:60px;
    border-radius:30px;
    padding:0 45px;
    min-width:130px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-thirteen:hover{
    background:#f51ac5
}
.btn-thirteen.dropdown-toggle:after{
    content:url(../images/icon/icon_27.svg);
    margin:0 0 0 5px;
    border:none;
    vertical-align:initial
}
.btn-fourteen{
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.5px;
    color:#fff;
    border:1px solid #fff;
    line-height:58px;
    border-radius:30px;
    padding:0 50px;
    min-width:130px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-fourteen:hover{
    background:#f51ac5
}
.btn-fifteen{
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.5px;
    color:#000;
    border:1px solid #000;
    line-height:53px;
    border-radius:30px;
    padding:0 45px;
    min-width:130px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-fifteen:hover{
    background:#ffd542;
    border-color:#ffd542
}
.btn-sixteen{
    font-weight:500;
    color:#000;
    padding:0 40px;
    line-height:53px;
    border:1px solid #000;
    border-radius:10px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-sixteen:hover{
    background:#ff7035;
    border-color:#ff7035;
    color:#fff
}
.btn-seventeen{
    font-weight:500;
    font-size:16px;
    text-transform:uppercase;
    color:#000;
    padding:0 55px;
    line-height:60px;
    border:3px solid #000;
    box-shadow:5px 5px 0 #000;
    border-radius:40px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-seventeen:hover{
    background:#ffc226;
    border-color:#ffc226
}
.btn-eighteen{
    font-weight:500;
    font-size:18px;
    color:#000;
    padding:0 45px;
    line-height:56px;
    border:2px solid #000;
    border-radius:10px;
    text-align:center;
    background:#f5e900;
    transition:all .3s ease-in-out 0s
}
.btn-eighteen:hover{
    background:#000;
    color:#fff
}
.btn-nineteen{
    line-height:46px;
    border:2px solid #000;
    padding:0 35px;
    min-width:160px;
    text-align:center;
    font-weight:500;
    color:#000;
    background:#ffd80b;
    transition:all .3s ease-in-out 0s
}
.btn-nineteen:hover{
    background:#000;
    color:#fff
}
.btn-twenty{
    font-size:20px;
    font-weight:500;
    color:#8a42ff;
    padding:0 30px;
    line-height:58px;
    border:2px solid #8a42ff;
    border-radius:10px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.btn-twenty:hover{
    background:#ff4bd8;
    border-color:#ff4bd8;
    color:#fff
}
.sidenavbtn{
    width:55px;
    height:55px;
    border:1px solid #000;
    box-shadow:4px 0 0 #000;
    font-size:28px
}
.sidenavbtn:hover{
    background:#ff4bd8;
    border-color:#ff4bd8;
    color:#fff
}
.offcanvas.sidebar-nav{
    width:450px;
    border:none;
    padding:30px 30px 20px;
    max-height:100%;
    overflow-y:auto
}
.offcanvas.sidebar-nav .btn-close{
    box-shadow:none
}
.offcanvas.sidebar-nav .sidebar-nav-item{
    padding:30px 0 55px
}
.offcanvas.sidebar-nav .sidebar-nav-item .nav-item>a{
    font-size:22px;
    line-height:2.42em;
    color:#000;
    position:relative;
    transition:all .3s ease-in-out
}
.offcanvas.sidebar-nav .sidebar-nav-item .nav-item:hover>a,.offcanvas.sidebar-nav .sidebar-nav-item .nav-item.active>a{
    color:#8a42ff
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-toggle::after{
    display:none
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-toggle::before{
    content:"";
    position:absolute;
    margin:0;
    border:none;
    font-size:18px;
    right:-25px;
    top:2px;
    font-family:"bootstrap-icons";
    font-weight:700;
    transition:transform .3s ease-in-out
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-toggle::before.show::before{
    transform:rotate(180deg)
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu{
    position:static !important;
    border:none;
    background:#fff7ec;
    transform:scale(1) !important;
    padding:10px 0 10px 15px
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a{
    font-size:18px;
    line-height:45px;
    color:#000;
    padding:0 15px;
    background:rgba(0,0,0,0);
    transition:all .3s ease-in-out
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a:hover{
    color:#8a42ff
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a:hover span:before{
    transform:scale(1)
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a span{
    position:relative
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a span::before{
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    left:0;
    bottom:-2px;
    background:#8a42ff;
    transform:scale(0, 1);
    transform-origin:0 0;
    transition:all .3s ease-in-out
}
.offcanvas.sidebar-nav .title{
    font-family:"Montserrat",sans-serif;
    text-transform:uppercase;
    font-style:italic;
    letter-spacing:-1px;
    font-size:22px
}
.offcanvas.sidebar-nav .address-block p a{
    font-size:1.2em;
    color:#8a42ff;
    text-decoration:underline
}
.offcanvas.sidebar-nav .social-icon a{
    font-size:1.3em;
    margin:10px 10px 0;
    transition:all .2s ease-in-out 0s
}
.offcanvas.sidebar-nav .social-icon a:hover{
    color:#8a42ff
}
.theme-main-menu{
    position:relative;
    z-index:999;
    transition:all .4s ease-in-out 0s
}
.theme-main-menu .gap-one{
    padding:33px 40px
}
.theme-main-menu .gap-two{
    padding:24px 40px
}
.theme-main-menu .gap-three{
    padding:60px 70px
}
.theme-main-menu.menu-style-one .bg-wrapper{
    padding:22px 25px
}
.theme-main-menu.menu-overlay{
    position:absolute;
    top:0;
    right:0;
    left:0;
    background:rgba(0,0,0,0)
}
.theme-main-menu.fixed{
    position:fixed;
    left:0;
    right:0;
    background:#fff;
    box-shadow:0 13px 35px -12px rgba(35,35,35,.1)
}
.theme-main-menu.fixed.menu-style-one{
    background:#ebe9e9
}
.theme-main-menu.fixed.menu-style-one .bg-wrapper{
    margin-bottom:0;
    margin-top:0
}
.theme-main-menu.fixed .gap-one{
    padding-top:12px;
    padding-bottom:12px
}
.theme-main-menu.fixed .gap-three{
    padding:12px 30px
}
.theme-main-menu .navbar-toggler{
    width:52px;
    height:50px;
    padding:0;
    box-shadow:none;
    position:relative;
    z-index:99;
    border:none;
    background:#8a42ff
}
.theme-main-menu .navbar-toggler:focus{
    box-shadow:none
}
.theme-main-menu .navbar-toggler::before,.theme-main-menu .navbar-toggler::after{
    content:"";
    position:absolute;
    top:50%;
    left:10px;
    width:32px;
    height:2px;
    pointer-events:none;
    transition:transform .25s;
    transform-origin:50% 50%;
    background:#fff
}
.theme-main-menu .navbar-toggler span{
    position:absolute;
    left:10px;
    overflow:hidden;
    width:32px;
    height:2px;
    margin-top:-1px;
    text-indent:200%;
    transition:opacity .25s;
    background:#fff
}
.theme-main-menu .navbar-toggler::before{
    transform:translate3d(0, -9px, 0) scale3d(1, 1, 1)
}
.theme-main-menu .navbar-toggler::after{
    transform:translate3d(0, 8px, 0) scale3d(1, 1, 1)
}
.theme-main-menu .navbar-toggler[aria-expanded=true] span{
    opacity:0
}
.theme-main-menu .navbar-toggler[aria-expanded=true]::before{
    transform:rotate3d(0, 0, 1, 45deg)
}
.theme-main-menu .navbar-toggler[aria-expanded=true]::after{
    transform:rotate3d(0, 0, 1, -45deg)
}
.theme-main-menu .nav-item .nav-link{
    font-weight:500;
    font-size:22px;
    line-height:initial;
    color:#000;
    letter-spacing:-0.5px;
    padding:10px 0;
    margin:0 23px;
    position:relative;
    transition:all .2s ease-in-out 0s
}
.theme-main-menu .nav-item:hover .nav-link{
    color:#8a42ff
}

.theme-main-menu .nav-item .dropdown-toggle::after{
    content:"";
    font-family:"bootstrap-icons";
    border:none;
    vertical-align:-1px;
    margin-left:3px;
    font-weight:900;
    font-size:12px;
    transition:all .3s ease-in-out 0s
}
.theme-main-menu .navbar .show.dropdown-toggle::after{
    transform:rotate(180deg)
}
.theme-main-menu.menu-style-two .nav-item .nav-link{
    font-family:"Manrope",sans-serif;
    color:rgba(0,0,0,.7)
}
.theme-main-menu.menu-style-two .nav-item:hover .nav-link{
    color:#8a42ff
}
.theme-main-menu.menu-style-six .navbar-toggler{
    background:#ffd542
}
.theme-main-menu.menu-style-six .navbar-toggler::before,.theme-main-menu.menu-style-six .navbar-toggler::after,.theme-main-menu.menu-style-six .navbar-toggler span{
    background:#000
}
.theme-main-menu.menu-style-seven .nav-item .nav-link{
    font-weight:normal
}
.theme-main-menu.menu-style-seven .nav-item:hover .nav-link,.theme-main-menu.menu-style-seven .mega-dropdown .home-item:hover span,.theme-main-menu.menu-style-seven .dropdown-menu .dropdown-item:hover,.theme-main-menu.menu-style-seven .dropdown-menu .dropdown-item.active{
    color:#ff7035
}
.theme-main-menu.menu-style-seven .mega-dropdown .home-item span:before,.theme-main-menu.menu-style-seven .dropdown-menu .dropdown-item span:before,.theme-main-menu.menu-style-seven .navbar-toggler{
    background:#ff7035
}
.theme-main-menu.menu-style-eight .nav-item:hover .nav-link{
    color:#ffc92e
}
.theme-main-menu.menu-style-eight .navbar-toggler{
    background:#ffc92e
}
.theme-main-menu.menu-style-nine .navbar-toggler{
    background:#f5e900
}
.theme-main-menu.menu-style-nine .navbar-toggler::before,.theme-main-menu.menu-style-nine .navbar-toggler::after,.theme-main-menu.menu-style-nine .navbar-toggler span{
    background:#000
}
.theme-main-menu.white-vr.fixed{
    background:#141414;
    border-bottom:1px solid rgba(255,255,255,.05)
}
.theme-main-menu.white-vr .nav-item .nav-link{
    color:#fff
}

.theme-main-menu.white-vr .nav-item .nav-link:checked {
    color: red;
}



.theme-main-menu.white-vr.menu-style-six .nav-item:hover .nav-link,.theme-main-menu.white-vr.menu-style-six .mega-dropdown .home-item:hover span,.theme-main-menu.white-vr.menu-style-six .dropdown-menu .dropdown-item:hover,.theme-main-menu.white-vr.menu-style-six .dropdown-menu .dropdown-item.active{
    color:#f51ac5
}
.theme-main-menu.white-vr.menu-style-six .mega-dropdown .home-item span:before,.theme-main-menu.white-vr.menu-style-six .dropdown-menu .dropdown-item span:before{
    background:#f51ac5
}
.navbar .dropdown-menu .dropdown-item{
    text-transform:capitalize;
    line-height:35px;
    font-size:.95em;
    background:rgba(0,0,0,0);
    position:relative;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.navbar .dropdown-menu .dropdown-item span{
    position:relative
}
.navbar .dropdown-menu .dropdown-item span:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:100%;
    height:2px;
    background:#8a42ff;
    transform:scale(0, 1);
    transform-origin:0 0;
    transition:all .2s ease-in-out 0s
}
.navbar .dropdown-menu .dropdown-item:hover span:before,.navbar .dropdown-menu .dropdown-item.active span:before{
    transform:scale(1)
}
.navbar .dropdown-menu .dropdown-item.active,.navbar .dropdown-menu .dropdown-item:hover{
    color:#8a42ff
}
.theme-main-menu .mega-dropdown,.theme-main-menu .navbar{
    position:static
}
.theme-main-menu .mega-dropdown .col-lg-3{
    max-width:20%;
    width:20%
}
.theme-main-menu .mega-dropdown .home-item{
    text-align:center;
    margin-top:15px
}
.theme-main-menu .mega-dropdown .home-item .img-item{
    border:1px solid #e1e1e1;
    border-radius:15px;
    overflow:hidden;
    margin-bottom:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.08)
}
.theme-main-menu .mega-dropdown .home-item .img-item img{
    transition:all .6s ease-in-out 0s
}
.theme-main-menu .mega-dropdown .home-item span{
    font-size:.9em;
    position:relative;
    display:inline-block;
    padding-bottom:2px;
    transition:all .3s ease-in-out 0s
}
.theme-main-menu .mega-dropdown .home-item span:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:#8a42ff;
    transform:scale(0, 1);
    transform-origin:0 0;
    transition:all .2s ease-in-out 0s
}
.theme-main-menu .mega-dropdown .home-item:hover span{
    color:#8a42ff;
    letter-spacing:.3px
}
.theme-main-menu .mega-dropdown .home-item:hover span:before{
    transform:scale(1)
}
.theme-main-menu .mega-dropdown .home-item:hover .img-item img{
    transform:scale3d(1.1, 1.1, 1)
}
.navbar [class*=mega-dropdown] .dropdown-menu{
    padding:0 0 15px;
    margin:0;
    right:0
}
.navbar .mega-dropdown-sm .dropdown-menu{
    min-width:620px;
    left:-200px;
    padding:10px
}
.navbar [class*=mega-dropdown] .menu-column{
    padding:5px 0
}
.navbar [class*=mega-dropdown] .menu-column .mega-menu-title{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:500;
    display:inline-block;
    position:relative;
    margin:0 0 15px;
    padding-left:15px
}
.navbar [class*=mega-dropdown] .menu-column .mega-menu-title:before{
    content:"";
    position:absolute;
    width:calc(100% - 15px);
    height:1px;
    background:#000;
    left:15px;
    bottom:-5px
}
.theme-main-menu .login-btn-one{
    font-size:20px;
    color:#000
}
.theme-main-menu .login-btn-one i{
    font-size:1.05em;
    margin-right:6px
}
.theme-main-menu .login-btn-one:hover{
    color:#8a42ff
}
.theme-main-menu.menu-style-nine .login-btn-one:hover{
    color:#000;
    text-decoration:underline
}
.theme-main-menu.menu-style-ten .login-btn-one:hover{
    color:#000;
    text-decoration:underline
}
.theme-main-menu .login-btn-two{
    width:60px;
    height:60px;
    background:#000;
    color:#fff;
    font-size:1.3em
}
.theme-main-menu .login-btn-two:hover{
    background:#e1ff2d
}
.theme-main-menu .login-btn-three{
    color:#000;
    padding:0 40px;
    line-height:53px;
    border:1px solid #000;
    border-radius:10px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.theme-main-menu .login-btn-three:hover{
    background:#ffc226;
    border-color:#ffc226
}
.theme-main-menu .login-btn-four{
    font-size:20px;
    color:#fff
}
.theme-main-menu .login-btn-four:hover{
    color:#f51ac5
}
.theme-main-menu.menu-style-eight .login-btn-four:hover{
    color:#ffc92e
}
.theme-main-menu .search-btn-one{
    width:60px;
    height:60px;
    background:#000;
    color:#fff;
    font-size:1.3em;
    position:relative;
    z-index:1;
    overflow:hidden;
    margin-left:-10px
}
.theme-main-menu .search-btn-one:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#fff;
    top:0;
    left:-50px;
    transition:all .3s ease-in-out 0s
}
.theme-main-menu .search-btn-one:hover,.theme-main-menu .search-btn-one:hover:before{
    background:#e1ff2d
}
.theme-main-menu .email-text{
    font-size:17px;
    color:rgba(0,0,0,.35)
}
.theme-main-menu .email-text a{
    font-size:18px;
    color:#000;
    text-decoration:underline
}
.theme-main-menu .email-text a:hover{
    color:#e1ff2d
}
.theme-main-menu .download-btn-one{
    font-weight:500;
    color:#000;
    border-radius:10px;
    border:2px solid #000;
    line-height:51px;
    padding:0 30px
}
.theme-main-menu .download-btn-one:after{
    content:url(../images/icon/icon_27.svg);
    margin:0 0 0 5px;
    border:none;
    vertical-align:initial
}
.theme-main-menu .search-form input{
    font-size:16px;
    font-style:italic;
    height:50px;
    padding:0 0 0 35px;
    width:450px;
    background:rgba(0,0,0,0);
    border:none;
    color:#fff;
    border-bottom:1px solid #fff
}
.theme-main-menu .search-form input::-moz-placeholder{
    color:#fff
}
.theme-main-menu .search-form input::placeholder{
    color:#fff
}
.theme-main-menu .search-form button{
    position:absolute;
    left:0;
    top:0;
    bottom:0
}
.theme-main-menu .language-dropdown button{
    border:1px solid #000;
    border-radius:50px;
    line-height:28px;
    padding:0 11px;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    color:#000
}
.theme-main-menu .language-dropdown button img{
    vertical-align:-4px
}
.theme-main-menu .search-dropdown .dropdown-toggle{
    border:none;
    padding:0
}
.theme-main-menu .search-dropdown .dropdown-toggle::after{
    display:none
}
.theme-main-menu .search-dropdown .dropdown-menu{
    min-width:270px;
    padding:10px;
    border:none;
    margin-top:12px !important;
    box-shadow:0 13px 35px -12px rgba(35,35,35,.1)
}
.theme-main-menu .search-dropdown .dropdown-menu form{
    position:relative;
    height:50px
}
.theme-main-menu .search-dropdown .dropdown-menu form input{
    width:100%;
    height:100%;
    border:1px solid #000;
    padding:0 45px 0 15px;
    font-size:16px
}
.theme-main-menu .search-dropdown .dropdown-menu form button{
    position:absolute;
    top:3px;
    right:3px;
    bottom:3px;
    width:40px;
    background:#ffd80b;
    padding:12px
}
@media screen and (min-width: 992px){
    .navbar .dropdown-menu{
        font-size:1em;
        z-index:5;
        background-color:#fff;
        border-radius:10px;
        display:block;
        right:auto;
        left:0;
        padding:10px 5px;
        border:none;
        top:100%;
        visibility:hidden;
        transform:translateY(5px);
        opacity:0;
        min-width:200px;
        box-shadow:0px 50px 100px rgba(0,0,0,.12);
        margin:0;
        transform-origin:0 0;
        transition:all .2s ease-in
    }
    .navbar .dropdown-menu:before{
        content:"";
        position:absolute;
        left:30px;
        top:-17px
    }
    .navbar .dropdown-menu .dropdown-menu{
        left:calc(100% + 5px);
        top:0;
        right:auto;
        min-width:240px;
        box-shadow:0 20px 30px -10px rgba(0,0,0,.15);
        transform:translateY(0)
    }
    .navbar .dropdown:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0)
    }
    .nav-item .dropdown-toggle::after{
        display:none
    }
}
@media screen and (max-width: 991px){
    .navbar{
        padding:0
    }
    .navbar-collapse .logo{
        margin-bottom:10vh;
        padding-left:12px
    }
    .white-vr .navbar-collapse{
        background-color:#000
    }
    .navbar-collapse{
        position:fixed;
        top:0;
        background-color:#fff;
        left:0;
        height:100vh;
        max-height:100vh;
        overflow-y:auto;
        clear:both;
        width:320px;
        max-width:calc(100vw - 60px);
        z-index:9999;
        transform:translateX(-100%);
        display:block !important;
        padding:16px 0 20px;
        transition:all .3s ease-in-out
    }
    .navbar-collapse.show{
        transform:translateX(0);
        box-shadow:15px 0 25px rgba(35,35,35,.09)
    }
    .theme-main-menu .navbar .mega-dropdown{
        position:relative
    }
    .navbar .navbar-nav .nav-link{
        margin:0;
        padding:15px 12px;
        border-top:1px dashed rgba(0,0,0,.1)
    }
    .white-vr .navbar .navbar-nav .nav-link{
        border-top:1px dashed rgba(255,255,255,.15)
    }
    .navbar .dropdown-menu .dropdown-item{
        line-height:44px;
        font-size:17px
    }
    .navbar .dropdown-menu{
        border:none;
        padding:0;
        border-radius:0;
        margin:0;
        background:#fff;
        border-top:1px dashed rgba(0,0,0,.1)
    }
    .navbar [class*=mega-dropdown] .dropdown-menu{
        padding:0;
        min-width:100%
    }
    .navbar [class*=mega-dropdown] .menu-column{
        padding:0
    }
    .navbar [class*=mega-dropdown] .menu-column .mega-menu-title{
        padding-left:10px;
        margin-top:15px
    }
    .navbar [class*=mega-dropdown] .menu-column .mega-menu-title:before{
        left:10px
    }
    .navbar .dropdown-toggle::after{
        position:absolute;
        right:15px;
        top:calc(50% - 2px)
    }
    .dashboard-menu .nav-link::before{
        right:auto;
        left:0;
        top:-2px
    }
}
.hero-banner-one .hero-heading{
    font-family:"Montserrat",sans-serif;
    /*font-size:90px;*/
    line-height:1.1666em;
    text-transform:uppercase;
    font-style:italic
}
.hero-banner-one .client-logo-wrapper{
    position:absolute;
    right:0;
    bottom:105px;
    width:60%
}
.hero-banner-one .illustration{
    right:0;
    top:7%;
    max-width:50%
}
.hero-banner-two .hero-heading{
    /*font-size:100px;*/
    font-weight:700;
    letter-spacing:-4.2px;
    line-height:1.0952em
}
.hero-banner-two .shape_01{
    left:5%;
    top:3%;
    max-width:10%
}
.hero-banner-two .shape_02{
    right:5%;
    top:2%;
    max-width:10%
}
.hero-banner-three:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:url(../images/assets/bg_01.png) no-repeat center;
    background-size:cover;
    z-index:-1;
    opacity:.8
}
.hero-banner-three .hero-heading{
    /*font-size:94px;*/
    font-weight:500;
    line-height:1.0952em;
    letter-spacing:-2.5px
}
.hero-banner-three form{
    max-width:658px;
    height:80px
}
.hero-banner-three form input{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    padding:0 170px 0 25px;
    color:#000;
    font-style:italic;
    border:1px solid #000;
    border-radius:12px
}
.hero-banner-three form button{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:165px;
    font-weight:500;
    color:#fff;
    background:#000;
    border-radius:0 12px 12px 0
}
.hero-banner-three form button:hover{
    background:#8a42ff
}
.hero-banner-three .media .card_01{
    right:0;
    bottom:-28%;
    z-index:1;
    max-width:25.34%;
    animation:jumpThree 5s infinite linear
}
.hero-banner-three .media .card_02{
    left:0;
    bottom:-25%;
    z-index:1;
    max-width:25.8%;
    animation:jumpTwo 5s infinite linear
}
.hero-banner-three .shape_01{
    right:0;
    top:15%;
    max-width:16%
}
.hero-banner-three .shape_02{
    left:0;
    top:14%;
    max-width:16%
}
.hero-banner-four .wrapper{
    padding:190px 20px 90px
}
.hero-banner-four .hero-heading{
    /*font-size:110px;*/
    line-height:1.0454em;
    font-weight:700
}
.hero-banner-four form{
    max-width:596px;
    height:80px
}
.hero-banner-four form input{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    padding:0 170px 0 25px;
    color:#000;
    font-style:italic;
    border:1px solid #000;
    border-radius:10px
}
.hero-banner-four form button{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:165px;
    font-weight:500;
    color:#fff;
    background:#000;
    border-radius:0 10px 10px 0
}
.hero-banner-four form button:hover{
    background:#8a42ff
}
.hero-banner-four .illustration{
    position:absolute;
    right:2%;
    top:15%;
    max-width:42%
}
.hero-banner-five{
    background: #242124;
    /*background: #481938;*/
}
.hero-banner-five:before{
    content:"";
    position:absolute;
    width:33.333%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:33.333%;
    z-index:-1
}
.hero-banner-five:after{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:50%;
    background:rgba(255,255,255,.05);
    z-index:-1
}
.hero-banner-five .wrapper:before{
    content:"";
    position:absolute;
    width:66.666%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:16.6666%;
    z-index:-1
}

.hero-banner-five .badge-tag{
    font-family:"Manrope",sans-serif;
    font-size:18px;
    font-weight:600;
    letter-spacing:-0.5px;
    color:#000;
    display:inline-block;
    background:#fff;
    padding:2px 20px;
    border-radius:30px
}

.badge-tag-project {
    font-family:"Manrope",sans-serif;
    font-size:1.2rem;
    font-weight:500;
    letter-spacing:-0.5px;
    color:#000;
    display:inline-block;
    background:#fff;
    padding:0.4rem 20px;
    border-radius:30px;
    border: 1px solid #818589;
}

.badge-tag-project-noborder {
    font-family:"Gordita",sans-serif;
    font-size:1.2rem;
    font-weight:400;
    letter-spacing:-0.5px;
    color:#000;
    display:inline-block;
    background: rgba(194, 178, 128, 0.2);
    padding:0.4rem 1.5rem;
    margin: 0 1rem 0 0;
    border-radius:0px;
    border-bottom: 0px solid #000;
}









.hero-banner-five .hero-heading{
    font-weight:700;
    font-size:8rem;
    color:#fff;
    letter-spacing:-10px;
    line-height:.84em
}
.hero-banner-five .hero-heading span{
    font-family:"Pacifico",cursive;
    font-weight:normal;
    color:#f51ac5;
    display:block;
    position:relative;
    z-index:1;
    margin-top:-25px
}
.hero-banner-five p{
    color:rgba(255,255,255,.7)
}
.hero-banner-five .illustration{
    position:absolute;
    max-width:52%;
    right:0;
    top:13%
}
.hero-banner-five .fact-feature{
    width:28%
}
.hero-banner-five .fact-feature .icon{
    width:65px;
    height:65px;
    border-width:3px;
    border-style:solid;
    font-size:40px
}
.hero-banner-five .fact-feature h3{
    width:calc(100% - 65px);
    padding-left:30px;
    margin:0;
    color:#fff;
    font-size:28px
}
.hero-banner-six .hero-heading{
    /*font-size:100px;*/
    line-height:1em;
    font-weight:700;
    letter-spacing:-3px
}
.hero-banner-six .hero-heading span{
    color:#ff7035
}
.hero-banner-six .rating{
    border-left:1px solid rgba(0,0,0,.2);
    margin-left:15px;
    padding-left:15px
}
.hero-banner-six .rating li{
    color:#ffb949;
    margin-right:5px
}
.hero-banner-six .illustration{
    position:absolute;
    right:0;
    top:18%;
    z-index:1;
    padding-left:12%;
    max-width:58%
}
.hero-banner-six .illustration .shape_01{
    left:0;
    bottom:0;
    max-width:22%;
    z-index:0;
    box-shadow:0px 50px 100px rgba(0,0,0,.09);
    border-radius:30px
}
.hero-banner-six .illustration .shape_02{
    top:23%;
    left:15%;
    max-width:43%;
    z-index:0;
    animation:jumpThree 5s infinite linear
}
.hero-banner-six .illustration .shape_03{
    bottom:0%;
    right:4%;
    max-width:51%;
    z-index:0;
    animation:jumpTwo 5s infinite linear
}
.hero-banner-six .bg-shape{
    right:0;
    top:17%;
    max-width:60%
}
.hero-banner-seven .container{
    max-width:1500px;
    padding:0 12px
}
.hero-banner-seven .hero-heading{
    font-size:220px;
    font-weight:900;
    text-transform:uppercase;
    line-height:.886em;
    letter-spacing:-15px
}
.hero-banner-seven .hero-heading .shape_05{
    right:-8%;
    top:-46%
}
.hero-banner-seven .hero-heading .shape_06{
    left:-9%;
    bottom:-37%
}
.hero-banner-seven .hero-heading .smile_icon{
    right:28%;
    top:50%;
    transform:translateY(-50%);
    z-index:0
}
.hero-banner-seven .sub-heading{
    font-size:54px;
    color:#000;
    margin-bottom:-60px
}
.hero-banner-seven .quote-text{
    font-size:36px;
    line-height:1em;
    color:#000;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:1;
    text-align:center
}
.hero-banner-eight:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../images/assets/bg_13.svg) no-repeat center;
    background-size:cover;
    z-index:-1
}
.hero-banner-eight .hero-heading{
    font-family:"Montserrat",sans-serif;
    font-style:italic;
    font-size:110px;
    color:#fff;
    line-height:.954em;
    letter-spacing:-1px
}
.hero-banner-eight .hero-heading span{
    position:relative;
    display:inline-block
}
.hero-banner-eight .hero-heading span:before{
    content:"";
    position:absolute;
    width:calc(100% - 10px);
    height:20px;
    background:#ffc92e;
    left:10px;
    bottom:6%;
    z-index:-1
}
.hero-banner-eight form{
    max-width:660px
}
.hero-banner-eight form button{
    height:70px;
    width:190px;
    background:#000;
    color:#fff;
    border-radius:10px;
    font-weight:500;
    transition:all .3s ease-in-out 0s
}
.hero-banner-eight form button:hover{
    background:#ffc92e;
    color:#000
}
.hero-banner-eight form input{
    width:calc(100% - 210px);
    height:70px;
    border:2px solid #fff;
    border-radius:10px;
    background:rgba(0,0,0,0);
    color:#fff;
    padding:0 25px
}
.hero-banner-eight form input::-moz-placeholder{
    color:#fff
}
.hero-banner-eight form input::placeholder{
    color:#fff
}
.hero-banner-eight li{
    font-size:20px;
    color:#fff;
    margin:10px 30px 0 0
}
.hero-banner-eight .illustration{
    position:absolute;
    max-width:36%;
    right:6%;
    bottom:0;
    z-index:1
}
.hero-banner-eight .illustration .person-img{
    bottom:0;
    left:57%;
    transform:translateX(-50%);
    z-index:0;
    max-width:93%
}
.hero-banner-eight .illustration .shape_01{
    z-index:0;
    right:-8%;
    bottom:8%;
    max-width:131%
}
.hero-banner-nine{
    background:#fef3f4
}
.hero-banner-nine .hero-heading{
    font-size:100px;
    line-height:1em;
    font-weight:800
}
.hero-banner-nine .illustration{
    position:absolute;
    right:2%;
    top:0;
    max-width:51%;
    z-index:-1
}
.hero-banner-ten .bg{
    background:url(../images/media/img_21.jpg) no-repeat right top;
    background-size:cover
}
.hero-banner-ten .bg:before{
    content:"";
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    left:0;
    z-index:-1;
    background:linear-gradient(270.13deg, rgba(255, 255, 255, 0) 0.53%, rgba(250, 250, 250, 0) 37.87%, #F7F7F7 60.12%, #E6E5E7 99.89%)
}
.hero-banner-ten .hero-heading{
    font-size:72px;
    font-style:italic;
    line-height:1.0714em;
    letter-spacing:-2px
}
.hero-banner-ten .btn-group a{
    line-height:58px;
    border:2px solid #000;
    padding:0 30px 0 20px;
    font-weight:500;
    color:#000;
    transition:all .3s ease-in-out 0s;
    margin:10px 15px 0 0;
    display:flex;
    align-items:center
}
.hero-banner-ten .btn-group a img{
    margin-right:12px
}
.hero-banner-ten .btn-group a.active,.hero-banner-ten .btn-group a:hover{
    background:#ffd80b
}
.hero-banner-ten .dm-text{
    font-size:17px;
    color:#000
}
.hero-banner-ten .dm-text a{
    font-weight:500;
    text-decoration:underline
}
.fancy-banner-one .shape_01{
    right:0;
    bottom:7%;
    max-width:23%
}
.fancy-banner-one .shape_02{
    left:0;
    bottom:1%;
    max-width:21%
}
.fancy-banner-two{
    background:#8a42ff
}
.fancy-banner-two h2{
    font-size:78px;
    line-height:1.1282em;
    font-weight:700;
    color:#fff;
    letter-spacing:-0.8px;
    margin-bottom:55px
}
.fancy-banner-two .shape_01{
    right:5%;
    top:25%;
    max-width:11%
}
.fancy-banner-two .shape_02{
    left:5%;
    top:25%;
    max-width:11%
}
.fancy-banner-three h2{
    font-size:78px;
    line-height:1.1882em;
    letter-spacing:-2px
}
.fancy-banner-three .shape_01{
    right:0;
    top:25%;
    max-width:17%
}
.fancy-banner-three .shape_02{
    left:0;
    top:25%;
    max-width:17%
}
.fancy-banner-four .illustration{
    margin:-190px auto 0
}
.fancy-banner-four .shape_01{
    top:93%;
    left:-1%;
    max-width:8%;
    animation:jumpTwo 5s infinite linear
}
.fancy-banner-four .shape_02{
    top:93%;
    right:-1%;
    max-width:8%;
    animation:jumpThree 5s infinite linear
}
.fancy-banner-five{
    background:#242124;
}
.fancy-banner-five:before{
    content:"";
    position:absolute;
    width:33.333%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:33.333%;
    z-index:-1
}
.fancy-banner-five:after{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:50%;
    background:rgba(255,255,255,.05);
    z-index:-1
}
.fancy-banner-five .wrapper:before{
    content:"";
    position:absolute;
    width:66.666%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:16.6666%;
    z-index:-1
}
.fancy-banner-six{
    padding:0 120px
}
.fancy-banner-six .wrapper{
    background:#fff;
    box-shadow:0px 50px 100px rgba(0,0,0,.04);
    border-radius:30px;
    padding:60px 15px
}
.fancy-banner-six .wrapper h2{
    font-size:62px;
    font-style:italic;
    line-height:1.1774em;
    margin:0;
    letter-spacing:-1px
}
.fancy-banner-six .shape_01{
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:0;
    max-width:10%
}
.fancy-banner-six .shape_02{
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:0;
    max-width:10%
}
.fancy-banner-six .shape_03{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:0;
    max-width:13%
}
.fancy-banner-seven .shape_01{
    animation:jumpThree 5s infinite linear;
    max-width:12%
}
.fancy-banner-seven .platform-button-group a{
    width:190px;
    height:58px;
    border:2px solid #000;
    border-radius:10px;
    padding:0 5px 0 22px;
    margin:10px 10px 0;
    background:#fff;
    color:#000;
    text-align:left;
    font-size:18px;
    transition:all .3s ease-in-out
}
.fancy-banner-seven .platform-button-group a:hover{
    transform:translateY(-5px);
    box-shadow:-5px 10px 30px rgba(0,0,0,.05)
}
.fancy-banner-seven .platform-button-group a .icon{
    margin-right:14px
}
.fancy-banner-seven .platform-button-group a span{
    font-size:12px;
    color:rgba(0,0,0,.6);
    display:block;
    line-height:initial;
    margin-bottom:-3px
}
.fancy-banner-seven .platform-button-group a strong{
    font-weight:500;
    display:block
}
.fancy-banner-seven .platform-button-group a.ios-button{
    background:#000;
    border-color:#000
}
.fancy-banner-seven .platform-button-group a.ios-button span{
    color:#999
}
.fancy-banner-seven .platform-button-group a.ios-button strong{
    color:#fff
}
.fancy-banner-eight .hero-heading{
    font-size:164px;
    font-weight:900;
    text-transform:uppercase;
    line-height:1em;
    letter-spacing:-12px
}
.fancy-banner-eight .hero-heading .shape_02{
    width:244px
}
.fancy-banner-eight .hero-heading .shape_01{
    right:-12%;
    top:-37%
}
.fancy-banner-eight .hero-heading .smile_icon{
    width:78px;
    right:57%;
    top:50%;
    transform:translateY(-50%);
    z-index:0
}
.fancy-banner-nine:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../images/assets/bg_17.png) no-repeat center;
    background-size:cover;
    z-index:-1
}
.fancy-banner-nine .hero-heading{
    font-size:160px;
    font-weight:900;
    text-transform:uppercase;
    line-height:1em;
    letter-spacing:-12px
}
.fancy-banner-nine .hero-heading .shape_02{
    width:244px
}
.fancy-banner-nine .hero-heading .shape_01{
    right:-12%;
    top:-37%
}
.fancy-banner-nine .hero-heading .smile_icon{
    width:78px;
    right:57%;
    top:50%;
    transform:translateY(-50%);
    z-index:0
}
.fancy-banner-ten .wrapper{
    background:#f6f6f6;
    border-radius:50px;
    padding:0 80px 80px
}
.fancy-banner-ten .wrapper .illustration{
    margin:0 auto;
    width:100%;
    transform:translateY(-100px);
    border-bottom:3px solid #000
}
.fancy-banner-ten .wrapper .video-btn{
    width:135px;
    height:135px;
    border:3px solid #000;
    background:#f5e900;
    font-size:60px;
    color:#000;
    padding-left:10px
}
.fancy-banner-ten .wrapper .video-btn:hover{
    background:#000;
    color:#f5e900;
    border-color:#f5e900
}
.fancy-banner-ten .wrapper h2{
    width:calc(100% - 135px);
    padding-left:40px;
    margin:0;
    font-family:"Playfair Display",serif;
    font-weight:700;
    font-size:57px;
    line-height:1.228em
}
.fancy-banner-eleven .bg-wrapper{
    background:url(../images/media/img_21.jpg) no-repeat right top;
    background-size:cover
}
.fancy-banner-eleven .bg-wrapper:before{
    content:"";
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    left:0;
    z-index:-1;
    background:linear-gradient(270.13deg, rgba(255, 255, 255, 0) 0.53%, rgba(250, 250, 250, 0) 37.87%, #F7F7F7 60.12%, #E6E5E7 99.89%)
}
.contact-banner-one h5{
    font-style:italic;
    font-size:36px;
    letter-spacing:-1px
}
.contact-banner-one .icon{
    width:64px;
    height:64px;
    background:#000
}
.contact-banner-one .text{
    width:calc(100% - 64px);
    padding-left:20px
}
.contact-banner-one .text .title{
    font-size:24px;
    font-weight:700;
    color:#000
}
.contact-banner-one .skew-line:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-left:1px solid #000;
    border-right:1px solid #000;
    left:0;
    top:0;
    z-index:-1;
    transform:skew(-23deg)
}
.inner-banner-one .bg{
    background:url(../images/media/img_32.jpg) no-repeat right top;
    background-size:cover
}
.inner-banner-one .bg:before{
    content:"";
    position:absolute;
    width:100%;
    top:0;
    bottom:0;
    left:0;
    z-index:-1;
    background:linear-gradient(270.13deg, rgba(255, 255, 255, 0) 0.53%, rgba(250, 250, 250, 0) 37.87%, #F7F7F7 60.12%, #E6E5E7 99.89%)
}
.inner-banner-one h2{
    font-family:"Montserrat",sans-serif;
    font-size:70px;
    letter-spacing:-2px;
    margin-bottom:20px
}
.inner-banner-one ul li{
    font-size:22px;
    margin-right:4px;
    color:#000
}
.inner-banner-one ul li a{
    color:#000
}
.inner-banner-one ul li:last-child{
    font-weight:500
}
.inner-banner-two .shape_01{
    top:33%;
    left:50%;
    transform:translateX(-50%);
    max-width:90%
}
.inner-banner-three{
    background:#171417
}
.inner-banner-three:before{
    content:"";
    position:absolute;
    width:33.333%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:33.333%;
    z-index:-1
}
.inner-banner-three:after{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:50%;
    background:rgba(255,255,255,.05);
    z-index:-1
}
.inner-banner-three .wrapper:before{
    content:"";
    position:absolute;
    width:66.666%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:16.6666%;
    z-index:-1
}
.inner-banner-three h2{
    font-size:100px;
    font-weight:700;
    color:#fff;
    margin-bottom:20px
}
.inner-banner-three h2 span{
    font-family:"Pacifico",cursive;
    color:#f51ac5;
    font-weight:normal
}
.inner-banner-three ul li{
    font-size:22px;
    margin:0 3px;
    color:rgba(255,255,255,.5)
}
.inner-banner-three ul li a{
    color:rgba(255,255,255,.5)
}
.inner-banner-three ul li:last-child{
    font-weight:500;
    color:#fff
}
.video-banner-one .bg-wrapper{
    height:800px;
    background:url(../images/media/img_34.jpg) no-repeat center;
    background-size:cover
}
.video-banner-one .bg-wrapper .video-btn{
    width:130px;
    height:130px;
    background:#ffd80b;
    border:3px solid #000;
    font-size:60px;
    color:#000;
    padding-left:10px
}
.video-banner-one .bg-wrapper .video-btn:hover{
    background:#9affff
}
.block-feature-one .img-holder .card_01{
    position:absolute;
    right:0;
    bottom:-12%;
    z-index:1;
    max-width:130%
}
.block-feature-one .img-holder .card_02{
    position:absolute;
    right:0;
    bottom:-26%;
    z-index:2;
    max-width:151%
}
.block-feature-one .img-holder .shape_01{
    left:-51%;
    bottom:-24%;
    max-width:150%
}
.block-feature-three .img-holder-one .shape_01{
    max-width:114%;
    left:55%;
    transform:translateX(-50%);
    top:29%
}
.block-feature-three .img-holder-two .shape_01{
    max-width:117%;
    left:44%;
    transform:translateX(-50%);
    top:26%
}
.block-feature-five .shape_01{
    width:100%;
    top:7%
}
.block-feature-five .filter-nav{
    margin:0 -10px
}
.block-feature-five .filter-nav .nav-link{
    font-family:"Manrope",sans-serif;
    padding:22px 45px 22px 75px;
    position:relative;
    font-size:25px;
    font-weight:500;
    color:#000;
    letter-spacing:-0.25px;
    background:#fff;
    border:none;
    box-shadow:0px 20px 40px rgba(39,21,68,.03);
    border-radius:50px;
    z-index:1;
    margin:0 10px 35px
}
.block-feature-five .filter-nav .nav-link .icon{
    left:35px;
    top:50%;
    transform:translateY(-50%)
}
.block-feature-five .filter-nav .nav-link .icon_w{
    display:none
}
.block-feature-five .filter-nav .nav-link.active{
    color:#fff;
    background:#8a42ff
}
.block-feature-five .filter-nav .nav-link.active .icon{
    display:none
}
.block-feature-five .filter-nav .nav-link.active .icon.icon_w{
    display:block
}
.block-feature-six .bg-shape{
    top:50%;
    left:50%;
    transform:translate(-50%, -50%)
}
.block-feature-six .bg-shape-two{
    bottom:0;
    left:50%;
    width:100%;
    transform:translateX(-50%)
}
.block-feature-six blockquote{
    font-family:"Manrope",sans-serif;
    font-size:58px;
    font-weight:700;
    line-height:1.41379em;
    letter-spacing:-2px;
    color:#000;
    position:relative;
    padding-right:70px
}
.block-feature-six blockquote .icon{
    bottom:18px;
    right:0
}
.block-feature-six .media-block{
    background:url(../images/media/img_01.jpg) no-repeat center;
    background-size:cover;
    height:585px;
    padding:0 35px 45px 60px;
    font-family:"Manrope",sans-serif
}
.block-feature-six .media-block .name-card{
    background:#ffce52;
    border-radius:15px;
    padding:18px 30px
}
.block-feature-six .media-block .name-card h6{
    font-size:24px;
    font-weight:700;
    letter-spacing:-0.5px
}
.block-feature-seven:before{
    content:"";
    position:absolute;
    width:100%;
    height:20%;
    background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 30%, #FFFFFF 100%);
    bottom:0;
    left:0
}
.block-feature-seven.bg-fifteen:before{
    height:30%;
    background:linear-gradient(180deg, rgba(135, 38, 255, 0) 0%, rgba(135, 38, 255, 0.6) 30%, #8726FF 100%)
}
.block-feature-seven.bg-fifteen .logo-wrapper .logo{
    margin:30px 10px;
    width:100px;
    height:100px;
    border-radius:30px;
    background:#fff;
    box-shadow:0 35px 45px rgba(0,0,0,.08)
}
.block-feature-seven.bg-fifteen .logo-wrapper .logo img{
    width:auto;
    height:auto;
    border-radius:0;
    margin:0
}
.block-feature-seven .logo-wrapper{
    margin:0 -10px
}
.block-feature-seven .logo-wrapper img{
    width:95px;
    height:95px;
    border-radius:50%;
    margin:30px 10px
}
.block-feature-eight{
    background:#161616
}
.block-feature-eight .wrapper{
    width:100vw
}
.block-feature-nine .img-holder{
    background:#efece4;
    border-radius:40px;
    padding:30px
}
.block-feature-eleven .shape_01{
    left:-88px;
    bottom:-35px
}
.block-feature-eleven .slide-one{
    width:130vw;
    position:relative;
    left:50%;
    transform:translateX(-50%)
}
.block-feature-eleven .slide-two{
    width:120vw;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin-bottom:-1px
}
.block-feature-eleven .pr-slide a{
    border-radius:22px
}
.block-feature-eleven .pr-slide a img{
    border-radius:22px
}
.block-feature-twelve .rating li{
    margin:0 1px
}
.block-feature-twelve .rating li i{
    font-size:22px;
    color:#000
}
.block-feature-twelve .rating li span{
    font-size:20px;
    display:block;
    margin-left:10px;
    color:rgba(0,0,0,.3)
}
.block-feature-twelve .rating li span strong{
    font-weight:500;
    color:#000
}
.block-feature-thirteen .counter-box{
    padding:34px 38px 8px;
    border:3px solid #000;
    border-radius:20px;
    position:absolute;
    z-index:1
}
.block-feature-thirteen .counter-box h2{
    font-size:64px;
    font-family:"Playfair Display",serif;
    font-weight:700;
    letter-spacing:-2px;
    margin-bottom:-10px
}
.block-feature-thirteen .counter-box.box-one{
    left:5%;
    top:-7%
}
.block-feature-thirteen .counter-box.box-two{
    right:4%;
    top:24%
}
.block-feature-fourteen .filter-nav{
    margin:0 -10px
}
.block-feature-fourteen .filter-nav .nav-link{
    padding:13px 60px 13px 75px;
    position:relative;
    font-size:20px;
    font-weight:500;
    color:#000;
    border:1px solid rgba(0,0,0,.15);
    border-radius:50px;
    z-index:1;
    margin:0 10px 10px
}
.block-feature-fourteen .filter-nav .nav-link .icon{
    left:35px;
    top:50%;
    transform:translateY(-50%)
}
.block-feature-fourteen .filter-nav .nav-link .icon_w{
    display:none
}
.block-feature-fourteen .filter-nav .nav-link.active{
    color:#fff;
    background:#000;
    border-color:#000
}
.block-feature-fourteen .filter-nav .nav-link.active .icon{
    display:none
}
.block-feature-fourteen .filter-nav .nav-link.active .icon.icon_w{
    display:block
}
.block-feature-sixteen .feature-block{
    position:relative;
    z-index:1;
    border-radius:40px;
    padding:48px 40px 40px
}
.block-feature-sixteen .feature-block h3{
    font-weight:700;
    font-size:58px;
    letter-spacing:-3px
}
.block-feature-sixteen .feature-block p{
    line-height:1.583em;
    margin:30px 0 0
}
.block-feature-sixteen .feature-block .list-item li{
    font-size:22px;
    font-weight:500;
    color:#000;
    padding-left:35px;
    margin-top:20px;
    letter-spacing:-1px;
    position:relative
}
.block-feature-sixteen .feature-block .list-item li:before{
    content:url(../images/icon/icon_31.svg);
    position:absolute;
    left:0;
    top:2px
}
.block-feature-sixteen .feature-block .shape_01{
    right:5%;
    top:10%;
    width:11%
}
.block-feature-sixteen .feature-block .shape_02{
    right:5%;
    top:10%;
    width:10%
}
.block-feature-sixteen .feature-block .shape_03{
    left:29%;
    bottom:9%;
    width:15%
}
.block-feature-eighteen .feature-block{
    background:#f7f7f7;
    border-radius:50px;
    padding-left:50px;
    padding-right:50px;
    position:relative;
    z-index:1
}
.block-feature-eighteen .feature-block h3{
    font-size:55px;
    line-height:1.1034em
}
.block-feature-eighteen .feature-block .shape_01{
    left:0;
    top:10%
}
.block-feature-eighteen .feature-block .shape_02{
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    max-width:86%
}
.block-feature-eighteen .feature-block .shape_03{
    right:0;
    top:10%;
    max-width:9%
}
.block-feature-nineteen .slider-arrows{
    position:absolute;
    right:0;
    top:40px;
    width:130px;
    border:2px solid #000;
    border-radius:30px;
    overflow:hidden;
    box-shadow:3px 3px 0 #000
}
.block-feature-nineteen .slider-arrows li{
    width:50%;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    font-weight:900;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.block-feature-nineteen .slider-arrows li:first-child{
    border-right:1px solid #000
}
.block-feature-nineteen .slider-arrows li:hover{
    background:#000;
    color:#fff
}
.block-feature-twenty h2{
    font-family:"Montserrat",sans-serif;
    font-size:95px;
    line-height:1em;
    letter-spacing:-4px;
    text-transform:uppercase
}
.block-feature-twenty .img-box{
    border:2px solid #000;
    border-radius:60px;
    box-shadow:-8px 8px 0 #000
}
.block-feature-twenty .img-box .main-img{
    border-radius:60px
}
.block-feature-twenty .img-box .text-sticker{
    position:absolute;
    left:-30%;
    top:45%;
    text-align:center
}
.block-feature-twenty .img-box .text-sticker div{
    position:absolute;
    left:50%;
    top:45%;
    transform:translate(-50%, -50%);
    font-size:22px;
    font-weight:500;
    color:#000
}
.block-feature-twenty .img-box .text-sticker div span{
    font-family:"Montserrat",sans-serif;
    display:block;
    font-size:80px;
    letter-spacing:-1px;
    margin-bottom:-25px
}
.block-feature-twenty .img-box .shape_01{
    left:-49%;
    bottom:5%
}
.block-feature-twentyOne .feature-block{
    background:#ecf8f6;
    border-radius:50px;
    position:relative;
    z-index:1
}
.block-feature-twentyOne .feature-block .counter-block{
    padding:50px 0
}
.block-feature-twentyOne .feature-block .counter-block.border-style{
    border-right:1px solid #b6ded7
}
.block-feature-twentyOne .feature-block .main-count{
    font-size:64px;
    font-style:italic;
    letter-spacing:-1px;
    color:#000;
    margin-bottom:-10px
}
.block-feature-twentyOne .feature-block.block-two{
    padding:40px 45px 50px
}
.block-feature-twentyOne .feature-block.block-two .avatar{
    width:60px;
    height:60px
}
.block-feature-twentyOne .feature-block.block-two .name{
    width:calc(100% - 60px);
    padding-left:25px
}
.block-feature-twentyOne .feature-block.block-two .name h6{
    font-size:24px
}
.block-feature-twentyOne .feature-block.block-two blockquote{
    font-size:34px;
    font-weight:500;
    line-height:1.5294em;
    color:#000;
    margin:40px 0 55px
}
.block-feature-twentyOne .feature-block.block-two li{
    width:100px;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:30px;
    padding:18px;
    box-shadow:0px 35px 45px rgba(7,14,39,.05)
}
.block-feature-twentyOne .feature-block.block-three{
    padding-top:20px
}
.block-feature-twentyOne .feature-block.block-three .screen{
    margin-left:-45px
}
.block-feature-twentyOne .feature-block.block-three .shape_01{
    top:0;
    left:0;
    width:100%
}
.block-feature-twentyTwo:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:url(../images/assets/bg_15.svg) no-repeat center;
    background-size:cover;
    z-index:-1
}
.block-feature-twentyTwo .feature .num{
    font-size:24px;
    color:#000;
    border-bottom:2px solid #000;
    padding-bottom:25px;
    margin-bottom:45px
}
.block-feature-twentyTwo .feature p{
    font-size:32px;
    color:#000;
    line-height:1.25em
}
.block-feature-twentyTwo .shape_01{
    right:0;
    top:13%;
    max-width:43%
}
.block-feature-twentyFour{
    background:#481938;
    position:relative;
    z-index:2
}
.block-feature-twentyFour .card-style-eleven{
    margin-top:-100px
}
.block-feature-twentyFour form{
    background:rgba(255,255,255,.13);
    border-radius:20px;
    margin:90px 0 25px
}
.block-feature-twentyFour form button{
    width:220px;
    height:90px;
    font-size:24px;
    font-weight:500;
    color:#000;
    background:#f5e900;
    border-radius:20px;
    transition:all .3s ease-in-out 0s
}
.block-feature-twentyFour form button:hover{
    background:#000;
    color:#fff
}
.block-feature-twentyFour form input{
    width:calc(100% - 220px);
    height:90px;
    border:none;
    background:rgba(0,0,0,0);
    border-radius:20px 0 0 20px;
    padding:0 30px;
    color:#fff;
    font-size:20px
}
.block-feature-twentyFour form input::-moz-placeholder{
    color:#fff
}
.block-feature-twentyFour form input::placeholder{
    color:#fff
}
.block-feature-twentyFour .logos{
    margin:0 -15px
}
.block-feature-twentyFour .logos div{
    margin:15px 15px 0
}
.block-feature-twentySix .block-one{
    background:#f6f6f6;
    border-radius:50px;
    padding:50px 45px
}
.block-feature-twentySix .block-one h3{
    font-size:42px;
    line-height:1.238em;
    margin:90px 0 0
}
.block-feature-twentySix .block-two{
    background:#1f4531;
    border-radius:50px;
    padding:60px 80px 60px
}
.block-feature-twentySix .block-two h3{
    font-size:48px;
    line-height:1.208em;
    color:#fff
}
.block-feature-twentySix .block-two img{
    margin:-55px auto 0
}
.block-feature-twentySix .block-three{
    background:#cde1ff;
    border-radius:50px;
    padding:80px 80px 120px;
    position:relative;
    z-index:1
}
.block-feature-twentySix .block-three .icon{
    width:70px;
    height:70px;
    border:2px solid #000;
    background:#f5e900;
    margin-left:auto
}
.block-feature-twentySix .block-three blockquote{
    font-weight:500;
    font-size:36px;
    line-height:1.4444em;
    color:#000;
    margin:25px 0 45px
}
.block-feature-twentySix .block-three .shape_01{
    left:0;
    bottom:0;
    max-width:50%
}
.block-feature-twentySix .block-three .shape_02{
    top:14%;
    left:6%;
    max-width:50%
}
.block-feature-twentySix .block-four{
    background:#f6f6f6;
    border-radius:50px;
    padding:50px 45px
}
.block-feature-twentySix .block-four h3{
    font-size:42px;
    line-height:1.238em;
    margin:0 0 90px
}
.block-feature-twentyEight .block-feature .card-one{
    padding:30px 20px;
    background:#fff;
    box-shadow:30px 50px 100px rgba(0,0,0,.07);
    position:absolute;
    right:-50px;
    bottom:-50px;
    width:380px;
    text-align:center
}
.block-feature-twentyEight .block-feature .card-one h4{
    font-size:28px;
    margin-top:20px
}
.block-feature-twentyEight .block-feature .card-two{
    padding:30px 20px;
    background:#fff;
    box-shadow:30px 50px 100px rgba(0,0,0,.07);
    position:absolute;
    left:-50px;
    bottom:-50px;
    width:280px;
    text-align:center
}
.block-feature-twentyEight .block-feature .card-two h4{
    font-size:28px;
    margin-top:20px
}
.block-feature-thirty .media-img{
    border-radius:50px
}
.block-feature-thirty .shape_01{
    right:7%;
    bottom:13%
}
.block-feature-thirty .shape_02{
    right:8%;
    top:12%;
    max-width:84%
}
.block-feature-thirtyOne .video-banner{
    height:720px;
    background:url(../images/media/img_27.jpg) no-repeat center;
    background-size:cover;
    border:10px solid #000;
    border-radius:50px
}
.block-feature-thirtyOne .video-banner .video-btn{
    width:130px;
    height:130px;
    background:#000;
    font-size:60px;
    color:#fff;
    padding-left:10px
}
.block-feature-thirtyOne .video-banner .video-btn:hover{
    background:#b66cff
}
.app-integration-one{
    overflow:hidden
}
.app-integration-one .logo-wrapper{
    width:110vw;
    position:relative;
    left:50%;
    transform:translateX(-50%)
}
.app-integration-one .logo-wrapper:before{
    content:"";
    position:absolute;
    background:linear-gradient(89.69deg, #FFFFFF 13.29%, rgba(255, 255, 255, 0) 99.64%);
    transform:rotate(-180deg);
    right:0;
    height:100%;
    top:0;
    width:20%;
    z-index:1
}
.app-integration-one .logo-wrapper:after{
    content:"";
    position:absolute;
    background:linear-gradient(89.69deg, #FFFFFF 13.29%, rgba(255, 255, 255, 0) 99.64%);
    left:0;
    height:100%;
    top:0;
    width:20%;
    z-index:1
}
.app-integration-one .logo-wrapper img{
    margin:0 auto
}
.app-integration-one .logo-wrapper .logo-box{
    width:200px;
    height:200px;
    border-radius:30px;
    margin:0 auto
}
.faq-section-one .shape_01{
    right:7%;
    top:15%;
    max-width:5%;
    animation:rotated 90s infinite linear
}
.faq-section-one .shape_02{
    left:7%;
    bottom:9%;
    max-width:3%;
    animation:rotated 40s infinite linear
}
.faq-section-two .shape_01{
    right:7%;
    top:50%;
    transform:translateY(-50%)
}
.counter-section-one .main-count{
    font-size:90px;
    font-style:italic;
    letter-spacing:-3px;
    color:#000;
    margin-bottom:-22px
}
.counter-section-one p{
    margin:0
}
.counter-section-one .skew-line:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-left:1px solid #000;
    border-right:1px solid #000;
    left:0;
    top:0;
    z-index:-1;
    transform:skew(-15deg)
}
.service-details .wrapper{
    max-width:1170px
}
.service-details .wrapper p{
    font-size:20px;
    color:#000
}
.service-details .wrapper h3{
    font-family:"Montserrat",sans-serif;
    font-size:32px;
    margin:65px 0 15px
}
.service-details .wrapper .list-type-one li{
    font-size:20px;
    color:#000;
    line-height:1.9em;
    position:relative;
    padding-left:35px;
    margin-bottom:20px
}
.service-details .wrapper .list-type-one li span{
    font-weight:700
}
.service-details .wrapper .list-type-one li:before{
    content:url(../images/icon/icon_89.svg);
    position:absolute;
    left:0;
    top:3px
}
.service-details .wrapper .bg-wrapper{
    padding:22px 40px 25px
}
.service-details .wrapper .bg-wrapper .card-style-fifteen .icon{
    width:54px;
    height:54px
}
.service-details .wrapper .bg-wrapper .card-style-fifteen h6{
    font-size:22px;
    margin:16px 0 14px
}
.service-details .wrapper .bg-wrapper .card-style-fifteen p{
    font-size:17px
}
.project-details .share-icon li:first-child{
    font-family:"Montserrat",sans-serif;
    font-size:16px;
    letter-spacing:2px;
    color:#000;
    text-transform:uppercase
}
.project-details .share-icon a{
    width:48px;
    height:48px;
    border:1px solid #000;
    border-radius:50%;
    line-height:46px;
    text-align:center;
    color:#000;
    margin-left:10px;
    transition:all .3s ease-in-out 0s
}
.project-details .share-icon a:hover{
    background:#000;
    color:#fff
}
.project-details .project-info{
    margin:0 -10px
}
.project-details .project-info li{
    width:18%;
    margin:20px 10px 0;
    position:relative;
    z-index:1;
    padding:8px 0
}
.project-details .project-info li:nth-child(2):before{
    content:"";
    position:absolute;
    width:150%;
    height:100%;
    border-left:2px solid #000;
    border-right:2px solid #000;
    left:-50%;
    top:0;
    z-index:-1;
    transform:skew(-26deg)
}
.project-details .project-info li:nth-child(3):before{
    content:"";
    position:absolute;
    width:150%;
    height:100%;
    border-right:2px solid #000;
    left:-50%;
    top:0;
    z-index:-1;
    transform:skew(-26deg)
}
.project-details .project-info li h6{
    font-family:"Montserrat",sans-serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:5px
}
.project-details .media-lg{
    border:3px solid #000;
    border-radius:50px;
    box-shadow:0 8px 0 #000;
    overflow:hidden
}
.project-details h3{
    font-family:"Montserrat",sans-serif;
    font-size:58px;
    margin:80px 0 25px
}
.project-details p{
    font-size:22px;
    line-height:1.909em;
    margin-bottom:35px
}
.project-details .list-type-one li{
    font-size:20px;
    color:#000;
    line-height:1.9em;
    position:relative;
    padding-left:35px;
    margin-bottom:20px;
    max-width:1080px
}
.project-details .list-type-one li span{
    font-weight:700
}
.project-details .list-type-one li:before{
    content:url(../images/icon/icon_89.svg);
    position:absolute;
    left:0;
    top:3px
}
.project-details .list-type-two li{
    font-size:20px;
    color:#000;
    line-height:1.9em;
    position:relative;
    padding-left:35px;
    margin-bottom:20px;
    margin-top:16px;
    max-width:1080px
}
.project-details .list-type-two li:before{
    content:url(../images/icon/icon_89.1.svg);
    position:absolute;
    left:0;
    top:0px
}

.project-details .list-type-three li{
    font-size:20px;
    color:#000;
    line-height:1.9em;
    position:relative;
    padding-left:35px;
    margin-bottom:20px;
    margin-top:16px;
    max-width:1080px
}
.project-details .list-type-three li:before{
    content: none;
    position:absolute;
    left:0;
    top:0px
}

.project-details .media-md{
    border:3px solid #000;
    border-radius:30px;
    overflow:hidden
}

.project-details blockquote {
  font-style: italic;
  font-size: 1.3rem;
  margin: 2rem 0;
  color: #000;
}

.project-details blockquote:before {
  content: '❞ ';
}

.project-details blockquote:after {
  content: ' ❞';
}

.centering-image {
  display: flex;
  justify-content: center;
}

.centering-image img {
  max-width: 100%;
  max-height: auto;
}

.project-table {
  display: flex;
  margin: 2rem 0;
}

.project-table .column {
    margin-bottom: 1em;
    width: 100%;
}

.project-table .header {
    font-weight: 700;
}

.project-table .row {
    border-bottom: 1px black solid;
    height: 3em;
    margin: auto;
    width: 100%;
}





.project-details .page-pagination{
    padding:60px 0
}
.project-details .page-pagination .pr-dir{
    font-size:16px;
    letter-spacing:.89px;
    color:#979797
}
.project-details .page-pagination .pr-name{
    font-size:32px;
    color:#000;
    margin-top:4px
}
.project-details .page-pagination i{
    font-size:30px;
    width:75px;
    height:75px;
    border:1px solid #000;
    color:#000;
    border-radius:50%;
    text-align:center;
    line-height:73px;
    transition:all .2s ease-in-out 0s
}
.project-details .page-pagination a:hover i{
    background:#000;
    color:#fff
}
.error-page{
    overflow:hidden
}

.error-page h2{
    font-family:"Montserrat",sans-serif;
    font-size:140px;
    letter-spacing:-2px
}
.error-page h3{
    font-family:"Montserrat",sans-serif;
    font-size:90px;
    line-height:1em;
    letter-spacing:-2px;
    text-transform:uppercase
}
.error-page .btn-seven{
    border-radius:40px;
    min-width:150px
}
.error-page .illustration{
    position:absolute;
    right:0;
    top:6%;
    max-width:50%
}
.error-page .shape_01{
    top:6%;
    left:5%;
    max-width:35px
}
.counter-block-one .main-count{
    font-family:"Montserrat",sans-serif;
    font-size:90px;
    font-style:italic;
    color:#000;
    margin-bottom:-18px
}
.counter-block-two .main-count{
    font-size:90px;
    font-weight:500;
    color:#000;
    margin-bottom:-15px
}
.accordion-style-one .accordion-item{
    background:rgba(0,0,0,0);
    position:relative;
    margin:0 0 20px 10px;
    z-index:2;
    border:3px solid #000;
    border-radius:20px
}
.accordion-style-one .accordion-item:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#ffea7b;
    z-index:-1;
    border-radius:20px
}
.accordion-style-one .accordion-item:after{
    content:"";
    position:absolute;
    top:1px;
    right:1px;
    bottom:-8px;
    left:-8px;
    background:#000;
    z-index:-2;
    border-radius:20px
}
.accordion-style-one .accordion-item .accordion-button{
    background:rgba(0,0,0,0);
    box-shadow:none;
    font-weight:500;
    font-size:26px;
    line-height:1.35em;
    color:#000;
    padding:40px 30px
}
.accordion-style-one .accordion-item .accordion-button:not(.collapsed):after{
    content:"-"
}
.accordion-style-one .accordion-item .accordion-button:after{
    content:"+";
    font-weight:normal;
    font-size:36px;
    width:45px;
    height:45px;
    color:#000;
    background:#fff;
    text-align:center;
    display:block;
    line-height:41px;
    transform:none;
    border-radius:50%;
    border:2px solid #000
}
.accordion-style-one .accordion-item .accordion-body{
    padding:0 30px 40px
}
.accordion-style-one .accordion-item .accordion-body p{
    margin:0
}
.accordion-style-two{
    background:#fff;
    box-shadow:0px 30px 70px rgba(0,0,0,.03);
    border-radius:30px;
    padding:10px 50px
}
.accordion-style-two .accordion-item{
    background:rgba(0,0,0,0);
    position:relative;
    z-index:2;
    border:none;
    border-radius:0;
    border-bottom:1px solid rgba(0,0,0,.1)
}
.accordion-style-two .accordion-item:last-child{
    border:none
}
.accordion-style-two .accordion-item .accordion-button{
    background:rgba(0,0,0,0);
    box-shadow:none;
    font-weight:500;
    font-size:26px;
    line-height:1.35em;
    color:#000;
    padding:45px 0
}
.accordion-style-two .accordion-item .accordion-button:not(.collapsed){
    padding-bottom:30px
}
.accordion-style-two .accordion-item .accordion-button:not(.collapsed):after{
    content:"-"
}
.accordion-style-two .accordion-item .accordion-button:after{
    content:"+";
    font-weight:normal;
    font-size:36px;
    color:#000;
    transform:none;
    border:none;
    background:rgba(0,0,0,0)
}
.accordion-style-two .accordion-item .accordion-body{
    padding:0 30px 30px 0
}
.accordion-style-two .accordion-item .accordion-body p{
    margin:0
}
.accordion-style-two.style-two .accordion-item{
    border-bottom:1px solid #000
}
.accordion-style-two.style-two .accordion-item:first-child{
    border-top:1px solid #000
}
.accordion-style-three .accordion-item{
    background:rgba(0,0,0,0);
    position:relative;
    z-index:2;
    border:none;
    border-radius:0;
    border-bottom:1px solid #000
}
.accordion-style-three .accordion-item .accordion-button{
    font-family:"Playfair Display",serif;
    background:rgba(0,0,0,0);
    box-shadow:none;
    font-weight:700;
    font-size:32px;
    line-height:1.35em;
    color:#000;
    padding:42px 0
}
.accordion-style-three .accordion-item .accordion-button:not(.collapsed){
    padding-bottom:15px
}
.accordion-style-three .accordion-item .accordion-body{
    padding:0 30px 30px 0
}
.accordion-style-three .accordion-item .accordion-body p{
    margin:0
}
.accordion-style-four .accordion-item{
    background:#fff;
    position:relative;
    z-index:2;
    border:2px solid #000;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:25px;
    padding:0 40px
}
.accordion-style-four .accordion-item .accordion-button{
    background:rgba(0,0,0,0);
    box-shadow:none;
    font-size:28px;
    font-weight:500;
    line-height:1.35em;
    color:#000;
    padding:45px 0
}
.accordion-style-four .accordion-item .accordion-button:not(.collapsed){
    padding-bottom:40px
}
.accordion-style-four .accordion-item .accordion-button:not(.collapsed):after{
    content:"-";
    background:#000;
    color:#fff
}
.accordion-style-four .accordion-item .accordion-button:after{
    content:"+";
    font-weight:normal;
    font-size:36px;
    color:#000;
    transform:none;
    width:50px;
    height:50px;
    border:2px solid #000;
    border-radius:50%;
    line-height:46px;
    text-align:center;
    background:rgba(0,0,0,0)
}
.accordion-style-four .accordion-item .accordion-body{
    padding:0 30px 55px 0
}
.accordion-style-four .accordion-item .accordion-body p{
    margin:0;
    font-size:22px
}
.accordion-style-five .accordion-item{
    background:rgba(0,0,0,0);
    position:relative;
    z-index:2;
    border:none;
    border-radius:0;
    border-bottom:1px solid #000
}
.accordion-style-five .accordion-item .accordion-button{
    font-family:"Montserrat",sans-serif;
    background:rgba(0,0,0,0);
    box-shadow:none;
    font-size:28px;
    line-height:1.2em;
    color:#000;
    padding:25px 0
}
.accordion-style-five .accordion-item .accordion-button:not(.collapsed):after{
    content:"-"
}
.accordion-style-five .accordion-item .accordion-button:after{
    content:"+";
    font-family:"Gordita";
    font-weight:normal;
    font-size:32px;
    color:#000;
    transform:none;
    border:none;
    background:rgba(0,0,0,0);
    height:auto;
    width:auto
}
.accordion-style-five .accordion-item .accordion-body{
    padding:0 30px 30px 0
}
.accordion-style-five .accordion-item .accordion-body p{
    margin:0
}
.accordion-style-six .accordion-item{
    background:#fff;
    position:relative;
    z-index:2;
    border:2px solid #000;
    border-radius:0;
    overflow:hidden;
    margin-bottom:25px;
    padding:0 40px
}
.accordion-style-six .accordion-item .accordion-button{
    background:rgba(0,0,0,0);
    box-shadow:none;
    font-size:28px;
    font-weight:500;
    line-height:1.35em;
    color:#000;
    padding:45px 0
}
.accordion-style-six .accordion-item .accordion-button:not(.collapsed){
    padding-bottom:32px
}
.accordion-style-six .accordion-item .accordion-button:not(.collapsed):after{
    content:"-";
    background:#ffd80b
}
.accordion-style-six .accordion-item .accordion-button:after{
    content:"+";
    font-weight:normal;
    font-size:36px;
    color:#000;
    transform:none;
    width:50px;
    height:50px;
    border:2px solid #000;
    border-radius:50%;
    line-height:46px;
    text-align:center;
    background:rgba(0,0,0,0)
}
.accordion-style-six .accordion-item .accordion-body{
    padding:0 30px 55px 0
}
.accordion-style-six .accordion-item .accordion-body p{
    margin:0
}
.pagination-one{
    margin:0 -3px
}
.pagination-one li{
    padding:0 3px
}
.pagination-one li a{
    width:45px;
    height:45px;
    text-align:center;
    line-height:45px;
    border-radius:50%;
    font-weight:500;
    font-size:22px;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.pagination-one li a:hover{
    background:#000;
    color:#fff
}
.pagination-one li.active a{
    background:#000;
    color:#fff
}
.pagination-one li:last-child a{
    width:auto;
    height:auto;
    background:rgba(0,0,0,0);
    color:#000
}
.pagination-one.square a{
    border-radius:0
}
.card-style-one{
    padding:65px 25px 60px
}
.card-style-one .icon{
    width:110px;
    height:110px;
    /*background:#000*/
}
.card-style-one h3{
    font-family:"Montserrat",sans-serif;
    font-size:24px;
    font-style:italic;
    text-transform:uppercase;
    margin:55px 0 45px;
    min-height:58px
}
.card-style-one p{
    line-height:1.65em
}
.card-style-two{
    background:linear-gradient(to bottom, #FF4BD8, #8726FF);
    padding:2px;
    border-radius:20px
}
.card-style-two .wrapper{
    background:#fff;
    padding:25px 25px 25px 45px;
    border-radius:20px
}
.card-style-two .wrapper h3{
    font-family:"Manrope",sans-serif;
    font-size:40px;
    font-weight:600;
    letter-spacing:-0.84px
}
.card-style-two .wrapper .icon{
    width:60px;
    height:60px;
    background:#f3f5f6
}
.card-style-two .wrapper p{
    font-size:22px;
    line-height:1.7272em
}
.card-style-two .wrapper .pointer{
    right:18%;
    bottom:-110%
}
.card-style-two:hover{
    background:#8a42ff
}
.card-style-two:hover .wrapper{
    background:rgba(0,0,0,0)
}
.card-style-two:hover .wrapper h3,.card-style-two:hover .wrapper p{
    color:#fff
}
.card-style-two:hover .wrapper .icon{
    background:#fff
}
.card-style-three{
    background:#fff;
    box-shadow:0px 20px 50px rgba(0,0,0,.03);
    border-radius:40px;
    padding:40px 45px 50px;
    font-family:"Manrope",sans-serif
}
.card-style-three .main-count{
    font-size:95px;
    color:#000;
    letter-spacing:-3px;
    margin-bottom:-5px;
    margin-top:50px
}
.card-style-three .shape_01{
    top:40px;
    right:40px
}
.card-style-three .logo{
    height:50px
}
.card-style-four{
    background-size:cover;
    background-repeat:no-repeat;
    border-radius:30px;
    padding:40px 35px 50px
}
.card-style-four .main-count{
    font-family:"Manrope",sans-serif;
    font-weight:600;
    font-size:100px;
    letter-spacing:-1px;
    color:#000;
    margin:80px 0
}
.card-style-five .icon{
    width:52px;
    height:52px;
    background:#000;
    margin:0 auto
}
.card-style-five span{
    font-family:"Manrope",sans-serif;
    text-transform:uppercase;
    font-size:15px;
    color:rgba(0,0,0,.3);
    letter-spacing:1px;
    display:block;
    margin:30px 0 5px
}
.card-style-six{
    position:relative;
    padding-bottom:10px
}
.card-style-six.border-line::before{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    background:#000;
    top:0;
    right:-57%
}
.card-style-six .icon{
    height:210px
}
.card-style-six .icon img{
    max-height:100%
}
.card-style-six h4{
    font-family:"Playfair Display",serif;
    font-size:32px;
    font-weight:700;
    margin:50px 0 25px
}
.card-style-seven:before{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#000;
    left:50%;
    bottom:0;
    transform:translateX(-50%)
}
.card-style-seven .icon{
    height:75px
}
.card-style-seven h4{
    margin:45px 0 0
}
.card-style-eight{
    background:#fff;
    box-shadow:0px 25px 60px rgba(0,0,0,.01);
    border-radius:40px;
    padding:50px 35px 45px
}
.card-style-eight .icon{
    max-height:212px
}
.card-style-eight h5{
    font-size:28px;
    margin:50px 0 32px
}

.project-text-heading {
margin: 2rem 0;
}

.card-style-nine{
    padding:25px 35px 140px;
    border:2px solid #000;
    border-radius:30px;
    box-shadow:8px 8px 0 #000;
    position:relative;
    z-index:1;
    margin-bottom:15px
}
.card-style-nine .num{
    font-size:23px;
    color:#000;
    border-bottom:1px solid #000;
    padding-bottom:15px
}
.card-style-nine .title{
    font-size:18px;
    letter-spacing:1.5px;
    color:#000;
    margin:70px 0 25px
}
.card-style-nine .service-heading{
    font-size:36px;
    line-height:1.1666em;
    color:#000
}
.card-style-nine .service-heading:hover{
    text-decoration:underline
}
.card-style-nine .illustration{
    right:8%;
    bottom:0
}
.card-style-ten{
    background:#ecf8f6;
    border-radius:30px;
    padding:45px 50px 55px;
    text-align:center
}
.card-style-ten .icon{
    height:154px
}
.card-style-ten .icon img{
    max-height:100%
}
.card-style-ten h4{
    font-size:28px;
    line-height:1.357em;
    margin:60px 0 0
}
.card-style-eleven{
    background:#fff;
    box-shadow:0px -25px 50px 20px rgba(0,0,0,.02);
    border-radius:30px;
    padding:30px 40px 24px;
    position:relative
}
.card-style-eleven h4{
    font-size:28px;
    margin:29px 0 8px
}
.card-style-twelve h4{
    font-size:24px;
    margin:25px 0
}
.card-style-thirteen .icon{
    width:60px;
    height:60px
}
.card-style-thirteen .text{
    width:calc(100% - 60px);
    padding-left:25px
}
.card-style-thirteen .text h6{
    font-size:22px;
    margin-bottom:5px
}
.card-style-fourteen{
    border:2px solid #000;
    padding:100px 40px;
    position:relative;
    z-index:1;
    text-align:center
}
.card-style-fourteen .icon{
    height:125px
}
.card-style-fourteen h4{
    font-size:28px;
    line-height:1.428em;
    margin-top:90px
}
.card-style-fourteen .cta-btn{
    width:55px;
    height:55px;
    position:absolute;
    right:0;
    bottom:0
}
.card-style-fourteen .cta-btn:hover{
    background:#ffd80b
}
.card-style-fifteen .icon{
    width:75px;
    height:75px;
    margin:0 auto
}
.card-style-fifteen h6{
    font-size:24px;
    margin:35px 0 24px
}
.card-style-sixteen{
    background:#fff;
    border-radius:40px;
    padding:50px 45px 30px
}
.card-style-sixteen h6{
    font-family:"Manrope",sans-serif;
    font-weight:600;
    font-size:32px;
    letter-spacing:-1px
}
.card-style-sixteen p{
    padding:25px 0 28px
}
.card-style-sixteen a{
    font-weight:500;
    color:#000
}
.card-style-sixteen a .icon{
    width:55px;
    height:55px;
    background:#f3f5f6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    transition:all .3s ease-in-out 0s
}
.card-style-sixteen a:hover .icon{
    background:#8a42ff;
    color:#fff
}
.pricing-nav-one .nav{
    border:2px solid #8a42ff;
    border-radius:10px;
    overflow:hidden
}
.pricing-nav-one .nav .nav-link{
    width:160px;
    height:50px;
    font-weight:500;
    font-size:17px;
    color:#8a42ff;
    background:rgba(0,0,0,0);
    padding:0;
    margin:0;
    border:0;
    border-radius:0
}
.pricing-nav-one .nav .nav-link.active{
    background:#8a42ff;
    color:#fff
}
.pricing-nav-two .nav{
    border:2px solid #000;
    border-radius:10px;
    padding:5px;
    overflow:hidden
}
.pricing-nav-two .nav .nav-link{
    width:145px;
    text-align:center;
    line-height:56px;
    font-weight:500;
    font-size:18px;
    color:#000;
    background:rgba(0,0,0,0);
    padding:0;
    margin:0;
    border:0;
    border-radius:10px
}
.pricing-nav-two .nav .nav-link.active{
    background:#222;
    color:#fff
}
.pricing-nav-three .nav{
    width:80px;
    height:40px;
    border-radius:50px;
    border:none;
    background:#000;
    padding:5px
}
.pricing-nav-three .nav .nav-link{
    width:30px;
    height:30px;
    background:rgba(0,0,0,0);
    padding:0;
    margin:0;
    border:0;
    border-radius:50%;
    position:relative;
    font-size:18px;
    color:rgba(0,0,0,.4)
}
.pricing-nav-three .nav .nav-link.active{
    background:#fff;
    color:#000;
    font-weight:500
}
.pricing-nav-three .nav .nav-link:nth-child(1):before{
    content:"Billed Monthly";
    position:absolute;
    left:-140px;
    top:1px
}
.pricing-nav-three .nav .nav-link:nth-child(2):before{
    content:"Billed Yearly";
    position:absolute;
    right:-120px;
    top:1px
}
.pricing-nav-four .nav{
    border:none;
    border-radius:50px;
    padding:7px;
    overflow:hidden;
    background:#000
}
.pricing-nav-four .nav .nav-link{
    width:125px;
    text-align:center;
    line-height:40px;
    font-weight:500;
    font-size:20px;
    color:#fff;
    background:rgba(0,0,0,0);
    padding:0;
    margin:0;
    border:0;
    border-radius:50px
}
.pricing-nav-four .nav .nav-link.active{
    background:#f5e900;
    color:#000
}
.pricing-section-one .pricing-nav-three .nav{
    background:#8a42ff
}
.pricing-section-one .pricing-nav-three .nav .nav-link{
    font-weight:500;
    color:#000
}
.pricing-section-one .shape_01{
    left:50%;
    transform:translateX(-50%);
    top:0
}
.pricing-section-one .shape_02{
    left:10%;
    top:8%;
    width:8%
}
.pricing-section-one .shape_03{
    right:-7%;
    top:5%;
    z-index:1;
    width:12%
}
.pricing-section-one .bg-wrapper{
    background:linear-gradient(to bottom, #FF4BD8, #8726FF);
    padding:5px;
    border-radius:30px
}
.pricing-section-one .main-bg{
    border-radius:25px;
    background:#fff;
    overflow:hidden;
    font-family:"Manrope",sans-serif
}
.pricing-section-one .pr-column-wrapper{
    width:25%;
    border-left:1px solid rgba(0,0,0,.06)
}
.pricing-section-one .pr-column-wrapper .pr-header{
    border-bottom:1px solid rgba(0,0,0,.06);
    padding:35px 15px 15px;
    height:250px
}
.pricing-section-one .pr-column-wrapper .pr-header .plan{
    font-weight:600;
    font-size:18px;
    color:#000;
    letter-spacing:1px
}
.pricing-section-one .pr-column-wrapper .pr-header .price{
    font-size:70px;
    font-weight:700;
    color:#000;
    display:block;
    margin:0 0 5px
}
.pricing-section-one .pr-column-wrapper ul li{
    padding:5px 0;
    height:83px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border-bottom:1px solid rgba(0,0,0,.06)
}
.pricing-section-one .pr-column-wrapper ul li span{
    font-family:"Gordita";
    font-size:15px;
    font-weight:500;
    color:#000;
    margin-bottom:12px;
    display:none
}
.pricing-section-one .pr-column-wrapper ul li .icon{
    font-size:20px;
    color:#000
}
.pricing-section-one .pr-column-wrapper ul li:first-child{
    height:189px
}
.pricing-section-one .pr-column-wrapper ul li:nth-child(2){
    height:252px
}
.pricing-section-one .pr-column-wrapper .pr-footer{
    padding:40px 15px 50px
}
.pricing-section-one .left-panel{
    position:absolute;
    width:25%;
    left:0;
    top:249px;
    bottom:140px;
    border-top:1px solid rgba(0,0,0,.06)
}
.pricing-section-one .left-panel li{
    font-size:17px;
    font-weight:700;
    padding:32px 10px 25px 32px;
    color:#000;
    border-bottom:1px solid rgba(0,0,0,.06)
}
.pricing-section-one .left-panel li span{
    display:block;
    font-weight:normal;
    font-size:16px;
    color:rgba(0,0,0,.5);
    margin:7px 0
}
.pricing-section-one .left-panel li span:last-child{
    margin-bottom:0
}
.pricing-section-one .left-panel li strong{
    display:block;
    margin-bottom:20px
}
.pricing-section-two{
    background:#161616
}
.pricing-section-two .pr-table-wrapper{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    border-radius:50px;
    padding:40px 15px 80px
}
.pricing-section-two .pr-table-wrapper .price{
    font-weight:500;
    font-size:64px;
    color:#000
}
.pricing-section-two .pr-table-wrapper ul li{
    font-weight:500;
    color:#000;
    margin-bottom:18px;
    position:relative;
    padding-left:30px
}
.pricing-section-two .pr-table-wrapper ul li:last-child{
    margin:0
}
.pricing-section-two .pr-table-wrapper ul li::before{
    content:url(../images/icon/icon_21.svg);
    position:absolute;
    left:0;
    top:3px
}
.pricing-section-two .pr-table-wrapper .shape_01{
    top:20%;
    left:5%
}
.pricing-section-three .pr-column{
    padding:40px 20px 40px;
    text-align:center;
    border:2px solid #000;
    border-radius:30px;
    margin-top:30px
}
.pricing-section-three .pr-column .plan{
    font-size:17px;
    color:#000
}
.pricing-section-three .pr-column .price{
    font-size:105px;
    font-weight:700;
    color:#000;
    margin-top:-23px;
    margin-bottom:15px
}
.pricing-section-three .pr-column .price sup{
    font-size:32px;
    top:-1.6em
}
.pricing-section-three .pr-column ul li{
    font-size:18px;
    color:#000;
    margin-bottom:28px
}
.pricing-section-three .pr-column .btn-eleven{
    width:100%;
    max-width:340px
}
.pricing-section-three .pr-column .illustration{
    height:230px
}
.pricing-section-three .pr-column .illustration img{
    max-height:100%
}
.pricing-section-four .pr-column{
    padding:20px 35px 70px;
    background:#fff;
    border-radius:40px;
    border-width:3px;
    border-style:solid;
    position:relative;
    z-index:1
}
.pricing-section-four .pr-column .price{
    font-family:"Manrope",sans-serif;
    font-size:82px;
    font-weight:600;
    letter-spacing:-3px;
    color:#000;
    padding-right:20px
}
.pricing-section-four .pr-column .info1{
    font-family:"Manrope",sans-serif;
    width:50%
}
.pricing-section-four .pr-column .plane-name{
    font-size:36px;
    font-weight:500;
    color:#000;
    letter-spacing:-2px;
    margin:30px 0 2px
}
.pricing-section-four .pr-column .btn-eleven{
    font-size:18px;
    padding:0 10px 0 25px
}
.pricing-section-four .pr-column .btn-eleven .icon{
    width:42px;
    height:42px;
    background:#fff;
    border-radius:50%
}
.pricing-section-four .pr-column .package-feature li{
    font-weight:500;
    color:#000;
    position:relative;
    padding-left:30px;
    margin-top:20px
}
.pricing-section-four .pr-column .package-feature li::before{
    content:url(../images/icon/icon_33.svg);
    position:absolute;
    left:0;
    top:1px
}
.pricing-section-four .pr-column .shape{
    right:12%;
    bottom:8%
}
.pricing-section-four .bottom-banner{
    border:3px solid #0fd4ff;
    border-radius:30px;
    padding:25px 45px
}
.pricing-section-four .bottom-banner h4{
    font-size:48px;
    line-height:1.208em;
    max-width:590px;
    padding-left:30px;
    margin:0 auto 0 0
}
.pricing-section-five{
    background:url(../images/assets/bg_11.jpg) no-repeat center;
    background-size:cover
}
.pricing-section-five .pr-column{
    padding:60px 45px 60px;
    position:relative;
    z-index:1;
    border-radius:40px;
    background:#fff
}
.pricing-section-five .pr-column .plane-name{
    font-size:24px;
    color:#000;
    letter-spacing:1px
}
.pricing-section-five .pr-column .price{
    font-size:100px;
    color:#000
}
.pricing-section-five .pr-column .package-feature li{
    font-size:18px;
    font-weight:500;
    color:#000;
    padding-left:38px;
    position:relative;
    margin-top:22px
}
.pricing-section-five .pr-column .package-feature li .icon{
    position:absolute;
    left:0;
    top:6px
}
.pricing-section-five .pr-column .btn-seven{
    background:#fff;
    border:1px solid #000;
    color:#000
}
.pricing-section-five .pr-column .btn-seven:hover{
    background:#000;
    color:#fff
}
.pricing-section-five .pr-column .shape_01{
    left:-1px;
    top:19%;
    max-width:22%
}
.pricing-section-five .pr-column .shape_02{
    right:-1px;
    top:19%;
    transform:rotate(-180deg);
    max-width:22%
}
.pricing-section-six .pr-column{
    padding:40px 35px 70px;
    background:#fff;
    border-radius:40px;
    border:3px solid #000;
    position:relative;
    z-index:1
}
.pricing-section-six .pr-column .price{
    font-size:80px;
    font-weight:600;
    letter-spacing:-3px;
    color:#000;
    margin-bottom:-10px
}
.pricing-section-six .pr-column .price sub{
    font-size:24px;
    letter-spacing:0;
    bottom:0
}
.pricing-section-six .pr-column .plane-name{
    font-size:36px;
    font-weight:500;
    color:#000;
    letter-spacing:-2px
}
.pricing-section-six .pr-column .save-line{
    background:#eaf5fc;
    line-height:44px;
    color:#000;
    margin:40px 0 0
}
.pricing-section-six .pr-column .btn-eleven{
    border:2px solid #000;
    font-size:18px;
    padding:0 10px 0 25px
}
.pricing-section-six .pr-column .btn-eleven .icon{
    width:42px;
    height:42px;
    font-size:22px;
    background:#f5e900;
    border-radius:50%;
    color:#000
}
.pricing-section-six .pr-column .btn-eleven:hover{
    background:#f5e900;
    color:#000
}
.pricing-section-six .pr-column .btn-eleven:hover .icon{
    background:#000;
    color:#fff
}
.pricing-section-six .pr-column h6{
    font-size:24px;
    border-bottom:2px solid #000;
    padding-bottom:25px;
    margin:65px 0 45px
}
.pricing-section-six .pr-column .package-feature li{
    font-weight:500;
    color:#000;
    position:relative;
    padding-left:30px;
    margin-top:20px
}
.pricing-section-six .pr-column .package-feature li::before{
    content:url(../images/icon/icon_33.svg);
    position:absolute;
    left:0;
    top:1px
}
.pricing-section-seven .pr-table-wrapper .pr-column{
    background:#f3f3f3;
    width:25%;
    position:relative;
    border-left:1px solid rgba(0,0,0,.08)
}
.pricing-section-seven .pr-table-wrapper .pr-column:first-child{
    border-left:none
}
.pricing-section-seven .pr-table-wrapper .pr-column:first-child .feature-list li{
    align-items:start
}
.pricing-section-seven .pr-table-wrapper .pr-column:first-child .feature-list li span{
    display:block
}
.pricing-section-seven .pr-table-wrapper .pr-column.popular{
    background:#fff;
    border-left:2px solid #000;
    border-right:2px solid #000
}
.pricing-section-seven .pr-table-wrapper .pr-column.popular .popular-badge{
    position:absolute;
    left:-2px;
    right:-2px;
    top:-30px;
    line-height:30px;
    background:#000;
    font-size:15px;
    color:#fff
}
.pricing-section-seven .pr-table-wrapper .pr-column.popular:after{
    content:"";
    position:absolute;
    height:30px;
    background:#fff;
    left:-2px;
    right:-2px;
    bottom:-30px;
    border:2px solid #000;
    border-top:none
}
.pricing-section-seven .pr-table-wrapper .pr-column .pr-header{
    padding:40px 50px 45px;
    min-height:350px
}
.pricing-section-seven .pr-table-wrapper .pr-column .pr-header h4{
    font-size:32px;
    margin:0
}
.pricing-section-seven .pr-table-wrapper .pr-column .pr-header .plan-name{
    font-size:16px;
    letter-spacing:1px;
    color:#000
}
.pricing-section-seven .pr-table-wrapper .pr-column .pr-header .price{
    font-size:52px;
    color:#000;
    letter-spacing:-2px;
    margin:13px 0 23px
}
.pricing-section-seven .pr-table-wrapper .pr-column .pr-header .price sub{
    font-size:20px;
    font-weight:normal;
    letter-spacing:0px;
    bottom:0
}
.pricing-section-seven .pr-table-wrapper .pr-column .feature-list li{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-weight:500;
    color:#000;
    padding:10px 50px;
    min-height:98px;
    border-top:1px solid rgba(0,0,0,.1)
}
.pricing-section-seven .pr-table-wrapper .pr-column .feature-list li span{
    margin-top:10px;
    display:none
}
.pricing-section-seven .pr-table-wrapper .pr-column .feature-list li .icon{
    height:10px
}
.price-compare-table table{
    margin:0
}
.price-compare-table table thead th{
    padding:15px 0;
    font-size:15px;
    font-weight:500;
    color:#000;
    border-bottom:1px solid #eaeaea;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px
}
.price-compare-table table thead th:first-child{
    color:rgba(0,0,0,.5);
    text-align:left;
    width:20%
}
.price-compare-table table thead th:last-child{
    width:12%
}
.price-compare-table table tbody{
    vertical-align:middle
}
.price-compare-table table tbody th{
    font-size:24px;
    font-weight:500;
    border-bottom:1px solid #eaeaea;
    border-right:1px solid #eaeaea
}
.price-compare-table table tbody td{
    border-bottom:1px solid #eaeaea
}
.price-compare-table table tbody td img{
    margin:0 auto
}
.price-compare-table table tbody th,.price-compare-table table tbody td{
    padding:35px 0
}
.service-details .service-post .btn-line{
    display:inline-block;
    line-height:28px;
    font-size:12px;
    letter-spacing:.12px;
    padding:0 18px;
    color:#000;
    border:1px solid #000;
    margin-bottom:18px
}
.service-details .service-post .img-gallery img{
    border-radius:20px
}
.service-details .service-post h4{
    font-size:48px
}
.service-details .service-post .feature-wrapper{
    background:url(../images/shape/shape_77.svg) no-repeat center;
    background-size:cover;
    padding:20px
}
.service-details .service-post .feature-wrapper .bg-wrapper{
    background:#fff;
    border-radius:20px;
    padding:15px 30px 30px
}
.service-details .service-sidebar .service-category{
    background:url(../images/shape/shape_78.html) no-repeat center;
    background-size:cover;
    padding:36px;
    border-radius:20px
}
.service-details .service-sidebar .service-category ul{
    background:#fff;
    border:1px solid #000;
    border-radius:20px;
    padding:0 30px
}
.service-details .service-sidebar .service-category ul a{
    padding:26px 0;
    color:#000;
    border-bottom:1px solid #000;
    display:block;
    position:relative;
    z-index:1
}
.service-details .service-sidebar .service-category ul a:after{
    content:"";
    font-family:"bootstrap-icons";
    width:30px;
    height:30px;
    text-align:center;
    line-height:28px;
    border:1px solid #000;
    border-radius:50%;
    float:right;
    margin-left:10px;
    transition:all .3s ease-in-out 0s
}
.service-details .service-sidebar .service-category ul a:hover:after,.service-details .service-sidebar .service-category ul a.active:after{
    background:#ffc8b1;
    transform:rotate(180deg)
}
.service-details .service-sidebar .service-category ul a.active{
    font-weight:500
}
.service-details .service-sidebar .service-category ul li:last-child a{
    border:none
}
.service-details .service-sidebar .contact-banner{
    background:#242424;
    padding:45px 15px;
    border-radius:20px
}
.grid-1column{
    margin:0 -25px
}
.grid-1column .grid-sizer,.grid-1column .isotop-item{
    width:100%;
    padding:0 25px
}
.grid-2column{
    margin:0 -25px
}
.grid-2column .grid-sizer,.grid-2column .isotop-item{
    width:50%;
    padding:0 25px
}
.grid-2column.xl{
    margin:0 -50px
}
.grid-2column.xl .grid-sizer,.grid-2column.xl .isotop-item{
    padding:0 50px
}
.grid-3column{
    margin:0 -15px
}
.grid-3column .grid-sizer,.grid-3column .isotop-item{
    width:33.3333%;
    padding:0 15px
}
.filter-nav-one .isotop-menu-wrapper{
    margin:0 -10px
}
.filter-nav-one .isotop-menu-wrapper li{
    margin:0 10px 10px;
    line-height:40px;
    border-radius:40px;
    text-transform:uppercase;
    padding:0 25px;
    font-size:16px;
    font-weight:500;
    color:#000;
    cursor:pointer;
    transition:all .3s ease-in-out 0s
}
.filter-nav-one .isotop-menu-wrapper li.is-checked{
    background:#000;
    color:#fff
}
.filter-nav-two .isotop-menu-wrapper{
    margin:0 -12px
}
.filter-nav-two .isotop-menu-wrapper li{
    margin:0 12px 10px;
    line-height:36px;
    border-radius:40px;
    text-transform:uppercase;
    padding:0 23px;
    font-size:16px;
    font-weight:500;
    color:#000;
    border:2px solid rgba(0,0,0,0);
    cursor:pointer;
    transition:all .3s ease-in-out 0s
}
.filter-nav-two .isotop-menu-wrapper li.is-checked{
    border-color:#8a42ff;
    color:#8a42ff
}
.filter-nav-three .isotop-menu-wrapper{
    margin:0 -12px
}
.filter-nav-three .isotop-menu-wrapper li{
    margin:0 12px 10px;
    line-height:36px;
    text-transform:uppercase;
    padding:0 23px;
    font-size:16px;
    font-weight:500;
    color:#000;
    border:2px solid rgba(0,0,0,0);
    cursor:pointer;
    transition:all .3s ease-in-out 0s
}
.filter-nav-three .isotop-menu-wrapper li.is-checked{
    border-color:#000
}
.project-block-one{
    border:3px solid #000;
    border-radius:40px;
    box-shadow:0 12px 0 #000
}
.project-block-one .text-meta{
    padding:50px 100px 65px 50px;
    position:relative;
    z-index:1;
    border-right:3px solid #000
}
.project-block-one .text-meta .num{
    font-size:36px;
    color:#000
}
.project-block-one .text-meta .title{
    font-size:52px;
    line-height:1.2307em;
    color:#000;
    margin:100px 0 20px
}
.project-block-one .text-meta .title:hover{
    text-decoration:underline
}
.project-block-one .text-meta p{
    margin-bottom:140px
}
.project-block-one .text-meta li a{
    line-height:50px;
    padding:0 32px;
    border-radius:30px;
    font-size:15px;
    text-transform:uppercase;
    color:#fff;
    font-weight:500;
    background:#000;
    letter-spacing:1px;
    margin:10px 12px 0 0;
    transition:all .3s ease-in-out 0s
}
.project-block-one .text-meta li a:hover{
    background:#ffc226;
    color:#000
}
.project-block-one .text-meta .arow-icon{
    width:70px;
    height:70px;
    border:2px solid #000;
    border-radius:50%;
    text-align:center;
    line-height:66px;
    color:#000;
    box-shadow:4px 0 0 #000;
    position:absolute;
    right:40px;
    top:40px;
    font-size:35px;
    transition:all .3s ease-in-out 0s
}
.project-block-one .text-meta .arow-icon:hover{
    background:#ffc226;
    color:#000
}
.project-block-two{
    border-radius:30px;
    overflow:hidden;
    background:#000
}
.project-block-two:hover .media-img{
    opacity:.6
}
.project-block-two:hover .btn-one{
    opacity:1
}
.project-block-two .btn-one{
    position:absolute;
    width:80px;
    height:80px;
    line-height:80px;
    font-size:30px;
    top:50%;
    left:50%;
    text-align:center;
    padding:0;
    transform:translate(-50%, -50%);
    z-index:1;
    opacity:0
}
.project-block-two .btn-one::before,.project-block-two .btn-one:after{
    border-radius:50%
}
.project-block-three .media-img{
    border-radius:30px
}
.project-block-three h6{
    font-size:24px
}
.project-block-three:hover h6{
    text-decoration:underline
}
.project-block-three li{
    line-height:22px;
    border-radius:14px;
    border:1px solid #000;
    font-size:12px;
    text-transform:uppercase;
    padding:0 15px;
    margin:0 10px 12px 0
}
.project-block-four{
    overflow:hidden;
    background:#000
}
.project-block-four:hover .media-img{
    opacity:.5
}
.project-block-four:hover .btn-round{
    opacity:1
}
.project-block-four .btn-round{
    position:absolute;
    width:60px;
    height:60px;
    line-height:56px;
    border:2px solid #000;
    font-size:28px;
    top:50%;
    left:50%;
    text-align:center;
    background:#ffd80b;
    transform:translate(-50%, -50%);
    z-index:1;
    opacity:0;
    transition:all .3s ease-in-out 0s
}
.project-block-four .btn-round:hover{
    background:#000;
    color:#fff
}
.project-block-five{
    text-align:center
}
.project-block-five .media-img{
    border-radius:30px;
    margin-bottom:35px
}
.project-block-five span{
    font-size:17px;
    letter-spacing:3px;
    color:#b2b2b2;
    text-transform:uppercase
}
.project-block-five h4{
    font-size:42px;
    margin:15px 0 0;
    letter-spacing:-1px
}
.project-block-five:hover h4{
    text-decoration:underline
}
.project-section-six .wrapper{
    width:145vw;
    position:relative;
    left:50%;
    transform:translateX(-50%)
}
.project-section-six .slider-arrows{
    position:absolute;
    top:0;
    right:15%
}
.project-section-six .slider-arrows li{
    width:70px;
    height:70px;
    border-radius:50%;
    text-align:center;
    line-height:70px;
    font-size:25px;
    cursor:pointer;
    transition:all .3s ease-in-out 0s
}
.project-section-six .slider-arrows li:hover{
    background:#000;
    color:#fff
}
.feedback-block-one{
    padding:50px 5vw 45px
}
.feedback-block-one .icon{
    width:58px;
    height:58px;
    background:#212121
}
.feedback-block-one blockquote{
    font-family:"Montserrat",sans-serif;
    font-size:44px;
    line-height:1.2107em;
    font-style:italic;
    color:#000;
    text-transform:uppercase;
    margin:60px 0 65px
}
.feedback-block-one .rating li{
    color:#000;
    margin-left:3px;
    font-size:17px
}
.feedback-block-two{
    padding:40px 50px 35px;
    background:#fff;
    box-shadow:0px 3px 7px rgba(0,0,0,.03);
    border-radius:20px
}
.feedback-block-two blockquote{
    font-family:"Manrope",sans-serif;
    font-weight:600;
    font-size:28px;
    line-height:1.71428em;
    letter-spacing:-1px;
    color:#000;
    margin-bottom:65px
}
.feedback-block-two h6{
    font-size:20px;
    margin-bottom:5px
}
.feedback-block-two .client-avatar{
    width:65px;
    height:65px
}
.feedback-block-three blockquote{
    font-size:36px;
    line-height:1.5555em;
    color:#000;
    font-weight:500;
    margin-bottom:65px
}
.feedback-block-three .client-info{
    position:relative;
    padding-left:32px;
    letter-spacing:-0.1px
}
.feedback-block-three .client-info::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:2px;
    background:#000
}
.feedback-block-three .client-info span{
    font-weight:500
}
.feedback-block-four{
    background:#fff;
    padding:40px 60px 50px
}
.feedback-block-four .logo{
    height:50px
}
.feedback-block-four blockquote{
    font-size:36px;
    line-height:1.3888em;
    color:#000;
    font-weight:500;
    margin:45px 0 98px
}
.feedback-block-four .rating li{
    color:#00b976;
    margin-left:3px
}
.feedback-block-five{
    background:#fff;
    box-shadow:0px 30px 70px rgba(0,0,0,.03);
    border-radius:20px;
    margin-bottom:80px;
    padding:45px 60px 40px
}
.feedback-block-five .rating li{
    font-size:18px;
    margin-right:9px
}
.feedback-block-five blockquote{
    font-family:"Manrope",sans-serif;
    font-size:24px;
    line-height:1.5416em;
    font-weight:700;
    color:#000;
    margin:30px 0 55px
}
.feedback-block-five .name{
    color:rgba(0,0,0,.4)
}
.feedback-section-two{
    background:#8a42ff;
    font-family:"Manrope",sans-serif
}
.feedback-section-two .upper-text{
    font-size:24px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
    color:rgba(255,255,255,.6)
}
.feedback-section-two h2{
    font-size:96px;
    font-weight:700;
    line-height:1.09375em;
    letter-spacing:-2.33px;
    color:#fff
}
.feedback-section-two .feedback-card:before{
    content:"";
    position:absolute;
    width:100%;
    height:20%;
    top:0;
    left:0;
    background:linear-gradient(180deg, #8726FF 0%, rgba(255, 255, 255, 0) 100%)
}
.feedback-section-two .feedback-card:after{
    content:"";
    position:absolute;
    width:100%;
    height:20%;
    bottom:0;
    left:0;
    background:linear-gradient(0deg, #8726FF 0%, rgba(255, 255, 255, 0) 100%)
}
.feedback-section-three h3{
    font-size:130px
}
.feedback-section-three .text1{
    font-size:28px;
    color:rgba(0,0,0,.5)
}
.feedback-section-three .avatar-group{
    width:70px;
    height:70px;
    margin-right:7px
}
.feedback-section-three .shape_01{
    right:-43%;
    top:-79%
}
.feedback-section-three .slider-wrapper{
    width:95vw
}
.feedback-section-four .title h2{
    font-family:"Playfair Display",serif;
    font-size:100px;
    font-weight:700;
    margin-bottom:5px
}
.feedback-section-four .slick-dots{
    position:absolute;
    right:10px;
    bottom:0
}
.feedback-section-four .slick-dots button{
    width:12px;
    height:12px;
    background:rgba(0,0,0,0);
    border:1px solid #000;
    margin-left:3px
}
.feedback-section-four .slick-dots .slick-active button{
    background:#000
}
.feedback-section-four .rating li{
    margin-right:2px
}
.feedback-section-four .rating li i{
    font-size:22px;
    color:#000
}
.feedback-section-four .rating li span{
    font-size:22px;
    display:block;
    margin-left:10px;
    color:#000
}
.feedback-section-four .rating li span strong{
    font-weight:500
}
.feedback-section-four .card-wrapper{
    max-width:580px;
    margin:25px auto 0;
    border:2px solid #000;
    border-radius:15px;
    padding:25px 30px
}
.feedback-section-four .card-wrapper h2{
    font-weight:700;
    font-size:52px;
    margin-bottom:-8px
}
.feedback-section-five{
    background: #242124;
}
.feedback-section-five:before{
    content:"";
    position:absolute;
    width:33.333%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:33.333%;
    z-index:-1
}
.feedback-section-five:after{
    content:"";
    position:absolute;
    width:1px;
    height:100%;
    top:0;
    left:50%;
    background:rgba(255,255,255,.05);
    z-index:-1
}
.feedback-section-five .wrapper:before{
    content:"";
    position:absolute;
    width:66.666%;
    height:100%;
    border-left:1px solid rgba(255,255,255,.05);
    border-right:1px solid rgba(255,255,255,.05);
    top:0;
    left:16.6666%;
    z-index:-1
}
.feedback-section-five .feedback-wrapper{
    max-width:720px;
    margin-left:auto
}
.feedback-section-five .feedback-wrapper .feedback-block{
    position:relative;
    border-radius:40px;
    padding:40px 40px 60px;
    z-index:3;
    transition:all .1s ease-in-out 0s
}
.feedback-section-five .feedback-wrapper .feedback-block .logo{
    height:50px
}
.feedback-section-five .feedback-wrapper .feedback-block blockquote{
    font-size:32px;
    font-weight:500;
    color:#000;
    font-style:italic;
    line-height:1.75em;
    margin:38px 0 40px
}
.feedback-section-five .feedback-wrapper .feedback-block .rating{
    font-weight:500;
    font-size:24px;
    color:#000
}
.feedback-section-five .feedback-wrapper .feedback-block li{
    font-size:18px;
    color:#000;
    margin-left:2px
}
.feedback-section-five .feedback-wrapper .feedback-block:nth-child(1){
    margin-bottom:-240px;
    z-index:1
}
.feedback-section-five .feedback-wrapper .feedback-block:nth-child(2){
    margin-bottom:-240px;
    z-index:2
}
.feedback-section-five .feedback-wrapper .feedback-block:hover{
    z-index:99 !important
}
.feedback-section-five .shape_01{
    top:16%;
    left:39%;
    max-width:5%
}
.feedback-section-five .shape_02{
    bottom:13%;
    left:39%;
    max-width:5%
}
.feedback-section-six blockquote{
    font-weight:500;
    font-size:82px;
    line-height:1.2195em;
    letter-spacing:-2px;
    color:#000;
    margin-bottom:55px
}
.feedback-section-six blockquote span{
    color:#ff7035
}
.feedback-section-six h6{
    font-size:20px;
    font-style:italic
}
.feedback-section-six .slick-dots{
    justify-content:center;
    margin:50px 0 0;
    padding:0
}
.feedback-section-six .slick-dots button{
    width:10px;
    height:10px;
    background:#d9d9d9
}
.feedback-section-six .slick-dots .slick-active button{
    background:#000
}
.feedback-section-six .shape_01{
    top:44%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width:50%
}
.feedback-section-six .shape_02{
    right:0;
    top:40%;
    max-width:8%
}
.feedback-section-six .shape_03{
    left:0;
    top:40%;
    max-width:8%
}
.feedback-section-seven blockquote{
    font-size:62px;
    line-height:1.29em;
    letter-spacing:-4px;
    color:#000;
    text-transform:uppercase;
    margin:80px 0 70px
}
.feedback-section-seven .slick-dots{
    position:absolute;
    right:27%;
    bottom:23px;
    margin:0;
    padding:0
}
.feedback-section-seven .slick-dots button{
    width:13px;
    height:13px;
    background:#fff;
    border:2px solid #000
}
.feedback-section-seven .slick-dots .slick-active button{
    background:#000
}
.feedback-section-seven .img-box .rating-card{
    border:2px solid #000;
    background:#ffcf25;
    border-radius:10px;
    position:absolute;
    left:0;
    bottom:3%;
    padding:20px 30px;
    box-shadow:8px 8px 0 #000
}
.feedback-section-seven .img-box .rating-card li{
    font-size:22px;
    margin-right:5px;
    color:#000
}
.feedback-section-seven .img-box .rating-card li:last-child{
    font-size:20px;
    margin-left:10px
}
.feedback-section-seven .shape_01{
    top:-7%;
    right:10%
}
.feedback-section-eight:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../images/assets/bg_16.svg) no-repeat center;
    background-size:cover;
    z-index:-1
}
.feedback-section-eight .wrapper{
    background:#ff9217;
    border-radius:50px;
    padding:50px 50px
}
.feedback-section-eight blockquote{
    font-size:52px;
    font-weight:500;
    font-style:italic;
    line-height:1.1923em;
    color:#000;
    margin:35px 0 50px
}
.feedback-section-eight .name{
    margin-bottom:65px
}
.feedback-section-eight .name h6{
    font-size:24px;
    margin-bottom:0
}
.feedback-section-eight .name span{
    color:rgba(0,0,0,.5)
}
.feedback-section-eight .rating li{
    font-size:20px;
    color:#000;
    margin-right:7px
}
.feedback-section-eight .rating li:last-child{
    margin-left:15px
}
.feedback-section-eight .slick-dots{
    position:absolute;
    right:7%;
    bottom:10px;
    margin:0;
    padding:0
}
.feedback-section-eight .slick-dots button{
    width:13px;
    height:13px;
    background:#fff;
    border:2px solid #000
}
.feedback-section-eight .slick-dots .slick-active button{
    background:#000
}
.feedback-section-nine{
    background:#481938
}
.feedback-section-nine .wrapper{
    width:130vw;
    position:relative;
    left:50%;
    transform:translateX(-50%)
}
.feedback-section-nine h2{
    font-family:"Playfair Display",serif;
    font-size:130px;
    color:#fff;
    margin:0
}
.feedback-section-nine .feedback-block{
    border:3px solid rgba(255,255,255,.08);
    border-radius:30px;
    padding:40px 45px 50px;
    transition:all .3s ease-in-out 0s
}
.feedback-section-nine .feedback-block blockquote{
    font-size:36px;
    font-weight:500;
    line-height:1.3888em;
    color:#fff;
    margin:50px 0 100px
}
.feedback-section-nine .feedback-block .logo{
    height:40px
}
.feedback-section-nine .slick-center .feedback-block{
    background:rgba(255,255,255,.08)
}
.feedback-section-nine .slider-arrows li{
    width:58px;
    height:58px;
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    margin:0 8px;
    font-size:22px;
    text-align:center;
    line-height:54px;
    transition:all .3s ease-in-out 0s;
    cursor:pointer
}
.feedback-section-nine .slider-arrows li:hover{
    background:rgba(255,255,255,.08)
}
.feedback-section-nine .shape_01{
    top:19%;
    left:50%;
    transform:translateX(-50%);
    max-width:80%
}
.feedback-section-ten .bg-wrapper{
    background:url(../images/media/img_24.jpg) no-repeat center bottom;
    background-size:cover
}
.feedback-section-eleven .wrapper{
    width:120vw;
    position:relative;
    left:50%;
    transform:translateX(-50%)
}
.feedback-section-eleven .bg-shape{
    width:100%;
    left:50%;
    bottom:3%;
    transform:translateX(-50%)
}
.blog-meta-one{
    border:3px solid #000;
    border-radius:40px;
    padding:40px;
    box-shadow:0 5px 0 #000
}
.blog-meta-one .media{
    border:2px solid #000;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:45px
}
.blog-meta-one .post-meta{
    padding-right:50px
}
.blog-meta-one .post-meta .date{
    text-transform:uppercase;
    font-size:16px
}
.blog-meta-one .post-meta .tags a{
    line-height:36px;
    font-size:14px;
    letter-spacing:.14px;
    text-transform:uppercase;
    color:#fff;
    padding:0 26px;
    border-radius:50px;
    background:#000;
    margin-right:10px
}
.blog-meta-one .post-meta .tags a:hover{
    text-decoration:underline
}
.blog-meta-one .post-meta .blog-title h4{
    font-size:35px;
    font-weight:500;
    text-transform:uppercase;
    line-height:1.485em;
    color:#000;
    margin:35px 0 20px
}
.blog-meta-one .post-meta .blog-title h4:hover{
    text-decoration:underline
}
.blog-meta-one .post-meta p{
    font-size:24px;
    color:#000;
    margin-bottom:5px
}
.blog-meta-one .post-meta .read-more{
    width:55px;
    height:55px;
    line-height:55px;
    text-align:center;
    color:#000;
    font-size:28px;
    border:2px solid #000;
    box-shadow:3px 0 0 #000;
    position:absolute;
    right:0;
    top:-8px
}
.blog-meta-one .post-meta .read-more:hover{
    background:#ffc226
}
.blog-meta-one.style-two{
    padding:35px
}
.blog-meta-one.style-two .media{
    border-radius:25px;
    margin-bottom:35px
}
.blog-meta-one.style-two .media img{
    max-height:375px
}
.blog-meta-one.style-two .post-meta{
    padding:0
}
.blog-meta-one.style-two .post-meta .blog-title h4{
    margin:15px 0 30px;
    max-width:80%
}
.blog-meta-one.style-two .post-meta .read-more{
    position:static
}
.blog-meta-two figure{
    height:460px;
    border-radius:30px;
    padding:30px 0 0 30px;
    margin-bottom:25px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.blog-meta-two figure .date{
    line-height:35px;
    font-size:16px;
    text-transform:uppercase;
    color:#000;
    background:#fff;
    padding:0 20px;
    border-radius:30px
}
.blog-meta-two .post-meta .post-info{
    font-size:18px;
    color:rgba(0,0,0,.6);
    margin-bottom:15px
}
.blog-meta-two .post-meta .blog-title{
    width:70%
}
.blog-meta-two .post-meta .blog-title h4{
    font-family:"Manrope",sans-serif;
    font-size:42px;
    font-weight:600;
    line-height:1.1904em;
    margin:0
}
.blog-meta-two .post-meta .blog-title:hover h4{
    text-decoration:underline
}
.blog-meta-two .post-meta .round-btn{
    font-size:25px;
    width:60px;
    height:60px;
    background:#f4f4f4;
    color:#000;
    margin-top:10px
}
.blog-meta-two .post-meta .round-btn:hover{
    background:#8a42ff;
    color:#fff
}
.blog-meta-three{
    border:1px solid #dfdfdf;
    border-radius:30px;
    padding:75px 35px 52px;
    text-align:center
}
.blog-meta-three .post-meta{
    position:relative;
    padding:42px 12px 28px;
    border-top:1px dashed #cbcbcb;
    border-bottom:1px dashed #cbcbcb
}
.blog-meta-three .post-meta .icon{
    width:55px;
    height:55px;
    background:#8a42ff;
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%, -50%)
}
.blog-meta-three .post-meta .blog-title h4{
    font-family:"Manrope",sans-serif;
    font-size:42px;
    font-weight:600;
    line-height:1.3333em;
    margin:0
}
.blog-meta-three .post-meta .blog-title h4:hover{
    text-decoration:underline
}
.blog-meta-three .post-info{
    font-size:20px;
    margin:35px 0 0
}
.blog-meta-three .post-info span{
    color:rgba(0,0,0,.5)
}
.blog-sidebar .sidebar-title{
    font-family:"Manrope",sans-serif;
    font-size:32px;
    font-weight:600;
    margin-bottom:25px
}
.blog-sidebar .sidebar-search{
    height:65px;
    overflow:hidden;
    position:relative
}
.blog-sidebar .sidebar-search input{
    width:100%;
    height:100%;
    border:1px solid #d4d4d4;
    background:rgba(0,0,0,0);
    padding:0 50px 0 20px;
    font-size:18px;
    border-radius:10px
}
.blog-sidebar .sidebar-search button{
    position:absolute;
    width:65px;
    right:0;
    top:0;
    bottom:0;
    color:#000
}
.blog-sidebar .sidebar-search button:hover{
    color:#8a42ff
}
.blog-sidebar .blog-category li a{
    font-size:20px;
    line-height:54px;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.blog-sidebar .blog-category li a span{
    color:rgba(0,0,0,.4)
}
.blog-sidebar .blog-category li a:hover{
    text-decoration:underline
}
.blog-sidebar .blog-recent-news .recent-news{
    border-bottom:1px solid #ebebeb;
    padding-bottom:20px;
    margin-bottom:25px
}
.blog-sidebar .blog-recent-news .recent-news:last-child{
    border:none;
    margin:0;
    padding:0
}
.blog-sidebar .blog-recent-news .recent-news .date{
    font-size:16px;
    color:#aaa;
    margin-bottom:5px
}
.blog-sidebar .blog-recent-news .recent-news .blog-title h3{
    font-size:22px;
    line-height:1.291em;
    max-width:85%
}
.blog-sidebar .blog-recent-news .recent-news .blog-title h3:hover{
    text-decoration:underline
}
.blog-sidebar .blog-keyword ul{
    margin:0 -4px
}
.blog-sidebar .blog-keyword ul li{
    margin:0 4px 15px
}
.blog-sidebar .blog-keyword ul li a{
    line-height:35px;
    background:#eff6f3;
    border-radius:30px;
    padding:0 18px;
    font-size:16px;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.blog-sidebar .blog-keyword ul li a:hover{
    background:#8a42ff;
    color:#fff
}
.blog-sidebar .contact-banner{
    padding:35px 3% 50px;
    background:#8a42ff;
    border-radius:20px
}
.blog-sidebar .contact-banner h3{
    font-family:"Manrope",sans-serif;
    font-size:32px;
    font-weight:600;
    line-height:1.25em;
    color:#fff
}
.blog-sidebar .contact-banner a{
    line-height:38px;
    border:1px solid #fff;
    border-radius:30px;
    color:#fff;
    padding:0 30px
}
.blog-sidebar .contact-banner a:hover{
    background:#ff4bd8;
    border-color:#ff4bd8;
    color:#fff
}
.blog-details .blog-details-post .post-info{
    font-size:16px;
    text-transform:uppercase;
    color:rgba(0,0,0,.6);
    letter-spacing:2px;
    margin-bottom:20px
}
.blog-details .blog-details-post p{
    font-size:22px;
    line-height:1.9em;
    color:#000;
    margin-bottom:30px
}
.blog-details .blog-details-post .media{
    border:3px solid #000;
    border-radius:30px;
    overflow:hidden;
    margin:60px 0 60px
}
.blog-details .blog-details-post h3{
    font-size:48px;
    margin-bottom:30px
}
.blog-details .blog-details-post .quote-wrapper{
    border:3px solid #000;
    border-radius:30px;
    box-shadow:-15px 0 0 #000;
    padding:30px 55px;
    margin:60px 0 55px 15px
}

.quote-wrapper-general {
    border:3px solid #000;
    border-radius:30px;
    box-shadow:-15px 0 0 #000;
    padding:30px 55px;
    margin:60px 0 55px 15px
}

.quote-wrapper-general blockquote{
    font-size:36px;
    font-weight:500;
    line-height:1.444em;
    color:#000;
    margin:0
}



.blog-details .blog-details-post .quote-wrapper blockquote{
    font-size:36px;
    font-weight:500;
    line-height:1.444em;
    color:#000;
    margin:0
}
.blog-details .blog-details-post .bottom-widget{
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    padding:10px 0 30px;
    margin-top:70px
}
.blog-details .blog-details-post .bottom-widget .tags li:first-child{
    font-family:"Montserrat",sans-serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#000;
    margin-right:15px
}
.blog-details .blog-details-post .bottom-widget .tags a{
    line-height:38px;
    border-radius:50px;
    background:#000;
    padding:0 25px;
    color:#fff;
    font-weight:500;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-right:10px;
    transition:all .3s ease-in-out 0s
}
.blog-details .blog-details-post .bottom-widget .tags a:hover{
    color:#000;
    background:#ffc226
}
.blog-details .blog-details-post .bottom-widget .share-icon li:first-child{
    font-family:"Montserrat",sans-serif;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#000;
    margin-right:5px
}
.blog-details .blog-details-post .bottom-widget .share-icon a{
    width:48px;
    line-height:46px;
    border:1px solid #000;
    border-radius:50%;
    text-align:center;
    color:#000;
    font-size:20px;
    margin-left:15px;
    transition:all .3s ease-in-out 0s
}
.blog-details .blog-details-post .bottom-widget .share-icon a:hover{
    background:#ffc226;
    border-color:#ffc226
}
.blog-details .blog-inner-title{
    font-family:"Montserrat",sans-serif;
    font-size:64px;
    line-height:1.1333em;
    letter-spacing:-5px;
    text-transform:uppercase
}
.blog-details .blog-comment-form{
    margin-top:130px
}
.blog-details .blog-comment-form p{
    font-size:24px;
    color:#000
}
.blog-details .blog-comment-form p a{
    font-weight:500
}
.blog-details .blog-comment-form p a:hover{
    text-decoration:underline
}
.blog-details .blog-comment-form .input-wrapper{
    border:3px solid #000;
    border-radius:20px;
    padding:15px 35px 20px;
    box-shadow:0 5px 0 #000
}
.blog-details .blog-comment-form .input-wrapper label{
    display:block;
    font-size:16px
}
.blog-details .blog-comment-form .input-wrapper input{
    width:100%;
    height:50px;
    border:none;
    background:rgba(0,0,0,0);
    font-size:24px;
    color:#000
}
.blog-details .blog-comment-form .input-wrapper input::-moz-placeholder{
    color:#000
}
.blog-details .blog-comment-form .input-wrapper input::placeholder{
    color:#000
}
.blog-details .blog-comment-form .input-wrapper textarea{
    width:100%;
    min-height:200px;
    border:none;
    background:rgba(0,0,0,0);
    font-size:20px;
    color:#000
}
.blog-details .blog-comment-form .input-wrapper textarea::-moz-placeholder{
    color:#000
}
.blog-details .blog-comment-form .input-wrapper textarea::placeholder{
    color:#000
}
.contact-section-one .wrapper{
    border:3px solid #000;
    border-radius:40px;
    padding:80px 95px;
    box-shadow:0 15px 0 #000
}
.map-banner-one{
    height:600px
}
.form-style-one h3{
    font-size:48px;
    margin-bottom:50px
}
.form-style-one .input-group-meta{
    position:relative;
    border:3px solid #000;
    border-radius:20px;
    box-shadow:-7px 7px 0 #000;
    padding:14px 15px 0 40px
}
.form-style-one .input-group-meta label{
    font-size:16px;
    font-weight: bold;
    color:rgba(0,0,0,1);
    margin-bottom:5px
}
.form-style-one .input-group-meta input,.form-style-one .input-group-meta textarea{
    font-size:24px;
    width:100%;
    max-width:100%;
    border:none;
    background:rgba(0,0,0,0);
    color:#000
}


.form-style-one .input-group-meta input{
    padding:0 0 25px
}
.form-style-one .input-group-meta input::-moz-placeholder{
    color:#696969;
}
.form-style-one .input-group-meta input::placeholder{
    color: #696969;
}
.form-style-one .input-group-meta textarea{
    height:250px;
    padding:15px 0;
    font-size:24px
}
.form-style-one .btn-four{
    font-weight:500;
    line-height:60px;
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:2px;
    border-radius:8px
}
.form-style-one #contact-form .help-block{
    bottom:-28px
}
#contact-form .help-block{
    position:absolute;
    left:0;
    bottom:-18px;
    font-size:13px;
    line-height:20px;
    color:#ff4d44
}
#contact-form .help-block ul{
    margin:0
}
.form-style-two .input-group-meta{
    position:relative
}
.form-style-two .input-group-meta label{
    font-size:14px;
    display:block;
    margin-bottom:5px
}
.form-style-two .input-group-meta input{
    width:100%;
    height:70px;
    border:none;
    border-radius:10px;
    background:#f2f2f2;
    padding:0 20px
}
.form-style-two .input-group-meta textarea{
    width:100%;
    height:200px;
    border:none;
    border-radius:10px;
    background:#f2f2f2;
    padding:15px 20px
}
.contact-section-three .address-wrapper{
    background:linear-gradient(to bottom, #FF599F, #9452FF);
    padding:2px;
    border-radius:30px
}
.contact-section-three .address-wrapper .wrapper{
    background:#fff;
    border-radius:30px;
    padding:45px 45px 5px
}
.contact-section-three .address-wrapper li{
    position:relative;
    padding-left:65px;
    margin-bottom:50px
}
.contact-section-three .address-wrapper li img{
    position:absolute;
    left:0;
    top:2px
}
.contact-section-three .address-wrapper li h6{
    font-size:24px;
    margin-bottom:17px
}
.contact-section-three .address-wrapper li p{
    font-size:20px;
    line-height:1.7em
}
.contact-section-three .address-wrapper li p a{
    font-weight:500;
    color:#000
}
.contact-section-three .address-wrapper li p a:hover{
    text-decoration:underline
}
.contact-section-three .shape_01{
    bottom:0;
    left:50%;
    transform:translateX(-50%)
}
.footer-one{
    padding:110px 0 80px
}
.footer-one .email-banner{
    border:2px solid #000;
    padding:50px 40px;
    margin-bottom:100px;
    box-shadow:8px 8px 0 #000
}
.footer-one .email-banner h3{
    font-family:"Montserrat",sans-serif;
    font-size:52px;
    font-style:italic;
    text-transform:uppercase;
    margin:0
}
.footer-one .email-banner form{
    max-width:510px;
    margin-left:auto;
    height:80px
}
.footer-one .email-banner form input{
    width:100%;
    height:100%;
    border:2px solid #000;
    border-radius:10px;
    background:rgba(0,0,0,0);
    padding:0 70px 0 25px;
    font-weight:500;
    font-size:20px;
    color:#000
}
.footer-one .email-banner form input::-moz-placeholder{
    color:#000
}
.footer-one .email-banner form input::placeholder{
    color:#000
}
.footer-one .email-banner form button{
    position:absolute;
    top:10px;
    right:10px;
    bottom:10px;
    width:65px;
    border-radius:10px;
    background:#000
}
.footer-one .email-banner form button:hover{
    background:#b66cff
}
.footer-one .footer-contact .tel{
    color:#000
}
.footer-one .footer-contact .tel:hover{
    color:#b66cff
}
.footer-one .footer-contact .social-icon{
    margin:0 -5px
}
.footer-one .footer-contact .social-icon li{
    padding:0 5px
}
.footer-one .footer-contact .social-icon li a{
    width:48px;
    height:48px;
    border:1px solid #000;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-size:22px;
    transition:all .3s ease-in-out 0s
}
.footer-one .footer-contact .social-icon li a:hover{
    background:#000;
    color:#fff
}
.footer-one .footer-nav .footer-nav-link a{
    line-height:53px;
    font-weight:500;
    font-size:20px;
    color:#000;
    color:rgba(0,0,0,.7);
    transition:all .2s ease-in-out 0s
}
.footer-one .footer-nav .footer-nav-link a:hover{
    color:#b66cff
}
.footer-one .copyright-text{
    position:absolute;
    left:0;
    bottom:30px;
    color:rgba(0,0,0,.4)
}
.footer-two .bg-wrapper{
    background:#000;
    border-radius:40px;
    padding:85px 10px 0
}
.footer-two .footer-intro h3{
    font-family:"Montserrat",sans-serif;
    font-size:42px;
    letter-spacing:-2px;
    text-transform:uppercase
}
.footer-two .footer-intro h3 span{
    color:#ffc226
}
.footer-two .footer-intro form{
    height:80px;
    margin-top:50px
}
.footer-two .footer-intro form input{
    width:100%;
    height:100%;
    border:none;
    border-bottom:1px solid #fff;
    border-radius:0;
    background:rgba(0,0,0,0);
    padding:0 70px 0 0;
    font-size:20px;
    color:#fff
}
.footer-two .footer-intro form input::-moz-placeholder{
    color:rgba(255,255,255,.5)
}
.footer-two .footer-intro form input::placeholder{
    color:rgba(255,255,255,.5)
}
.footer-two .footer-intro form button{
    position:absolute;
    top:10px;
    right:0;
    bottom:10px
}
.footer-two .footer-nav-link a{
    font-weight:500;
    color:rgba(255,255,255,.5);
    line-height:50px;
    transition:all .2s ease-in-out 0s
}
.footer-two .footer-nav-link a:hover{
    color:#ffc226
}
.footer-two .footer-contact p{
    font-size:18px;
    color:rgba(255,255,255,.5)
}
.footer-two .footer-contact .tel{
    font-size:24px;
    color:#fff;
    margin:35px 0 55px
}
.footer-two .footer-contact .tel:hover{
    text-decoration:underline
}
.footer-two .footer-contact .social-icon{
    margin:0 -5px
}
.footer-two .footer-contact .social-icon li{
    padding:0 5px
}
.footer-two .footer-contact .social-icon li a{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-size:22px;
    background:#fff;
    transition:all .3s ease-in-out 0s
}
.footer-two .footer-contact .social-icon li a:hover{
    background:#ffc226
}
.footer-two .bottom-footer{
    margin-top:50px;
    padding:40px 0;
    border-top:1px solid rgba(255,255,255,.14)
}
.footer-two .bottom-footer ul{
    margin:0 -4px
}
.footer-two .bottom-footer ul li{
    margin:0 4px
}
.footer-two .bottom-footer ul li a{
    font-weight:500;
    color:rgba(255,255,255,.5);
    transition:all .2s ease-in-out 0s
}
.footer-two .bottom-footer ul li a:hover{
    color:#ffc226
}
.footer-two .bottom-footer p{
    color:rgba(255,255,255,.5)
}
.footer-two .bottom-footer p span{
    color:#fff;
    font-weight:500
}
.footer-three{
    padding-top:100px
}
.footer-three .footer-intro h3{
    font-size:64px;
    line-height:1.15625em;
    letter-spacing:-1px
}
.footer-three .footer-intro form{
    height:70px;
    margin-top:50px
}
.footer-three .footer-intro form input{
    width:100%;
    height:100%;
    border:none;
    border-radius:10px;
    background:#f7f7f7;
    padding:0 70px 0 20px;
    font-size:20px;
    color:#000
}
.footer-three .footer-intro form input::-moz-placeholder{
    color:rgba(0,0,0,.5)
}
.footer-three .footer-intro form input::placeholder{
    color:rgba(0,0,0,.5)
}
.footer-three .footer-intro form button{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:60px
}
.footer-three .footer-intro form.style-two{
    max-width:480px;
    height:65px
}
.footer-three .footer-intro form.style-two input{
    background:rgba(0,0,0,0);
    border:2px solid #000;
    border-radius:50px
}
.footer-three .footer-intro form.style-two input button{
    border-radius:0 50px 50px 0
}
.footer-three .footer-nav-link a{
    font-weight:500;
    color:#000;
    line-height:50px;
    transition:all .2s ease-in-out 0s
}
.footer-three .footer-nav-link a:hover{
    color:#8a42ff
}
.footer-three .footer-contact p{
    font-size:18px;
    color:#000
}
.footer-three .footer-contact .tel{
    font-size:24px;
    color:#000;
    margin:35px 0 55px
}
.footer-three .footer-contact .tel:hover{
    text-decoration:underline
}
.footer-three .footer-contact .social-icon{
    margin:0 -5px
}
.footer-three .footer-contact .social-icon li{
    padding:0 5px
}
.footer-three .footer-contact .social-icon li a{
    width:50px;
    height:50px;
    border:1px solid rgba(0,0,0,.1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-size:22px;
    transition:all .3s ease-in-out 0s
}
.footer-three .footer-contact .social-icon li a:hover{
    background:#8a42ff;
    border-color:#8a42ff;
    color:#fff
}
.footer-three .bottom-footer{
    margin-top:50px;
    padding:40px 0;
    border-top:1px solid rgba(0,0,0,.08)
}
.footer-three .bottom-footer ul{
    margin:0 -4px
}
.footer-three .bottom-footer ul li{
    margin:0 4px
}
.footer-three .bottom-footer ul li a{
    font-weight:500;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.footer-three .bottom-footer ul li a:hover{
    color:#8a42ff
}
.footer-three .bottom-footer p{
    color:#000
}
.footer-three .bottom-footer p span{
    font-weight:500
}
.footer-three.version-two .footer-intro h3{
    font-family:"Playfair Display",serif
}
.footer-three.version-two .footer-intro form{
    max-width:480px;
    margin-top:45px
}
.footer-three.version-two .footer-intro form input{
    background:rgba(0,0,0,0);
    border-bottom:2px solid #000;
    font-weight:500;
    border-radius:0;
    padding-left:0
}
.footer-three.version-two .bottom-footer{
    margin-top:35px;
    border:none
}
.footer-three.dark-version{
    background:#000;
    padding-bottom:80px;
    position:relative;
    z-index:1
}
.footer-three.dark-version .address-wrapper{
    margin-bottom:90px
}
.footer-three.dark-version .address-wrapper h2{
    font-family:"Playfair Display",serif;
    color:#fff;
    font-size:62px;
    font-weight:600;
    margin-bottom:30px
}
.footer-three.dark-version .address-wrapper .block{
    padding:40px 35px;
    background:rgba(255,255,255,.1);
    border-radius:20px
}
.footer-three.dark-version .address-wrapper .block .icon{
    width:64px;
    height:64px;
    background:rgba(255,255,255,.09)
}
.footer-three.dark-version .address-wrapper .block .text{
    width:calc(100% - 64px);
    padding-left:20px;
    color:rgba(255,255,255,.5)
}
.footer-three.dark-version .address-wrapper .block .text .title{
    font-size:22px;
    color:#fff;
    margin-bottom:3px
}
.footer-three.dark-version .footer-nav-link a{
    color:#fff
}
.footer-three.dark-version .footer-nav-link a:hover{
    color:#f5e900
}
.footer-three.dark-version .social-icon li a{
    color:#fff;
    font-size:20px;
    margin-right:20px
}
.footer-three.dark-version .copyright-text{
    position:absolute;
    left:0;
    bottom:0;
    color:rgba(255,255,255,.4)
}
.footer-three.dark-version .shape_01{
    top:12%;
    right:10%;
    max-width:52%
}
.footer-four .wrapper{
    border:2px solid #000;
    border-radius:40px;
    padding:70px 40px 60px
}
.footer-four .footer-nav .footer-nav-link a{
    line-height:50px;
    font-weight:500;
    font-size:18px;
    color:#000;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.footer-four .footer-nav .footer-nav-link a:hover{
    color:#b66cff
}
.footer-four .footer-newsletter h6{
    font-size:21px;
    margin-bottom:35px
}
.footer-four .footer-newsletter form{
    height:70px
}
.footer-four .footer-newsletter form input{
    width:100%;
    height:100%;
    border:2px solid #000;
    border-radius:8px;
    background:rgba(0,0,0,0);
    font-size:16px;
    color:#000;
    padding:0 122px 0 20px
}
.footer-four .footer-newsletter form button{
    font-size:16px;
    color:#fff;
    font-weight:500;
    border-radius:8px;
    background:#2b2b2b;
    position:absolute;
    right:7px;
    top:7px;
    bottom:7px;
    width:115px
}
.footer-four .footer-newsletter form button:hover{
    background:#8a42ff
}
.footer-four .copyright-text{
    color:rgba(0,0,0,.5);
    margin:25px 0
}
.footer-five{
    padding:150px 80px 90px;
    position:relative;
    z-index:0
}
.footer-five .wrapper{
    background:#fff;
    border-radius:40px;
    padding:20px 12px;
    box-shadow:0px -40px 90px rgba(0,0,0,.03)
}
.footer-five .newsletter{
    border-bottom:1px solid rgba(0,0,0,.1);
    padding:35px 0 45px;
    margin-bottom:60px
}
.footer-five .newsletter h3{
    font-size:52px;
    line-height:1.15625em
}
.footer-five .newsletter form{
    max-width:620px;
    margin-left:auto
}
.footer-five .newsletter form h6{
    font-size:20px;
    color:rgba(0,0,0,.5);
    margin-bottom:10px
}
.footer-five .newsletter form input{
    width:100%;
    height:74px;
    border:none;
    border-bottom:2px solid #000;
    border-radius:0;
    background:rgba(0,0,0,0);
    padding:0 70px 0 0;
    font-size:24px;
    color:#000
}
.footer-five .newsletter form input::-moz-placeholder{
    color:#000
}
.footer-five .newsletter form input::placeholder{
    color:#000
}
.footer-five .newsletter form button{
    position:absolute;
    right:0;
    bottom:12px;
    width:60px;
    height:60px;
    background:#000;
    border-radius:50%
}
.footer-five .newsletter form button:hover{
    background:#ff7035
}
.footer-five .footer-nav-link a{
    font-weight:500;
    color:#000;
    line-height:50px;
    transition:all .2s ease-in-out 0s
}
.footer-five .footer-nav-link a:hover{
    color:#8a42ff
}
.footer-five .footer-contact p{
    font-size:18px;
    color:#000
}
.footer-five .footer-contact .tel{
    font-size:24px;
    color:#000;
    margin:35px 0 55px
}
.footer-five .footer-contact .tel:hover{
    text-decoration:underline
}
.footer-five .footer-contact .social-icon{
    margin:0 -5px
}
.footer-five .footer-contact .social-icon li{
    padding:0 5px
}
.footer-five .footer-contact .social-icon li a{
    width:50px;
    height:50px;
    border:1px solid rgba(0,0,0,.1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-size:22px;
    transition:all .3s ease-in-out 0s
}
.footer-five .footer-contact .social-icon li a:hover{
    background:#8a42ff;
    border-color:#8a42ff;
    color:#fff
}
.footer-five .copyright-text{
    position:absolute;
    left:0;
    bottom:30px;
    color:rgba(0,0,0,.4)
}
.footer-five .bg_01{
    bottom:0;
    right:0
}
.footer-five .shape_02{
    max-width:5%;
    right:30px;
    top:57%;
    z-index:0
}
.footer-five .shape_03{
    max-width:5%;
    left:30px;
    top:57%;
    z-index:0
}
.login-page{
    min-height:100vh;
    padding:100px 12px
}
.login-page .bg-wrapper{
    background:linear-gradient(to bottom, #FF599F, #9452FF);
    padding:3px;
    border-radius:30px;
    max-width:750px;
    margin:0 auto;
    overflow:hidden
}
.login-page .copyright-text{
    font-size:16px;
    color:#000;
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
    text-align:center
}
.login-page .shape_01{
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width:75%
}
.user-data-form{
    background:#fff;
    padding:50px 90px 40px;
    border-radius:30px
}
.user-data-form h2{
    font-size:48px;
    margin-bottom:20px
}
.user-data-form p{
    font-size:22px
}
.user-data-form p a{
    font-weight:500;
    color:#8a42ff
}
.user-data-form .form-wrapper .input-group-meta input{
    width:100%;
    height:55px;
    font-size:16px;
    border:1px solid #000;
    border-radius:8px;
    padding:0 52px 0 20px;
    color:#000
}
.user-data-form .form-wrapper .input-group-meta label{
    font-size:15px;
    font-weight:normal;
    color:rgba(0,0,0,.5);
    display:block;
    margin-bottom:6px
}
.user-data-form .form-wrapper .input-group-meta .placeholder_icon{
    position:absolute;
    height:55px;
    top:30px;
    right:0;
    bottom:0;
    width:50px;
    text-align:center;
    z-index:1;
    color:rgba(0,0,0,.45);
    font-size:17px
}
.user-data-form .form-wrapper .input-group-meta .placeholder_icon img{
    position:relative;
    top:50%;
    margin:0 auto;
    transform:translateY(-50%)
}
.user-data-form .form-wrapper .input-group-meta .placeholder_icon span{
    width:100%;
    height:100%;
    cursor:pointer;
    display:block;
    position:relative
}
.user-data-form .form-wrapper .input-group-meta .placeholder_icon span:before{
    content:"";
    width:2px;
    height:26px;
    background:#000;
    position:absolute;
    top:15px;
    left:24px;
    transform:rotate(45deg);
    z-index:5;
    transition:all .2s ease-in-out
}
.user-data-form .form-wrapper .input-group-meta .placeholder_icon span.eye-slash:before{
    opacity:0
}
.user-data-form .agreement-checkbox label{
    position:relative;
    font-size:14px;
    font-weight:normal;
    color:#000;
    cursor:pointer;
    padding-left:22px;
    transition:all .1s ease-in-out
}
.user-data-form .agreement-checkbox label a{
    color:#8a42ff;
    text-decoration:underline
}
.user-data-form .agreement-checkbox input[type=checkbox]{
    display:none
}
.user-data-form .agreement-checkbox label:before{
    content:"";
    width:14px;
    height:14px;
    line-height:11px;
    border-radius:2px;
    border:2px solid #b3b3b3;
    font-size:10px;
    text-align:center;
    position:absolute;
    left:0;
    top:4px;
    transition:all .1s ease-in-out
}
.user-data-form .agreement-checkbox input[type=checkbox]:checked+label:before{
    content:"";
    font-family:"Font Awesome 6 Pro";
    background:#000;
    color:#fff;
    border-color:#000
}
.user-data-form .agreement-checkbox a{
    position:relative;
    font-size:14px;
    color:rgba(0,0,0,.5)
}
.user-data-form .agreement-checkbox a:hover{
    text-decoration:underline
}
.user-data-form .social-use-btn{
    font-size:16px;
    color:#000;
    height:55px;
    border:1px solid #e5e5e5;
    border-radius:7px
}
.user-data-form .social-use-btn:hover{
    background:rgba(0,0,0,.06)
}
.user-data-form .social-use-btn img{
    width:20px
}
.user-data-form .btn-four{
    border-color:#8a42ff;
    background:#8a42ff;
    color:#fff;
    font-weight:normal;
    letter-spacing:2px
}
.user-data-form .btn-four:hover{
    background:#000
}
.team-section-one .shape_01{
    bottom:0;
    left:50%;
    transform:translateX(-50%)
}
.team-section-one .shape_02{
    width:100%;
    bottom:0%;
    left:50%;
    transform:translateX(-50%)
}
.team-section-one .section-btn{
    position:absolute;
    right:0;
    top:50px
}
.team-section-one .team-block img{
    border-radius:30px 30px 0 0
}
.team-section-one .team-block .text{
    padding:25px 30px 15px;
    text-align:center;
    background:#fff;
    box-shadow:0px 30px 70px rgba(0,0,0,.04);
    border-radius:0px 0px 30px 30px;
    position:relative
}
.team-section-one .team-block .text span{
    font-size:15px
}
.team-section-one .team-block .text h5{
    font-size:24px;
    margin:15px 0 0
}
.team-section-two .team-block{
    border:2px solid #000;
    border-radius:30px;
    box-shadow:0 6px 0 #000;
    overflow:hidden
}
.team-section-two .team-block .text{
    padding:30px 12px
}
.team-section-two .team-block .text h6{
    font-family:"Montserrat",sans-serif;
    font-size:24px;
    text-transform:uppercase;
    margin-bottom:13px
}
.team-section-two .team-block .text span{
    color:#000
}
.team-section-two .team-block:hover h6{
    text-decoration:underline
}
.team-section-two .shape_01{
    top:8%;
    left:50%;
    transform:translateX(-50%);
    max-width:84%
}
@keyframes ripple{
    0%{
        box-shadow:0 0 0 .1rem rgba(0,0,0,.08)
    }
    100%{
        box-shadow:0 0 0 3rem rgba(0,0,0,0)
    }
}
@keyframes rippleTwo{
    0%{
        box-shadow:0 0 0 .1rem rgba(225,255,45,.15)
    }
    100%{
        box-shadow:0 0 0 .8rem rgba(225,255,45,.15)
    }
}
@keyframes marquee{
    0%{
        transform:translate3d(0, 0, 0)
    }
    100%{
        transform:translate3d(-50%, 0, 0)
    }
}
@keyframes skewwrap{
    0%{
        transform:skewX(5deg)
    }
    50%{
        transform:skewX(0)
    }
    100%{
        transform:skewX(-5deg)
    }
}
@keyframes jump{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 50%, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpTwo{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpThree{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, -20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFour{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, -10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFive{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, 10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes prXOne{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(-15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes prXTwo{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes rotated{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotatedTwo{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(-360deg)
    }
}
@keyframes rotatedHalf{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes rotatedHalfTwo{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(-90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes scale-right{
    0%{
        transform:translateX(0%)
    }
    50%{
        transform:translateX(20%)
    }
    100%{
        transform:translateX(0%)
    }
}
@keyframes fade-in{
    0%{
        opacity:.2
    }
    40%{
        opacity:1
    }
    100%{
        opacity:.2
    }
}
@keyframes hvr-ripple-out{
    0%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px
    }
    50%{
        top:-15px;
        right:-15px;
        bottom:-15px;
        left:-15px;
        opacity:.8
    }
    100%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px;
        opacity:1
    }
}
@keyframes hvr-ripple-out-two{
    0%{
        top:0;
        right:0;
        bottom:0;
        left:0
    }
    100%{
        top:-30px;
        right:-30px;
        bottom:-30px;
        left:-30px;
        opacity:0
    }
}
@keyframes scale-up-one{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(0.5)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes scale-up-two{
    0%{
        transform:scale(0.5)
    }
    40%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(0.5)
    }
}
@keyframes scale-up-three{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(2)
    }
    100%{
        transform:scale(1)
    }
}
/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
.animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.animated.hinge{
    animation-duration:2s
}
@keyframes bounce{
    0%,20%,50%,80%,100%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
.bounce{
    animation-name:bounce
}
@keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    animation-name:flash
}
@keyframes pulse{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.1)
    }
    100%{
        transform:scale(1)
    }
}
.pulse{
    animation-name:pulse
}
@keyframes shake{
    0%,100%{
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        transform:translateX(10px)
    }
}
.shake{
    animation-name:shake
}
@keyframes swing{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
.swing{
    transform-origin:top center;
    animation-name:swing
}
@keyframes tada{
    0%{
        transform:scale(1)
    }
    10%,20%{
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        transform:scale(1) rotate(0)
    }
}
.tada{
    animation-name:tada
}
@keyframes wobble{
    0%{
        transform:translateX(0%)
    }
    15%{
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        transform:translateX(0%)
    }
}
.wobble{
    animation-name:wobble
}
@keyframes bounceIn{
    0%{
        opacity:0;
        transform:scale(0.3)
    }
    50%{
        opacity:1;
        transform:scale(1.05)
    }
    70%{
        transform:scale(0.9)
    }
    100%{
        transform:scale(1)
    }
}
.bounceIn{
    animation-name:bounceIn
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        transform:translateY(30px)
    }
    80%{
        transform:translateY(-10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInDown{
    animation-name:bounceInDown
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        transform:translateX(30px)
    }
    80%{
        transform:translateX(-10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInLeft{
    animation-name:bounceInLeft
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        transform:translateX(-30px)
    }
    80%{
        transform:translateX(10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInRight{
    animation-name:bounceInRight
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        transform:translateY(-30px)
    }
    80%{
        transform:translateY(10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInUp{
    animation-name:bounceInUp
}
@keyframes bounceOut{
    0%{
        transform:scale(1)
    }
    25%{
        transform:scale(0.95)
    }
    50%{
        opacity:1;
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        transform:scale(0.3)
    }
}
.bounceOut{
    animation-name:bounceOut
}
@keyframes bounceOutDown{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    animation-name:bounceOutDown
}
@keyframes bounceOutLeft{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    animation-name:bounceOutLeft
}
@keyframes bounceOutRight{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    animation-name:bounceOutRight
}
@keyframes bounceOutUp{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    animation-name:bounceOutUp
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    animation-name:fadeIn
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDown{
    animation-name:fadeInDown
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDownBig{
    animation-name:fadeInDownBig
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeft{
    animation-name:fadeInLeft
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    animation-name:fadeInLeftBig
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRight{
    animation-name:fadeInRight
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRightBig{
    animation-name:fadeInRightBig
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUp{
    animation-name:fadeInUp
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUpBig{
    animation-name:fadeInUpBig
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(20px)
    }
}
.fadeOutDown{
    animation-name:fadeOutDown
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(20px)
    }
}
.fadeOutRight{
    animation-name:fadeOutRight
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    animation-name:fadeOutRightBig
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    animation-name:fadeOutUp
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    animation-name:fadeOutUpBig
}
@keyframes flip{
    0%{
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function:ease-out
    }
    50%{
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        animation-timing-function:ease-in
    }
    100%{
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function:ease-in
    }
}
.animated.flip{
    backface-visibility:visible;
    animation-name:flip
}
@keyframes flipInX{
    0%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
.flipInX{
    backface-visibility:visible !important;
    animation-name:flipInX
}
@keyframes flipInY{
    0%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
.flipInY{
    backface-visibility:visible !important;
    animation-name:flipInY
}
@keyframes flipOutX{
    0%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    animation-name:flipOutX;
    backface-visibility:visible !important
}
@keyframes flipOutY{
    0%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    backface-visibility:visible !important;
    animation-name:flipOutY
}
@keyframes lightSpeedIn{
    0%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
.lightSpeedIn{
    animation-name:lightSpeedIn;
    animation-timing-function:ease-out
}
@keyframes lightSpeedOut{
    0%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    animation-name:lightSpeedOut;
    animation-timing-function:ease-in
}
@keyframes rotateIn{
    0%{
        transform-origin:center center;
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    animation-name:rotateIn
}
@keyframes rotateInDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    animation-name:rotateInUpRight
}
@keyframes rotateOut{
    0%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:center center;
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    animation-name:rotateOut
}
@keyframes rotateOutDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    animation-name:rotateOutUpRight
}
@keyframes slideInUp{
    0%{
        opacity:0;
        transform:translateY(150px)
    }
    100%{
        transform:translateY(0)
    }
}
.slideInUp{
    animation-name:slideInUp
}
@keyframes slideInDown{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    100%{
        transform:translateY(0)
    }
}
.slideInDown{
    animation-name:slideInDown
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        transform:translateX(-200px)
    }
    100%{
        transform:translateX(0)
    }
}
.slideInLeft{
    animation-name:slideInLeft
}
@keyframes slideInRight{
    0%{
        opacity:0;
        transform:translateX(200px)
    }
    100%{
        transform:translateX(0)
    }
}
.slideInRight{
    animation-name:slideInRight
}
@keyframes slideOutLeft{
    0%{
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.slideOutLeft{
    animation-name:slideOutLeft
}
@keyframes slideOutRight{
    0%{
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.slideOutRight{
    animation-name:slideOutRight
}
@keyframes slideOutUp{
    0%{
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.slideOutUp{
    animation-name:slideOutUp
}
@keyframes hinge{
    0%{
        transform:rotate(0);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate(80deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    40%{
        transform:rotate(60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    80%{
        transform:rotate(60deg) translateY(0);
        opacity:1;
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    100%{
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    animation-name:hinge
}
@keyframes rollIn{
    0%{
        opacity:0;
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
}
.rollIn{
    animation-name:rollIn
}
@keyframes rollOut{
    0%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    animation-name:rollOut
}
@keyframes jump{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 50%, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpTwo{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpThree{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, -20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFour{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, -10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFive{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, 10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes prXOne{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(-15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes prXTwo{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes rotated{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotatedTwo{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(-360deg)
    }
}
@keyframes rotatedHalf{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes rotatedHalfTwo{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(-90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes scale-right{
    0%{
        transform:translateX(0%)
    }
    50%{
        transform:translateX(20%)
    }
    100%{
        transform:translateX(0%)
    }
}
@keyframes fade-in{
    0%{
        opacity:.2
    }
    40%{
        opacity:1
    }
    100%{
        opacity:.2
    }
}
@keyframes hvr-ripple-out{
    0%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px
    }
    50%{
        top:-15px;
        right:-15px;
        bottom:-15px;
        left:-15px;
        opacity:.8
    }
    100%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px;
        opacity:1
    }
}
@keyframes hvr-ripple-out-two{
    0%{
        top:0;
        right:0;
        bottom:0;
        left:0
    }
    100%{
        top:-30px;
        right:-30px;
        bottom:-30px;
        left:-30px;
        opacity:0
    }
}
@keyframes scale-up-one{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(0.5)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes scale-up-two{
    0%{
        transform:scale(0.5)
    }
    40%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(0.5)
    }
}
@keyframes scale-up-three{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(2)
    }
    100%{
        transform:scale(1)
    }
}
.nice-select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background-color:#fff;
    border-radius:5px;
    box-sizing:border-box;
    clear:both;
    cursor:pointer;
    display:block;
    font-family:inherit;
    font-size:.9em;
    height:35px;
    line-height:35px;
    outline:none;
    padding-left:10px;
    padding-right:18px;
    text-transform:capitalize;
    position:relative;
    text-align:left !important;
    transition:all .2s ease-in-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    white-space:nowrap;
    width:auto
}
.nice-select:after{
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    content:"";
    display:block;
    height:7px;
    margin-top:-4px;
    pointer-events:none;
    position:absolute;
    right:8px;
    top:50%;
    transform-origin:66% 66%;
    transform:rotate(45deg);
    transition:all .15s ease-in-out;
    width:7px
}
.nice-select.open:after{
    transform:rotate(-135deg)
}
.nice-select.open .list{
    opacity:1;
    pointer-events:auto;
    transform:scale(1) translateY(0)
}
.nice-select.disabled{
    border-color:#ededed;
    color:#999;
    pointer-events:none
}
.nice-select.disabled:after{
    border-color:#ccc
}
.nice-select.wide{
    width:100%
}
.nice-select.wide .list{
    left:0 !important;
    right:0 !important
}
.nice-select.right{
    float:right
}
.nice-select.right .list{
    left:auto;
    right:0
}
.nice-select.small{
    font-size:12px;
    height:36px;
    line-height:34px
}
.nice-select.small:after{
    height:4px;
    width:4px
}
.nice-select.small .option{
    line-height:34px;
    min-height:34px
}
.nice-select .list{
    background-color:#fff;
    border-radius:0 0 5px 5px;
    box-shadow:0 13px 35px -12px rgba(35,35,35,.1);
    box-sizing:border-box;
    opacity:0;
    overflow-y:auto;
    max-height:250px;
    border:1px solid rgba(0,0,0,.05);
    padding:5px 0 15px;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    transform-origin:50% 0;
    transform:scale(0.75) translateY(-21px);
    transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
    z-index:9
}
.nice-select .option{
    font-size:.95em;
    cursor:pointer;
    font-weight:400;
    margin-top:5px;
    list-style:none;
    outline:none;
    padding:0 10px;
    text-align:left;
    transition:all .2s
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
    color:#e1ff2d;
    background:rgba(225,255,45,.03)
}
.nice-select .option.disabled{
    background-color:rgba(0,0,0,0);
    color:#999;
    cursor:default
}
.no-csspointerevents .nice-select .list{
    display:none
}
.no-csspointerevents .nice-select.open .list{
    display:block
}
:root{
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}
.f-spinner{
    margin:auto;
    padding:0;
    width:var(--f-spinner-width);
    height:var(--f-spinner-height)
}
.f-spinner svg{
    width:100%;
    height:100%;
    vertical-align:top;
    animation:f-spinner-rotate 2s linear infinite
}
.f-spinner svg *{
    stroke-width:var(--f-spinner-stroke);
    fill:none
}
.f-spinner svg *:first-child{
    stroke:var(--f-spinner-color-1)
}
.f-spinner svg *:last-child{
    stroke:var(--f-spinner-color-2);
    animation:f-spinner-dash 2s ease-in-out infinite
}
@keyframes f-spinner-rotate{
    100%{
        transform:rotate(360deg)
    }
}
@keyframes f-spinner-dash{
    0%{
        stroke-dasharray:1,150;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-35
    }
    100%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-124
    }
}
.f-throwOutUp{
    animation:.175s ease-out both f-throwOutUp
}
.f-throwOutDown{
    animation:.175s ease-out both f-throwOutDown
}
@keyframes f-throwOutUp{
    to{
        transform:translate3d(0, -150px, 0);
        opacity:0
    }
}
@keyframes f-throwOutDown{
    to{
        transform:translate3d(0, 150px, 0);
        opacity:0
    }
}
.f-zoomInUp{
    animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp
}
.f-zoomOutDown{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown
}
@keyframes f-zoomInUp{
    from{
        transform:scale(0.975) translate3d(0, 16px, 0);
        opacity:0
    }
    to{
        transform:scale(1) translate3d(0, 0, 0);
        opacity:1
    }
}
@keyframes f-zoomOutDown{
    to{
        transform:scale(0.975) translate3d(0, 16px, 0);
        opacity:0
    }
}
.f-fadeIn{
    animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index:2
}
.f-fadeOut{
    animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index:1
}
@keyframes f-fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeOut{
    100%{
        opacity:0
    }
}
.f-fadeSlowIn{
    animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index:2
}
.f-fadeSlowOut{
    animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index:1
}
@keyframes f-fadeSlowIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeSlowOut{
    100%{
        opacity:0
    }
}
.f-fadeFastIn{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index:2
}
.f-fadeFastOut{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
    z-index:2
}
@keyframes f-fadeFastIn{
    0%{
        opacity:.75
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeFastOut{
    100%{
        opacity:0
    }
}
.f-crossfadeIn{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index:2
}
.f-crossfadeOut{
    animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
    z-index:1
}
@keyframes f-crossfadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-crossfadeOut{
    100%{
        opacity:0
    }
}
.f-slideIn.from-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}
.f-slideIn.from-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}
.f-slideOut.to-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}
.f-slideOut.to-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}
@keyframes f-slideInPrev{
    0%{
        transform:translateX(100%)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes f-slideInNext{
    0%{
        transform:translateX(-100%)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes f-slideOutNext{
    100%{
        transform:translateX(-100%)
    }
}
@keyframes f-slideOutPrev{
    100%{
        transform:translateX(100%)
    }
}
.f-classicIn.from-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index:2
}
.f-classicIn.from-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index:2
}
.f-classicOut.to-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index:1
}
.f-classicOut.to-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index:1
}
@keyframes f-classicInNext{
    0%{
        transform:translateX(-75px);
        opacity:0
    }
    100%{
        transform:translate3d(0, 0, 0);
        opacity:1
    }
}
@keyframes f-classicInPrev{
    0%{
        transform:translateX(75px);
        opacity:0
    }
    100%{
        transform:translate3d(0, 0, 0);
        opacity:1
    }
}
@keyframes f-classicOutNext{
    100%{
        transform:translateX(-75px);
        opacity:0
    }
}
@keyframes f-classicOutPrev{
    100%{
        transform:translateX(75px);
        opacity:0
    }
}
:root{
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}
.f-button{
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:content-box;
    position:relative;
    margin:0;
    padding:0;
    width:var(--f-button-width);
    height:var(--f-button-height);
    border:var(--f-button-border);
    border-radius:var(--f-button-border-radius);
    color:var(--f-button-color);
    background:var(--f-button-bg);
    box-shadow:var(--f-button-shadow);
    pointer-events:all;
    cursor:pointer;
    transition:var(--f-button-transition)
}
@media(hover: hover){
    .f-button:hover:not([disabled]){
        color:var(--f-button-hover-color);
        background-color:var(--f-button-hover-bg)
    }
}
.f-button:active:not([disabled]){
    background-color:var(--f-button-active-bg)
}
.f-button:focus:not(:focus-visible){
    outline:none
}
.f-button:focus-visible{
    outline:none;
    box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}
.f-button svg{
    width:var(--f-button-svg-width);
    height:var(--f-button-svg-height);
    fill:var(--f-button-svg-fill);
    stroke:currentColor;
    stroke-width:var(--f-button-svg-stroke-width);
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:opacity .15s ease;
    transform:var(--f-button-transform);
    filter:var(--f-button-svg-filter);
    pointer-events:none
}
.f-button[disabled]{
    cursor:default
}
.f-button[disabled] svg{
    opacity:var(--f-button-svg-disabled-opacity)
}
.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{
    position:absolute;
    z-index:1
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{
    top:50%;
    transform:translateY(-50%)
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{
    left:var(--f-button-prev-pos)
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{
    right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{
    left:auto;
    right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{
    right:auto;
    left:var(--f-button-prev-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{
    top:auto;
    left:50%;
    transform:translateX(-50%)
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{
    top:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{
    bottom:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{
    transform:rotate(90deg)
}
html.with-fancybox{
    width:auto;
    overflow:visible;
    scroll-behavior:auto
}
html.with-fancybox body{
    touch-action:none
}
html.with-fancybox body.hide-scrollbar{
    width:auto;
    margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow:hidden !important;
    overscroll-behavior-y:none
}
.fancybox__container{
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    direction:ltr;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    margin:0;
    padding:0;
    color:#f8f8f8;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    overflow:visible;
    z-index:var(--fancybox-zIndex, 1050);
    outline:none;
    transform-origin:top left;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:none;
    text-size-adjust:100%;
    overscroll-behavior-y:contain
}
.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{
    box-sizing:inherit
}
.fancybox__container::backdrop{
    background-color:rgba(0,0,0,0)
}
.fancybox__backdrop{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1;
    background:var(--fancybox-bg);
    opacity:var(--fancybox-opacity, 1);
    will-change:opacity
}
.fancybox__carousel{
    position:relative;
    box-sizing:border-box;
    flex:1;
    min-height:0;
    z-index:10;
    overflow-y:visible;
    overflow-x:clip
}
.fancybox__viewport{
    width:100%;
    height:100%
}
.fancybox__viewport.is-draggable{
    cursor:move;
    cursor:grab
}
.fancybox__viewport.is-dragging{
    cursor:move;
    cursor:grabbing
}
.fancybox__track{
    display:flex;
    margin:0 auto;
    height:100%
}
.fancybox__slide{
    flex:0 0 auto;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    height:100%;
    margin:0 var(--fancybox-slide-gap) 0 0;
    padding:4px;
    overflow:auto;
    overscroll-behavior:contain;
    transform:translate3d(0, 0, 0);
    backface-visibility:hidden
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{
    padding-top:40px
}
.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{
    overflow:hidden
}
.fancybox__slide.has-image{
    overflow:hidden
}
.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{
    overflow:visible
}
.fancybox__slide::before,.fancybox__slide::after{
    content:"";
    flex:0 0 0;
    margin:auto
}
.fancybox__content{
    align-self:center;
    display:flex;
    flex-direction:column;
    position:relative;
    margin:0;
    padding:2rem;
    max-width:100%;
    color:var(--fancybox-content-color, #374151);
    background:var(--fancybox-content-bg, #fff);
    cursor:default;
    border-radius:0;
    z-index:20
}
.is-loading .fancybox__content{
    opacity:0
}
.is-draggable .fancybox__content{
    cursor:move;
    cursor:grab
}
.can-zoom_in .fancybox__content{
    cursor:zoom-in
}
.can-zoom_out .fancybox__content{
    cursor:zoom-out
}
.is-dragging .fancybox__content{
    cursor:move;
    cursor:grabbing
}
.fancybox__content [data-selectable],.fancybox__content [contenteditable]{
    cursor:auto
}
.fancybox__slide.has-image>.fancybox__content{
    padding:0;
    background:rgba(0,0,0,0);
    min-height:1px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    transition:none;
    transform:translate3d(0, 0, 0);
    backface-visibility:hidden
}
.fancybox__slide.has-image>.fancybox__content>picture>img{
    width:100%;
    height:auto;
    max-height:100%
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{
    visibility:hidden
}
.is-animating .fancybox__content,.is-dragging .fancybox__content{
    filter:blur(0px);
    will-change:transform,width,height
}
.fancybox-image{
    margin:auto;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.fancybox__caption{
    align-self:center;
    max-width:100%;
    flex-shrink:0;
    margin:0;
    padding:14px 0 4px 0;
    overflow-wrap:anywhere;
    line-height:1.375;
    color:var(--fancybox-color, currentColor);
    opacity:var(--fancybox-opacity, 1);
    cursor:auto;
    visibility:visible
}
.is-loading .fancybox__caption,.is-closing .fancybox__caption{
    opacity:0;
    visibility:hidden
}
.is-compact .fancybox__caption{
    padding-bottom:0
}
.f-button.is-close-btn{
    --f-button-svg-stroke-width: 2;
    position:absolute;
    top:0;
    right:8px;
    z-index:40
}
.fancybox__content>.f-button.is-close-btn{
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position:absolute;
    top:-38px;
    right:0;
    opacity:.75
}
.is-loading .fancybox__content>.f-button.is-close-btn{
    visibility:hidden
}
.is-zooming-out .fancybox__content>.f-button.is-close-btn{
    visibility:hidden
}
.fancybox__content>.f-button.is-close-btn:hover{
    opacity:1
}
.fancybox__footer{
    padding:0;
    margin:0;
    position:relative
}
.fancybox__footer .fancybox__caption{
    width:100%;
    padding:24px;
    opacity:var(--fancybox-opacity, 1);
    transition:all .25s ease
}
.is-compact .fancybox__footer{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:20;
    background:rgba(24,24,27,.5)
}
.is-compact .fancybox__footer .fancybox__caption{
    padding:12px
}
.is-compact .fancybox__content>.f-button.is-close-btn{
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top:5px;
    right:5px
}
.fancybox__nav{
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity:var(--fancybox-opacity, 1)
}
.fancybox__nav .f-button:before{
    position:absolute;
    content:"";
    top:-30px;
    right:-20px;
    left:-20px;
    bottom:-30px;
    z-index:1
}
.is-idle .fancybox__nav{
    animation:.15s ease-out both f-fadeOut
}
.is-idle.is-compact .fancybox__footer{
    pointer-events:none;
    animation:.15s ease-out both f-fadeOut
}
.fancybox__slide>.f-spinner{
    position:absolute;
    top:50%;
    left:50%;
    margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index:30;
    cursor:pointer
}
.fancybox-protected{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:40;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.fancybox-ghost{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height:0;
    -o-object-fit:contain;
    object-fit:contain;
    z-index:40;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    pointer-events:none
}
.fancybox-focus-guard{
    outline:none;
    opacity:0;
    position:fixed;
    pointer-events:none
}
.fancybox__container:not([aria-hidden]){
    opacity:0
}
.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){
    animation:.25s ease .1s backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{
    animation:.35s ease backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){
    animation:.15s ease forwards f-fadeOut
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{
    animation:.35s ease forwards f-fadeOut
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
    max-width:100%;
    flex-shrink:1;
    min-height:1px;
    overflow:visible
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{
    width:100%;
    height:100%
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{
    width:calc(100% - 120px);
    height:90%
}
.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
    width:960px;
    height:540px;
    max-width:100%;
    max-height:100%
}
.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
    padding:0;
    background:rgba(24,24,27,.9);
    color:#fff
}
.has-map .fancybox__content{
    background:#e5e3df
}
.fancybox__html5video,.fancybox__iframe{
    border:0;
    display:block;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0)
}
.fancybox-placeholder{
    border:0 !important;
    clip:rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path:inset(50%) !important;
    clip-path:inset(50%) !important;
    height:1px !important;
    margin:-1px !important;
    overflow:hidden !important;
    padding:0 !important;
    position:absolute !important;
    width:1px !important;
    white-space:nowrap !important
}
.f-carousel__thumbs{
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}
.f-carousel__thumbs.is-classic{
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}
.f-carousel__thumbs.is-modern{
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px
}
.f-thumbs{
    position:relative;
    flex:0 0 auto;
    margin:0;
    overflow:hidden;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    perspective:1000px;
    transform:translateZ(0)
}
.f-thumbs .f-spinner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:2px;
    background-image:linear-gradient(#ebeff2, #e2e8f0);
    z-index:-1
}
.f-thumbs .f-spinner svg{
    display:none
}
.f-thumbs.is-vertical{
    height:100%
}
.f-thumbs__viewport{
    width:100%;
    height:auto;
    overflow:hidden
}
.f-thumbs__track{
    display:flex;
    will-change:transform
}
.f-thumbs__slide{
    position:relative;
    flex:0 0 auto;
    box-sizing:content-box;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:0;
    width:var(--f-thumb-width);
    min-width:var(--f-thumb-width);
    height:var(--f-thumb-height);
    overflow:visible;
    cursor:pointer
}
.f-thumbs__slide.is-loading img{
    opacity:0
}
.is-classic .f-thumbs__viewport{
    height:100%
}
.is-modern .f-thumbs__track{
    width:-moz-max-content;
    width:max-content
}
.is-modern .f-thumbs__track::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:calc(var(--left, 0)*1px);
    width:calc(100% - var(--width, 0)*1px);
    cursor:pointer
}
.is-modern .f-thumbs__slide{
    --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
    transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition:none;
    pointer-events:none
}
.is-modern .f-thumbs__slide>*{
    -webkit-clip-path:var(--clip-path);
    clip-path:var(--clip-path)
}
.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{
    filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}
.is-modern.in-touch .f-thumbs__slide{
    filter:none
}
.is-modern.is-resting .f-thumbs__slide{
    transition:all .33s ease
}
.is-modern.is-resting .f-thumbs__slide>*{
    transition:all .33s ease
}
.f-thumbs__slide__button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    position:relative;
    border-radius:var(--f-thumb-border-radius);
    overflow:hidden;
    background:rgba(0,0,0,0);
    outline:none;
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
    opacity:var(--f-thumb-opacity);
    transition:opacity .2s ease
}
.f-thumbs__slide__button:hover{
    opacity:var(--f-thumb-hover-opacity)
}
.f-thumbs__slide__button:focus:not(:focus-visible){
    outline:none
}
.f-thumbs__slide__button:focus-visible{
    outline:none;
    opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button{
    opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:auto;
    bottom:0;
    border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius:var(--f-thumb-border-radius);
    animation:f-fadeIn .2s ease-out;
    z-index:10
}
.f-thumbs__slide__img{
    position:absolute;
    overflow:hidden;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    padding:var(--f-thumb-offset);
    box-sizing:border-box;
    pointer-events:none;
    -o-object-fit:cover;
    object-fit:cover
}
.f-thumbs.is-horizontal .f-thumbs__track{
    margin:0 auto;
    padding:8px 0 12px 0
}
.f-thumbs.is-horizontal .f-thumbs__slide{
    margin:0 var(--f-thumb-gap) 0 0
}
.f-thumbs.is-vertical .f-thumbs__track{
    flex-wrap:wrap;
    margin:auto 0;
    padding:0 8px
}
.f-thumbs.is-vertical .f-thumbs__slide{
    margin:0 0 var(--f-thumb-gap) 0
}
.fancybox__thumbs{
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position:relative;
    opacity:var(--fancybox-opacity, 1);
    transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}
.fancybox__thumbs.is-classic{
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-classic .f-spinner{
    background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-modern{
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-modern .f-spinner{
    background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-horizontal{
    padding:0 var(--f-thumb-gap)
}
.fancybox__thumbs.is-vertical{
    padding:var(--f-thumb-gap) 0
}
.is-compact .fancybox__thumbs{
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}
.fancybox__thumbs.is-masked{
    max-height:0px !important
}
.is-closing .fancybox__thumbs{
    transition:none !important
}
.fancybox__toolbar{
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin:0;
    padding:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
    color:var(--fancybox-color, currentColor);
    opacity:var(--fancybox-opacity, 1);
    text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events:none;
    z-index:20
}
.fancybox__toolbar :focus-visible{
    z-index:1
}
.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{
    position:absolute;
    top:0;
    left:0;
    right:0
}
.is-idle .fancybox__toolbar{
    pointer-events:none;
    animation:.15s ease-out both f-fadeOut
}
.fancybox__toolbar__column{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:flex-start
}
.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{
    flex-grow:1;
    flex-basis:0
}
.fancybox__toolbar__column.is-right{
    display:flex;
    justify-content:flex-end;
    flex-wrap:nowrap
}
.fancybox__infobar{
    padding:0 5px;
    line-height:var(--f-button-height);
    text-align:center;
    font-size:17px;
    font-variant-numeric:tabular-nums;
    -webkit-font-smoothing:subpixel-antialiased;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.fancybox__infobar span{
    padding:0 5px
}
.fancybox__infobar:not(:first-child):not(:last-child){
    background:var(--f-button-bg)
}
[data-fancybox-toggle-slideshow]{
    position:relative
}
[data-fancybox-toggle-slideshow] .f-progress{
    height:100%;
    opacity:.3
}
[data-fancybox-toggle-slideshow] svg g:first-child{
    display:flex
}
[data-fancybox-toggle-slideshow] svg g:last-child{
    display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{
    display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{
    display:flex
}
[data-fancybox-toggle-fullscreen] svg g:first-child{
    display:flex
}
[data-fancybox-toggle-fullscreen] svg g:last-child{
    display:none
}
:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{
    display:none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{
    display:none
}
:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{
    display:flex
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{
    display:flex
}
.f-progress{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    transform:scaleX(0);
    transform-origin:0;
    transition-property:transform;
    transition-timing-function:linear;
    background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index:30;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    pointer-events:none
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    margin:0 -15px
}
.slick-dots{
    list-style-type:none;
    display:flex
}
.slick-dots li{
    display:inline-block
}
.slick-dots li button{
    text-indent:-50000px;
    width:8px;
    height:8px;
    border-radius:50%;
    margin:0 5px;
    background:#e4e4e4;
    transition:all .3s ease-in-out
}
.slick-dots .slick-active button{
    background:#e1ff2d
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none !important
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    margin:0 15px;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden{
    display:none
}

.cover {
  width: 100%;
}