@import url(../css/bootstrap.min.css);

.scroll-top{
    width:35px;
    height:35px;
    line-height:35px;
    position:fixed;
    bottom:20px;
    right:5px;
    z-index:99;
    text-align:center;
    color:#fff;
    font-size:25px;
    cursor:pointer;
    border-radius:50%;
    background:var(--red-one);
    display:none;
    transition:all .3s ease-in-out
}
.scroll-top:after{
    position:absolute;
    z-index:-1;
    content:'';
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:1;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)
}
::-webkit-scrollbar{
    width:5px
}
::-webkit-scrollbar-track{
    background:#fff
}
::-webkit-scrollbar-thumb{
    background:#2a2a2a;
    border-radius:0
}
:root{
    --text-color:#292929;
    --heading:#000;
    --red-one:#5ed2a9;
    --red-two:#FB1B1D;
    --orange-one:#FF6839;
    --deep-cyan:#EBF1EE;
    --light-cyan:#F4FAFE;
    --light-blue:#F1F7FD;
    --deep-blue:#EBF6FF
}



.text-white {
	color: #fff;
}



.fancy-banner-five [class*=theme-btn-] {
    width: 200px;
    border-radius: 9px;
}


.mixitUp-container .mix {
	width: calc(50% - 5px);
}

.case-study-one{
    position:relative;
    padding:200px 0 250px;
    z-index:1
}
.case-study-one .slider-wrapper{
    max-width:1920px;
    margin:100px auto 0;
    transform:translateX(14.2%)
}
.case-block-one img {
	width: 100%;
	margin-bottom: 50px;
	border-radius: 10px;
}
/*.case-block-one .img-meta{
    min-height:595px;
    object-fit:cover;
    object-position:top center
}*/
.case-block-one .hover-content{
    position:absolute;
    top: 5%;
    right: 10%;
    bottom: 15%;
    left: 10%;
    z-index:1;
    padding:50px 22px 30px 50px;
    color:#fff;
    background: rgba(94, 210, 169, 0.85);
    opacity:0;
    transform:translateX(20px);
    transition:all .4s ease-in-out
}
.case-block-one .hover-content .icon{
    width:65px;
    height:65px;
    padding:10px;
    background:var(--heading) 000;
    border-radius:50%
}
.case-block-one .hover-content blockquote{
    font-size: 18px;
    line-height:1.6em;
    padding:5px 0 75px;
    border-left: 0px;
}
.case-block-one .hover-content .web{
    font-size: 20px;
    color:#fff;
    text-decoration:underline;
    position: absolute;
    bottom: 5%;
}
.case-block-one .hover-content .arrow{
    display:inline-block;
    width:39px;
    line-height:28px;
    font-size:16px;
    border-radius:15px;
    text-align:center;
    color:#fff;
    transition:all .3s ease-in-out;
    background:rgba(0,0,0,.15)
}
.case-block-one .hover-content a:hover .arrow{
    background:var(--heading)
}
.case-block-one:hover .hover-content{
    opacity:1;
    transform:translateX(0)
}
.case_slider_one .item{
    margin:0 30px
}
.case-study-one .slider-arrows li{
    width:50px;
    height:50px;
    border-radius:50%;
    text-align:center;
    line-height:50px;
    color:#fff;
    font-size:28px;
    margin-left:12px;
    cursor:pointer;
    transform:scale(.8);
    transition:all .3s ease-in-out
}
.case-study-one .slider-arrows li:hover{
    background:rgba(255,255,255,.2);
    color:#fff;
    transform:scale(1)
}
.case-study-one .shape-one{
    left:0;
    bottom:-110px;
    animation:fade-in 1s infinite linear
}
.fancy-banner-one{
    background:url(../images/media/img_30.jpg) no-repeat center;
    background-size:cover;
    position:relative
}
.fancy-banner-one:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    mix-blend-mode:multiply;
    background-color:#eb0000
}
.fancy-banner-one .inner-content{
    padding:125px 0
}
.fancy-banner-one p{
    font-size:24px;
    line-height:1.75em;
    color:#fff;
    padding-bottom:24px
}
.fancy-banner-one .theme-btn-one{
    width:300px;
    line-height:75px;
    font-size:20px;
    background:var(--heading)
}
.vcamp-footer-two.dark-footer{
    background:#121212
}
.vcamp-footer-two .title{
    font-size:16px;
    text-transform:uppercase;
    color:rgba(0,0,0,.7);
    letter-spacing:3px;
    padding-bottom:25px;
    margin-bottom:0
}
.vcamp-footer-two .footer-list a{
    line-height:40px;
    color:var(--heading);
    transition:all .3s ease-in-out
}
.vcamp-footer-two .footer-list a:hover,.vcamp-footer-two.dark-footer .footer-list a:hover{
    text-decoration:underline;
    color:var(--red-two)
}
.vcamp-footer-two .newsletter p{
    font-size:19px;
    color:var(--heading);
    padding:10px 0 24px
}
.vcamp-footer-two .newsletter p span{
    text-decoration:underline;
    color:var(--red-two)
}
.vcamp-footer-two .newsletter p span.color2{
    color:var(--red-one)
}
.vcamp-footer-two .newsletter form{
    height:70px;
    position:relative;
    margin-bottom:12px
}
.vcamp-footer-two .newsletter form input{
    width:100%;
    height:100%;
    border:none;
    background:#eee;
    border-radius:8px;
    padding:0 125px 0 20px;
    font-size:16px;
    color:var(--heading)
}
.vcamp-footer-two .newsletter form ::placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.vcamp-footer-two .newsletter form :-ms-input-placeholder{
    color:rgba(0,0,0,.5)
}
.vcamp-footer-two .newsletter form ::-ms-input-placeholder{
    color:rgba(0,0,0,.5)
}
.vcamp-footer-two .newsletter form button{
    position:absolute;
    font-size:16px;
    top:8px;
    right:8px;
    bottom:8px;
    width:115px;
    border-radius:8px;
    background:var(--red-two);
    color:#fff;
    transition:all .3s ease-in-out
}
.vcamp-footer-two .newsletter form button.dark-btn{
    background:var(--heading)
}
.vcamp-footer-two .newsletter form button.color2-btn{
    background:var(--red-one)
}
.vcamp-footer-two .newsletter form button.dark-btn:hover{
    background:var(--red-two)
}
.vcamp-footer-two .newsletter .info{
    font-size:14px;
    color:#979797
}
.vcamp-footer-two .bottom-footer{
    border-top:1px solid rgba(0,0,0,.08);
    padding:35px 0 0;
    margin-top:45px
}
.vcamp-footer-two .bottom-footer .footer-nav a{
    /*font-family:gorditamedium;*/
    font-size:16px;
    color:var(--heading);
    margin-right:25px
}
.vcamp-footer-two .bottom-footer .footer-nav a:hover{
    text-decoration:underline
}
.vcamp-footer-two .bottom-footer .copyright{
    font-size:16px;
    color:#373737
}
.vcamp-footer-two .bottom-footer .social-icon a{
    font-size:20px;
    margin-left:20px;
    color:var(--heading);
    transition:all .3s ease-in-out
}
.vcamp-footer-two .bottom-footer .social-icon a:hover,.vcamp-footer-two.dark-footer .bottom-footer .social-icon a:hover{
    color:var(--red-two)
}
.vcamp-footer-two.dark-footer .title{
    color:rgba(255,255,255,.5)
}
.vcamp-footer-two.dark-footer .bottom-footer .footer-nav a,.vcamp-footer-two.dark-footer .bottom-footer .social-icon a,.vcamp-footer-two.dark-footer .footer-list a,.vcamp-footer-two.dark-footer .newsletter form input,.vcamp-footer-two.dark-footer .newsletter p{
    color:#fff
}
.vcamp-footer-two.dark-footer .newsletter form input{
    background:rgba(255,255,255,.11)
}
.vcamp-footer-two.dark-footer .newsletter form ::placeholder{
    color:rgba(255,255,255,.5);
    opacity:1
}
.vcamp-footer-two.dark-footer .newsletter form :-ms-input-placeholder{
    color:rgba(255,255,255,.5)
}
.vcamp-footer-two.dark-footer .newsletter form ::-ms-input-placeholder{
    color:rgba(255,255,255,.5)
}
.vcamp-footer-two.dark-footer .bottom-footer{
    border-top-color:rgba(255,255,255,.08)
}
.vcamp-footer-two.dark-footer .bottom-footer .copyright{
    color:rgba(255,255,255,.7)
}
.hero-banner-five{
    position:relative;
    z-index:1
}
.hero-banner-five .video-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:var(--heading);
    padding:15px 16px 18px 13px;
    position:relative;
    animation:ripple 3s linear infinite
}
.hero-banner-five .video-icon::after,.hero-banner-five .video-icon::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:50%;
    animation:inherit;
    animation-delay:1s
}
.hero-banner-five .video-icon::after{
    animation-delay:3s
}
.hero-banner-five .hero-heading{
    font-family:gorditabold;
    line-height:1.1em;
    padding:38px 0 64px;
    margin-bottom:0
}
.hero-banner-five .hero-sub-heading{
    color:var(--heading);
    padding-bottom:36px
}
.hero-banner-five form{
    max-width:565px;
    height:80px;
    position:relative
}
.hero-banner-five form input{
    border:none;
    background:#f4f4f4;
    border-radius:7px;
    width:100%;
    height:100%;
    font-size:16px;
    padding:0 190px 0 30px
}
.hero-banner-five form button{
    position:absolute;
    right:10px;
    top:8px;
    bottom:8px;
    background:#242424;
    width:180px;
    border-radius:7px;
    text-align:center;
    color:#fff;
    font-size:16px;
    transition:all .3s ease-in-out
}
.hero-banner-five form button:hover{
    background:var(--red-one)
}
.hero-banner-five form ::-webkit-input-placeholder{
    color:#0b0b0b
}
.hero-banner-five form :-ms-input-placeholder{
    color:#0b0b0b
}
.hero-banner-five .term-text{
    font-size:16px;
    color:#979797;
    padding-top:20px;
    margin-bottom:0
}
.hero-banner-five .term-text a{
    color:var(--heading)
}
.hero-banner-five .term-text a:hover{
    text-decoration:underline
}
.hero-banner-five .illustration-container{
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    max-width:46%;
    animation:jumpTwo 5s infinite linear
}
.case-block-two .img-meta{
    min-height:350px;
    object-fit:cover;
    object-position:top center
}
.case-block-two .hover-content{
    position:absolute;
    top:15px;
    right:15px;
    left:15px;
    bottom:15px;
    color:#fff;
    font-size:35px;
    opacity:0;
    background:rgba(0,0,0,.8);
    transition:all .3s ease-in-out
}
.case-block-two .hover-content a{
    color:#fff
}
.case-block-two:hover .hover-content{
    opacity:1
}
.fancy-banner-two{
    background:url(../images/media/img_35.jpg) no-repeat center;
    background-size:cover;
    height:800px
}
.fancy-banner-two.sm{
    height:690px
}
.fancy-banner-two .video-icon{
    width:110px;
    height:110px;
    border-radius:50%;
    background:var(--heading);
    padding-right:8px;
    position:relative;
    animation:ripple 3s linear infinite
}
.fancy-banner-two .video-icon::after,.fancy-banner-two .video-icon::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:50%;
    animation:inherit;
    animation-delay:1s
}
.fancy-banner-two .video-icon::after{
    animation-delay:3s
}
.fancy-banner-two .counter-section-two{
    position:absolute;
    right:0;
    bottom:0;
    top:auto;
    width:100%
}
.fancy-banner-two .counter-block-two{
    padding:20px 10px
}
.fancy-banner-two .counter-block-two .main-count{
    /*font-family:gorditamedium;*/
    font-size:60px
}
.feedback-section-eight .feedback-wrapper{
    padding:0 25px 0 95px
}
.feedback-section-eight .feedback-wrapper .icon{
    width:62px;
    height:62px;
    padding:15px;
    background:var(--heading);
    border-radius:50%;
    margin-bottom:27px
}
.feedback-section-eight .feedback-wrapper blockquote{
    font-size:48px;
    line-height:1.687em;
    color:var(--heading);
    padding-bottom:50px
}
.feedback-section-eight .feedback-wrapper blockquote span{
    color:var(--red-two);
    position:relative;
    display:inline-block
}
.feedback-section-eight .feedback-wrapper blockquote span:before{
    content:'';
    position:absolute;
    width:98%;
    height:2px;
    background:var(--red-two);
    left:2px;
    bottom:14px
}
.feedback-section-eight .feedback-wrapper .name{
    /*font-family:gorditamedium;*/
    font-size:20px;
    color:#1b1b1b;
    padding-left:35px;
    position:relative;
    line-height:1.55em
}
.feedback-section-eight .feedback-wrapper .name span{
    font-size:18px;
    font-family:gorditaregular;
    color:#818181
}
.feedback-section-eight .feedback-wrapper .name:before{
    content:'';
    position:absolute;
    width:23px;
    height:2px;
    background:var(--heading);
    left:0;
    top:18px
}
.feedback-section-eight .feedback_slider_four .slick-dots{
    position:static;
    text-align:right;
    width:495px;
    margin-top:38px
}
.feedback-section-eight .feedback_slider_four .slick-dots li button{
    margin:0 0 0 7px
}
.blog-section-three{
    background:var(--light-cyan);
    padding:130px 0 160px
}
.blog-meta-three{
    position:relative;
    z-index:1;
    padding:35px 50px 115px;
    background:#fff;
    box-shadow:0 30px 70px rgba(31,44,64,.03);
    border-radius:8px;
    width:100%;
    height:100%;
    transition:all .3s ease-in-out
}
.blog-meta-three:hover{
    transform:translateY(-5px)
}
.blog-meta-three .tag{
    /*font-family:gorditamedium;*/
    display:inline-block;
    line-height:27px;
    border-radius:20px;
    letter-spacing:1px;
    background:var(--heading);
    color:#fff;
    font-size:11px;
    text-transform:uppercase;
    padding:0 20px;
    transition:all .3s ease-in-out
}
.blog-meta-three .tag:hover{
    box-shadow:0 5px 15px rgba(0,0,0,.15)
}
.blog-meta-three .title{
    /*font-family:gorditamedium;*/
    font-size:24px;
    line-height:1.3em;
    color:var(--heading);
    display:block;
    margin:23px 0 28px
}
.blog-meta-three:hover .title{
    text-decoration:underline
}
.blog-meta-three .post-info{
    /*font-family:gorditamedium;*/
    font-size:16px;
    color:var(--heading)
}
.blog-meta-three .post-info .date{
    font-family:gorditaregular;
    color:#aaa
}
.blog-meta-three .post-footer{
    position:absolute;
    left:50px;
    right:50px;
    bottom:27px
}
.blog-meta-three .post-footer .read-more:hover{
    transform:translateX(-5px)
}
.fancy-banner-three{
    background:url(../images/media/img_39.jpg) no-repeat center;
    background-size:cover;
    position:relative
}
.fancy-banner-three.bg-white{
    background:0 0
}
.fancy-banner-three.bg-white .title{
    color:var(--heading)
}
.fancy-banner-three .title{
    font-size:72px;
    line-height:1.16em;
    color:#fff;
    margin-bottom:0
}
.fancy-banner-three .title span{
    text-decoration:underline
}
.fancy-banner-three .inner-content{
    padding:110px 0
}
.fancy-banner-three [class*=theme-btn-]{
    width:230px;
    line-height:68px;
    font-size:20px;
    border-radius:8px
}
.fancy-banner-four .bg-wrapper{
    background:var(--light-blue);
    padding:80px 0;
    position:relative;
    z-index:5;
    margin-top:-190px
}
.fancy-banner-four .shape-one{
    top:-87px;
    left:-92px;
    z-index:1;
    animation:fade-in 1.5s infinite linear
}
.fancy-banner-four .title{
    font-size:72px;
    line-height:1.16em;
    margin-bottom:0
}
.fancy-banner-four .title span{
    text-decoration:underline
}
.fancy-banner-four .inner-content{
    padding:140px 0
}
.fancy-banner-four [class*=theme-btn-]{
    font-family:gorditaregular;
    width:210px;
    line-height:60px;
    font-size:20px;
    border-radius:8px
}
.inside-hero-one{
    background:#fcefef;
    text-align:center;
    padding: 30px 0;
}
.inside-hero-one .page-title{
    font-size:72px;
    font-weight:500
}
.inside-hero-one p{
    font-size:20px;
    padding-top:24px;
    margin-bottom:0
}
.inside-hero-two{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center;
    text-align:center;
    padding:250px 0 230px;
    position:relative;
    z-index:1
}
.inside-hero-two .page-title{
    font-size:72px;
    /*font-family:gorditamedium;*/
    color:#fff
}
.inside-hero-two p{
    font-size:20px;
    padding-top:27px;
    color:#fff;
    margin-bottom:0
}
.inside-hero-two .shape-one{
    right:0;
    bottom:-80px;
    animation:fade-in 1.5s infinite linear
}
.inside-hero-three{
    padding:225px 0 150px;
    position:relative;
    z-index:1
}
.inside-hero-three.bg-color{
    background:#f9f2ec
}
.inside-hero-three .shape-one{
    bottom:-60px;
    right:6%;
    animation:jumpTwo 4s infinite linear
}
.inside-hero-three .page-title{
    font-size:72px;
    line-height:1.25em;
    font-weight:500;
    margin-bottom:0
}
.inside-hero-three.dark-bg .page-title{
    color:#fff
}
.inside-hero-three .page-title span{
    position:relative;
    display:inline-block;
    color:var(--red-one)
}
.inside-hero-three .page-title span:before{
    content:'';
    width:100%;
    height:4px;
    position:absolute;
    bottom:5px;
    left:0;
    background:var(--red-one)
}
.inside-hero-three p{
    font-size:24px;
    line-height:1.83em;
    margin-bottom:0
}
.inside-hero-three.dark-bg p{
    color:#fff
}
.card-style-five{
    position:relative;
    z-index:5;
    overflow:hidden
}
.card-style-five:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:60%;
    z-index:0;
    background:linear-gradient(180deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.358835) 50.1%,rgba(0,0,0,.615498) 100%)
}
.card-style-five .img-meta{
    width:100%;
    min-height:680px;
    object-fit:cover;
    object-position:top center
}
.card-style-five .hover-content{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    z-index:1;
    padding:30px 60px 68px 50px;
    transform:translateY(72px);
    transition:all .3s ease-in-out
}
.card-style-five .hover-content:before{
    content:'';
    position:absolute;
    left:20px;
    right:20px;
    bottom:25px;
    top:0;
    background:var(--red-one);
    z-index:-1;
    opacity:0;
    transition:all .3s ease-in-out
}
.card-style-five .hover-content .title a{
    display:block;
    position:relative;
    font-size:42px;
    line-height:1.23em;
    color:#fff;
    margin-bottom:10px;
    transition:all .3s ease-in-out
}
.card-style-five .hover-content .title a:before{
    content:'+';
    position:absolute;
    right:0;
    bottom:-10px;
    color:#fff;
    transition:all .3s ease-in-out
}
.card-style-five:hover .hover-content .title a:before,.slick-center .card-style-five .hover-content .title a:before{
    content:'-';
    transform:rotate(360deg)
}
.card-style-five .hover-content p{
    font-size:20px;
    line-height:1.75em;
    margin-bottom:0;
    color:#fff;
    transition:all .3s ease-in-out;
    opacity:0;
    transform:scale(1 ,0)
}
.card-style-five:hover .hover-content p,.slick-center .card-style-five .hover-content p{
    opacity:1;
    transform:scale(1)
}
.card-style-five:hover .hover-content:before,.slick-center .card-style-five .hover-content:before{
    opacity:1
}
.card-style-five:hover .hover-content,.slick-center .card-style-five .hover-content{
    transform:translateY(0)
}
.partner-section-three .logo{
    height:50px;
    margin-top:43px
}
.partner-section-three .logo:hover img{
    transform:scale(1.1)
}
.partner-section-three .info-text{
    font-size:20px;
    padding-bottom:10px
}
.partner-section-three .info-text span{
    font-family:gorditamedium
}
.feedback-section-nine .bg-wrapper{
    padding:120px 0 110px;
    background:var(--deep-cyan);
    position:relative;
    z-index:5
}
.feedback_slider_seven{
    max-width:1530px;
    margin:80px auto 0
}
.feedback_slider_seven .item{
    margin:0 22px
}
.feedback_slider_seven .slick-dots{
    text-align:center;
    margin-top:75px
}
.feedback_slider_seven .slick-dots li{
    display:inline-block
}
.feedback_slider_seven .slick-dots li button{
    text-indent:-50000px;
    width:10px;
    height:10px;
    border-radius:50%;
    border:1px solid var(--heading);
    margin:0 4px;
    transition:all .3s ease-in-out
}
.feedback_slider_seven .slick-dots li.slick-active button{
    background:var(--heading)
}
.counter-block-three .main-count{
    font-family:gorditabold;
    font-size:58px;
    color:var(--heading);
    line-height:initial;
    margin-bottom:0
}
.vcamp-feature-section-six{
    background:var(--light-cyan);
    padding:165px 0 140px;
    position:relative;
    z-index:1
}
.vcamp-feature-section-six .shape-one{
    right:0;
    top:-9%;
    animation:fade-in 1.5s infinite linear
}
.vcamp-feature-section-six .shape-two{
    left:19%;
    bottom:-9%;
    animation:fade-in 1.5s infinite linear
}
.vcamp-feature-section-six .text-wrapper p{
    padding-top:42px;
    margin-bottom:0
}
.card-style-six{
    background:#fff;
    padding:32px 38px 40px;
    margin-bottom:35px
}
.card-style-six .icon{
    height:54px
}
.card-style-six h4{
    font-size:24px;
    padding:18px 0 20px;
    margin-bottom:0
}
.card-style-six p{
    color:#4f4f4f;
    margin-bottom:0
}
.case-study-three{
    overflow:hidden
}
.control-nav-one button{
    display:inline-block;
    line-height:48px;
    border-radius:8px;
    border:1px solid #e7e7e7;
    padding:0 35px;
    margin:0 .8%;
    transition:all .3s ease-in-out
}
.control-nav-one button.mixitup-control-active{
    background:#000;
    border-color:#000;
    color:#fff
}
.case-block-three{
    overflow:hidden;
    margin-top:50px
}
.case-block-three .screen{
    width:100%
}
.case-block-three .overlay-content{
    position:absolute;
    height:285px;
    width:100%;
    left:0;
    right:0;
    bottom:0;
    padding:0 30px 35px;
    opacity:0;
    transform:translateY(100px);
    transition:all .4s ease-in-out;
    background:linear-gradient(180deg,rgba(255,255,255,.0001) 0,rgba(255,255,255,.634119) 57.49%,#fff 100%)
}
.case-block-three:hover .overlay-content{
    opacity:1;
    transform:translateY(0)
}
.case-block-three .overlay-content a{
    /*font-family:gorditamedium;*/
    font-size:22px;
    color:var(--heading);
    width:100%
}
.case-study-three .gap,.case-study-three .mix{
    float:left;
    width:50%
}
.case-study-three .mixitUp-container{
    margin:0 -22px
}
.case-study-three .mix{
    padding:0 22px
}
.case-study-three.full-width .gap,.case-study-three.full-width .mix{
    width:25%
}
.case-study-four{
    overflow:hidden
}
.control-nav-two button,.control-nav-two li{
    display:inline-block;
    line-height:50px;
    border-radius:8px;
    padding:0 33px;
    margin:0 .8%;
    cursor:pointer;
    transition:all .3s ease-in-out
}
.control-nav-two button.mixitup-control-active,.control-nav-two li.is-checked{
    background:#000;
    color:#fff
}
.dark-bg .control-nav-two button{
    color:#fff
}
.dark-bg .control-nav-two button.mixitup-control-active{
    background:var(--red-one)
}
.case-study-four .gap,.case-study-four .mix{
    width:100%
}
.case-block-four{
    padding:140px 0 125px;
    margin-top:90px;
    z-index:1
}
.case-block-four .text-wrapper .icon{
    width:68px;
    height:68px;
    background:var(--heading);
    border-radius:50%
}
.case-block-four .text-wrapper blockquote{
    font-size:36px;
    line-height:1.8em;
    color:var(--heading);
    padding-bottom:70px;
    margin-bottom:0
}
.case-block-four .text-wrapper blockquote span{
    color:var(--red-one);
    position:relative;
    display:inline-block
}
.case-block-four .text-wrapper blockquote span:before{
    content:'';
    position:absolute;
    width:98%;
    height:2px;
    background:var(--red-one);
    left:2px;
    bottom:2px
}
.case-block-four .text-wrapper .info-meta{
    width:87%
}
.case-block-four .text-wrapper .avatar{
    width:40px;
    height:40px;
    border-radius:50%;
    margin-right:20px
}
.case-block-four .text-wrapper .name{
    font-size:20px;
    font-family:gorditamedium
}
.case-block-four .text-wrapper .name span{
    font-family:gorditaregular;
    font-size:15px
}
.case-block-four .text-wrapper .more{
    width:39px;
    line-height:29px;
    border-radius:15px;
    color:#fff;
    font-size:17px;
    text-align:center;
    background:var(--heading);
    margin-left:auto;
    transition:all .3s ease-in-out
}
.case-block-four .text-wrapper:hover .more{
    background:var(--red-one)
}
.case-block-four .screen{
    position:absolute;
    bottom:0;
    max-width:45%
}
.case-block-four .screen.screen-right{
    right:0
}
.case-block-four .screen.screen-left{
    left:0
}
.case-study-five{
    padding:100px 0;
    position:relative;
    z-index:1
}
.case-study-five .shape-one{
    top:-127px;
    right:2%;
    animation:fade-in 1.5s infinite linear
}
.control-nav-three button{
    display:inline-block;
    font-size:19px;
    line-height:30px;
    color:#000;
    margin:0 3%;
    transition:all .3s ease-in-out
}
.dark-bg .control-nav-three button{
    color:#fff
}
.control-nav-three button.mixitup-control-active{
    color:var(--red-one)
}
.case-study-five .gap,.case-study-five .mix{
    float:left;
    width:50%
}
.case-study-five .mix{
    padding:0 22px
}
.case-study-five.full-width .gap,.case-study-five.full-width .mix{
    float:left;
    width:33.333%
}
.inside-hero-four.bg-color{
    background:#f6eae0
}
.inside-hero-four{
    padding:130px 0 0;
    position:relative;
    z-index:1
}
.inside-hero-four h6{
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:rgba(0,0,0,.35);
    margin-bottom:0
}
.inside-hero-four .page-title{
    font-size:72px;
    line-height:1.25em;
    padding:9px 0 25px;
    margin-bottom:0
}
.inside-hero-four .page-title span{
    position:relative;
    display:inline-block;
    color:var(--red-one)
}
.inside-hero-four .page-title span:before{
    content:'';
    width:100%;
    height:4px;
    position:absolute;
    bottom:10px;
    left:0;
    background:var(--red-one)
}
.inside-hero-four p{
    font-size:24px;
    line-height:1.83em;
    margin-bottom:0
}
.inside-hero-four .screen{
    margin:75px auto 0;
    border-radius:40px 40px 0 0
}
.inside-hero-four .shape-one{
    top:21%;
    right:4%;
    animation:jumpTwo 5s infinite linear
}
.inside-hero-four .shape-two{
    left:9%;
    bottom:18%;
    animation:jumpThree 5s infinite linear
}
.dark-bg .inside-hero-four h6,.dark-bg .inside-hero-four p{
    color:rgba(255,255,255,.8)
}
.dark-bg .inside-hero-four .page-title{
    color:#fff
}
.dark-bg {
    background-color: #121212;
}
.mt-180 {
    margin-top: 80px;
}
.case-details-one{
    padding: 70px 0;
    position:relative;
    z-index:1
}
.case-details-one .shape-one{
    top:-127px;
    right:0;
    animation:fade-in 1.5s infinite linear
}
.case-details-one .sub-heading{
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:rgba(0,0,0,.5);
    margin-bottom:42px
}
.case-details-one .title{
    font-size:62px;
    line-height:1.24em;
    font-weight:500;
    padding-bottom:38px;
    margin-bottom:0
}
.case-details-one p{
    font-size:19px;
    line-height:2em;
    padding-bottom:24px
}
.case-details-one .border-block{
    border-top:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    padding:120px 0 90px;
    margin:80px 0 100px
}
.case-details-one .img-meta{
    margin:35px 0 35px
}
.case-details-one.dark-bg .sub-heading{
    display:inline-block;
    font-size:14px;
    color:#fff;
    line-height:20px;
    padding:0 2px;
    background:var(--red-one)
}
.case-details-one.dark-bg .title{
    color:#fff
}
.case-details-one.dark-bg p{
    color:rgba(255,255,255,.8)
}
.case-details-one.dark-bg .border-block{
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1)
}
.fancy-banner-five .bg-wrapper{
    background:var(--light-blue);
    text-align:center;
    padding:65px 0 85px;
    border-radius:20px;
    position:relative;
    z-index:5
}
.fancy-banner-five.reverse-space .bg-wrapper{
    margin-top:-220px
}
.fancy-banner-five .bg-wrapper.dark-bg{
    background:#333
}
.fancy-banner-five .bg-wrapper.dark-bg .title{
    color:#fff
}
.fancy-banner-five .title{
    font-size:69px;
    line-height:1.21em;
}
.fancy-banner-five.dark-bg .title{
    color:#fff
}
.fancy-banner-five [class*=theme-btn-]{
    width:200px;
    border-radius:9px
}
.pricing-nav-one{
    margin:70px 0 100px;
    border:none
}
.pricing-nav-one .nav-item .nav-link{
    /*font-family:gorditamedium;*/
    font-size:18px;
    line-height:61px;
    border:2px solid #000;
    padding:0 15px;
    width:150px;
    text-align:center;
    color:#000;
    transition:all .3s ease-in-out
}
.pricing-nav-one .nav-item:nth-child(1) .nav-link{
    border-right:none;
    border-radius:10px 0 0 10px
}
.pricing-nav-one .nav-item:nth-child(2) .nav-link{
    border-left:none;
    border-radius:0 10px 10px 0
}
.pricing-nav-one .nav-item .nav-link.active{
    background:#000;
    color:#fff
}
.pricing-table-area-one .pr-table-wrapper{
    border:1px solid #ececec;
    border-radius:15px;
    transition:all .3s ease-in-out;
    padding:25px 25px 40px;
    margin-top:40px;
    position:relative;
    z-index:1;
    text-align:center
}
.pricing-table-area-one .pr-table-wrapper.most-popular:after{
    content:url(../images/shape/popular-tag.svg);
    position:absolute;
    top:-97px;
    right:-87px
}
.pricing-table-area-one .pr-table-wrapper .pack-name{
    /*font-family:gorditamedium;*/
    font-size:28px;
    color:#000
}
.pricing-table-area-one .pr-table-wrapper .pack-details{
    color:#878787;
    padding:5px 0 45px
}
.pricing-table-area-one .pr-table-wrapper .top-banner{
    padding:9px 5px 15px 22px;
    color:#000;
    text-align:left
}
.pricing-table-area-one .pr-table-wrapper .price{
    font-size:40px;
    /*font-family:gorditamedium;*/
    padding:25px 20px 0 0
}
.pricing-table-area-one .pr-table-wrapper .price sup{
    font-size:20px;
    top:-22px
}
.pricing-table-area-one .pr-table-wrapper .top-banner span{
    font-size:22px
}
.pricing-table-area-one .pr-table-wrapper .top-banner em{
    font-size:14px;
    font-style:normal;
    display:block;
    margin-top:-7px
}
.pricing-table-area-one .pr-table-wrapper .pr-feature{
    text-align:left;
    padding:38px 0 48px 20px;
    list-style:none
}
.pricing-table-area-one .pr-table-wrapper .pr-feature li{
    position:relative;
    line-height:42px;
    color:rgba(0,0,0,.7);
    padding-left:30px
}
.pricing-table-area-one .pr-table-wrapper .pr-feature li:before{
    content:url(../images/icon/icon_51.svg);
    position:absolute;
    top:0;
    left:0
}
.pricing-table-area-one .pr-table-wrapper .trial-button{
    display:block;
    font-size:16px;
    /*font-family:gorditamedium;*/
    color:#000;
    line-height:52px;
    border:2px solid #000;
    border-radius:5px;
    transition:all .3s ease-in-out
}
.pricing-table-area-one .pr-table-wrapper .trial-text{
    font-size:16px;
    padding-top:20px
}
.pricing-table-area-one .pr-table-wrapper:hover{
    box-shadow:0 15px 60px rgba(0,0,0,.05)
}
.pricing-table-area-one .pr-table-wrapper .trial-button:hover,.pricing-table-area-one .pr-table-wrapper.active .trial-button{
    background:#000;
    color:#fff
}
.pricing-section-one.dark-bg{
    padding:160px 0 350px;
    position:relative;
    z-index:1
}
.pricing-section-one.dark-bg .shape-one{
    top:-110px;
    right:0;
    animation:fade-in 1.5s infinite linear
}
.pricing-section-one.dark-bg .nav-item .nav-link{
    border-color:var(--red-one);
    color:#fff
}
.pricing-section-one.dark-bg .nav-item .nav-link.active{
    background:var(--red-one)
}
.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .pack-name,.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .top-banner,.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .trial-button{
    color:#fff
}
.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .pack-details,.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .pr-feature li,.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .trial-text{
    color:rgba(255,255,255,.5)
}
.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .top-banner{
    background:rgba(255,255,255,.15)
}
.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .trial-button{
    border-color:#fff
}
.pricing-section-one.dark-bg .pr-table-wrapper:not(.active) .pr-feature li:before{
    content:url(../images/icon/icon_54.svg)
}
.pricing-section-one.dark-bg .pr-table-wrapper.most-popular:after{
    content:url(../images/shape/popular-tag-w.svg)
}
.pricing-section-one.dark-bg .pr-table-wrapper.active{
    background:#fff
}
.pricing-section-one.dark-bg .pr-table-wrapper.active .top-banner{
    background:#ffefef
}
.pricing-section-one.dark-bg .pr-table-wrapper .trial-button:hover{
    background:var(--red-one);
    border-color:var(--red-one)
}
.fancy-banner-six .inner-content{
    background:var(--deep-blue);
    padding:55px 60px;
    border-radius:10px;
    z-index:5
}
.fancy-banner-six.reverse-space .inner-content{
    margin-top:-130px
}
.fancy-banner-six.reverse-space .shape-one{
    top:-80px;
    left:-88px;
    z-index:1;
    animation:fade-in 1.5s infinite linear
}
.fancy-banner-six .inner-content .icon{
    width:110px;
    height:110px;
    background:#fff;
    border-radius:50%
}
.fancy-banner-six .inner-content .text{
    max-width:calc(100% - 110px)
}
.fancy-banner-six .inner-content h3{
    font-size:36px
}
.fancy-banner-six .inner-content h3 span{
    color:var(--red-one)
}
.fancy-banner-six .theme-btn-four{
    border-radius:8px
}
.accordion-style-two .accordion-tag{
    /*font-family:gorditamedium;*/
    font-size:15px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#a5a5a5;
    margin-bottom:35px
}
.accordion-style-two .accordion-item{
    border:none;
    border-top:1px solid rgba(0,0,0,.1);
    border-radius:0
}
.accordion-style-two .accordion-item:last-child{
    border-bottom:1px solid rgba(0,0,0,.1)
}
.accordion-style-two .accordion-button{
    /*font-family:gorditamedium;*/
    font-size:20px;
    min-height:1.75em;
    padding:34px 10px 34px 0;
    box-shadow:none;
    border-radius:0;
    color:var(--heading);
    background:0 0;
    transition:all .3s ease-in-out
}
.accordion-style-two .accordion-button:not(.collapsed){
    padding-bottom:15px
}
.accordion-style-two .accordion-body{
    padding:0 50px 25px 0
}
.accordion-style-two .accordion-body p{
    font-size:20px;
    line-height:1.8em;
    margin-bottom:0
}
.accordion-style-two .accordion-button::after{
    content:url(../images/icon/icon_53.svg);
    background-image:none;
    width:auto;
    height:auto
}
.accordion-style-two .accordion-button:not(.collapsed)::after{
    transform:rotate(180deg)
}
.inside-hero-five{
    padding:250px 0 150px
}
.inside-hero-five .illustration{
    animation:jumpTwo 5s infinite linear
}
.vcamp-feature-section-seven{
    padding:120px 0 150px;
    position:relative;
    z-index:5;
    background:var(--deep-cyan)
}
.vcamp-feature-section-seven.style-two{
    background:var(--light-blue)
}
.vcamp-feature-section-seven .shape-one{
    top:-50px;
    left:10%;
    animation:jumpThree 5s infinite linear
}
.vcamp-feature-section-seven .shape-two{
    bottom:-60px;
    right:10%;
    animation:jumpTwo 5s infinite linear
}
.vcamp-feature-section-seven .shape-three{
    top:-100px;
    left:0;
    animation:fade-in 1.1s infinite linear
}
.card-style-seven{
    background:#fff;
    border-radius:8px;
    padding:40px 70px 38px 50px;
    width:100%;
    height:100%;
    transition:all .3s ease-in-out
}
.card-style-seven:hover{
    transform:translateY(-5px)
}
.card-style-seven .icon{
    width:60px;
    height:60px;
    border-radius:10px;
    background:var(--red-one);
    margin-bottom:25px
}
.card-style-seven h4{
    font-size:24px;
    margin-bottom:24px
}
.card-style-seven p{
    line-height:34px
}
.card-style-seven p span{
    /*font-family:gorditamedium;*/
    text-decoration:underline;
    display:inline-block
}
.dark-bg .card-style-seven{
    background:0 0;
    padding:0;
    transform:none
}
.dark-bg .card-style-seven h4{
    color:#fff
}
.dark-bg .card-style-seven p{
    color:rgba(255,255,255,.65);
    padding-right:50px
}
.dark-bg .card-style-seven p span{
    color:#fff
}
.fancy-banner-seven .inner-content{
    padding:75px 60px;
    background:var(--light-blue)
}
.fancy-banner-seven h3{
    font-size:36px;
    font-weight:500;
    margin-bottom:20px
}
.fancy-banner-seven p{
    font-size:19px;
    margin-bottom:0
}
.fancy-banner-seven p a{
    /*font-family:gorditamedium;*/
    text-decoration:underline;
    color:#000;
    transition:all .3s ease-in-out
}
.fancy-banner-seven p a:hover{
    color:var(--red-one)
}
.fancy-banner-seven .theme-btn-four{
    border-radius:8px;
    padding:0 35px
}
.dark-bg.fancy-banner-seven .inner-content{
    background:0 0;
    border:1px solid rgba(255,255,255,.1)
}
.dark-bg.fancy-banner-seven h3,.dark-bg.fancy-banner-seven p a{
    color:#fff
}
.dark-bg.fancy-banner-seven p{
    color:rgba(255,255,255,.7)
}
.card-style-eight{
    padding:65px 45px 50px;
    border:1px solid #e9e9e9;
    border-radius:8px;
    margin-top:40px;
    transition:all .3s ease-in-out
}
.card-style-eight:hover{
    background:#fff;
    border-color:#fff;
    box-shadow:0 15px 50px rgba(0,0,0,.04);
    transform:translateY(-5px)
}
.card-style-eight .icon{
    height:26px;
    margin-bottom:25px
}
.card-style-eight h4{
    font-size:24px;
    margin-bottom:20px
}
.team-section-two .mix{
    width:calc(100%/3 - (((3 - 1) * 1rem)/ 3));
    display:inline-block;
    margin-top:70px;
    padding:0 25px
}
.team-section-two .mixitUp-container{
    margin:0 -25px
}
.team-block-two .img-meta{
    overflow:hidden;
    border-radius:15px;
    margin-bottom:30px
}
.team-block-two .img-meta img{
    border-radius:15px;
    transition:all .5s ease-in-out
}
.team-block-two .img-meta:hover img{
    transform:scale3d(1.1,1.1,1.1)
}
.team-block-two .name{
    font-size:24px
}
.team-block-two p{
    color:#a7a7a7;
    margin-bottom:0
}
.team_slider_two .item{
    margin:0 18px
}
.feedback-section-ten{
    position:relative;
    padding:200px 0 160px;
    z-index:2
}
.feedback-section-ten.dark-bg{
    padding-bottom:340px;
    z-index:1
}
.feedback-section-ten.light-bg{
    background:var(--deep-cyan)
}
.feedback-section-ten .inner-container{
    max-width:1500px;
    margin:0 auto;
    padding:0 12px
}
.feedback-section-ten .shape-one{
    top:-75px;
    right:10%;
    animation:jumpThree 5s infinite linear
}
.feedback-section-ten .shape-two{
    bottom:-70px;
    left:8%;
    animation:jumpTwo 5s infinite linear
}
.feedback-section-ten .shape-three{
    bottom:-180px;
    right:-70px;
    animation:fade-in 1.1s infinite linear
}
.feedback-section-ten .shape-four{
    top:-100px;
    right:0;
    animation:fade-in 1.1s infinite linear
}
.testimonial-block-two{
    padding:17px 55px 35px;
    border:1px solid #e8e8e8;
    border-radius:10px;
    margin-bottom:40px;
    transition:all .3s ease-in-out
}
.testimonial-block-two:hover{
    border-color:#fff;
    box-shadow:0 10px 60px rgba(0,0,0,.04)
}
.testimonial-block-two .logo{
    height:72px
}
.testimonial-block-two p{
    font-size:24px;
    line-height:1.7em;
    margin:23px 0 52px
}
.testimonial-block-two .name{
    /*font-family:gorditamedium;*/
    font-size:20px;
    color:var(--heading);
    line-height:28px
}
.testimonial-block-two .name span{
    font-family:gorditaregular;
    color:#c1c1c1;
    display:block;
    font-size:16px
}
.testimonial-block-two .icon{
    width:37px
}
.blog-section-four .blog-meta-wrapper{
    column-count:2;
    grid-column-gap:50px
}
.blog-meta-four{
    margin-bottom:80px;
    display:inline-block
}
.blog-meta-four .img-meta img{
    border-radius:9px
}
.blog-meta-four .tag{
    /*font-family:gorditamedium;*/
    display:inline-block;
    line-height:27px;
    border-radius:20px;
    letter-spacing:1px;
    background:var(--red-one);
    color:#fff;
    font-size:11px;
    text-transform:uppercase;
    padding:0 15px;
    position:absolute;
    right:10px;
    bottom:20px
}
.blog-meta-four .post-info{
    /*font-family:gorditamedium;*/
    font-size:16px;
    color:var(--heading);
    margin-top:23px
}
.blog-meta-four .post-info .date{
    font-family:gorditaregular;
    color:#aaa
}
.blog-meta-four .title{
    /*font-family:gorditamedium;*/
    font-size:28px;
    line-height:1.35em;
    color:var(--heading);
    display:block;
    margin:11px 0 38px
}
.blog-meta-four:hover .title{
    text-decoration:underline
}
.blog-meta-four .post-footer .read-more:hover{
    transform:translateX(-5px)
}
.blog-sidebar .blog-sidebar-search form{
    height:65px;
    position:relative
}
.blog-sidebar .blog-sidebar-search input{
    width:100%;
    height:100%;
    border:none;
    font-size:17px;
    background:#f4f4f4;
    border-radius:5px;
    padding:0 60px 0 20px
}
.blog-sidebar .blog-sidebar-search button{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:60px;
    color:#000
}
.blog-sidebar .sidebar-title{
    font-size:24px;
    margin-bottom:30px
}
.blog-sidebar .blog-sidebar-category ul li a{
    font-size:16px;
    line-height:36px;
    display:block;
    color:#000;
    transition:all .3s ease-in-out
}
.blog-sidebar .blog-sidebar-category ul li a:hover{
    text-decoration:underline;
    color:var(--red-one)
}
.blog-sidebar .sidebar-banner-add{
    background-size:cover;
    border-radius:10px;
    position:relative;
    padding:20px
}
.blog-sidebar .sidebar-banner-add .banner-content{
    border-radius:10px;
    background:rgba(255,255,255,.9);
    padding:40px 50px;
    text-align:center
}
.blog-sidebar .sidebar-banner-add .banner-content h4{
    line-height:31px
}
.blog-sidebar .sidebar-banner-add .banner-content p{
    font-size:15px;
    margin:20px 0 15px
}
.blog-sidebar .sidebar-banner-add .banner-content a{
    /*font-family:gorditamedium;*/
    font-size:14px;
    color:#fff;
    width:140px;
    line-height:40px;
    border-radius:20px;
    text-align:center;
    background:#212121
}
.counter-block-four .icon{
    width:45px
}
.counter-block-four .icon img{
    margin-left:auto
}
.counter-block-four .text{
    width:calc(100% - 45px);
    padding-left:27px
}
.counter-block-four .text .main-count{
    font-size:60px;
    line-height:initial;
    margin:-18px 0 2px
}
.counter-block-five .icon{
    height:50px
}
.counter-block-five .icon img{
    max-height:100%
}
.counter-block-five .main-count{
    font-size:60px;
    line-height:initial;
    margin:22px 0 -5px
}
.dark-bg .counter-block-five .main-count,.dark-bg .counter-block-five p{
    color:#fff
}
.dark-bg .counter-block-five{
    padding:80px 12px 90px;
    border-right:1px solid rgba(255,255,255,.1)
}
.dark-bg [class*=col-]:last-child .counter-block-five{
    border:none
}
.fancy-banner-eight form{
    max-width:630px;
    height:80px;
    position:relative
}
.fancy-banner-eight form input{
    width:100%;
    height:100%;
    background:#f0f0f0;
    border:none;
    border-radius:7px;
    padding:0 200px 0 20px
}
.fancy-banner-eight form button{
    position:absolute;
    /*font-family:gorditamedium;*/
    width:200px;
    top:8px;
    right:8px;
    bottom:8px;
    background:var(--heading);
    color:#fff;
    font-size:17px;
    border-radius:7px
}
.vcamp-footer-three{
    padding:70px 0
}
.vcamp-footer-three .footer-nav a{
    color:#fff;
    font-size:18px;
    margin:3px 1.6vw;
    transition:all .3s ease-in-out
}
.vcamp-footer-three .social-icon a{
    font-size:18px;
    margin-left:20px;
    color:#fff;
    transition:all .3s ease-in-out
}
.vcamp-footer-three .footer-nav a:hover,.vcamp-footer-three .social-icon a:hover{
    color:var(--red-one)
}
.vcamp-footer-four .inner-content{
    padding:60px 0;
    position:relative
}
.vcamp-footer-four .footer-nav{
    margin:0 -20px
}
.vcamp-footer-four .footer-nav li>a{
    color:#000;
    font-size:18px;
    margin:3px 20px;
    transition:all .3s ease-in-out
}
.vcamp-footer-four .footer-nav .logo{
    margin:auto
}
.vcamp-footer-four .footer-nav li>a:hover,.vcamp-footer-four.dark-bg .footer-nav li>a:hover{
    color:var(--red-one)
}
.vcamp-footer-four.dark-bg .footer-nav li>a{
    color:rgba(255,255,255,.75)
}
.vcamp-feature-section-twelve{
    background:url(../images/media/img_90.jpg) no-repeat center;
    background-size:cover;
    position:relative;
    z-index:1
}
.vcamp-feature-section-twelve:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:-1;
    mix-blend-mode:multiply;
    background-color:#eb0000
}
.vcamp-feature-section-twelve .card-style-one{
    margin:0;
    background:#fff;
    padding:55px 20px 40px 40px;
    height:100%
}
.vcamp-feature-section-twelve .card-style-one .icon.style-two{
    border-radius:50%
}
.vcamp-feature-section-twelve .card-style-one p{
    padding-right:0
}
.card-style-twelve .num{
    font-family:gorditalight;
    font-size:60px;
    color:#e1e1e1;
    line-height:initial
}
.card-style-twelve h4{
    font-size:20px;
    font-family:gorditabold;
    margin:14px 0 25px
}
.hero-banner-eleven{
    padding:180px 0 225px;
    position:relative;
    z-index:1
}
.hero-banner-eleven .shape-one{
    left:0;
    bottom:22%
}
.hero-banner-eleven .banner-intro{
    max-width:1515px;
    padding:0 12px;
    margin:0 auto;
    position:relative
}
.hero-banner-eleven .banner-intro .brand-logo{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%)
}
.hero-banner-eleven .banner-intro .heading{
    max-width:1008px
}
.hero-banner-eleven .banner-intro .name{
    font-weight:400;
    color:#fff;
    font-size:130px
}
.hero-banner-eleven .banner-intro h2{
    font-size:130px;
    font-weight:300;
    color:#fff;
    margin:-25px 0 35px
}
.hero-banner-eleven .banner-intro h2 em{
    font-style:normal
}
.hero-banner-eleven .banner-intro p{
    color:#fff;
    font-size:24px;
    letter-spacing:8px;
    text-transform:uppercase;
    text-align:left
}
.portfolio-gallery-one{
    position:relative;
    z-index:1
}
.portfolio-gallery-one .wrapper{
    max-width:1674px;
    padding:0 12px
}
.portfolio-gallery-one .scroll-btn{
    width:85px;
    height:85px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    margin:100px auto 0;
    animation:jumpTwo 5s infinite linear
}
.portfolio-gallery-one .shape-one{
    left:6%;
    bottom:14%
}
.portfolio-gallery-one .scroll-btn:hover{
    background:var(--red-one)
}
.portfolio-gallery-one .img-meta{
    overflow:hidden;
    position:relative
}
.portfolio-gallery-one .img-meta:before{
    content:'';
    position:absolute;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0,#121212 100%);
    left:0;
    right:0;
    bottom:0;
    height:54%
}
.portfolio-gallery-one .img-meta .hover-content{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:40px 25px 30px;
    z-index:1
}
.portfolio-gallery-one .img-meta .hover-content span{
    display:block;
    text-transform:capitalize;
    color:rgba(255,255,255,.7);
    font-size:15px;
    opacity:0;
    transform:translateY(5px);
    transition-delay:0.1s
}
.portfolio-gallery-one .img-meta .c-name{
    font-size:28px;
    font-weight:300;
    color:#fff;
    opacity:0;
    transform:translateY(5px)
}
.portfolio-gallery-one .img-meta .c-name:hover{
    text-decoration:underline
}
.portfolio-gallery-one .img-meta:hover .hover-content .c-name,.portfolio-gallery-one .img-meta:hover .hover-content span{
    opacity:1;
    transform:translateY(0)
}
.portfolio-gallery-one .img-meta .arrow{
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    font-size:24px;
    color:#000;
    border-radius:0 0 0 25px;
    background:#fff;
    z-index:1;
    opacity:0;
    transform:scale(0);
    transform-origin:100% 0
}
.portfolio-gallery-one .img-meta .arrow:hover{
    border-radius:0 0 0 3px
}
.portfolio-gallery-one .img-meta:hover .arrow{
    opacity:1;
    transform:scale(1)
}
.portfolio-gallery-one .row [class*=col-]:nth-child(even){
    margin-top:100px
}
.vcamp-text-block-fifteen{
    border-top:1px solid rgba(255,255,255,.09);
    border-bottom:1px solid rgba(255,255,255,.09);
    padding:60px 0
}
.vcamp-text-block-fifteen h2{
    max-width:1515px;
    margin:0 auto;
    padding:0 12px;
    font-size:79px;
    font-weight:300;
    position:relative;
    color:rgba(255,255,255,.25);
    line-height:1.35em
}
.vcamp-text-block-fifteen h2 span{
    color:rgba(255,255,255,.25);
    display:inline-block;
    position:relative;
    transition:all .3s ease-in-out
}
.vcamp-text-block-fifteen h2 span:hover{
    color:#fff;
    cursor:pointer
}
.vcamp-text-block-fifteen h2 .hover-img{
    max-width:235px;
    width:235px;
    position:absolute;
    left:50%;
    bottom:100%;
    z-index:1;
    opacity:0;
    visibility:hidden;
    transform:translateX(-50%) translateY(-5px);
    transition:all .3s ease-in-out
}
.vcamp-text-block-fifteen h2 span:hover .hover-img{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0)
}
.vcamp-text-block-sixteen{
    position:relative;
    z-index:1
}
.vcamp-text-block-sixteen .shape-two{
    bottom:0;
    right:0
}
.vcamp-text-block-sixteen .quote-wrapper{
    position:relative;
    padding-left:78px;
    margin-top:84px
}
.vcamp-text-block-sixteen .quote-wrapper p{
    font-family:gorditalight;
    font-size:32px;
    line-height:1.68em;
    color:rgba(255,255,255,.7);
    margin-bottom:65px
}
.vcamp-text-block-sixteen .quote-wrapper p i{
    font-family:gorditaregular;
    color:#fff;
    display:inline-block;
    text-decoration:underline
}
.vcamp-text-block-sixteen .quote-wrapper .icon{
    position:absolute;
    left:5px;
    top:15px
}
.vcamp-text-block-sixteen .img-wrapper{
    position:relative;
    z-index:1;
    padding-left:75px
}
.vcamp-text-block-sixteen .img-wrapper .img-meta{
    display:inline-block;
    position:relative
}
.vcamp-text-block-sixteen .img-wrapper .img-meta:before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:56%;
    background:linear-gradient(180deg,rgba(24,24,24,0) 0,#121212 100%)
}
.vcamp-text-block-sixteen .img-wrapper .brand-logo{
    position:absolute;
    left:0;
    bottom:12%;
    z-index:1
}
.vcamp-text-block-sixteen .img-wrapper .shape-one{
    left:0;
    bottom:-4%;
    animation:jumpTwo 8s infinite linear
}
.card-style-thirteen{
    border-top:1px solid rgba(255,255,255,.09);
    padding:65px 0
}
.card-style-thirteen .title-wrapper{
    position:relative;
    z-index:1
}
.card-style-thirteen .title-wrapper h3{
    font-size:80px;
    color:#fff;
    font-weight:300;
    position:relative;
    margin-bottom:15px
}
.card-style-thirteen .title-wrapper p{
    font-family:gorditalight;
    font-size:24px;
    color:rgba(255,255,255,.5)
}

.portfolio-gallery-four .img-holder {
    position: relative;
    overflow: hidden;
    z-index: 5;
}
.tran6s {
    transition: all .6s ease-in-out;
}

.portfolio-gallery-four .img-holder .video-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 45px;
    text-align: center;
    animation: ripple 3s linear infinite;
}
.portfolio-gallery-four .img-holder .overlay-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    z-index: 2;
}