@charset "UTF-8";
.about .about-circle-crev .circle-button,.about .mission,.about-intro .imgs,.accordion .accordion-info .spac h6,.arch-slider .parallax-slider .explore,.block-img,.block-pattern,.block-sec,.blog-crev .item .img,.blog-modern .item .img,.brands-carsouel .bord-right,.call-action-img .sec-lg-head,.half-sub-right,.hamenu .cont-info .search-form .form-group,.header-creative,.header-creative .img,.header-freelancer .img,.header-startup,.intro-corp .imgs,.intro-crv .height-bord .butn-line .crle,.intro-crv .img,.intro-feat .bg-img .play-button .butn-ply,.intro-feat .cont .play-button .vid,.intro-feat .two-imgs .img1 .play-button .vid,.main-post .post-qoute h6,.main-shop .shop-products .item .img,.main-shop .sidebar .price-range .range-input,.main-shop .sidebar .search .form-group,.maz-serv,.navbar .search-form,.navbar.static,.page-header .explore,.page-header .main-marq .slide-har,.portfolio,.portfolio .grid .info-overlay .item-img,.portfolio .masonry .info-overlay .item-img,.position-re,.services-crv .crle-item,.services-tab .serv-tab-cont .item,.services-tab.revers .serv-tab-cont .item,.showcase-full,.showcase-full .dots span.swiper-pagination-bullet-active,.showcase-full .parallax-slider .caption,.sideimg-numbers,.slide-har,.slider,.slider .parallax-slider,.slider .parallax-slider .caption .cal-act,.team-crev .swiper-slide .item,.testim-clasic .swiper-container-horizontal > .swiper-pagination-bullets,.testim-clasic .swiper-pagination-custom,.testim-clasic .swiper-pagination-fraction,.testim-creative .arrows-carsouel,.testim-creative .arrows-carsouel .swiper-button-next,.testim-crv2 .line-icon,.testimonials-crev,.work-carsouel,.work-carsouel .work-crus .img,[data-overlay-dark],[data-overlay-light],body.home-arch main,body.noise-img,footer,footer .subscribe .form-group,main{
    position:relative
}
.lines.four:after,.lines.two:after{
    content:"";
    left:30%;
    width:40%;
    height:100%
}
h6,p{
    line-height:1.8
}
.horizontal-link li,.inline,.main-shop .shop-products .pagination li,a,span{
    display:inline-block
}
.undecro:hover,a,a:hover{
    text-decoration:none
}
.butn-circle:hover:after,.imago.animated{
    -webkit-transform:scale(1);
    -ms-transform:scale(1)
}
.crv-butn-vid .vid .text,.line-height-50,.rolling-text{
    line-height:50px
}
.sub-font,.text-i{
    font-style:italic
}
*,.unlist{
    list-style:none
}
*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:0
}
body{
    color:#1d1d1d;
    background-color:#f1f3f5;
    font-size:14px;
    font-family:'Protipo-Regular';
    overflow-x:hidden!important
}
.bg-pattern,.dots-pattern,.lines,.lines.four:after,.lines.two:after,body.noise-img:before{
    position:absolute;
    top:0
}
body.noise-img:before{
    content:"";
    background-image:url(../imgs/patterns/noise.png);
    background-size:70px;
    background-repeat:repeat;
    left:0;
    width:100%;
    height:100%
}
body.home-arch .container,body.home-corp .container,body.home-digital .container{
    max-width:1200px
}
.num-font,body.home-arch,body.home-digital,body.space-font{
    font-family:"Space Grotesk",sans-serif
}
body.home-arch main:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:70px;
    background:#f1f3f5;
    z-index:5
}
body.digital-marketing,body.home-main-crev{
    font-family:Epilogue,sans-serif
}
main{
    z-index:5
}
.row.sm-marg{
    margin-left:-5px;
    margin-right:-5px
}
.row.sm-marg > *{
    padding-left:5px;
    padding-right:5px
}
.row.md-marg{
    margin-left:-25px;
    margin-right:-25px
}
.row.md-marg > *{
    padding-left:25px;
    padding-right:25px
}
.row.lg-marg{
    margin-left:-40px;
    margin-right:-40px
}
.row.lg-marg > *{
    padding-left:40px;
    padding-right:40px
}
.row.xlg-marg{
    margin-left:-50px;
    margin-right:-50px
}
.row.xlg-marg > *{
    padding-left:50px;
    padding-right:50px
}
.bg-pattern,.lines{
    left:0;
    width:100%;
    height:100%;
    pointer-events:none
}
.lines.two:after{
    border-right:1px solid rgba(255,255,255,0.1);
    border-left:1px solid rgba(255,255,255,0.1)
}
.lines.four,.lines.four:after,.lines.two-out{
    border-right:1px solid rgba(255,255,255,0.05);
    border-left:1px solid rgba(255,255,255,0.05)
}
.lines.four{
    left:10%;
    width:80%
}
.lines.two-out{
    left:60px;
    right:60px;
    width:auto;
    z-index:7
}
h1,h2,h3,h4,h5{
    font-weight:600;
    line-height:1.3
}
h5,h6{
    font-weight:500
}
h4,h5{
    line-height:1.5
}
.marquee h4,h1{
    font-size:70px
}
h2{
    font-size:45px
}
h3{
    font-size:36px
}
h4{
    font-size:28px
}
h5{
    font-size:24px
}
h6{
    font-size:20px
}
p{
    font-size:16px;
    font-weight:300;
    color:#696969;
    margin:0
}
a,a:hover{
    color:inherit
}
figure{
    margin:0
}
.row > *{
    padding-left:15px;
    padding-right:15px;
    margin-top:0
}
.btn:active,.btn:focus,.btn:hover{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.main-color{
    color:#abd404!important
}
.main-colorbg,.main-colorbg3{
    background-color:#5cd8d6
}
.main-color2{
    color:#f08f74!important
}
.main-colorbg2{
    background-color:#f08f74
}
.main-color3{
    color:#5cd8d6!important
}
.main-color4{
    color:#ffaa17!important
}
.main-colorbg4{
    background-color:#ffaa17
}
.main-bg{
    background-color:#f1f3f5
}
.sub-bg{
    background-color:#fff
}
.bg-gray1{
    background:#eff2f5
}
.testim-crv.text-dark .item,.text-dark .swiper-controls.arrow-out .left,.text-dark .swiper-controls.arrow-out .right{
    border-color:rgba(0,0,0,0.2)
}
img{
    width:100%;
    height:auto
}
.to-out .swiper-container{
    overflow:visible;
    -webkit-clip-path:inset(-100vw -100vw -100vw 0);
    clip-path:inset(-100vw -100vw -100vw 0)
}
.brands-carsouel,.butn-circle,.circle-100,.circle-30,.circle-40,.circle-50,.circle-60,.circle-70,.circle-80,.circle-90,.d-slideup .sideup-text,.main-marqv .slide-vertical,.o-hidden,.rolling-text,body.inter-center{
    overflow:hidden
}
.bg-center,.bg-pattern.pattern-center,.sideimg-numbers .bg-img{
    background-position:center center
}
.bg-pattern.patrn1{
    background-size:60px;
    background-repeat:repeat
}
.dots-pattern{
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    background-size:auto!important;
    background-repeat:repeat!important
}
.in-box{
    width:calc(100% - 120px);
    margin-left:60px
}
::-webkit-scrollbar{
    width:10px
}
::-webkit-scrollbar-track{
    background:rgba(0,0,0,0.02)
}
::-webkit-scrollbar-thumb{
    background:#888;
    border-radius:40px
}
.butn{
    border:1px solid transparent
}
.butn.butn-md{
    padding:14px 35px
}
.butn.butn-full{
    width:100%;
    padding:15px 25px;
    text-align:center
}
.butn.butn-bord{
    border-color:#1d1d1d;
    background:0 0;
    color:#1d1d1d;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.butn.butn-bord:hover{
    background:#5cd8d6;
    color:#fff;
    border-color:#5cd8d6
}
.bg-color h1,.bg-color h2,.bg-color h3,.bg-color h4,.bg-color h5,.bg-color h6,.bg-color span,.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-dark span,.butn.butn-bord:hover span,.inter-links-center .links-text li.current,.light-text,.light-text .box .item h4,.light-text .box:last-of-type .item:nth-of-type(2n) h4,.main-post .next-prv-post .thumb-post:hover h6,.navbar.nav-crev .navbar-nav .nav-link,.navbar.nav-crev .search-form .search-icon,.text-white,.topnav.dark .menu-icon,[data-overlay-dark],[data-overlay-dark] h1,[data-overlay-dark] h2,[data-overlay-dark] h3,[data-overlay-dark] h4,[data-overlay-dark] h5,[data-overlay-dark] h6,[data-overlay-dark] span{
    color:#fff
}
.butn.butn-bg,.serv-img-reveal .block__title{
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.butn.butn-bg:hover{
    background:0 0!important;
    border-color:#1d1d1d;
    color:#484848!important
}
.butn .rolling-text{
    margin-bottom:-5px
}
.butn .icon,.icon-img-20,.topnav .menu-icon.open .icon{
    width:20px
}
.butn-circle:after,.butn-circle:before{
    width:100%;
    height:100%;
    border-radius:50%;
    top:0;
    left:0;
    content:"";
    position:absolute
}
.butn-circle{
    width:160px;
    height:160px;
    position:relative
}
.blog-list .item .background .more a i,.blog-list .item .background .more a span,.butn-circle:hover span,.portfolio.changed-bg.chang-text,.text-black{
    color:#000
}
.butn-circle:hover:after{
    transform:scale(1)
}
.butn-circle:hover:before,.hamenu .menu-links .main-menu > li .link.dopen i:before,[data-overlay-dark="0"]:before,[data-overlay-light="0"]:before{
    opacity:0
}
.butn-circle:after{
    background:#5cd8d6;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.butn-circle:before{
    border:1px solid rgba(0,0,0,0.4);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.butn-circle.sml{
    width:130px;
    height:130px
}
.butn-circle.sml span{
    text-transform:capitalize;
    letter-spacing:0
}
.blog-list-half .item .cont .tags a:hover,.butn-circle.colorbg-2:after,.intro-corp .imgs .img1.main-color2:after{
    background:#f08f74
}
.butn-circle.colorbg-3:after,.comments-post .item-box .replay-post a:hover,.intro-corp .imgs .img1.main-color3:after,.main-post .info-area .share-icon a:hover,.main-post .info-area .tags a:hover,.sec-lg-head .dot-titl.colorbg-1:after,.sec-lg-head .dot-titl.colorbg-1:before,.sec-lg-head .dot-titl.colorbg-3:after,.sec-lg-head .dot-titl.colorbg-3:before,.swiper-pagination-bullet-active{
    background:#5cd8d6
}
.butn-circle span{
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:2;
    position:relative;
    z-index:2
}
.butn-circle .circle-star{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:none
}
.circle-button{
    position:relative;
    display:inline-block
}
.cursor,.progress-wrap{
    position:fixed;
    mix-blend-mode:difference
}
.circle-button.in-bord:after{
    content:"";
    position:absolute;
    top:55px;
    left:55px;
    right:55px;
    bottom:55px;
    border:1px solid rgba(255,255,255,0.5);
    border-radius:50%
}
.circle-button.in-bord:before{
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border:1px solid rgba(255,255,255,0.5);
    border-radius:50%
}
.circle-button .rotate-circle svg{
    width:210px;
    fill:#1d1d1d
}
.circle-button .arrow{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-20px) translateY(-20px);
    -ms-transform:translateX(-20px) translateY(-20px);
    transform:translateX(-20px) translateY(-20px);
    display:inline-block;
    width:0;
    height:0
}
.circle-button .arrow svg{
    width:40px;
    height:40px
}
.arch-slider .setting .swiper-pagination-bullets,.block-sec .img-vid .rota-vid,.circle-button .icon,.circle-button .in-circle,.intro-feat .bg-img .play-button .butn-ply i,.intro-feat .cont .play-button .butn-ply i,.intro-feat .two-imgs .img1 .play-button .butn-ply i{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.circle-button.no-animate .rotate-circle{
    -webkit-animation:none;
    animation:none
}
.crv-butn-vid .vid{
    min-width:120px;
    padding-left:15px;
    padding-right:40px;
    height:50px;
    border:1px solid #555;
    border-radius:30px;
    position:relative
}
.crv-butn-vid .vid .icon{
    position:absolute;
    top:2px;
    right:2px;
    width:45px;
    height:45px;
    border-radius:50%;
    text-align:center;
    line-height:48px
}
.rotate-circle{
    -webkit-animation-name:rotateCircle;
    animation-name:rotateCircle;
    -webkit-animation-duration:20s;
    animation-duration:20s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
@-webkit-keyframes rotateCircle{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotateCircle{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.hover-this .hover-anim{
    pointer-events:none;
    -webkit-transition:-webkit-transform .2s linear;
    transition:transform .2s linear;
    -o-transition:transform .2s linear;
    transition:transform .2s linear,-webkit-transform .2s linear
}
.cursor{
    pointer-events:none;
    padding:.3rem;
    background-color:#fff;
    border-radius:50%;
    -webkit-transition:opacity 0.4s,-webkit-transform .3s;
    transition:transform 0.3s,opacity 0.4s,-webkit-transform .3s;
    -o-transition:transform 0.3s,opacity .4s;
    z-index:99999
}
.cursor-active{
    -webkit-transform:translate(-50%,-50%) scale(8);
    -ms-transform:translate(-50%,-50%) scale(8);
    transform:translate(-50%,-50%) scale(8);
    opacity:.1
}
.rolling-text{
    display:inline-block;
    height:50px
}
.rolling-text.butn{
    padding:0 35px
}
.social-text .rolling-text{
    line-height:30px;
    height:30px
}
.rolling-text.play .letter,.rolling-text:hover .letter{
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.navbar .dropdown-menu,.progress-wrap{
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px)
}
.rolling-text .letter{
    display:inline-block;
    -webkit-transition:-webkit-transform .5s cubic-bezier(0.76,0,0.24,1);
    transition:transform .5s cubic-bezier(0.76,0,0.24,1);
    -o-transition:transform .5s cubic-bezier(0.76,0,0.24,1);
    transition:transform .5s cubic-bezier(0.76,0,0.24,1),-webkit-transform .5s cubic-bezier(0.76,0,0.24,1)
}
.progress-wrap,.progress-wrap::after{
    height:44px;
    width:44px;
    -webkit-transition:.4s linear;
    -o-transition:.4s linear;
    display:block;
    cursor:pointer
}
.letter:first-child,.portfolio .metro .info-overlay .item-img .info .tag{
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0
}
.letter:nth-child(2){
    -webkit-transition-delay:15ms;
    -o-transition-delay:15ms;
    transition-delay:15ms
}
.letter:nth-child(3){
    -webkit-transition-delay:.03s;
    -o-transition-delay:.03s;
    transition-delay:.03s
}
.letter:nth-child(4){
    -webkit-transition-delay:45ms;
    -o-transition-delay:45ms;
    transition-delay:45ms
}
.letter:nth-child(5){
    -webkit-transition-delay:.06s;
    -o-transition-delay:.06s;
    transition-delay:.06s
}
.letter:nth-child(6){
    -webkit-transition-delay:75ms;
    -o-transition-delay:75ms;
    transition-delay:75ms
}
.letter:nth-child(7){
    -webkit-transition-delay:.09s;
    -o-transition-delay:.09s;
    transition-delay:.09s
}
.letter:nth-child(8){
    -webkit-transition-delay:.105s;
    -o-transition-delay:.105s;
    transition-delay:.105s
}
.letter:nth-child(9){
    -webkit-transition-delay:.12s;
    -o-transition-delay:.12s;
    transition-delay:.12s
}
.letter:nth-child(10){
    -webkit-transition-delay:.135s;
    -o-transition-delay:.135s;
    transition-delay:.135s
}
.letter:nth-child(11){
    -webkit-transition-delay:.15s;
    -o-transition-delay:.15s;
    transition-delay:.15s
}
.letter:nth-child(12){
    -webkit-transition-delay:.165s;
    -o-transition-delay:.165s;
    transition-delay:.165s
}
.letter:nth-child(13){
    -webkit-transition-delay:.18s;
    -o-transition-delay:.18s;
    transition-delay:.18s
}
.letter:nth-child(14){
    -webkit-transition-delay:.195s;
    -o-transition-delay:.195s;
    transition-delay:.195s
}
.letter:nth-child(15){
    -webkit-transition-delay:.21s;
    -o-transition-delay:.21s;
    transition-delay:.21s
}
.letter:nth-child(16){
    -webkit-transition-delay:.225s;
    -o-transition-delay:.225s;
    transition-delay:.225s
}
.letter:nth-child(17){
    -webkit-transition-delay:.24s;
    -o-transition-delay:.24s;
    transition-delay:.24s
}
.letter:nth-child(18){
    -webkit-transition-delay:.255s;
    -o-transition-delay:.255s;
    transition-delay:.255s
}
.letter:nth-child(19){
    -webkit-transition-delay:.27s;
    -o-transition-delay:.27s;
    transition-delay:.27s
}
.letter:nth-child(20){
    -webkit-transition-delay:.285s;
    -o-transition-delay:.285s;
    transition-delay:.285s
}
.letter:nth-child(21){
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.progress-wrap{
    bottom:30px;
    right:30px;
    border-radius:50px;
    z-index:100;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:.4s linear
}
.navbar .dropdown-menu .dropdown-item .dropdown-side.show,.navbar .dropdown-menu.show,.progress-wrap.active-progress{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.progress-wrap::after{
    position:absolute;
    font-family:"Font Awesome 5 Free";
    content:"\f077";
    text-align:center;
    line-height:44px;
    font-size:13px;
    font-weight:900;
    color:#ccc;
    left:0;
    top:0;
    z-index:1;
    transition:.4s linear
}
.progress-wrap svg path{
    fill:none
}
.progress-wrap svg.progress-circle path{
    stroke:#ccc;
    stroke-width:4;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:.4s linear;
    -o-transition:.4s linear;
    transition:.4s linear
}
.d-rotate{
    -webkit-perspective:1000px;
    perspective:1000px
}
.d-rotate .rotate-text{
    display:block;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:.8s .3s;
    -o-transition:.8s .3s;
    transition:.8s .3s;
    -webkit-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:translate3d(0,50px,-50px) rotateX(-45deg) scale(0.95);
    transform:translate3d(0,50px,-50px) rotateX(-45deg) scale(0.95);
    opacity:0
}
.d-rotate.animated .rotate-text{
    -webkit-transform:translate3d(0,0,0) rotateX(0) scale(1);
    transform:translate3d(0,0,0) rotateX(0) scale(1);
    opacity:1
}
.d-slideup .sideup-text{
    display:block
}
.d-slideup .sideup-text:first-of-type .up-text{
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.d-slideup .sideup-text:nth-of-type(2) .up-text{
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.d-slideup .sideup-text:nth-of-type(3) .up-text{
    -webkit-transition-delay:.8s;
    -o-transition-delay:.8s;
    transition-delay:.8s
}
.d-slideup .sideup-text:nth-of-type(4) .up-text{
    -webkit-transition-delay:1.2s;
    -o-transition-delay:1.2s;
    transition-delay:1.2s
}
.d-slideup .sideup-text:nth-of-type(5) .up-text{
    -webkit-transition-delay:1.6s;
    -o-transition-delay:1.6s;
    transition-delay:1.6s
}
.d-slideup .sideup-text .up-text{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:.8s;
    -o-transition:.8s;
    transition:.8s
}
.d-slideup.animated .up-text{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.main-marq,.main-marqv{
    position:relative;
    padding:0
}
.main-marq:after{
    position:absolute;
    top:-30px;
    bottom:-30px;
    left:-30px;
    right:-30px;
    pointer-events:none;
    background:-webkit-linear-gradient(right,#181818,rgba(255,255,255,0) 220px,rgba(255,255,255,0) calc(100% - 220px),#181818);
    background:-o-linear-gradient(right,#181818,rgba(255,255,255,0) 220px,rgba(255,255,255,0) calc(100% - 220px),#181818);
    background:linear-gradient(to left,#181818,rgba(255,255,255,0) 220px,rgba(255,255,255,0) calc(100% - 220px),#181818)
}
.main-marq.lrg .box .item h4{
    font-size:6vw;
    font-weight:700
}
.main-marq .box .item,.main-marq.xlrg .box .item{
    padding:0 30px
}
.main-marq.xlrg .box .item h4{
    font-size:10vw;
    font-weight:800
}
.flex,.main-marq .box,.main-marq .slide-har,.topnav .container,.topnav .container-fluid{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.main-marq .strok .item h4,.main-marq .strok .item h4 a{
    color:transparent!important;
    -webkit-text-stroke:.5px #1d1d1d
}
.main-marq .non-strok .item h4,.main-marq .non-strok .item h4 a{
    color:#1d1d1d!important;
    -webkit-text-stroke:0!important
}
.main-marq .box .item h4{
    white-space:nowrap;
    line-height:1;
    margin:0
}
.main-marq .box .item h4 .icon{
    margin-bottom:-15px
}
.main-marq .box .item h2{
    line-height:1;
    margin:0
}
.header-startup .caption .stroke,.main-marq .box .item:nth-of-type(2n) h4,.main-marq .box .item:nth-of-type(2n) h4 a{
    color:transparent;
    -webkit-text-stroke:.5px #1d1d1d
}
.main-marq .box:last-of-type .item:nth-of-type(2n) h4,.main-marq .box:last-of-type .item:nth-of-type(2n) h4 a{
    color:#1d1d1d;
    -webkit-text-stroke:0
}
.dark-text .stroke,.main-marq .box:last-of-type .item:nth-of-type(odd) h4,.main-marq .box:last-of-type .item:nth-of-type(odd) h4 a,.stroke,.text-dark .stroke{
    color:transparent;
    -webkit-text-stroke:1px #1d1d1d
}
.dark-text,.dark-text .box .item h4,.dark-text .box:last-of-type .item:nth-of-type(2n) h4{
    color:#000!important
}
.dark-text .box .item:nth-of-type(2n) h4,.dark-text .box:last-of-type .item:nth-of-type(odd) h4,.dark-text .strok .box .item h4{
    -webkit-text-stroke:1px #000
}
.light-text .box .item:nth-of-type(2n) h4,.light-text .box:last-of-type .item:nth-of-type(odd) h4{
    -webkit-text-stroke:1px #fff
}
.slide-har.st1 .box{
    position:relative;
    -webkit-animation:80s linear infinite slide-har;
    animation:80s linear infinite slide-har
}
.slide-har.st2 .box{
    position:relative;
    -webkit-animation:80s linear infinite slide-har-revers;
    animation:80s linear infinite slide-har-revers
}
@-webkit-keyframes slide-har{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@keyframes slide-har{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@-webkit-keyframes slide-har-revers{
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@keyframes slide-har-revers{
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
.main-marqv:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:-webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0) 80px,rgba(255,255,255,0) calc(100% - 80px),#fff);
    background:-o-linear-gradient(bottom,#fff,rgba(255,255,255,0) 80px,rgba(255,255,255,0) calc(100% - 80px),#fff);
    background:linear-gradient(to top,#fff,rgba(255,255,255,0) 80px,rgba(255,255,255,0) calc(100% - 80px),#fff);
    pointer-events:none
}
.main-marqv .slide-vertical{
    height:600px;
    margin:0 auto;
    position:relative
}
.main-marqv .slide-vertical:hover .box{
    -webkit-animation-play-state:paused!important;
    animation-play-state:paused!important
}
.main-marqv .slide-vertical .box{
    position:relative;
    -webkit-animation:50s linear infinite slide-vertical;
    animation:50s linear infinite slide-vertical
}
@-webkit-keyframes slide-vertical{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes slide-vertical{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
.imago{
    -webkit-clip-path:polygon(0 0,0% 0,0% 100%,0 100%);
    clip-path:polygon(0 0,0% 0,0% 100%,0 100%);
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-filter:blur(5px);
    filter:blur(5px);
    -webkit-transition:-webkit-clip-path .8s ease-in-out 0.3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .8s ease-in-out 1.1s;
    transition:clip-path .8s ease-in-out 0.3s,transform .8s ease-in-out 1.1s,filter .8s ease-in-out 1.1s,-webkit-clip-path .8s ease-in-out 0.3s,-webkit-transform .8s ease-in-out 1.1s,-webkit-filter .8s ease-in-out 1.1s;
    -o-transition:clip-path .8s ease-in-out 0.3s,transform .8s ease-in-out 1.1s,filter .8s ease-in-out 1.1s;
    position:relative
}
.full-over,.loader-wrap svg,.position-abs{
    position:absolute
}
.imago.animated{
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    transform:scale(1);
    -webkit-filter:blur(0px);
    filter:blur(0px)
}
.imago.simpl{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-filter:blur(0px);
    filter:blur(0px)
}
.cursor-pointer,.work-carsouel .work-controls .swiper-pagination span{
    cursor:pointer
}
.nowrap,.product-details .overview .tab-content .item.info li .ml-auto{
    white-space:nowrap
}
.revers-x{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.revers-y{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.full-over{
    top:0;
    left:0;
    right:0;
    bottom:0
}
.ontop{
    position:relative;
    z-index:7
}
.rest{
    padding:0!important;
    margin:0!important
}
#tabs .tab-content,#tabs-fade .tab-content,.arch-slider .setting .swiper-button-next:after,.arch-slider .setting .swiper-button-prev:after,.contact-crev.no-crev:after,.hide,.main-post .order-list li:before,.main-shop .shop-products .top-side .select-options li[rel="hide"],.portfolio-fixed .cont .img-hiden,.product-details .overview .tab-content .add-review .star-rating input[type="radio"],.serv-marq .main-marq:after,.showcase-full .swiper-button-next:after,.showcase-full .swiper-button-prev:after,.swiper-controls .swiper-button-next:after,.swiper-controls .swiper-button-prev:after,.topnav.nav-scroll.no-fixed-scroll{
    display:none
}
img.out-box{
    width:140%
}
img.left{
    margin-left:-40%
}
.no-bord{
    border:0!important
}
.blog-list2 .item:first-of-type,.bord-thin-top{
    border-top:1px solid rgba(0,0,0,0.1)
}
.bord-thin-bottom.bord-dark,.bord-thin-top.bord-dark,.navbar.nav-crev.nav-scroll .search-form .search-icon:after{
    border-color:rgba(0,0,0,0.1)
}
.arch-slider .setting .swiper-button-next,.bord-thin-bottom{
    border-bottom:1px solid rgba(0,0,0,0.1)
}
.radius-5,.rounded{
    border-radius:5px
}
.about .quote-img .img img,.radius-10{
    border-radius:10px
}
.radius-15{
    border-radius:15px
}
.radius-20{
    border-radius:20px
}
.radius-25{
    border-radius:25px
}
.radius-30{
    border-radius:30px
}
.radius-50{
    border-radius:50px
}
.circle,.circle-100,.circle-30,.circle-40,.circle-50,.circle-60,.circle-70,.circle-80,.circle-90{
    border-radius:50%
}
.full-width{
    width:100%!important
}
.bg-img{
    background-size:cover;
    background-repeat:no-repeat
}
.bg-fixed{
    background-attachment:fixed
}
.bg-repeat{
    background-size:auto;
    background-repeat:repeat
}
.no-cover{
    background-size:contain!important
}
.loader-wrap,.navbar{
    top:0;
    background:0 0;
    left:0
}
.section-padding{
    padding:120px 0
}
.section-ptb{
    padding:80px 0
}
.cmd-padding,.shop-checkout .order-form .row > div{
    padding:0 10px
}
.csm-padding{
    padding:0 5px
}
.head-pt{
    padding:80px 0 0
}
.head-pb{
    padding:0 0 80px
}
.no-shad{
    -webkit-box-shadow:none;
    box-shadow:none
}
.blog-list .item .info .author .img img,.circle-img,.main-post .iner-img img,.testim-crv2 .img-qoute img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
}
.circle-30{
    width:30px;
    height:30px
}
.circle-40{
    width:40px;
    height:40px
}
.circle-50{
    width:50px;
    height:50px
}
.circle-60{
    width:60px;
    height:60px
}
.circle-70{
    width:70px;
    height:70px
}
.circle-80{
    width:80px;
    height:80px
}
.circle-90{
    width:90px;
    height:90px
}
.circle-100{
    width:100px;
    height:100px
}
.circle-120,.main-post .author-area .author-img .img{
    width:120px;
    height:120px;
    border-radius:50%;
    overflow:hidden
}
.height-100{
    height:100%
}
.hamenu,.loader-wrap{
    height:100vh;
    overflow:hidden
}
.underline a{
    text-decoration:underline!important
}
.blog-list2 .item:hover .title a,.underline span,.vew-all:hover a{
    text-decoration:underline
}
.valign{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.social.circle-bord a{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #eee;
    border-radius:50%
}
.primery-shadow{
    -webkit-box-shadow:0 8px 30px -4px rgba(0,0,0,0.1);
    box-shadow:0 8px 30px -4px rgba(0,0,0,0.1)
}
.icon-img-30{
    width:30px
}
.icon-img-40{
    width:40px
}
.icon-img-50{
    width:50px
}
.icon-img-60{
    width:60px
}
.icon-img-70{
    width:70px
}
.icon-img-80{
    width:80px
}
.icon-img-90{
    width:90px
}
.icon-img-100{
    width:100px
}
.icon-img-120{
    width:120px
}
.zindex-1{
    z-index:1
}
.portfolio-fixed .img:nth-of-type(2),.zindex-2{
    z-index:2
}
.portfolio-fixed .img:nth-of-type(3),.slider .swiper-slide-active,.zindex-3{
    z-index:3
}
.portfolio-fixed .img:nth-of-type(4),.zindex-4{
    z-index:4
}
.portfolio-fixed .img:nth-of-type(5),.slider .lines,.zindex-5{
    z-index:5
}
.zindex-10{
    z-index:10
}
.zindex-99{
    z-index:99
}
.opacity-05{
    opacity:.05!important
}
.opacity-0{
    opacity:0!important
}
.opacity-1{
    opacity:.1!important
}
.opacity-2{
    opacity:.2!important
}
.opacity-3{
    opacity:.3!important
}
.opacity-4{
    opacity:.4!important
}
.opacity-5{
    opacity:.5!important
}
.opacity-6{
    opacity:.6!important
}
.opacity-7{
    opacity:.7!important
}
.opacity-8{
    opacity:.8!important
}
.opacity-9{
    opacity:.9!important
}
.text-dark{
    color:#444
}
.text-extra-light-gray{
    color:#b7b7b7
}
.text-hover-inherit:hover{
    color:inherit!important
}
.portfolio .metro .info-overlay .item-img .info .tag a,.portfolio .metro .info-overlay .item-img .info h6 a,.text-hover-light:hover{
    color:#fff!important
}
.fw-100{
    font-weight:100!important
}
.fw-200{
    font-weight:200!important
}
.fw-300{
    font-weight:300!important
}
.fw-400{
    font-weight:400!important
}
.fw-500{
    font-weight:500!important
}
.fw-600{
    font-weight:600!important
}
.fw-700{
    font-weight:700!important
}
.fw-800{
    font-weight:800!important
}
.fw-900{
    font-weight:900!important
}
.fz-10{
    font-size:10px!important
}
.fz-12{
    font-size:12px!important
}
.fz-13{
    font-size:13px!important
}
.fz-14{
    font-size:14px!important
}
.fz-15{
    font-size:15px!important
}
.fz-16{
    font-size:16px!important
}
.fz-18{
    font-size:18px!important
}
.fz-20{
    font-size:20px!important
}
.fz-22{
    font-size:22px!important
}
.fz-24{
    font-size:24px!important
}
.fz-25{
    font-size:25px!important
}
.fz-26{
    font-size:26px!important
}
.fz-28{
    font-size:28px!important
}
.fz-30{
    font-size:30px!important
}
.fz-35{
    font-size:35px!important
}
.fz-40{
    font-size:40px!important
}
.fz-42{
    font-size:42px!important
}
.fz-44{
    font-size:44px!important
}
.fz-45{
    font-size:45px!important
}
.fz-46{
    font-size:46px!important
}
.fz-48{
    font-size:48px!important
}
.fz-50{
    font-size:50px!important
}
.fz-55{
    font-size:55px!important
}
.fz-60{
    font-size:60px!important
}
.fz-65{
    font-size:65px!important
}
.fz-70{
    font-size:70px!important
}
.fz-80{
    font-size:80px!important
}
.line-height-1{
    line-height:1
}
.line-height-10{
    line-height:10px
}
.line-height-13{
    line-height:13px
}
.line-height-18{
    line-height:18px
}
.line-height-20{
    line-height:20px
}
.line-height-22{
    line-height:22px
}
.line-height-24{
    line-height:24px
}
.line-height-26{
    line-height:26px
}
.line-height-28{
    line-height:28px
}
.line-height-30{
    line-height:30px
}
.line-height-35{
    line-height:35px
}
.line-height-40{
    line-height:40px
}
.line-height-45{
    line-height:45px
}
.line-height-55{
    line-height:55px
}
.line-height-60{
    line-height:60px
}
.line-height-65{
    line-height:65px
}
.line-height-70{
    line-height:70px
}
.line-height-75{
    line-height:75px
}
.line-height-80{
    line-height:80px
}
.line-height-85{
    line-height:85px
}
.line-height-90{
    line-height:90px
}
.line-height-95{
    line-height:95px
}
.line-height-100{
    line-height:100px
}
.line-height-110{
    line-height:110px
}
.line-height-120{
    line-height:120px
}
.text-u{
    text-transform:uppercase!important
}
.text-l{
    text-transform:lowercase!important
}
.text-c{
    text-transform:capitalize!important
}
.text-non{
    text-transform:none!important
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.ls0{
    letter-spacing:0!important
}
.ls1{
    letter-spacing:1px!important
}
.ls2{
    letter-spacing:2px!important
}
.ls3{
    letter-spacing:3px!important
}
.ls4{
    letter-spacing:4px!important
}
.ls5{
    letter-spacing:5px!important
}
.ls6{
    letter-spacing:6px!important
}
.ls7{
    letter-spacing:7px!important
}
.ls8{
    letter-spacing:8px!important
}
.ls9{
    letter-spacing:9px!important
}
.ls10{
    letter-spacing:10px!important
}
.ls15{
    letter-spacing:15px!important
}
.ls20{
    letter-spacing:20px!important
}
.ls25{
    letter-spacing:25px!important
}
.ls30{
    letter-spacing:30px!important
}
.mt-0{
    margin-top:0!important
}
.mt-5{
    margin-top:5px!important
}
.mt-10{
    margin-top:10px!important
}
.mt-15{
    margin-top:15px!important
}
.mt-20{
    margin-top:20px!important
}
.mt-25{
    margin-top:25px!important
}
.mt-30{
    margin-top:30px!important
}
.mt-35{
    margin-top:35px!important
}
.mt-40{
    margin-top:40px!important
}
.mt-45{
    margin-top:45px!important
}
.mt-50{
    margin-top:50px!important
}
.mt-55{
    margin-top:55px!important
}
.mt-60{
    margin-top:60px!important
}
.mt-62{
    margin-top:62px!important
}
.mt-65{
    margin-top:65px!important
}
.mt-70{
    margin-top:70px!important
}
.mt-75{
    margin-top:75px!important
}
.mt-80{
    margin-top:80px!important
}
.mt-85{
    margin-top:85px!important
}
.mt-90{
    margin-top:90px!important
}
.mt-95{
    margin-top:95px!important
}
.mt-100{
    margin-top:100px!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-5{
    margin-bottom:5px!important
}
.mb-10{
    margin-bottom:10px!important
}
.mb-15{
    margin-bottom:15px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-35{
    margin-bottom:35px!important
}
.mb-40{
    margin-bottom:40px!important
}
.mb-45{
    margin-bottom:45px!important
}
.mb-50{
    margin-bottom:50px!important
}
.mb-55{
    margin-bottom:55px!important
}
.mb-60{
    margin-bottom:60px!important
}
.mb-62{
    margin-bottom:62px!important
}
.mb-65{
    margin-bottom:65px!important
}
.mb-70{
    margin-bottom:70px!important
}
.mb-75{
    margin-bottom:75px!important
}
.mb-80{
    margin-bottom:80px!important
}
.mb-85{
    margin-bottom:85px!important
}
.mb-90{
    margin-bottom:90px!important
}
.mb-95{
    margin-bottom:95px!important
}
.mb-100{
    margin-bottom:100px!important
}
.mr-0{
    margin-right:0!important
}
.mr-5{
    margin-right:5px!important
}
.mr-10{
    margin-right:10px!important
}
.mr-15{
    margin-right:15px!important
}
.mr-20{
    margin-right:20px!important
}
.mr-25{
    margin-right:25px!important
}
.mr-30{
    margin-right:30px!important
}
.mr-35{
    margin-right:35px!important
}
.mr-40{
    margin-right:40px!important
}
.mr-45{
    margin-right:45px!important
}
.mr-50{
    margin-right:50px!important
}
.mr-55{
    margin-right:55px!important
}
.mr-60{
    margin-right:60px!important
}
.mr-62{
    margin-right:62px!important
}
.mr-65{
    margin-right:65px!important
}
.mr-70{
    margin-right:70px!important
}
.mr-75{
    margin-right:75px!important
}
.mr-80{
    margin-right:80px!important
}
.mr-85{
    margin-right:85px!important
}
.mr-90{
    margin-right:90px!important
}
.mr-95{
    margin-right:95px!important
}
.mr-100{
    margin-right:100px!important
}
.clients-carso .img,.clients-rand .item img,.m-auto,.testim-crv .clients-carso .item > div{
    margin:auto
}
.ml-auto{
    margin-left:auto
}
.ml-0{
    margin-left:0!important
}
.ml-5{
    margin-left:5px!important
}
.ml-10{
    margin-left:10px!important
}
.ml-15{
    margin-left:15px!important
}
.ml-20{
    margin-left:20px!important
}
.ml-25{
    margin-left:25px!important
}
.ml-30{
    margin-left:30px!important
}
.ml-35{
    margin-left:35px!important
}
.ml-40{
    margin-left:40px!important
}
.ml-45{
    margin-left:45px!important
}
.ml-50{
    margin-left:50px!important
}
.ml-55{
    margin-left:55px!important
}
.ml-60{
    margin-left:60px!important
}
.ml-62{
    margin-left:62px!important
}
.ml-65{
    margin-left:65px!important
}
.ml-70{
    margin-left:70px!important
}
.ml-75{
    margin-left:75px!important
}
.ml-80{
    margin-left:80px!important
}
.ml-85{
    margin-left:85px!important
}
.ml-90{
    margin-left:90px!important
}
.ml-95{
    margin-left:95px!important
}
.ml-100{
    margin-left:100px!important
}
.m-auto{
    margin-left:auto;
    margin-right:auto
}
.min-30{
    margin-left:-30px;
    margin-right:-30px
}
.margin-rl-5{
    margin-right:5px;
    margin-left:5px
}
.margin-rl-10{
    margin-right:10px;
    margin-left:10px
}
.margin-rl-15{
    margin-right:15px;
    margin-left:15px
}
.margin-rl-20{
    margin-right:20px;
    margin-left:20px
}
.margin-rl-25{
    margin-right:25px;
    margin-left:25px
}
.margin-rl-30{
    margin-right:30px;
    margin-left:30px
}
.margin-rl-35{
    margin-right:35px;
    margin-left:35px
}
.margin-rl-40{
    margin-right:40px;
    margin-left:40px
}
.margin-rl-45{
    margin-right:45px;
    margin-left:45px
}
.margin-rl-50{
    margin-right:50px;
    margin-left:50px
}
.pt-0{
    padding-top:0!important
}
.pt-5{
    padding-top:5px!important
}
.pt-10{
    padding-top:10px!important
}
.pt-15{
    padding-top:15px!important
}
.pt-20{
    padding-top:20px!important
}
.pt-25{
    padding-top:25px!important
}
.pt-30{
    padding-top:30px!important
}
.pt-35{
    padding-top:35px!important
}
.pt-40{
    padding-top:40px!important
}
.pt-45{
    padding-top:45px!important
}
.pt-50{
    padding-top:50px!important
}
.pt-55{
    padding-top:55px!important
}
.pt-60{
    padding-top:60px!important
}
.pt-65{
    padding-top:65px!important
}
.pt-70{
    padding-top:70px!important
}
.pt-75{
    padding-top:75px!important
}
.pt-80{
    padding-top:80px!important
}
.pt-85{
    padding-top:85px!important
}
.pt-90{
    padding-top:90px!important
}
.pt-95{
    padding-top:95px!important
}
.pt-100{
    padding-top:100px!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-5{
    padding-bottom:5px!important
}
.pb-10{
    padding-bottom:10px!important
}
.pb-15{
    padding-bottom:15px!important
}
.pb-20{
    padding-bottom:20px!important
}
.pb-25{
    padding-bottom:25px!important
}
.pb-30{
    padding-bottom:30px!important
}
.pb-35{
    padding-bottom:35px!important
}
.pb-40{
    padding-bottom:40px!important
}
.pb-45{
    padding-bottom:45px!important
}
.pb-50{
    padding-bottom:50px!important
}
.pb-55{
    padding-bottom:55px!important
}
.pb-60{
    padding-bottom:60px!important
}
.pb-65{
    padding-bottom:65px!important
}
.pb-70{
    padding-bottom:70px!important
}
.pb-75{
    padding-bottom:75px!important
}
.pb-80{
    padding-bottom:80px!important
}
.pb-85{
    padding-bottom:85px!important
}
.pb-90{
    padding-bottom:90px!important
}
.pb-95{
    padding-bottom:95px!important
}
.pb-100{
    padding-bottom:100px!important
}
.no-padding{
    padding:0!important
}
.pr-30{
    padding-right:30px
}
.pr-50{
    padding-right:50px
}
.pl-30{
    padding-left:30px
}
.pl-50{
    padding-left:50px
}
.padding-rl-5{
    padding-right:5px;
    padding-left:5px
}
.padding-rl-10{
    padding-right:10px;
    padding-left:10px
}
.padding-rl-15{
    padding-right:15px;
    padding-left:15px
}
.padding-rl-20{
    padding-right:20px;
    padding-left:20px
}
.padding-rl-25{
    padding-right:25px;
    padding-left:25px
}
.padding-rl-30{
    padding-right:30px;
    padding-left:30px
}
.padding-rl-35{
    padding-right:35px;
    padding-left:35px
}
.padding-rl-40{
    padding-right:40px;
    padding-left:40px
}
.padding-rl-45{
    padding-right:45px;
    padding-left:45px
}
.padding-rl-50{
    padding-right:50px;
    padding-left:50px
}
body.loaded{
    overflow:hidden!important;
    height:100%!important
}
.loader-wrap{
    position:fixed;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:99999999999999
}
.loader-wrap svg{
    top:0;
    width:100vw;
    height:110vh;
    fill:#fff
}
.loader-wrap .loader-wrap-heading .load-text{
    font-size:20px;
    font-weight:200;
    letter-spacing:15px;
    text-transform:uppercase;
    z-index:20
}
.load-text span{
    -webkit-animation:1s infinite alternate loading;
    animation:1s infinite alternate loading
}
.load-text span:first-child{
    -webkit-animation-delay:0;
    animation-delay:0
}
.load-text span:nth-child(2){
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.load-text span:nth-child(3){
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.load-text span:nth-child(4){
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.load-text span:nth-child(5){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.load-text span:nth-child(6){
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.load-text span:nth-child(7){
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
@-webkit-keyframes loading{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes loading{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.hamenu .menu-links .main-menu,.intro-img-parlx .img,.sideimg-numbers .bg-img .vid,.vew-all a,[data-overlay-dark] .container,[data-overlay-dark] .container-xxl,[data-overlay-light] .container,[data-overlay-light] .container-xxl{
    position:relative;
    z-index:2
}
[data-overlay-dark]:before,[data-overlay-light]:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
    pointer-events:none
}
[data-overlay-dark]:before{
    background:#1a1a1a
}
.block-sec .img-vid .rota-vid .circle-button.in-bord:after,.topnav.dark .menu-icon .icon i,[data-overlay-light]:before{
    background:#fff
}
[data-overlay-dark] p{
    color:#eee
}
[data-overlay-dark="1"]:before,[data-overlay-light="1"]:before{
    opacity:.1
}
.portfolio .grid .info-overlay .item-img:hover:after,.portfolio .masonry .info-overlay .item-img:hover:after,[data-overlay-dark="2"]:before,[data-overlay-light="2"]:before{
    opacity:.2
}
.inter-links-center .links-text li.no-active,.main-shop .shop-products .item .img:hover:after,[data-overlay-dark="3"]:before,[data-overlay-light="3"]:before{
    opacity:.3
}
[data-overlay-dark="4"]:before,[data-overlay-light="4"]:before{
    opacity:.4
}
[data-overlay-dark="5"]:before,[data-overlay-light="5"]:before{
    opacity:.5
}
[data-overlay-dark="6"]:before,[data-overlay-light="6"]:before{
    opacity:.6
}
.blog-crev .item .img:hover:after,.product-details .img-preview .gallery-thumb .swiper-slide,[data-overlay-dark="7"]:before,[data-overlay-light="7"]:before{
    opacity:.7
}
.portfolio .metro .info-overlay .item-img:hover:after,[data-overlay-dark="8"]:before,[data-overlay-light="8"]:before{
    opacity:.8
}
[data-overlay-color="9"]:before,[data-overlay-dark="9"]:before,[data-overlay-light="9"]:before{
    opacity:.9
}
.clients-carso2 .img:hover,.hamenu .menu-links .main-menu .sub-menu li a:hover,.portfolio .filtering span.active,.portfolio-fixed .cont.active,.portfolio-fixed .current.cont,.portfolio-fixed .img.current,.portfolio.clasic .item:hover .img .tag,.product-details .img-preview .gallery-thumb .swiper-slide-thumb-active,.product-details .overview .tab-links li.current:after,[data-overlay-dark="10"]:before,[data-overlay-light="10"]:before{
    opacity:1
}
.navbar{
    position:absolute;
    padding:0;
    margin:0;
    width:100%;
    border-bottom:2px solid transparent;
    z-index:999
}
.navbar.nav-crev{
    width:calc(100% - 80px);
    left:40px;
    top:30px;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:40px;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    min-height:auto;
    -webkit-transform:translate(0)!important;
    -ms-transform:translate(0)!important;
    transform:translate(0)!important
}
.navbar.bord,.navbar.main-bg,.navbar.nav-scroll,.navbar.sub-bg{
    border-color:rgba(0,0,0,0.05)
}
.navbar.nav-crev.nav-scroll{
    background:#f1f3f5;
    border-color:rgba(0,0,0,0.1);
    padding:0;
    position:fixed;
    top:-80px;
    -webkit-transform:translateY(80px)!important;
    -ms-transform:translateY(80px)!important;
    transform:translateY(80px)!important;
    left:0;
    width:100%;
    border-radius:0
}
.back-image.states ul .sd-dark .numb,.back-image.states ul .sd-dark h5,.navbar .icon-bar,.navbar.nav-crev.nav-scroll .navbar-nav .nav-link,.navbar.nav-crev.nav-scroll .search-form .search-icon,.sec-lg-head.text-dark p{
    color:#1d1d1d
}
.navbar.nav-crev .search-form .search-icon:after{
    border-color:rgba(255,255,255,0.1)
}
.navbar.main-bg{
    background:#f1f3f5
}
.navbar.sub-bg{
    background:#fff
}
.navbar.nav-scroll{
    background:#f1f3f5;
    padding:0;
    position:fixed;
    top:-80px;
    -webkit-transition:-webkit-transform .5s;
    transition:transform .5s;
    -o-transition:transform .5s;
    transition:transform 0.5s,-webkit-transform .5s;
    -webkit-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.navbar .navbar-nav .nav-link{
    font-size:inherit;
    color:#1d1d1d;
    padding:10px 0px 15px;
    margin:0 10px
}
.navbar .navbar-nav .nav-link .rolling-text{
    height:30px;
    line-height:30px
}
.navbar .navbar-nav .dropdown-menu{
    padding:20px 10px;
    border:1px solid #ddd
}
.navbar .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    border-radius:0;
    color:#1d1d1d;
    background:#fff;
    min-width:255px;
    transform:translateY(20px);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.sec-lg-head .dot-titl,.sec-lg-head .dot-titl-non{
    display:inline-block;
    letter-spacing:1px;
    text-transform:uppercase
}
.navbar .dropdown-menu.show-left .dropdown-item .dropdown-side{
    left:auto;
    right:248px
}
.navbar .dropdown-menu .dropdown-item{
    font-size:13px;
    color:#1d1d1d;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    padding:10px 25px;
    position:relative
}
.navbar .dropdown-menu .dropdown-item .dropdown-side{
    position:absolute;
    left:248px;
    top:10px;
    display:block;
    opacity:0;
    visibility:hidden;
    border:1px solid #ddd;
    background:#fff;
    width:240px;
    padding:20px 0;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.navbar .dropdown-menu .dropdown-item .icon-arrow{
    position:absolute;
    right:15px
}
.navbar .dropdown-menu .dropdown-item:after{
    content:"";
    width:0;
    height:1px;
    background:#1d1d1d;
    position:absolute;
    left:10px;
    top:50%;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.navbar .dropdown-menu .dropdown-item:hover{
    padding-left:30px;
    background:0 0
}
.navbar .dropdown-menu .dropdown-item:hover:after{
    width:10px
}
.navbar .dropdown,.navbar .no-relative{
    position:static
}
.navbar .mega-menu{
    width:96vw;
    position:absolute;
    left:2vw;
    padding:30px 0!important;
    border:1px solid #ddd;
    overflow:hidden
}
.navbar .mega-menu .title{
    margin-bottom:30px
}
.navbar .mega-menu .title .sub-title{
    font-weight:500
}
.navbar .mega-menu .dropdown-item{
    padding:10px 0
}
.navbar .mega-menu .dropdown-item:after{
    left:0
}
.navbar .mega-menu .dropdown-item:hover{
    padding-left:20px
}
.navbar .search-form.open .form-group{
    opacity:1;
    visibility:visible;
    bottom:-1px
}
.navbar .search-form.open .search-icon .open-search{
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px)
}
.navbar .search-form .form-group{
    position:absolute;
    right:0;
    bottom:-35px;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    padding:15px;
    background:rgba(255,255,255,0.15);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.navbar .search-form .form-group input{
    padding:10px 55px 10px 15px;
    background:#fff;
    border:0;
    border-radius:5px
}
.navbar .search-form .form-group button{
    position:absolute;
    top:15px;
    right:15px;
    padding:10px 15px;
    background:#ccc;
    border:0;
    border-radius:5px
}
.navbar .search-form .search-icon{
    position:relative;
    padding:25px 30px;
    cursor:pointer
}
.navbar .search-form .search-icon:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-left:1px solid rgba(0,0,0,0.2);
    border-right:1px solid rgba(0,0,0,0.2)
}
.navbar .search-form .search-icon .close-search{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.05);
    text-align:center;
    padding:25px 0;
    font-size:20px;
    display:none
}
.navbar .search-form .search-icon .open-search{
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.navbar .dropdown-toggle:after{
    margin-left:5px;
    vertical-align:5px
}
.topnav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999999;
    padding:25px 0;
    color:#fff;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.topnav.nav-scroll{
    background:#fff;
    color:#1d1d1d
}
.topnav.nav-scroll .menu-icon,.topnav.navlit .menu-icon{
    color:#1d1d1d!important
}
.topnav.nav-scroll .menu-icon .icon i,.topnav.navlit .menu-icon .icon i{
    background:#1d1d1d!important
}
.intro-imgs .cont,.portfolio .work-row .item .main-marq .box .item,.topnav .container-fluid{
    padding:0 60px
}
.topnav .menu-icon{
    margin-left:auto;
    cursor:pointer
}
.topnav .menu-icon.open .text .word{
    opacity:0;
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.topnav .menu-icon.open .text:after{
    opacity:1;
    -webkit-transition-delay:.6s;
    -o-transition-delay:.6s;
    transition-delay:.6s
}
.topnav .menu-icon.open .icon i{
    position:absolute;
    top:calc(50% - 2px);
    left:0;
    margin:0
}
.topnav .menu-icon.open .icon i:first-of-type{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.topnav .menu-icon.open .icon i:last-of-type{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.topnav .menu-icon .text{
    font-size:13px;
    font-weight:500;
    padding-left:15px;
    display:table-cell;
    vertical-align:middle;
    position:relative
}
.topnav .menu-icon .text:after{
    content:"close";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding-left:15px;
    opacity:0;
    -webkit-transition:.4s .4s;
    -o-transition:.4s .4s;
    transition:.4s .4s
}
.topnav .menu-icon .text .word{
    -webkit-transition:.4s .4s;
    -o-transition:.4s .4s;
    transition:.4s .4s
}
.topnav .menu-icon .icon{
    display:table-cell;
    position:relative
}
.topnav .menu-icon .icon i{
    display:block;
    width:20px;
    height:2px;
    background:#fff;
    margin:4px 0;
    -webkit-transition:-webkit-transform .4s;
    transition:transform .4s;
    -o-transition:transform .4s;
    transition:transform 0.4s,-webkit-transform .4s
}
.hamenu{
    position:fixed;
    top:0;
    left:-100%;
    width:100%;
    background:#fff;
    padding:120px 30px 30px;
    z-index:9999;
    -webkit-transition:.5s cubic-bezier(1,0,0.55,1);
    -o-transition:.5s cubic-bezier(1,0,0.55,1);
    transition:.5s cubic-bezier(1,0,0.55,1)
}
.hamenu.open .menu-links .main-menu > li .link{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.hamenu.open .cont-info:after,.hamenu.open .menu-text:after{
    height:200vh;
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.hamenu.open .cont-info .item,.hamenu.open .cont-info .search-form,.hamenu.open .cont-info .social-text{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
    -webkit-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s
}
.hamenu .menu-links{
    margin-top:30px;
    height:500px;
    overflow:auto
}
.hamenu .menu-links::-webkit-scrollbar{
    width:5px
}
.hamenu .menu-links::-webkit-scrollbar-track{
    background:0 0
}
.hamenu .menu-links::-webkit-scrollbar-thumb{
    background:#5cd8d6;
    border-radius:10px
}
.hamenu .menu-links .main-menu > li,.portfolio.changed-bg{
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.hamenu .menu-links .main-menu > li .link{
    font-size:40px;
    font-weight:700;
    line-height:1.2;
    padding:15px 30px;
    width:100%;
    position:relative;
    display:block;
    -webkit-transform:translateY(65px);
    -ms-transform:translateY(65px);
    transform:translateY(65px);
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.hamenu .menu-links .main-menu > li .link i{
    position:absolute;
    top:50%;
    right:50px;
    -webkit-transform:translateY(-8px);
    -ms-transform:translateY(-8px);
    transform:translateY(-8px)
}
.hamenu .menu-links .main-menu > li .link i:before{
    content:"";
    width:1px;
    height:16px;
    position:absolute;
    top:0;
    left:8px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    background:#1d1d1d
}
.hamenu .menu-links .main-menu > li .link i:after{
    content:"";
    width:16px;
    height:1px;
    position:absolute;
    top:8px;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    background:#1d1d1d
}
.hamenu .menu-links .main-menu > li .link .fill-text{
    position:relative;
    color:rgba(0,0,0,0.4)
}
.hamenu .menu-links .main-menu > li .link .fill-text:after{
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    color:#1d1d1d;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    -webkit-transition:width .75s cubic-bezier(0.63,0.03,0.21,1);
    -o-transition:width .75s cubic-bezier(0.63,0.03,0.21,1);
    transition:width .75s cubic-bezier(0.63,0.03,0.21,1)
}
.hamenu .menu-links .main-menu > li.hoverd .link .fill-text:after{
    width:0
}
.hamenu .menu-links .main-menu .sub-menu{
    display:none;
    padding:20px 0
}
.hamenu .menu-links .main-menu .sub-menu li{
    padding:0;
    margin:0;
    line-height:1;
    font-size:22px;
    font-weight:400
}
.hamenu .menu-links .main-menu .sub-menu li a{
    padding:12px 10px;
    opacity:.6;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.hamenu .menu-text,.portfolio .metro .item-img{
    position:relative;
    height:100%
}
.hamenu .cont-info:after,.hamenu .menu-text:after{
    width:1px;
    height:0;
    background:rgba(0,0,0,0.1);
    position:absolute;
    content:""
}
.hamenu .menu-text .text{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:2
}
.hamenu .menu-text .text h2{
    -webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
    font-size:10vw;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    opacity:.1
}
.hamenu .menu-text:after{
    right:-30px;
    bottom:-75vh;
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s
}
.hamenu .cont-info{
    margin-top:50px;
    position:relative
}
.hamenu .cont-info:after{
    left:-30px;
    top:-75vh;
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s
}
.hamenu .cont-info .item{
    margin-bottom:50px;
    -webkit-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    transform:translateY(-30px);
    opacity:0;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.hamenu .cont-info .search-form,.hamenu .cont-info .social-text{
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px);
    opacity:0;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.hamenu .cont-info .search-form .form-group input{
    color:#1d1d1d;
    padding:10px 55px 10px 15px;
    background:rgba(0,0,0,0.02);
    border:1px solid rgba(0,0,0,0.1);
    border-radius:5px;
    width:100%
}
.hamenu .cont-info .search-form .form-group button{
    position:absolute;
    top:0;
    right:0;
    padding:10px 15px;
    background:#ccc;
    border:0;
    border-radius:5px
}
.sticky-sidebar .left-header,.sticky-sidebar .right-header{
    position:fixed;
    top:0;
    bottom:0;
    width:60px;
    z-index:999;
    mix-blend-mode:exclusion
}
.sticky-sidebar .left-header .inner-header,.sticky-sidebar .right-header .inner-header{
    padding:50px 0 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:100%;
    position:relative;
    z-index:9
}
.sticky-sidebar .left-header{
    left:0;
    border-right:1px solid rgba(255,255,255,0.1)
}
.sticky-sidebar .left-header .header-logo a{
    height:100px
}
.sticky-sidebar .left-header .header-logo img{
    height:100%;
    width:auto
}
.sticky-sidebar .right-header{
    right:0;
    border-left:1px solid rgba(255,255,255,0.1)
}
.sec-head h2{
    font-size:60px
}
.lg-sec-head h2{
    font-size:5vw
}
.sec-head-lg{
    -webkit-transition:2s;
    -o-transition:2s;
    transition:2s
}
.sec-head-lg h2{
    font-size:30vw;
    line-height:1
}
.sec-head-lg.is_stuck{
    opacity:.05
}
.sub-title{
    font-size:14px;
    font-weight:300;
    letter-spacing:2px
}
.sub-font{
    font-family:"Playfair Display",serif;
    font-weight:500
}
.sec-lg-head .dot-titl{
    padding:10px 35px;
    font-size:12px;
    border-radius:30px;
    border:1px solid rgba(0,0,0,0.5);
    position:relative
}
.sec-lg-head .dot-titl:after,.sec-lg-head .dot-titl:before{
    content:"";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:5px;
    height:5px;
    border-radius:50%;
    background:#f08f74
}
.sec-lg-head .dot-titl:before{
    left:15px
}
.sec-lg-head .dot-titl:after{
    right:15px
}
.sec-lg-head .dot-titl-non{
    padding:7px 30px;
    font-size:12px;
    border-radius:30px;
    border:1px solid rgba(0,0,0,0.5)
}
.sec-lg-head.text-dark .dot-titl,.skills-exp .skill-item .item:hover{
    border-color:rgba(0,0,0,0.5)
}
.sec-lg-head .svg{
    position:absolute;
    bottom:0;
    left:0;
    width:200px
}
.sec-lg-head .path{
    -webkit-animation:33s linear infinite dash;
    animation:33s linear infinite dash
}
@-webkit-keyframes dash{
    from{
        stroke-dashoffset:0
    }
    to{
        stroke-dashoffset:2000
    }
}
@keyframes dash{
    from{
        stroke-dashoffset:0
    }
    to{
        stroke-dashoffset:2000
    }
}
.sec-leter-head .leter h4{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    border:1px solid #777;
    border-radius:50%
}
.intro-crv .img:after,.vew-all a:after{
    border-radius:50%;
    z-index:-1;
    content:""
}
.sec-leter-head .line{
    border-bottom:1px solid #777;
    margin-top:-1px;
    margin-left:40px;
    width:100%
}
.sec-leter-head .title{
    margin-left:100px;
    margin-top:-20px;
    position:relative
}
.vew-all a:after{
    width:50px;
    height:50px;
    background:#1d1d1d;
    position:absolute;
    top:50%;
    left:-25px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    opacity:.05
}
.about-intro .imgs .img1{
    width:70%;
    margin-top:30px
}
.about-intro .imgs .img1 img{
    position:relative;
    top:-30px
}
.about-intro .imgs .img2{
    position:absolute;
    bottom:0;
    right:0;
    width:40%;
    border-top:7px solid #f1f3f5;
    border-left:7px solid #f1f3f5
}
.about-intro .cont .feat{
    padding-left:80px
}
.intro-crv .img:after{
    position:absolute;
    top:-30px;
    right:-250px;
    width:350px;
    height:350px;
    background:#f08f74
}
.intro-crv .height-bord{
    height:75%
}
.intro-crv .height-bord .butn-line{
    height:100%;
    border-left:1px solid #fff;
    padding-left:30px
}
.intro-crv .height-bord .butn-line .crle span{
    width:150px;
    height:150px;
    line-height:150px;
    text-align:center;
    border:1px solid #eee;
    border-radius:50%;
    position:absolute;
    top:-200px;
    left:35px;
    font-size:40px;
    -webkit-transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    transform:rotate(-40deg)
}
.intro-crv .height-bord .butn-line .crle span:after{
    content:"";
    width:150px;
    border-bottom:1px solid #eee;
    position:absolute;
    top:50%;
    left:-35px;
    -webkit-transform:translateX(-25%);
    -ms-transform:translateX(-25%);
    transform:translateX(-25%)
}
.intro-crv .text-bottom{
    position:absolute;
    bottom:0
}
.about .about-circle-crev{
    position:relative;
    width:calc(100% - 50px)
}
.about .about-circle-crev .circle-button .rotate-circle svg{
    width:500px
}
.about .about-circle-crev .circle-button:after{
    content:"";
    position:absolute;
    top:60px;
    left:60px;
    right:60px;
    bottom:60px;
    border:70px solid rgba(255,255,255,0.03);
    border-radius:50%;
    z-index:-1
}
.about .about-circle-crev .rotate-circle{
    -webkit-animation-duration:60s;
    animation-duration:60s
}
.about .about-circle-crev .half-circle-img{
    height:450px;
    width:225px;
    border-bottom-right-radius:450px;
    border-top-right-radius:450px;
    overflow:hidden;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.about .about-circle-crev .half-circle-img img,.crev-header .main-img img,.header-main-crev .img img,.main-shop .sidebar .best-sale .line-list .img img,.portfolio .grid .inner img,.portfolio .masonry .inner img,.portfolio.clasic .item .img img,.services-tab .serv-tab-cont .item .img img,.services-tab.revers .serv-tab-cont .item .img img,.work-carsouel .work-crus.random .swiper-slide .item .img img,.work-carsouel .work-crus.random .swiper-slide:nth-of-type(odd) .item .img img,.work-carsouel.full-height .swiper-slide .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.about .img.bg-pattern{
    padding:50px;
    background-size:80px!important;
    background-repeat:repeat;
    position:relative
}
.about .img.bg-pattern img{
    border-radius:15px;
    margin:auto;
    position:relative;
    z-index:3
}
.about .img.bg-pattern .tit{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%) translateX(30%) rotate(5deg);
    -ms-transform:translateY(-50%) translateX(30%) rotate(5deg);
    transform:translateY(-50%) translateX(30%) rotate(5deg);
    z-index:2
}
.about .img.bg-pattern .tit span{
    -webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
    font-size:80px;
    font-weight:800;
    text-transform:uppercase
}
.about .img.bg-pattern .tit span.stroke{
    position:absolute;
    top:10px;
    left:20px;
    color:transparent;
    -webkit-text-stroke:.5px rgba(255,255,255,0.5);
    z-index:-1
}
.about .img,.block-sec .img-vid,.contact-crev,.intro-img-parlx,.page-header,.portfolio .metro .info-overlay .item-img,.process-corp,.testim-corp,.testim-crv2{
    position:relative;
    overflow:hidden
}
.about .img .exp{
    position:absolute;
    bottom:0;
    right:0;
    padding:30px;
    z-index:3
}
.about .img .exp:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#f1f3f5;
    z-index:-1
}
.about .img .exp:after{
    content:"";
    position:absolute;
    top:-10px;
    left:-10px;
    width:100%;
    height:150%;
    background:#5cd8d6;
    -webkit-transform:rotate(10deg);
    -ms-transform:rotate(10deg);
    transform:rotate(10deg);
    z-index:-2
}
.about .quote-img h2{
    position:relative;
    z-index:1
}
.about .quote-img .img{
    width:80%;
    -webkit-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    transform:translateX(-50px)
}
.about .mission .about-carsouel{
    padding:80px 60px;
    position:relative;
    z-index:3
}
.about .mission .back-img{
    position:absolute;
    top:0;
    right:0;
    width:60%;
    height:100%
}
.about .bg-pattern{
    background-size:95%!important
}
.intro-imgs .to-up{
    margin-top:-80px
}
.intro-feat .bg-img{
    padding:50px 0;
    border-radius:150px;
    position:relative
}
.intro-feat .bg-img .play-button .butn-ply .circle,.intro-feat .cont .play-button .butn-ply .circle{
    fill:#fff;
    stroke-dasharray:301.59px 301.59px;
    stroke-dashoffset:301.59px;
    -webkit-transition:.8s cubic-bezier(0.4,0.08,0,0.97);
    -o-transition:.8s cubic-bezier(0.4,0.08,0,0.97);
    transition:.8s cubic-bezier(0.4,0.08,0,0.97);
    -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1);
    box-shadow:0 10px 30px rgba(0,0,0,0.1)
}
.intro-feat .bg-img .play-button .butn-ply:hover .circle,.intro-feat .cont .play-button .butn-ply:hover .circle,.intro-feat .two-imgs .img1 .play-button .butn-ply:hover .circle{
    stroke-dashoffset:0
}
.intro-feat .three-imgs .img1{
    width:190px;
    margin-top:50px
}
.intro-feat .three-imgs .img2{
    width:250px
}
.intro-feat .two-imgs .img1,.intro-feat .two-imgs .img2{
    width:60%;
    position:relative
}
.intro-feat .img3{
    width:50%;
    margin-left:25%;
    margin-top:-30%
}
.intro-feat .two-imgs .img1 .play-button{
    position:absolute;
    top:20%;
    right:0;
    -webkit-transform:translateX(60%);
    -ms-transform:translateX(60%);
    transform:translateX(60%)
}
.intro-feat .two-imgs .img1 .play-button .butn-ply{
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.intro-feat .two-imgs .img1 .play-button .butn-ply .circle{
    fill:#5cd8d6;
    stroke-dasharray:301.59px 301.59px;
    stroke-dashoffset:301.59px;
    -webkit-transition:.8s cubic-bezier(0.4,0.08,0,0.97);
    -o-transition:.8s cubic-bezier(0.4,0.08,0,0.97);
    transition:.8s cubic-bezier(0.4,0.08,0,0.97)
}
.intro-feat .two-imgs .img2{
    margin-top:-35%;
    margin-left:40%;
    z-index:3
}
.intro-feat .cont .play-button .butn-ply{
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.intro-feat .cont .play-button .text{
    padding:8px 20px 8px 60px;
    border:1px solid #f1f3f5;
    border-radius:4px;
    font-size:12px
}
.exp-box{
    padding:30px 50px;
    border-top:1px solid rgba(255,255,255,0.1);
    position:relative
}
.exp-box .img-icon{
    position:absolute;
    top:-35px;
    right:-35px;
    width:70px;
    opacity:.2;
    z-index:-1
}
.intro-corp .imgs .img1{
    width:75%;
    margin-left:5%;
    position:relative;
    z-index:3
}
.intro-corp .imgs .img1:after{
    content:"";
    position:absolute;
    left:-30px;
    top:0;
    width:8px;
    height:150px;
    background:#5cd8d6
}
.intro-corp .imgs .img1:before{
    content:"";
    position:absolute;
    right:-30px;
    bottom:-30px;
    width:200px;
    height:200px;
    background-image:url(../imgs/patterns/dots2.png);
    background-repeat:repeat;
    z-index:-1
}
.intro-corp .imgs .img2{
    position:absolute;
    bottom:-50px;
    left:0;
    width:50%;
    z-index:4
}
.intro-img-parlx:after{
    content:"";
    width:80vw;
    height:80vw;
    border:200px solid #fff;
    border-radius:50%;
    position:absolute;
    top:-15vw;
    left:-30vw;
    opacity:.02
}
.intro-img-parlx .max-text{
    font-size:75px;
    position:relative
}
.intro-img-parlx .max-text:after{
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,0.5);
    z-index:3
}
.intro-img-parlx .img img{
    width:250%;
    margin-left:-150%
}
.intro-img-parlx .img .star-shape{
    position:absolute;
    top:50%;
    right:0;
    width:100px;
    z-index:-1;
    opacity:.2
}
.intro-img-parlx .text-qoute .exp{
    padding:8px 30px;
    border-radius:30px;
    font-size:12px
}
.pg-about .bg-img{
    height:400px;
    background-size:cover;
    background-position:center center
}
.awards-box .awrd-items .item{
    padding:80px 30px;
    background:#f1f3f5;
    border-radius:150px;
    text-align:center
}
.awards-box .awrd-items .item .img{
    width:70px;
    margin:auto
}
.awards-box .awrd-items .item h6{
    margin-top:15px
}
.awards-list .cont li{
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.awards-list .cont li:hover,.shop-cart .coupon input:focus{
    border-color:#999
}
.awards-list .cont li .date{
    padding:4px 12px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,0.1);
    font-size:12px;
    margin-right:10px
}
.awards-list .cont li .arrow-icon{
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:50%;
    background:#fff;
    text-align:center
}
.awards-list .cont li .arrow-icon svg{
    width:15px
}
.skills-exp .skill-item .item{
    padding:50px 10px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:100px;
    width:100%;
    text-align:center;
    margin:0 10px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.skills-exp .skill-item .item:hover img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0)
}
.skills-exp .skill-item .item img{
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.skills-exp .exp-items .item .icon{
    -webkit-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    transform:rotate(-30deg);
    margin-bottom:15px
}
.skills-exp .exp-items .item .icon svg{
    width:60px;
    height:25px;
    fill:#fff
}
.blog-list .item{
    padding:40px;
    position:relative
}
.blog-list .item:hover .background{
    opacity:1;
    background-position:center bottom
}
.blog-list .item .info .author{
    margin-right:20px
}
.blog-list .item .info .author .img{
    width:60px;
    height:60px;
    overflow:hidden;
    border-radius:50%
}
.blog-list .item .tags a{
    font-size:12px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:30px;
    margin:5px 5px 5px 0
}
.blog-list .item .background{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center top;
    opacity:0;
    -webkit-transition:opacity 0.4s,background-position 10s linear;
    -o-transition:opacity 0.4s,background-position 10s linear;
    transition:opacity 0.4s,background-position 10s linear
}
.blog-list .item .background .more a{
    font-size:14px;
    padding:14px 35px;
    background:#5cd8d6;
    border-radius:30px
}
.blog-list2 .item{
    padding:40px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.blog-list2 .item:hover{
    border-bottom-color:#ccc
}
.blog-list2 .item:hover .img img,.inter-links-center .links-img .img.current{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.blog-list2 .item .categ a{
    padding:8px 25px;
    border:1px solid rgba(255,255,255,0.5);
    border-radius:30px
}
.blog-list2 .item .img{
    position:absolute;
    top:50%;
    right:-30px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:250px;
    height:250px;
    border-radius:50%;
    overflow:hidden
}
.blog-list2 .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center;
    border-radius:50%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.blog-modern .item{
    padding-right:60px
}
.blog-modern .item .img .date{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:2px;
    position:absolute;
    top:60px;
    right:-70px;
    -webkit-transform:rotate(-90deg) translateX(-50%) translateY(100%);
    -ms-transform:rotate(-90deg) translateX(-50%) translateY(100%);
    transform:rotate(-90deg) translateX(-50%) translateY(100%);
    opacity:.7
}
.blog-modern .item .img .date:after{
    content:"";
    position:absolute;
    top:50%;
    right:-70px;
    width:50px;
    border-bottom:1px solid #cecece
}
.blog-crev .item .cont .info{
    font-size:11px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:1px
}
.blog-crev .item .cont .info .dot{
    width:5px;
    height:5px;
    border-radius:50%;
    margin:0 30px
}
.blog-crev .item .img a{
    width:75px;
    height:75px;
    text-align:center;
    line-height:75px;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(0);
    -ms-transform:translateX(-50%) translateY(-50%) scale(0);
    transform:translateX(-50%) translateY(-50%) scale(0);
    color:#f1f3f5;
    z-index:3;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.blog-crev .item .img a svg{
    width:25px;
    height:25px
}
.blog-crev .item .img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#f1f3f5;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.blog-crev .item .img:hover a{
    opacity:1;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(1);
    -ms-transform:translateX(-50%) translateY(-50%) scale(1);
    transform:translateX(-50%) translateY(-50%) scale(1)
}
.blog-list-half .item{
    border-radius:10px;
    overflow:hidden
}
.blog-list-half .item .img{
    min-height:300px;
    padding-right:0
}
.blog-list-half .item .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    border-radius:10px 0 0 10px
}
.blog-list-half .item .cont{
    padding:80px 30px
}
.blog-list-half .item .cont .tags a{
    font-size:13px;
    padding:8px 20px;
    background:rgba(0,0,0,0.05);
    border-radius:5px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.blog-list-half .item .cont .tags.colorbg a:hover{
    background:#5cd8d6;
    color:#f1f3f5
}
.blog-list-half.crev .item{
    overflow:visible;
    border:1px solid rgba(0,0,0,0.1)
}
.blog-list-half.crev .item .img{
    padding:0 0 0 15px
}
.blog-list-half.crev .item .img img{
    border-radius:0;
    position:relative;
    bottom:-30px
}
.blog-list-half.crev .item .cont{
    padding:30px 0
}
.main-post .item{
    border-bottom:1px dashed rgba(0,0,0,0.15)
}
.main-post .main-img{
    -webkit-box-shadow:0 20px 40px rgba(13,11,27,0.15);
    box-shadow:0 20px 40px rgba(13,11,27,0.15);
    overflow:hidden
}
.main-post .post-qoute{
    position:relative;
    padding:40px 40px 40px 120px;
    border:1px solid rgba(0,0,0,0.15)
}
.main-post .post-qoute h6:before{
    content:"“";
    position:absolute;
    top:80px;
    left:-100px;
    font-size:180px;
    font-family:Poppins;
    line-height:0
}
.main-post .iner-img,.portfolio .grid .inner,.portfolio .masonry .inner{
    height:400px
}
.main-post .order-list li,.main-post .unorder-list li{
    margin-top:10px;
    opacity:.7;
    padding-left:15px;
    position:relative
}
.main-post .order-list li:before,.main-post .unorder-list li:before{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ccc;
    position:absolute;
    left:0;
    top:10px
}
.main-post .order-list li{
    padding-left:0
}
.main-post .order-list li span,.services .serv-items-crev .item p{
    font-size:13px
}
.main-post .info-area{
    border-bottom:1px solid rgba(0,0,0,0.15)
}
.main-post .info-area .share-icon span,.main-post .info-area .tags span{
    font-size:14px;
    margin-right:5px;
    opacity:.7
}
.main-post .info-area .share-icon a,.main-post .info-area .tags a{
    padding:7px 20px;
    font-size:13px;
    background:rgba(0,0,0,0.02);
    border-radius:30px;
    margin-right:5px
}
.main-post .info-area .share-icon a{
    width:35px;
    height:35px;
    line-height:35px;
    font-size:11px;
    text-align:center;
    padding:0
}
.main-post .next-prv-post .thumb-post{
    width:100%;
    padding:40px;
    position:relative;
    overflow:hidden;
    z-index:2
}
.main-post .next-prv-post .thumb-post:after{
    content:"";
    background:#f1f3f5;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:1px solid rgba(0,0,0,0.2);
    z-index:-1;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.main-post .next-prv-post .thumb-post:hover:after{
    opacity:.3;
    background:#1d1d1d
}
.main-post .next-prv-post .thumb-post:first-of-type{
    margin-right:15px
}
.main-post .next-prv-post .thumb-post:last-of-type{
    margin-left:15px
}
.comments-post .item-box{
    padding:30px;
    border:1px solid rgba(0,0,0,0.2);
    margin-bottom:30px
}
.comments-post .item-box:last-of-type,.main-shop .sidebar .best-sale .line-list:last-of-type,.main-shop .sidebar .categories li:last-of-type,.portfolio-fixed .cont:last-of-type,footer .social-text li:last-of-type{
    margin-bottom:0
}
.comments-post .item-box.replayed{
    margin-left:50px;
    border:1px solid rgba(0,0,0,0.05)
}
.comments-post .item-box .replay-post a{
    font-size:13px;
    padding:8px 20px;
    border:1px solid #ccc;
    border-radius:30px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.comments-from form input,.comments-from form textarea{
    padding:15px 0;
    width:100%;
    background:0 0;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.15)
}
.comments-from form button{
    background:0 0;
    border:0;
    margin:auto;
    text-align:center
}
.brands .swiper-container,.testim-corp .testim-crv2,.work-carsouel .out-right .swiper-container,.work-carsouel .work-crus.random .swiper-container{
    overflow:visible
}
.brands .item{
    width:300px;
    height:300px;
    text-align:center;
    position:relative
}
.brands .item:after{
    content:"";
    position:absolute;
    top:-10px;
    bottom:-10px;
    left:-10px;
    right:-10px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:50%;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    pointer-events:none
}
.brands .item:hover:after{
    border-color:#000
}
.brands .item .img,.brands-carsouel .item .img{
    width:100px;
    margin:auto
}
.block-sec .clients .item{
    padding:50px 20px;
    border:1px solid rgba(0,0,0,0.1);
    text-align:center
}
.block-sec .clients .item img{
    max-width:100px
}
.brands-carsouel .bord-right:after{
    content:"";
    position:absolute;
    top:-120px;
    bottom:-120px;
    right:0;
    border-right:1px solid rgba(0,0,0,0.05)
}
.brands-carsouel .item{
    text-align:center
}
.clients .brand:hover .img{
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    opacity:0
}
.clients .brand:hover .link{
    opacity:1!important;
    -webkit-transition:0;
    -o-transition:0;
    transition:0
}
.clients .brand:hover .char{
    -webkit-animation:.3s cubic-bezier(0.3,0,0.7,1) both fadeInUp;
    animation:.3s cubic-bezier(0.3,0,0.7,1) both fadeInUp;
    -webkit-animation-delay:calc(20ms * var(--char-index));
    animation-delay:calc(20ms * var(--char-index))
}
.clients .brand .item{
    position:relative;
    text-align:center;
    padding:80px 20px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:10px
}
.clients .brand .item .link{
    font-size:16px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    opacity:0;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.clients .brand .img{
    opacity:.8;
    max-width:100px;
    margin:auto;
    position:relative;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.clients-rand .item > div{
    border-radius:50%;
    border:1px solid rgba(0,0,0,0.1)
}
.clients-rand .item .sz1{
    width:140px;
    height:140px;
    line-height:140px;
    padding:0 20px
}
.clients-rand .item .sz2{
    width:120px;
    height:120px;
    line-height:120px;
    padding:0 20px
}
.clients-rand .item .sz3{
    width:90px;
    height:90px;
    line-height:90px;
    padding:0 20px
}
.clients-carso2{
    padding:60px 0;
    border-top:1px solid rgba(0,0,0,0.2);
    border-bottom:1px solid rgba(0,0,0,0.2)
}
.clients-carso2 .img{
    margin:auto;
    opacity:.8
}
.call-action-img .sec-bg-img{
    height:450px;
    width:130%;
    position:relative;
    margin-bottom:-200px
}
.call-action-img .sec-lg-head:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:400%;
    height:100%;
    background:#fff
}
.call-action-center .bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:4
}
.contact-crev:after{
    content:"";
    width:80vw;
    height:80vw;
    border:200px solid #000;
    border-radius:50%;
    position:absolute;
    top:-15vw;
    right:-30vw;
    opacity:.01;
    pointer-events:none
}
.contact-crev input,.contact-crev textarea{
    width:100%;
    border:1px solid rgba(0,0,0,0.2);
    border-radius:10px;
    background:0 0;
    padding:15px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.contact-crev input:focus,.contact-crev textarea:focus{
    border-color:#777
}
.contact-crev textarea,.product-details .overview .tab-content .add-review .form textarea{
    min-height:180px
}
.numbers h2,.work-header .caption h1{
    font-size:120px
}
.intro-pan .numbers h6,.main-shop .sidebar .best-sale .line-list .cont h6,.numbers h6{
    font-size:16px
}
.sideimg-numbers .bg-right{
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    z-index:2
}
.sideimg-numbers .bg-left .vid-circle,.sideimg-numbers .bg-right .vid-circle{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    border-radius:50%
}
.sideimg-numbers .bg-left{
    position:absolute;
    top:0;
    left:0;
    width:45%;
    height:100%;
    z-index:2
}
.sideimg-numbers .bg-img .vid:after{
    content:"";
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    background:#f1f3f5;
    border-radius:50%;
    z-index:-1
}
.sideimg-numbers .numbers{
    -webkit-transform:translateX(100px);
    -ms-transform:translateX(100px);
    transform:translateX(100px);
    padding:120px 100px 120px 0;
    text-align:right
}
.accordion .active .title .ico:after,.accordion .title .ico{
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    top:50%
}
.sideimg-numbers .numbers .item{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    margin-left:auto;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,0.1)
}
.sideimg-numbers .numbers .item:last-of-type{
    padding:0;
    border:0
}
.sideimg-numbers .numbers .item h2{
    font-style:normal
}
.list-arrow li .icon{
    width:15px;
    margin-right:10px
}
.dot-list li{
    position:relative;
    padding-left:15px
}
.dot-list li:before{
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:0;
    background:#1d1d1d
}
.text-dark .dot-list li:before{
    background:#f1f3f5
}
.accordion.bord .title{
    border-bottom:1px solid rgba(0,0,0,0.2)
}
.accordion.bord .title:after{
    left:auto;
    right:20px
}
.accordion.bord .title .ico{
    left:auto;
    right:25px
}
.accordion .title{
    padding:10px 0;
    cursor:pointer;
    position:relative
}
.accordion .title .ico{
    position:absolute;
    left:20px;
    width:15px;
    height:1px;
    transform:translateY(-50%);
    background:#555
}
.accordion .accordion-info{
    display:none;
    margin-top:15px
}
.accordion .accordion-info .spac{
    margin-top:30px;
    padding-left:30px
}
.accordion .accordion-info .spac h6:after{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#999;
    position:absolute;
    top:3px;
    left:-15px
}
#tabs .tab-content.current,#tabs-fade .tab-content.current,.accordion .active{
    display:block
}
.accordion .active .title .ico:after{
    content:"";
    position:absolute;
    left:50%;
    width:1px;
    height:15px;
    transform:translateY(-50%);
    background:#999
}
.approach-carso .swiper-wrapper,.product-details .overview .tab-content .add-review .form .checkbox input{
    width:auto
}
.approach-carso .swiper-slide{
    padding:70px 50px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:250px;
    margin-left:-7px;
    margin-right:-7px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.approach-carso .swiper-slide:hover{
    border-color:#f08f74
}
.approach-carso .item .stroke{
    color:transparent;
    -webkit-text-stroke:1px #1d1d1d;
    font-weight:800;
    line-height:1
}
footer .call-box{
    padding:20px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:15px
}
footer .call-box h2{
    font-size:80px;
    line-height:1
}
.main-shop .sidebar .best-sale .line-list .img,footer .call-box .arrow svg{
    width:80px;
    height:80px
}
footer .social-text li{
    margin-bottom:15px;
    font-size:14px;
    letter-spacing:1px
}
footer .subscribe input{
    color:#1d1d1d;
    background:0 0;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    width:100%;
    padding:15px 30px 15px 0
}
footer .subscribe button{
    color:#1d1d1d;
    padding:15px 0;
    position:absolute;
    top:0;
    right:0;
    background:0 0;
    border:0
}
footer .logo a{
    max-width:120px
}
footer .bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:70px;
    background-repeat:repeat;
    pointer-events:none;
    opacity:.5
}
.page-header .background{
    min-height:480px
}
.page-header .caption .sub-title,.work-header .caption .sub-title{
    position:relative;
    padding-left:20px
}
.page-header .caption .sub-title:after,.work-header .caption .sub-title:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:5px;
    height:5px;
    border-radius:50%;
    background:#1d1d1d
}
.page-header .explore:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:105px;
    height:105px;
    background:rgba(255,255,255,0.05);
    border-radius:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    pointer-events:none
}
.page-header .explore .rotate-circle{
    -webkit-animation-duration:20s;
    animation-duration:20s
}
.page-header .main-marq{
    margin-bottom:-40px;
    text-transform:uppercase
}
.page-header .main-marq .slide-har.st1 .box{
    -webkit-animation:150s linear infinite slide-har;
    animation:150s linear infinite slide-har
}
.page-header .main-marq .slide-har.st2 .box{
    -webkit-animation:150s linear infinite slide-har-revers;
    animation:150s linear infinite slide-har-revers
}
.proj-header1{
    padding-top:120px
}
.proj-header1 .bg-img{
    width:100%;
    height:70vh
}
.proj-header2{
    min-height:90vh
}
.marquee{
    position:relative;
    overflow:hidden;
    padding:50px 0;
    border-top:1px solid rgba(0,0,0,0.2);
    border-bottom:1px solid rgba(0,0,0,0.2);
    -webkit-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    transform:rotate(-3deg);
    width:calc(100% + 60px);
    margin-left:-30px;
    background:#f1f3f5
}
.marquee:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-30px;
    right:-30px;
    pointer-events:none;
    background:-webkit-linear-gradient(right,#f1f3f5,transparent 300px,transparent calc(100% - 300px),#f1f3f5);
    background:-o-linear-gradient(right,#f1f3f5,transparent 300px,transparent calc(100% - 300px),#f1f3f5);
    background:linear-gradient(to left,#f1f3f5,transparent 300px,transparent calc(100% - 300px),#f1f3f5);
    z-index:3
}
.cut-out{
    -webkit-clip-path:inset(-100vw 0vw -100vw -100vw);
    clip-path:inset(-100vw 0vw -100vw -100vw)
}
.block-pattern .bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    background-size:contain;
    background-position:center bottom
}
.header-freelancer .img img,.serv-marq{
    position:relative;
    z-index:3
}
.serv-marq .ontop{
    -webkit-transform:rotate(-1deg);
    -ms-transform:rotate(-1deg);
    transform:rotate(-1deg)
}
.serv-marq.skew .main-marq{
    -webkit-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
    transform:rotate(-2deg)
}
.my-paroller img{
    -webkit-transform:translateY(50%);
    -ms-transform:translateY(50%);
    transform:translateY(50%)
}
.back-image{
    height:75vh;
    min-height:400px;
    overflow:hidden
}
.back-image.states{
    min-height:auto
}
.back-image.states .box{
    height:100%;
    position:relative;
    z-index:4
}
.back-image.states ul{
    position:absolute;
    left:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.back-image.states ul li{
    min-width:350px;
    padding:40px 30px;
    background:rgba(0,0,0,0.3);
    margin-right:30px
}
.back-image.states ul li h5{
    font-size:20px;
    font-weight:500;
    line-height:1.6;
    text-transform:capitalize
}
.back-image.states ul .sd-color{
    background:#5cd8d6;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.back-image.states ul .sd-color .numb,.back-image.states ul .sd-dark .numb,.back-image.states ul .sd-light .numb{
    margin-right:30px;
    font-size:40px;
    font-weight:600
}
.back-image.states ul .sd-light{
    background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.back-image.states ul .sd-light .numb,.back-image.states ul .sd-light h5{
    color:#191919
}
.back-image.states ul .sd-dark{
    background:#f1f3f5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.back-image.states ul .blur{
    background:rgba(0,0,0,0.2);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.back-image.states ul .blur .icon{
    margin-left:auto;
    width:60px;
    height:60px;
    line-height:60px;
    border:1px solid #fff;
    border-radius:50%;
    text-align:center;
    font-size:30px
}
.block-sec .img-vid .rota-vid .circle-button.in-bord:before{
    background:rgba(255,255,255,0.05);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    border:0
}
.block-sec .img-vid .rota-vid .arrow{
    z-index:3;
    -webkit-transform:translateX(-7px) translateY(-7px);
    -ms-transform:translateX(-7px) translateY(-7px);
    transform:translateX(-7px) translateY(-7px)
}
.block-img .vid-circle{
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    border-radius:50%
}
.block-img .shap1{
    position:absolute;
    bottom:100px;
    left:0;
    width:150px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.block-img .shap2{
    position:absolute;
    top:0;
    right:10%;
    width:150px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.block-img .half-img-left{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:left bottom;
    background-size:50%;
    pointer-events:none
}
.block-sec .back-bg{
    position:absolute;
    top:120px;
    bottom:120px;
    width:100%;
    left:0;
    z-index:-1
}
.block-sec .cont-box{
    padding:80px 40px
}
.skills-box h6{
    font-size:13px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px
}
.skills-box .skill-progress{
    height:5px;
    background-color:rgba(0,0,0,0.05);
    position:relative
}
.skills-box .skill-progress .progres{
    position:absolute;
    height:100%;
    width:0;
    top:0;
    left:0;
    background:#1d1d1d;
    -webkit-transition:1.5s;
    -o-transition:1.5s;
    transition:1.5s
}
.skills-box .skill-progress .progres:after{
    content:attr(data-value);
    position:absolute;
    right:10px;
    top:-25px;
    font-size:12px;
    font-weight:600
}
.intro-pan .text{
    width:100%;
    height:100%;
    padding:40px;
    background:#fff;
    position:relative;
    z-index:4
}
.intro-pan .numbers .item{
    padding-top:30px;
    border-top:1px solid rgba(0,0,0,0.1)
}
.header-main .caption h1,.intro-pan .numbers h2{
    font-size:100px
}
.sec-img .expr-box{
    display:inline-block;
    border:5px solid #fff;
    padding:30px 60px 30px 30px
}
.sec-img .expr-box h2{
    position:relative;
    display:inline-block;
    z-index:3
}
.sec-img .expr-box h2:after{
    content:"";
    position:absolute;
    top:-10px;
    right:-20px;
    width:70px;
    height:70px;
    border-radius:50%;
    background:#5cd8d6;
    opacity:.5;
    z-index:-1
}
.thecontainer{
    width:300%;
    height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.panel,.works.thecontainer{
    display:-webkit-box;
    display:-ms-flexbox
}
.panel{
    width:100%;
    height:100%;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.works.thecontainer{
    width:300vw;
    min-height:100vh;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.works .panel{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.works .panel .item{
    width:42vw;
    position:relative
}
.main-shop .shop-products .item .cont,.works .panel .item .cont{
    margin-top:30px
}
.works .panel .item .cont h5{
    font-weight:600;
    margin-bottom:5px
}
.works .panel .item .cont span{
    font-size:15px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:1px;
    opacity:.75
}
.main-shop .sidebar .best-sale .line-list .over-link,.work-carsouel .work-crus .img .plink,.works .panel .item .link-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.workinter .block .block__link{
    display:block;
    padding:30px 0;
    border-bottom:1px solid rgba(255,255,255,0.08)
}
.workinter .block .block__link:first-of-type{
    padding-top:0
}
.workinter .block .hover-reveal{
    width:450px;
    height:300px;
    z-index:3
}
.workinter .lg-sec-head h2{
    background:-webkit-linear-gradient(90deg,transparent,#fff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.workinter .lg-sec-head .rotate-circle svg{
    width:220px;
    fill:rgba(255,255,255,0.5)
}
.portfolio-fixed .left{
    position:relative;
    height:100vh;
    overflow:hidden
}
.portfolio-fixed .img{
    background-size:cover;
    background-position:center center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition:.4s linear;
    -o-transition:.4s linear;
    transition:.4s linear;
    opacity:0
}
.portfolio-fixed .img:first-of-type{
    opacity:1;
    z-index:1
}
.portfolio-fixed .right{
    padding:250px 100px;
    overflow:hidden
}
.price-hr .item,.pricing .item{
    padding:50px 30px
}
.portfolio-fixed .cont{
    margin-bottom:250px;
    opacity:.1;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.portfolio .sec-head .lg-text{
    font-size:8vw;
    line-height:1
}
.portfolio .filtering .filter{
    padding:11px 15px;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:30px;
    display:inline-block
}
.portfolio .filtering span{
    font-weight:500;
    font-size:13px;
    margin:0 20px;
    cursor:pointer;
    position:relative;
    opacity:.7
}
.portfolio .filtering span.text{
    pointer-events:none
}
.portfolio.changed-bg.chang-text p{
    color:#000;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.portfolio.changed-bg.chang-text .sec-lg-head .path{
    stroke:#000;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.portfolio .work-row .item{
    position:relative;
    padding:40px 0
}
.portfolio .work-row .item:hover .main-marq .box{
    -webkit-animation-play-state:running;
    animation-play-state:running
}
.portfolio .work-row .item .title{
    padding-bottom:15px
}
.portfolio .work-row .item .title .numb{
    font-size:12px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid rgba(0,0,0,0.5);
    border-radius:50px;
    margin-bottom:15px
}
.portfolio .work-row .item .cont{
    padding-left:30px;
    padding-bottom:15px
}
.portfolio .work-row .item .main-marq{
    position:absolute;
    width:100%;
    top:15px;
    left:-50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:.2;
    z-index:-1
}
.portfolio .work-row .item .main-marq .box{
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}
.portfolio .metro .items.height-1{
    height:530px
}
.portfolio .metro .items.height-1 img{
    height:530px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.portfolio .metro .items.height-2{
    height:250px
}
.portfolio .metro .items.height-2 img{
    height:250px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.portfolio .grid .info-overlay .item-img a,.portfolio .masonry .info-overlay .item-img a,.portfolio .metro .items .item-img a,.shop-cart table{
    width:100%
}
.portfolio .metro .info-overlay .item-img:hover .info .tag,.portfolio .metro .info-overlay .item-img:hover .info h6{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.portfolio .metro .info-overlay .item-img:hover .info .tag,.work-carsouel .work-crus .img .cont h6{
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.portfolio .metro .info-overlay .item-img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1d1d1d;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    pointer-events:none;
    opacity:0
}
.portfolio .metro .info-overlay .item-img .info{
    color:#fff!important;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    overflow:hidden;
    z-index:2
}
.portfolio .metro .info-overlay .item-img .info .tag,.portfolio .metro .info-overlay .item-img .info h6{
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px);
    opacity:0;
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s
}
.portfolio .metro .item-img .info-over{
    position:absolute;
    bottom:30px;
    left:30px;
    opacity:0
}
.portfolio .grid .info-overlay .item-img:after,.portfolio .masonry .info-overlay .item-img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1d1d1d;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    pointer-events:none
}
.portfolio .grid .info-overlay .item-img .info,.portfolio .masonry .info-overlay .item-img .info{
    color:#fff;
    position:absolute;
    bottom:40px;
    left:40px;
    opacity:0;
    -webkit-transform:translateY(40px);
    -ms-transform:translateY(40px);
    transform:translateY(40px);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:2
}
.portfolio .grid .info-overlay .item-img:hover .info,.portfolio .masonry .info-overlay .item-img:hover .info,.slider .parallax-slider .swiper-slide-active .caption .btn-curve,.slider .parallax-slider .swiper-slide-active .caption .thin,.slider .parallax-slider .swiper-slide-active .caption p{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.portfolio .masonry .inner,.services .serv-items-crev .swiper-slide{
    height:auto
}
.portfolio .masonry .inner img{
    width:100%;
    height:auto;
    -o-object-fit:contain;
    object-fit:contain
}
.portfolio .max-margin .items{
    padding:0 40px
}
.portfolio.clasic .item .img{
    position:relative;
    height:400px
}
.portfolio.clasic .item .img .tag{
    position:absolute;
    bottom:20px;
    left:20px;
    padding:7px 20px;
    border-radius:30px;
    background:#fff;
    color:#000;
    font-size:13px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    opacity:0
}
.work-carsouel .work-crus.out{
    width:120%;
    margin-left:-10%
}
.work-carsouel .work-crus .swiper-slide-active .img .cont h6,.work-carsouel .work-crus .swiper-slide-active .img .cont span{
    opacity:1;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0)
}
.work-carsouel .work-crus .img .cont{
    position:absolute;
    bottom:30px;
    left:30px
}
.work-carsouel .work-crus .img .cont h6,.work-carsouel .work-crus .img .cont span{
    background:#f1f3f5;
    font-weight:500;
    padding:5px 15px;
    -webkit-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px);
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.work-carsouel .work-crus.random .swiper-slide .item .img{
    height:450px
}
.work-carsouel .work-crus.random .swiper-slide:nth-of-type(odd) .item .img{
    height:380px;
    -webkit-transform:translateY(35px);
    -ms-transform:translateY(35px);
    transform:translateY(35px)
}
.work-carsouel .out-right{
    -webkit-clip-path:inset(-100vw -100vw -100vw 0);
    clip-path:inset(-100vw -100vw -100vw 0)
}
.parallax-show .inner,.work-carsouel.full-height{
    min-height:100vh
}
.work-carsouel.full-height .swiper-slide .img{
    height:60vh
}
.work-carsouel .work-controls{
    position:absolute;
    bottom:40px;
    left:0;
    width:100%
}
.work-carsouel .work-controls .swiper-pagination{
    position:absolute;
    bottom:10px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:44
}
.showcase-full .parallax-slider .caption h1{
    font-size:80px;
    position:relative;
    line-height:1.2
}
.showcase-full .parallax-slider .swiper-slide-active .caption .discover{
    opacity:1;
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.showcase-full .slider-contro{
    position:absolute;
    bottom:60px;
    left:80px;
    width:calc(100% - 160px)
}
.showcase-full .slider-contro i{
    margin:0 10px;
    color:#fff
}
.showcase-full .slider-contro span{
    color:#fff;
    white-space:nowrap
}
.showcase-full .dots{
    bottom:50px;
    z-index:1
}
.showcase-full .dots span{
    background:#fff;
    width:5px;
    height:5px;
    margin:0 7px!important;
    border-radius:50%!important
}
.showcase-full .dots span.swiper-pagination-bullet-active:after{
    content:"";
    position:absolute;
    top:-5px;
    left:-5px;
    right:-5px;
    bottom:-5px;
    border:1px solid #fff;
    border-radius:50%
}
.inter-links-center{
    position:relative;
    height:100vh;
    overflow:auto
}
.inter-links-center::-webkit-scrollbar{
    width:0
}
.inter-links-center::-webkit-scrollbar-track{
    background:0 0
}
.inter-links-center::-webkit-scrollbar-thumb{
    background:#999;
    border-radius:10px
}
.inter-links-center::-webkit-scrollbar-thumb:hover{
    background:#555
}
.inter-links-center.horizontal .links-text ul{
    margin-left:-40px!important;
    margin-right:-40px!important
}
.inter-links-center.horizontal .links-text li{
    display:inline-block;
    padding:40px
}
.inter-links-center.horizontal .links-text li .sub-title{
    margin-bottom:10px
}
.inter-links-center.horizontal .links-text li h2{
    font-weight:700;
    font-size:30px
}
.inter-links-center .links-text li h2 a .tag,.inter-links-center.horizontal .links-text li h2 a .tag{
    display:block;
    font-weight:400
}
.inter-links-center .links-text li h2 .num,.inter-links-center.horizontal .links-text li h2 .num{
    font-size:14px;
    font-weight:600;
    opacity:.7;
    margin-right:15px
}
.inter-links-center .links-text li{
    padding:40px 0;
    position:relative;
    z-index:9
}
.inter-links-center .links-text li .text{
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    -webkit-text-stroke:1px transparent
}
.inter-links-center .links-text li.no-active .text{
    color:transparent;
    -webkit-text-stroke:1px #fff
}
.inter-links-center .links-text li h2{
    font-weight:800
}
.inter-links-center .links-img{
    position:fixed;
    top:50%;
    left:50%;
    width:80vw;
    height:70vh;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    pointer-events:none;
    overflow:hidden
}
.inter-links-center .links-img .img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    -webkit-transition:.7s;
    -o-transition:.7s;
    transition:.7s
}
.inter-links-center .links-img .img img,.testimonials-crev .imgs-patrn .img-patrn img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.price-hr .item .butn{
    padding:7px 25px
}
.price-hr .item.text-dark .butn,.price-hr .item.text-dark .butn:hover{
    border-color:#fff
}
.pricing .item{
    border:1px solid rgba(0,0,0,0.05);
    border-radius:5px
}
.pricing .item li{
    margin-bottom:10px;
    padding-left:20px;
    position:relative
}
.pricing .item li:after{
    content:"";
    width:5px;
    height:5px;
    background:#1d1d1d;
    border-radius:50%;
    position:absolute;
    left:0;
    top:calc(50% - 5px)
}
.process-corp:after,.testim-corp:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:80%;
    background-color:#eff2f5;
    background-image:url(../imgs/patterns/bg-pattern.png);
    background-size:auto;
    background-repeat:repeat;
    z-index:-1
}
.process-corp .img,.testim-corp .main-img{
    margin-top:80px;
    position:relative;
    z-index:5
}
.process-corp .cont,.testim-corp .box{
    position:relative;
    height:100%;
    z-index:3
}
.process-corp .cont:after,.testim-corp .box:after{
    content:"";
    position:absolute;
    top:0;
    right:-25%;
    width:200%;
    height:200%;
    background:#f1f3f5;
    z-index:-1
}
.process-crev .row{
    margin-left:-50px
}
.process-crev .item{
    padding:30px 30px 30px 50px;
    border-right:1px solid #ccc
}
.process-crev .item:last-of-type,.services .item-bord:last-of-type{
    border:0
}
.services-crv .crle-item:after{
    content:"";
    position:absolute;
    top:-120px;
    bottom:-120px;
    right:30%;
    border-right:1px solid rgba(255,255,255,0.4)
}
.services-crv .crle-item .text{
    width:400px;
    height:400px;
    text-align:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.4);
    padding:40px;
    position:relative;
    z-index:2
}
.services .arrow .circle{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    border:1px solid rgba(0,0,0,0.1);
    background:rgba(0,0,0,0.05)
}
.services .item-bord{
    border-right:1px solid rgba(0,0,0,0.1);
    padding:100px 50px
}
.serv-box .serv-item .arrow svg,.services .item-bord .arrow svg{
    height:25px;
    fill:#1d1d1d
}
.product-details .overview .tab-content .add-review,.serv-box .serv-item,.services .item-bord2{
    padding:60px 40px;
    border:1px solid rgba(0,0,0,0.1)
}
.services .serv-items-crev .item{
    padding:60px 45px;
    border-right:1px solid rgba(0,0,0,0.1);
    height:100%;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.services .serv-items-crev .item:hover{
    background:rgba(0,0,0,0.02)
}
.services .metro{
    display:-ms-grid;
    display:grid;
    -ms-flex-line-pack:center;
    align-content:center;
    overflow:hidden
}
.services .metro .items{
    list-style-type:none;
    gap:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.services .metro .items .item{
    min-width:400px;
    background:#fff;
    cursor:-webkit-grab;
    cursor:grab;
    display:-ms-grid;
    display:grid;
    place-content:center;
    padding:80px 60px
}
.serv-box .lg-pad{
    padding:60px
}
.serv-box .crv-more a{
    width:100%;
    padding:15px 0 15px 30px;
    border:1px solid rgba(0,0,0,0.05);
    border-radius:30px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    position:relative
}
.serv-box .crv-more a svg{
    position:absolute;
    top:-1px;
    right:0;
    width:50px;
    height:50px;
    padding:15px;
    border:1px solid rgba(0,0,0,0.05);
    border-radius:50%
}
.serv-box .crv-more a:hover{
    background:#fff;
    color:#181314
}
.maz-serv .item-serv{
    padding:30px 50px
}
.maz-serv .main-marq{
    position:absolute;
    bottom:20%;
    left:0
}
.half-sub-right:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:calc(50% - 50px);
    height:100%;
    background:#fff;
    z-index:-1
}
.services-tab .serv-tab-cont .item .img{
    width:70%;
    height:540px
}
.services-tab .serv-tab-cont .item .cont{
    position:absolute;
    bottom:-80px;
    left:20%;
    right:0;
    padding:80px 40px
}
.services-tab .serv-tab-link .item-link{
    font-size:40px;
    font-weight:500;
    cursor:pointer
}
.services-tab .serv-tab-link .item-link span{
    font-size:20px;
    margin-right:30px
}
.services-tab .half-img-left{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:left top;
    background-size:50%;
    pointer-events:none
}
.services-tab.revers .serv-tab-cont .item .img{
    width:70%;
    margin-left:30%;
    height:540px
}
.services-tab.revers .serv-tab-cont .item .cont{
    position:absolute;
    bottom:-2px;
    right:30%;
    left:auto;
    padding:60px 40px
}
.services-tab.revers .serv-tab-cont .item .cont .bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:bottom;
    pointer-events:none
}
.serv-img-reveal .block__title:hover{
    border-color:#eee
}
.serv-img-reveal .block[data-fx="1"] a::after,.serv-img-reveal a.content__text-link[data-fx="1"]::after{
    content:"";
    z-index:-1;
    width:100%;
    bottom:.25rem;
    left:0;
    position:absolute;
    height:2px;
    background:currentColor;
    -webkit-transform:scale3d(0,1,1);
    transform:scale3d(0,1,1);
    -webkit-transform-origin:0 50%;
    -ms-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition:-webkit-transform .2s cubic-bezier(0.39,0.575,0.565,1);
    transition:transform .2s cubic-bezier(0.39,0.575,0.565,1);
    -o-transition:transform .2s cubic-bezier(0.39,0.575,0.565,1);
    transition:transform .2s cubic-bezier(0.39,0.575,0.565,1),-webkit-transform .2s cubic-bezier(0.39,0.575,0.565,1)
}
.serv-img-reveal a.content__text-link[data-fx="1"]::after{
    bottom:0
}
.serv-img-reveal .hover-reveal{
    position:fixed;
    width:240px;
    height:180px;
    top:0;
    left:0;
    pointer-events:none;
    opacity:0;
    -webkit-transform:rotate(-15deg) translateY(-90px) translateX(50px);
    -ms-transform:rotate(-15deg) translateY(-90px) translateX(50px);
    transform:rotate(-15deg) translateY(-90px) translateX(50px)
}
.serv-img-reveal .hover-reveal__img,.serv-img-reveal .hover-reveal__inner{
    width:100%;
    height:100%;
    position:relative
}
.serv-img-reveal .hover-reveal__deco{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:#181314
}
.serv-img-reveal .hover-reveal__img{
    background-size:cover;
    background-position:50% 50%
}
.svg-animation.star line,.svg-animation.star path{
    -webkit-animation:cubic-bezier(0.645,0.045,0.355,1) starPathRotate;
    animation:cubic-bezier(0.645,0.045,0.355,1) starPathRotate;
    animation-direction:alternate-reverse;
    -webkit-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center
}
@-webkit-keyframes starPathRotate{
    0%,5%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    40%,60%{
        -webkit-transform:rotate(var(--transform));
        transform:rotate(var(--transform))
    }
    100%,95%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes starPathRotate{
    0%,5%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    40%,60%{
        -webkit-transform:rotate(var(--transform));
        transform:rotate(var(--transform))
    }
    100%,95%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
header .full-height,header.full-height{
    min-height:100vh;
    padding:100px 0 80px
}
header.in-box{
    min-height:calc(100vh - 80px);
    padding:0
}
.header-main{
    position:relative;
    background-position:center bottom
}
.header-main .caption .rotate-circle svg{
    width:160px
}
.arch-slider .parallax-slider .explore svg,.header-main .circle-button .rotate-circle svg{
    fill:#fff
}
.header-main .bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:70px;
    background-repeat:repeat;
    pointer-events:none
}
.header-main-crev{
    position:relative;
    overflow:hidden;
    padding-top:160px
}
.header-main-crev .caption{
    border-right:2px solid rgba(255,255,255,0.1)
}
.header-main-crev .img{
    height:400px;
    margin-top:60px
}
.header-creative .img .img-assets1{
    position:absolute;
    top:-180px;
    left:0;
    width:200px
}
.header-creative .svg-animation{
    height:50px;
    width:50px
}
.header-creative .bg-pattern{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center center;
    pointer-events:none
}
.header-startup .caption .img-in-text{
    height:55px;
    background-position:center center
}
.header-startup .caption .icon-img-60{
    -webkit-filter:invert(1);
    filter:invert(1)
}
.header-startup .arrow-down{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:50%;
    position:absolute;
    bottom:-50px;
    left:calc(50% - 50px);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.header-startup .arrow-down:after{
    content:"";
    position:absolute;
    top:-10px;
    left:-10px;
    right:-10px;
    bottom:-10px;
    border-radius:50%;
    border-left:1px dashed #1d1d1d;
    opacity:.4
}
.header-startup .bg-pattern-half{
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    background-position:center center;
    pointer-events:none;
    z-index:-1
}
.header-startup .bg-pattern-half:last-of-type{
    left:auto;
    right:0
}
.header-digital{
    padding:100px 0 80px;
    position:relative
}
.header-digital .half-img-right{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:right bottom;
    background-size:50%;
    pointer-events:none
}
.header-digital .bg-pattern{
    background-position:center bottom
}
.slider .parallax-slider .swiper-slide{
    position:relative;
    overflow:hidden;
    width:100%;
    min-height:100vh;
    padding:80px 0
}
.slider .parallax-slider .swiper-slide .bg-img{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-size:cover
}
.slider .parallax-slider .caption p{
    color:#eee;
    margin-top:15px;
    opacity:0;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:.4s 1s;
    -o-transition:.4s 1s;
    transition:.4s 1s
}
.slider .sm-stauts{
    position:absolute;
    bottom:0;
    right:0;
    background:#f1f3f5;
    z-index:9
}
.slider .sm-stauts .item{
    padding:20px 40px
}
.slider .sm-stauts .item .text{
    margin-left:20px
}
.header-freelancer{
    padding:120px 0 0!important;
    overflow:hidden
}
.header-freelancer .bg-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:60%;
    background-repeat:no-repeat;
    background-position:right bottom
}
.header-freelancer .img:after{
    content:"*";
    font-size:50vw;
    line-height:0;
    color:transparent;
    -webkit-text-stroke:1px #5cd8d6;
    position:absolute;
    top:70%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.arch-slider .parallax-slider .caption h5{
    font-size:50px;
    overflow:hidden
}
.arch-slider .parallax-slider .caption h5 span{
    -webkit-transform:translateX(-15px);
    -ms-transform:translateX(-15px);
    transform:translateX(-15px);
    color:#1d1d1d
}
.arch-slider .parallax-slider .caption h1{
    font-size:75px;
    letter-spacing:2px
}
.arch-slider .parallax-slider .caption p{
    padding-left:80px;
    margin-left:10px;
    position:relative
}
.arch-slider .parallax-slider .caption p:after{
    content:"";
    position:absolute;
    left:0;
    top:15px;
    background:#fff;
    width:40px;
    height:2px
}
.arch-slider .parallax-slider .explore:after,.arch-slider .parallax-slider .explore:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:160px;
    height:160px;
    border:1px solid #fff;
    border-radius:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    pointer-events:none
}
.arch-slider .parallax-slider .explore:before{
    width:105px;
    height:105px;
    background:rgba(255,255,255,0.15)
}
.arch-slider .setting{
    position:absolute;
    bottom:0;
    right:0;
    z-index:4
}
.arch-slider .setting .swiper-button-next,.arch-slider .setting .swiper-button-prev{
    font-size:12px;
    color:#1d1d1d;
    background:#f1f3f5;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    display:block;
    position:static;
    margin:auto
}
.arch-slider .setting .swiper-pagination-bullets .swiper-pagination-bullet{
    width:5px;
    height:5px;
    background:rgba(0,0,0,0.4);
    border-radius:50%;
    margin:0 7px;
    position:relative;
    opacity:1
}
.arch-slider .setting .swiper-pagination-bullets .swiper-pagination-bullet-active{
    background:#1d1d1d;
    -webkit-transform:scale(1.5);
    -ms-transform:scale(1.5);
    transform:scale(1.5)
}
.crev-header{
    min-height:100vh;
    position:relative;
    padding:120px 0 0
}
.crev-header .caption h1{
    font-size:85px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px
}
.crev-header .main-img{
    height:400px;
    width:60%;
    margin-left:40%;
    margin-top:-160px
}
.crev-header .bg-pattern{
    height:auto;
    bottom:100px
}
.team .item-join{
    border:1px solid rgba(0,0,0,0.1);
    padding:40px;
    height:calc(100% - 80px)
}
.team-box .item{
    position:relative;
    padding:15px;
    border:1px solid rgba(0,0,0,0.1)
}
.team-box .item .info{
    position:absolute;
    left:30px;
    bottom:30px;
    background:#f1f3f5;
    border-radius:50px;
    padding:10px 40px 10px 10px
}
.team-box .item .info h6{
    line-height:1;
    margin-top:5px
}
.team-box .item:hover .img{
    top:0;
    left:0;
    -webkit-transform:scale(1) translateY(0);
    -ms-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    border-radius:0
}
.main-shop .shop-products .item .img:hover .add-cart,.main-shop .shop-products .item .img:hover .fav,.team-crev .swiper-slide .item:hover .info{
    opacity:1;
    visibility:visible
}
.team-crev .swiper-slide .item:hover img{
    -webkit-filter:grayscale(0)!important;
    filter:grayscale(0)!important
}
.team-crev .swiper-slide .item .info{
    position:absolute;
    bottom:0;
    height:100%;
    left:1px;
    right:1px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.team-crev .swiper-slide .item .main-marq{
    position:absolute;
    bottom:0;
    padding:15px 0
}
.team-crev .swiper-slide .item .main-marq .item{
    padding:0 15px!important
}
.team-crev .swiper-slide .item .main-marq .item h4{
    font-size:20px;
    font-weight:600;
    margin:0!important
}
.team-crev .swiper-slide .item .main-marq.team-position{
    background:#f1f3f5;
    bottom:40px;
    left:50%;
    -webkit-transform:translateX(-50%) rotateZ(-5deg);
    -ms-transform:translateX(-50%) rotate(-5deg);
    transform:translateX(-50%) rotateZ(-5deg)
}
.team-crev .swiper-slide .item .main-marq.team-name{
    background:#5cd8d6;
    left:0
}
.team-crev .swiper-slide .img{
    position:relative;
    border-radius:10px 10px 0 0;
    border:2px solid #5cd8d6;
    border-bottom:0;
    overflow:hidden
}
.team-crev .swiper-slide:nth-of-type(2n) .info{
    left:0;
    right:0
}
.team-crev .swiper-slide:nth-of-type(2n) .img{
    -webkit-transform:translateY(60px);
    -ms-transform:translateY(60px);
    transform:translateY(60px);
    border-color:transparent
}
.team-crev .swiper-slide:nth-of-type(2n) .img img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.testimonials-crev .testim .item .author-img .img{
    width:120px;
    height:120px;
    position:relative;
    padding:10px
}
.testimonials-crev .testim .item .author-img .img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#1d1d1d;
    opacity:.05
}
.testimonials-crev .testim .item .author-img .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:2
}
.testimonials-crev .testim .item .author-review .for{
    padding:8px 20px;
    background:#fff;
    -webkit-box-shadow:0 10px 30px rgba(255,255,255,0.05);
    box-shadow:0 10px 30px rgba(255,255,255,0.05);
    border-radius:30px;
    margin-right:10px;
    font-size:12px;
    font-weight:500
}
.testimonials-crev .testim .item .author-review .rate-stars{
    font-size:12px;
    color:#ffb818
}
.testimonials-crev .imgs-patrn{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    pointer-events:none;
    overflow:hidden
}
.testimonials:after,.testimonials:before{
    position:absolute;
    top:0;
    height:80%;
    width:100%;
    content:""
}
.testimonials-crev .imgs-patrn .img-patrn{
    position:absolute;
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden
}
.testimonials-crev .imgs-patrn .img1{
    top:-20px;
    left:22%;
    width:70px;
    height:70px
}
.testimonials-crev .imgs-patrn .img2{
    top:5%;
    right:15%;
    width:80px;
    height:80px
}
.testimonials-crev .imgs-patrn .img3{
    top:40%;
    left:-10px;
    width:80px;
    height:80px
}
.testimonials-crev .imgs-patrn .img4{
    top:50%;
    right:-50px
}
.testimonials-crev .imgs-patrn .img5{
    top:55%;
    left:30%;
    width:50px;
    height:50px
}
.testimonials-crev .imgs-patrn .img6{
    top:65%;
    right:20%;
    width:50px;
    height:50px
}
.testimonials{
    position:relative;
    color:#f1f3f5;
    overflow:hidden
}
.testimonials:after{
    left:0;
    background:#5cd8d6
}
.testimonials:before{
    left:0;
    background-image:url(../imgs/svg-assets/left-quote.png);
    background-size:50%;
    background-position:right bottom;
    background-repeat:no-repeat;
    -webkit-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg);
    opacity:.2;
    z-index:4
}
.testimonials .testim-items .swiper-container{
    padding-top:200px;
    margin-top:-200px
}
.testimonials .testim-items .item .img{
    position:relative;
    margin-top:-200px;
    padding-right:50px
}
.testimonials .testim-items .item .cont{
    color:#fff;
    padding:60px;
    background:#fff
}
.testim-creative .arrows-carsouel:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-20vh;
    top:-80vh;
    border-left:1px solid rgba(255,255,255,0.1)
}
.testim-creative .arrows-carsouel .swiper-button-next,.testim-creative .arrows-carsouel .swiper-button-prev{
    padding:40px 80px
}
.testim-creative .arrows-carsouel .swiper-button-next:before{
    content:"";
    position:absolute;
    right:0;
    bottom:-80px;
    height:180px;
    width:100%;
    border-left:1px solid rgba(255,255,255,0.1)
}
.testim-creative .arrows-carsouel .left,.testim-creative .arrows-carsouel .right{
    width:40px;
    margin-left:-15px;
    position:relative;
    z-index:3
}
.swiper-controls.arrow-out .left,.testim-clasic .swiper-controls .left,.testim-creative .arrows-carsouel .left{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.testim-creative .testim-items{
    padding-top:80px;
    padding-left:80px;
    position:relative
}
.testim-creative .testim-items:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:-120px;
    border-left:1px solid rgba(255,255,255,0.1)
}
.testim-clasic .item .author-info{
    position:relative;
    border-right:1px solid rgba(0,0,0,0.1);
    height:100%;
    text-align:center
}
.testim-clasic .item .author-info .arrow{
    position:absolute;
    top:20%;
    right:-1px;
    width:80px;
    height:50px
}
.testim-clasic .item .author-info .arrow:before{
    content:"";
    width:94px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    position:absolute;
    bottom:50%;
    right:-7px;
    -webkit-transform:rotate(-32deg);
    -ms-transform:rotate(-32deg);
    transform:rotate(-32deg)
}
.testim-clasic .item .author-info .arrow:after{
    content:"";
    width:100%;
    border-bottom:1px solid rgba(0,0,0,0.1);
    position:absolute;
    bottom:0;
    right:0
}
.testim-clasic .item .cont{
    padding:40px 0 40px 40px
}
.testim-clasic .swiper-controls{
    position:relative;
    padding-left:25px
}
.testim-clasic .swiper-controls .swiper-pagination{
    position:relative;
    display:inline-block;
    margin:0 30px
}
.testim-clasic .swiper-controls .left,.testim-clasic .swiper-controls .right{
    width:25px;
    position:relative;
    z-index:3
}
.testim-vrt .main-marqv .item{
    padding:30px;
    background:#f4f4f4
}
.testim-crv .testim-swiper2 .item{
    padding:40px 30px;
    border-radius:20px;
    border:1px solid rgba(0,0,0,0.1)
}
.testim-crv .testim-swiper .item{
    padding:40px 30px;
    border-radius:20px
}
.testim-crv2 .line-icon:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    border-top:1px solid rgba(0,0,0,0.1)
}
.testim-crv2 .line-icon .img{
    width:60px;
    height:60px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:50%;
    padding:15px;
    margin-right:50px;
    position:relative;
    z-index:2
}
.testim-crv2 .bord-qoute,.testim-crv2 .img-qoute{
    width:300px;
    height:300px;
    border-radius:50%;
    overflow:hidden
}
.testim-crv2 .bord-qoute{
    border:1px solid rgba(0,0,0,0.5)
}
.testim-crv2 .bord-qoute .qoute-icon{
    width:140px;
    height:140px;
    border-radius:50%;
    padding:40px;
    position:relative;
    z-index:4
}
.testim-crv2 .img-qoute{
    position:absolute;
    top:0;
    left:25%
}
.testim-crv2 .half-img-left,.testim-crv2 .half-img-right{
    position:absolute;
    top:80px;
    left:0;
    width:100%;
    height:100%;
    background-position:right top;
    background-size:50%;
    pointer-events:none
}
.testim-crv2 .half-img-left{
    background-position:left top
}
.swiper-controls .swiper-button-next,.swiper-controls .swiper-button-prev{
    position:static;
    display:inline-block
}
.swiper-controls.arrow-out .swiper-button-next:hover .left,.swiper-controls.arrow-out .swiper-button-next:hover .right,.swiper-controls.arrow-out .swiper-button-prev:hover .left,.swiper-controls.arrow-out .swiper-button-prev:hover .right{
    background:rgba(0,0,0,0.05)
}
.swiper-controls.arrow-out .left,.swiper-controls.arrow-out .right{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:1px solid rgba(0,0,0,0.2);
    border-radius:50%;
    color:#1d1d1d
}
.swiper-pagination-bullet{
    background:rgba(0,0,0,0.5);
    margin:0 7px
}
.video-sec{
    position:relative;
    overflow:hidden;
    height:600px
}
.video-sec video{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:auto;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.video-sec .play-button a{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    border:1px solid #fff;
    border-radius:50%
}
.main-shop .sidebar .title{
    margin-bottom:30px;
    padding-bottom:10px;
    position:relative
}
.main-shop .sidebar .title:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:5px;
    border-top:1px solid rgba(0,0,0,0.04);
    border-bottom:1px solid rgba(0,0,0,0.04)
}
.main-shop .sidebar .search .form-group input{
    width:100%;
    padding-bottom:15px;
    background:0 0;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.1)
}
.main-shop .sidebar .search .form-group button{
    width:0;
    height:0;
    background:0 0;
    border:0;
    position:absolute;
    top:0;
    right:20px;
    padding:0;
    font-size:20px;
    line-height:1
}
.main-shop .sidebar .categories li{
    display:block;
    margin-bottom:10px
}
.main-shop .sidebar .categories li:hover,.product-details .overview .tab-content .add-review .star-rating input[type="radio"]:checked ~ label,.product-details .overview .tab-content .add-review .star-rating label:hover,.product-details .overview .tab-content .add-review .star-rating label:hover ~ label{
    color:#ffaa17
}
.main-shop .sidebar .price-range .price-input .field{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:60px
}
.main-shop .sidebar .price-range .field input{
    border:0;
    background:0 0;
    pointer-events:none
}
.main-shop .sidebar .price-range input[type="number"]::-webkit-inner-spin-button,.main-shop .sidebar .price-range input[type="number"]::-webkit-outer-spin-button{
    -webkit-appearance:none
}
.main-shop .sidebar .price-range .slider-range{
    height:2px;
    position:relative;
    background:rgba(0,0,0,0.1)
}
.main-shop .sidebar .price-range .slider-range .progress{
    height:8px;
    top:-3px;
    left:0;
    right:25%;
    position:absolute;
    border-radius:0;
    background:#ffaa17
}
.main-shop .sidebar .price-range .range-input input{
    position:absolute;
    width:100%;
    height:5px;
    top:-5px;
    background:0 0;
    pointer-events:none;
    -webkit-appearance:none;
    -moz-appearance:none
}
.main-shop .sidebar .price-range input[type="range"]::-webkit-slider-thumb{
    height:17px;
    width:5px;
    border:none;
    background:#ffaa17;
    pointer-events:auto;
    -webkit-appearance:none
}
.main-shop .sidebar .price-range input[type="range"]::-moz-range-thumb{
    height:17px;
    width:5px;
    border:none;
    background:#ffaa17;
    pointer-events:auto;
    -moz-appearance:none
}
.main-shop .sidebar .best-sale .line-list{
    margin-bottom:30px;
    position:relative
}
.main-shop .sidebar .best-sale .line-list .cont{
    padding-left:15px
}
.main-shop .shop-products .item .cont .rate,.main-shop .sidebar .best-sale .line-list .cont .rate{
    font-size:12px;
    color:#aaa;
    margin-bottom:10px
}
.main-shop .shop-products .item .cont h5,.main-shop .shop-products .item .cont h6,.main-shop .sidebar .best-sale .line-list .cont h5,.main-shop .sidebar .best-sale .line-list .cont h6{
    line-height:1.2
}
.main-shop .sidebar .best-sale .line-list .cont h5{
    font-size:17px;
    color:#ffaa17
}
.main-shop .sidebar .tags .tags-links a{
    font-size:13px;
    padding:5px 12px;
    background:rgba(0,0,0,0.04);
    border:1px solid rgba(0,0,0,0.04);
    margin:3px 3px 3px 0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.main-shop .sidebar .tags .tags-links a:hover{
    background:0 0;
    color:#ffaa17
}
.main-shop .shop-products .top-side .select-hidden{
    display:none;
    visibility:hidden;
    padding-right:10px
}
.main-shop .shop-products .top-side .select{
    cursor:pointer;
    display:inline-block;
    position:relative;
    font-size:14px;
    min-width:260px;
    height:40px
}
.main-shop .shop-products .top-side .select-styled{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:transparent;
    border-bottom:1px solid rgba(0,0,0,0.4);
    padding:8px 0;
    -moz-transition:.2s ease-in;
    -o-transition:.2s ease-in;
    -webkit-transition:.2s ease-in;
    transition:.2s ease-in
}
.main-shop .shop-products .top-side .select-styled:after{
    content:"";
    width:0;
    height:0;
    border:7px solid transparent;
    border-color:#1d1d1d transparent transparent;
    position:absolute;
    top:16px;
    right:0
}
.main-shop .shop-products .top-side .select-styled.active:after,.main-shop .shop-products .top-side .select-styled:active:after{
    top:9px;
    border-color:transparent transparent #1d1d1d
}
.main-shop .shop-products .top-side .select-options{
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0;
    padding:0;
    list-style:none;
    background-color:#f1f3f5;
    border:1px solid rgba(0,0,0,0.4)
}
.main-shop .shop-products .top-side .select-options li{
    margin:0;
    padding:12px 0;
    text-indent:15px;
    border-top:1px solid rgba(0,0,0,0.1);
    -moz-transition:.15s ease-in;
    -o-transition:.15s ease-in;
    -webkit-transition:.15s ease-in;
    transition:.15s ease-in
}
.main-shop .shop-products .top-side .select-options li.is-selected,.main-shop .shop-products .top-side .select-options li:hover{
    color:#1d1d1d;
    background:#fff
}
.main-shop .shop-products .item .img:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1d1d1d;
    opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.main-shop .shop-products .item .img .add-cart{
    position:absolute;
    bottom:40px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    padding:14px 35px;
    background:#fff;
    border-radius:40px;
    font-size:13px;
    text-transform:uppercase;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:3
}
.main-shop .shop-products .item .img .fav{
    color:#fff;
    position:absolute;
    top:15px;
    right:15px;
    font-size:20px;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    z-index:3
}
.main-shop .shop-products .item .cont h5{
    font-size:20px;
    color:#ffaa17
}
.main-shop .shop-products .pagination li a{
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    border:1px solid rgba(0,0,0,0.1);
    margin:0 5px;
    text-align:center
}
.main-shop .shop-products .pagination li.active a{
    background:rgba(0,0,0,0.04)
}
.product-details .prod-order .counter{
    padding:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid rgba(0,0,0,0.1)
}
.product-details .prod-order .counter input,.shop-cart .counter input{
    width:50px;
    border:0;
    font-size:15px;
    line-height:30px;
    text-align:center;
    background:rgba(0,0,0,0.04);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:0
}
.product-details .prod-order .counter span,.shop-cart .counter span{
    display:block;
    font-size:25px;
    padding:0 10px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.product-details .overview .tab-links{
    border-bottom:1px solid rgba(0,0,0,0.4)
}
.product-details .overview .tab-links li{
    display:inline-block;
    margin-right:30px;
    padding-bottom:10px;
    position:relative
}
.product-details .overview .tab-links li:last-of-type{
    margin-right:0
}
.product-details .overview .tab-links li:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:50px;
    height:2px;
    background:#1d1d1d;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0
}
.product-details .overview .tab-content .item.info li .line{
    width:100%;
    border-bottom:1px dashed rgba(0,0,0,0.1);
    margin-right:30px;
    margin-left:30px
}
.product-details .overview .tab-content .add-review .star-rating{
    direction:rtl;
    display:inline-block
}
.product-details .overview .tab-content .add-review .star-rating label{
    color:#bbb;
    padding:0;
    cursor:pointer;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.product-details .overview .tab-content .add-review .form input,.product-details .overview .tab-content .add-review .form textarea{
    width:100%;
    padding:0 0 10px;
    background:0 0;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.4)
}
.product-details .overview .tab-content .add-review .form input:focus,.product-details .overview .tab-content .add-review .form textarea:focus{
    border-color:#1d1d1d
}
.product-details .overview .tab-content .add-review .form .checkbox label{
    font-size:14px;
    font-weight:300;
    opacity:.7
}
.shop-cart th{
    border-bottom:1px solid rgba(0,0,0,0.4);
    padding-bottom:15px;
    font-weight:500;
    letter-spacing:1px;
    text-transform:uppercase
}
.shop-cart td{
    padding:15px 0;
    border-bottom:1px solid rgba(0,0,0,0.1)
}
.shop-cart td.remove{
    text-align:right;
    font-size:30px;
    opacity:.8
}
.shop-cart .counter{
    padding:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid rgba(0,0,0,0.1);
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px){
    .shop-cart table{
        width:100%
    }
    .shop-cart table,.shop-cart tbody,.shop-cart td,.shop-cart th,.shop-cart thead,.shop-cart tr{
        display:block
    }
    .shop-cart thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .shop-cart tr{
        margin-bottom:30px;
        border:1px solid #777
    }
    .shop-cart td{
        border:none;
        border-bottom:1px solid #999;
        position:relative;
        padding-left:50%
    }
    .shop-cart td:before{
        position:absolute;
        left:6px;
        width:45%;
        padding-right:10px;
        white-space:nowrap;
        content:attr(data-column)
    }
    .shop-cart td.remove{
        text-align:left
    }
    .shop-cart .d-flex{
        display:block!important
    }
    .shop-cart .ml-30{
        margin-left:0!important;
        margin-top:10px
    }
}
.shop-cart .coupon input{
    padding:14px;
    background:0 0;
    border:1px solid rgba(0,0,0,0.1)
}
.shop-checkout .order-form .row{
    margin-left:-10px;
    margin-right:-10px
}
.shop-checkout .order-form .form-group{
    margin-bottom:20px
}
.shop-checkout .order-form .form-group label{
    margin-bottom:10px;
    color:rgba(0,0,0,0.7);
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px
}
.shop-checkout .order-form .form-group input{
    width:100%;
    padding:15px;
    background:0 0;
    border:1px solid rgba(0,0,0,0.1)
}
.shop-checkout .checkout-order-info .butn{
    width:100%;
    text-align:center;
    border-radius:10px
}
@media screen and (max-width: 1300px){
    body.home-arch main:after{
        display:none
    }
}
@media screen and (max-width: 991px){
    .custom-mobile-nav-link{
        border-bottom:1px solid rgba(0,0,0,0.1)!important;
        padding:15px 30px 10px!important
    }
}
@media screen and (max-width: 992px){
    .hamenu .cont-info,.hamenu .menu-text,.md-hide,.navbar .dropdown-menu,.navbar .navbar-nav .mega-menu .row:after,.navbar .search-form,.portfolio-fixed .left,.testim-creative .arrows-carsouel:before,.testim-creative .testim-items:before,.testim-crv2 .img-qoute{
        display:none
    }
    .md-mb10{
        margin-bottom:10px
    }
    .md-mb20{
        margin-bottom:20px
    }
    .md-mb30{
        margin-bottom:30px
    }
    .md-mb40{
        margin-bottom:40px
    }
    .md-mb50{
        margin-bottom:50px!important
    }
    .md-mb80{
        margin-bottom:80px
    }
    .md-no-mrg{
        margin:0!important
    }
    .md-pb10{
        padding-bottom:10px
    }
    .md-pb20{
        padding-bottom:20px
    }
    .md-pb30{
        padding-bottom:30px
    }
    .md-pb40{
        padding-bottom:40px
    }
    .md-pb50{
        padding-bottom:50px
    }
    .md-pb60{
        padding-bottom:60px
    }
    .md-pb70{
        padding-bottom:70px
    }
    .md-pb80{
        padding-bottom:80px
    }
    .md-pt80{
        padding-top:80px!important
    }
    .md-no-pad{
        padding:0!important
    }
    .md-center{
        text-align:center!important
    }
    .order2{
        -webkit-box-ordinal-group:3!important;
        -ms-flex-order:2!important;
        order:2!important
    }
    .order1{
        -webkit-box-ordinal-group:2!important;
        -ms-flex-order:1!important;
        order:1!important
    }
    .justify-end{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-end .vew-all{
        margin-left:25px;
        margin-top:25px
    }
    .justify-end .swiper-controls{
        margin-top:30px
    }
    .arch-slider .parallax-slider .explore,.justify-end .ml-auto{
        margin-left:0;
        margin-top:30px
    }
    .my-paroller{
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important;
        will-change:auto!important
    }
    .my-paroller img{
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important
    }
    .to-out .swiper-container{
        overflow:hidden;
        -webkit-clip-path:none;
        clip-path:none
    }
    .row.md-marg{
        margin-left:-15px;
        margin-right:-15px
    }
    .row.md-marg > *{
        padding-left:15px;
        padding-right:15px
    }
    h1.fz-80{
        font-size:60px!important
    }
    h2{
        font-size:35px
    }
    h2.fz-70{
        font-size:55px!important
    }
    .loader-wrap svg{
        width:200vw;
        left:-50vw
    }
    .navbar,.navbar.nav-scroll{
        padding-top:15px;
        padding-bottom:15px
    }
    .navbar .navbar-collapse{
        max-height:440px;
        overflow:auto;
        border-top:1px solid rgba(255,255,255,0.1);
        margin-top:15px
    }
    .navbar .navbar-collapse::-webkit-scrollbar{
        display:none
    }
    .navbar .container{
        padding:0;
        width:100%;
        max-width:100%
    }
    .navbar .logo{
        max-width:200px!important;
        margin-left:30px
    }
    .navbar .navbar-toggler{
        font-size:20px;
        border-radius:0;
        padding:0;
        margin-right:30px
    }
    .navbar .navbar-toggler:focus{
        -webkit-box-shadow:none;
        box-shadow:none;
        border:0;
        outline:0
    }
    .navbar .dropdown-menu .dropdown-item .dropdown-side.show,.navbar .dropdown-menu.show{
        display:block
    }
    .navbar .dropdown-menu .dropdown-item .dropdown-side{
        display:none;
        position:static;
        width:100%;
        margin-top:15px
    }
    .navbar .navbar-nav .nav-link{
        padding:15px 30px 10px;
        margin:0;
        border-bottom:1px solid rgba(0,0,0,0.1)
    }
    .navbar .navbar-nav .nav-item:last-of-type .nav-link{
        padding-bottom:0;
        border-bottom:0
    }
    .navbar .navbar-nav .mega-menu{
        width:auto;
        position:static;
        padding:0
    }
    .navbar .navbar-nav .mega-menu .title{
        border-bottom:1px solid rgba(0,0,0,0.1);
        padding-left:30px;
        padding-bottom:10px;
        margin-bottom:15px
    }
    .navbar .navbar-nav .mega-menu .clumn{
        padding-left:0;
        margin-bottom:30px
    }
    .navbar .navbar-nav .mega-menu .links{
        padding-left:30px
    }
    .hamenu .menu-links{
        height:80vh;
        min-height:500px
    }
    .crev-header,.page-header{
        min-height:auto
    }
    .crev-header .caption h1{
        font-size:60px
    }
    .crev-header .main-img{
        width:100%;
        margin-left:0;
        margin-top:50px
    }
    .header-freelancer:before{
        opacity:.8
    }
    .header-freelancer .bg-img{
        background-size:cover;
        background-position:center
    }
    .header-main-crev .caption{
        border:0
    }
    .slider .parallax-slider .swiper-slide .bg-img{
        background-position:center center!important
    }
    .slides-nav__index{
        bottom:15px!important;
        z-index:99!important
    }
    .work-header .caption h1{
        font-size:90px
    }
    .page-header{
        padding-bottom:120px!important
    }
    .page-header.blog-header{
        padding-bottom:0!important
    }
    .intro-corp .imgs .img1{
        width:70%
    }
    .intro-corp .imgs .img2{
        width:45%
    }
    .intro-img-parlx .img img{
        width:100%;
        margin-left:0
    }
    .sideimg-numbers .bg-left{
        position:static;
        width:100%;
        height:400px;
        margin-top:50px
    }
    .services .metro .items{
        display:block!important;
        gap:0
    }
    .services .metro .items .item{
        display:inline-block;
        min-width:auto;
        width:calc(50% - 30px);
        margin:0 10px 25px;
        padding:60px 40px
    }
    .services .metro .items .item:last-of-type{
        margin-bottom:0
    }
    .services .item-bord:first-of-type,.services .item-bord:nth-of-type(2){
        border-bottom:1px solid rgba(255,255,255,0.1)
    }
    .works.thecontainer{
        width:100%;
        min-height:auto;
        display:block;
        padding:70px 0 120px
    }
    .works .panel{
        display:block;
        padding:0 15px!important
    }
    .works .panel .item{
        width:100%;
        margin-top:50px
    }
    .portfolio .work-row .item .cont,.testim-vrt .item .cont{
        padding:0
    }
    .portfolio-fixed .right{
        padding:0 15px 120px
    }
    .portfolio-fixed .cont{
        opacity:1!important;
        margin-bottom:80px;
        padding:0 15px
    }
    .portfolio-fixed .cont .img-hiden{
        display:block;
        margin-bottom:30px
    }
    .intro-imgs .to-up{
        margin-top:0
    }
    .block-img .shap1{
        left:30px;
        bottom:0;
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
        width:120px
    }
    .numbers .justify-content-around{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:start!important
    }
    .numbers .ml-auto{
        margin-left:0
    }
    .d-slideup .sideup-text{
        display:inline-block
    }
    .testim-crv2 .bord-qoute{
        width:130px;
        height:130px;
        margin-bottom:30px
    }
    .testim-crv2 .bord-qoute .qoute-icon{
        width:100px;
        height:100px;
        padding:25px
    }
    .testim-crv2{
        padding-left:10px
    }
    .call-action-img .sec-lg-head,.testim-vrt .cont{
        padding:80px 0
    }
    .testim-clasic .item .author-info .arrow{
        top:30px
    }
    .testim-creative .arrows-carsouel{
        margin-left:auto
    }
    .testim-creative .testim-items{
        padding-left:0;
        padding-top:0
    }
    .thecontainer{
        width:100%;
        height:auto;
        display:block
    }
    .thecontainer .panel{
        padding:60px 0 120px
    }
    .call-action-center h2.fz-70{
        font-size:50px!important
    }
    .call-action-img .fz-50{
        font-size:35px!important
    }
    footer .sub-footer .ml-auto{
        margin-left:0;
        margin-top:15px
    }
}
@media screen and (max-width: 768px){
    .sm-mb10{
        margin-bottom:10px
    }
    .sm-mb20{
        margin-bottom:20px
    }
    .main-post .info-area .tags,.sm-mb30{
        margin-bottom:30px
    }
    .sm-mb40{
        margin-bottom:40px
    }
    .sm-mb50{
        margin-bottom:50px
    }
    .sm-mb80{
        margin-bottom:80px
    }
    .sm-pb10{
        padding-bottom:10px
    }
    .sm-pb20{
        padding-bottom:20px
    }
    .sm-pb30{
        padding-bottom:30px
    }
    .sm-pb40{
        padding-bottom:40px
    }
    .sm-pb50{
        padding-bottom:50px
    }
    .sm-pb60{
        padding-bottom:60px
    }
    .blog-list-half.crev,.sm-pb70{
        padding-bottom:70px
    }
    .sm-pb80{
        padding-bottom:80px
    }
    .arch-slider .parallax-slider .caption p:after,.crev-header .caption h1 br,.main-post .fz-60,.showcase-full .slider-contro span,.sm-hide,.team .item-join h6 br,.testim-clasic .item .author-info .arrow{
        display:none
    }
    .page-header.blog-header .info,.price-hr .item,.product-details .reviews .reviews-area > .d-flex,.serv-box .serv-item,.skills-exp .skill-item{
        display:block!important
    }
    .crev-header .caption h1,h1{
        font-size:35px
    }
    .fz-60,.sec-lg-head .fz-50,h1.fz-60,h2.fz-50,h3.fz-50{
        font-size:35px!important
    }
    .call-action-center h2.fz-70,.call-action-img .sec-lg-head .col-11.d-flex h2,h1.fz-55{
        font-size:30px!important
    }
    h2{
        font-size:28px
    }
    h1.fz-80,h2.fz-70{
        font-size:40px!important
    }
    .sec-head h2,.showcase-full .parallax-slider .caption h1{
        font-size:45px
    }
    h3{
        font-size:24px
    }
    .inter-links-center.horizontal .links-text li h2,h4{
        font-size:20px
    }
    .hamenu .menu-links .main-menu .sub-menu li,h5{
        font-size:18px
    }
    h6{
        font-size:16px
    }
    .justify-end-sm{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-end-sm .vew-all{
        margin-left:25px;
        margin-top:25px
    }
    .justify-end-sm .swiper-controls{
        margin-top:30px
    }
    .justify-end-sm .ml-auto{
        margin-left:0;
        margin-top:30px
    }
    .md-padding{
        padding-left:15px;
        padding-right:15px
    }
    .loader-wrap .loader-wrap-heading .load-text{
        letter-spacing:5px;
        font-size:13px
    }
    .progress-wrap{
        right:10px;
        bottom:20px
    }
    .topnav .logo{
        width:100px
    }
    .hamenu{
        padding:120px 15px 15px
    }
    .hamenu.open .menu-links .main-menu > li .link{
        padding:15px
    }
    .hamenu .menu-links .main-menu > li .link{
        font-size:25px
    }
    .arch-slider .parallax-slider .caption h1,.work-header .caption h1{
        font-size:50px
    }
    .arch-slider .parallax-slider .caption p,.testim-clasic .swiper-controls{
        padding-left:0
    }
    .header-startup .caption .img-in-text{
        height:35px
    }
    .header-startup .caption .img-in-text.icon-img-120{
        width:80px
    }
    .header-startup .caption .img-in-text .icon-img-60{
        width:50px
    }
    .showcase-full .slider-contro{
        width:100%;
        left:0
    }
    .slide__img{
        top:-100px!important;
        left:-100px!important;
        width:calc(100% + 200px)!important;
        height:calc(100% + 200px)!important
    }
    .frame .slide-nav-butn{
        z-index:99!important
    }
    .slides-nav__button{
        -webkit-transform:scale(0.9)!important;
        -ms-transform:scale(0.9)!important;
        transform:scale(0.9)!important
    }
    .inter-links-center.horizontal .links-text li{
        padding:15px 30px
    }
    .inter-links-center .links-img{
        width:100%;
        height:100vh;
        top:0;
        left:0;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .inter-links-center .links-text li{
        padding:20px 0
    }
    .inter-links-center .links-text li h2{
        font-weight:600
    }
    .page-header.blog-header .date{
        margin-left:30px!important
    }
    .page-header.blog-header .right-info{
        margin:30px 0 0
    }
    .intro-imgs .cont{
        padding:0
    }
    .marquee h4,footer .call-box h2{
        font-size:40px
    }
    .comments-post .item-box.replayed,.process-crev .row,.testim-creative .arrows-carsouel{
        margin-left:0
    }
    .main-post .post-qoute,.process-crev .row .item{
        padding:30px 15px
    }
    .services-tab .serv-tab-cont .item .img{
        width:90%
    }
    .services-tab .serv-tab-cont .item .cont{
        left:15px
    }
    .services-tab.revers .serv-tab-cont .item .img{
        width:100%;
        margin-left:0
    }
    .services-tab.revers .serv-tab-cont .item .cont{
        right:5%;
        padding:40px 30px
    }
    .serv-box .serv-item{
        padding:50px 30px
    }
    .c-about-box{
        margin-bottom:3%
    }
    .serv-box .serv-item .icon-img-80{
        width:60px;
        margin-bottom:30px
    }
    .serv-box .serv-item .ml-60{
        margin-left:0!important
    }
    .services .metro .items .item{
        width:100%;
        margin:0 0 30px
    }
    .services .item-bord{
        border-bottom:1px solid rgba(0,0,0,0.1);
        padding:60px 30px
    }
    .portfolio .filtering .filter{
        padding:10px;
        width:100%
    }
    .portfolio .filtering .filter span{
        margin:0 10px
    }
    .portfolio .max-margin .items{
        padding:0 15px
    }
    .testim-clasic .item .author-info{
        border:0
    }
    .clients .brand .item,.testim-clasic .item .cont{
        padding:40px 0
    }
    .testim-creative .sec-lg-head{
        padding-bottom:40px!important;
        margin-bottom:80px
    }
    .testim-creative .arrows-carsouel .swiper-button-next,.testim-creative .arrows-carsouel .swiper-button-prev{
        padding:0 60px;
        margin-top:50px
    }
    .testim-creative .arrows-carsouel .swiper-button-next:before{
        height:160px
    }
    .back-image.states ul{
        display:block;
        width:100%
    }
    .back-image.states ul li{
        margin:15px 0 0;
        width:100%!important
    }
    .team .item-join{
        height:auto
    }
    .skills-exp .skill-item .item{
        margin-bottom:30px;
        display:inline-block;
        width:calc(50% - 25px)
    }
    .price-hr .item .cont{
        margin:15px 0!important
    }
    .price-hr .item .ml-auto{
        text-align:left!important;
        margin-left:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .price-hr .item .ml-auto > div{
        margin-left:auto
    }
    .numbers h2{
        font-size:90px
    }
    .blog-list-half.crev .item .img{
        padding:0;
        height:auto;
        margin-top:15px
    }
    .blog-list-half.crev .item .img img{
        bottom:auto
    }
    .blog-list .item{
        padding:40px 20px
    }
    .blog-list2 .item .img{
        right:0;
        width:180px;
        height:180px
    }
    .blog-list-half.crev .item{
        margin-bottom:50px!important
    }
    .main-post .post-qoute h6:before{
        position:relative;
        left:0
    }
    .comments-post .item-box .flex,.main-post .author-area .flex,.main-post .info-area,.main-post .next-prv-post{
        display:block
    }
    .main-post .author-area .author-img{
        margin:0 0 30px
    }
    .main-post .author-area .author-img .img{
        width:80px;
        height:80px
    }
    .main-post .next-prv-post .thumb-post{
        margin:0!important
    }
    .main-post .next-prv-post .text-right{
        text-align:left;
        margin-top:30px!important
    }
    .comments-post .item-box .user-img{
        margin:0 0 15px
    }
    .comments-post .item-box .replay-post{
        margin:15px 0 0
    }
    .call-action-img .sec-bg-img{
        width:100%;
        height:400px
    }
    .call-action-img .sec-lg-head .col-11.d-flex{
        display:block!important;
        width:100%!important
    }
    .call-action-img .sec-lg-head .butn-circle{
        margin-top:30px!important
    }
    footer .call-box .arrow svg{
        width:50px;
        height:50px
    }
    .product-details .reviews .reviews-area .img{
        width:70px;
        height:70px
    }
    .product-details .reviews .reviews-area .cont{
        margin-top:15px;
        margin-left:0!important
    }
    .product-details .overview .tab-content .add-review{
        padding:40px 25px
    }
}
.apply-now-btn a{
    margin:10px;
}
.custom-select-option select{
	background:transparent!important;
	border:1px solid rgba(0,0,0,0.2)!important;
	border-radius:10px;
	width:100%;
	padding:15px;
}