*/
:focus{
    outline:0
}
::-moz-focus-inner{
    border:0
}
body{
    background-color:#111;
    color:#9f9f9f;
    font-family:Poppins,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.95;
    overflow:hidden;
    position:relative
}
i.icon{
    line-height:100%
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    color:#f0f0f0
}
b{
    font-weight:700
}
a{
    transition:all .15s ease-in-out
}
a:focus,a:hover{
    text-decoration:none
}
hr{
    border-top:3px solid #1b1b1b;
    margin:0
}
.anchor-basic{
    color:#fff!important
}
.anchor-basic:focus,.anchor-basic:hover{
    color:#bfbfbf!important
}
.button-main{
    background-color:#fff;
    border:1px solid #fff;
    border-radius:30px;
    color:#222;
    font-size:14px;
    padding:10px 35px
}
.button-main:focus{
    background-color:#bfbfbf;
    border:1px solid #fff;
    box-shadow:none
}
.button-main.button-scheme{
    color:#fff
}
.rc-mb-0{
    margin-bottom:0!important
}
.element-cover-bg{
    background-color:rgba(0,0,0,.85);
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.element-cover-bg:before{
    content:'';
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes overlayEffectUp{
    0%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    35%,65%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@keyframes overlayEffectUp{
    0%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    35%,65%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
}
@-webkit-keyframes overlayEffectDown{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    35%,65%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
}
@keyframes overlayEffectDown{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    35%,65%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
}
.f-basis-100{
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.content-title{
    line-height:1.5;
    margin-bottom:12px
}
.tns-nav{
    margin:10px 0;
    text-align:center
}
.tns-nav>[aria-controls]{
    background:#ddd;
    border:0;
    border-radius:50%;
    height:9px;
    margin:0 5px;
    padding:0;
    width:9px
}
.tns-nav>.tns-nav-active{
    background:#999
}
.lity{
    z-index:99990
}
.lity-wrap{
    z-index:99990
}
.lity-loader{
    z-index:99991
}
.lity-container{
    z-index:99992
}
.lity-content{
    z-index:99993
}
.lity-close,.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{
    z-index:99994
}
.lity{
    transition:opacity .15s ease
}
.lity-loader{
    transition:opacity .15s ease
}
.lity-content{
    transition:-webkit-transform .15s ease;
    transition:transform .15s ease;
    transition:transform .15s ease,-webkit-transform .15s ease
}
.lity-close{
    -ms-flex-direction:column;
    -ms-flex-pack:justify;
    -ms-flex-pack:center;
    cursor:pointer;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    height:19px;
    justify-content:space-between;
    justify-content:center;
    position:relative;
    position:fixed;
    right:25px;
    top:25px;
    width:30px;
    width:22px
}
.lity-close .btn-line,.lity-close:after,.lity-close:before{
    -ms-flex-item-align:end;
    align-self:flex-end;
    background-color:gray;
    height:3px;
    width:100%
}
.lity-close:before{
    content:'';
    width:85%
}
.lity-close:after{
    content:''
}
.lity-close .btn-line{
    width:55%
}
.lity-close .btn-line,.lity-close:after,.lity-close:before{
    background-color:#fff;
    position:absolute;
    width:100%
}
.lity-close .btn-line{
    display:none
}
.lity-close:before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.lity-close:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.lity-close:active{
    top:25px
}
.lity-close .btn-line,.lity-close:after,.lity-close:before{
    background-color:#fff;
    height:2px
}
@media (max-width:575.98px){
    .lity-close{
        right:15px
    }
}
#overlay-effect{
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode:both;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-transform:translateY(100%);
    animation-duration:1s;
    animation-fill-mode:both;
    animation-timing-function:ease-in-out;
    background-color:#181818;
    bottom:0;
    display:block;
    position:fixed;
    top:0;
    transform:translateY(100%);
    width:100%;
    z-index:99999
}
#overlay-effect.animate-up{
    -webkit-animation-name:overlayEffectUp;
    animation-name:overlayEffectUp
}
#overlay-effect.animate-down{
    -webkit-animation-name:overlayEffectDown;
    animation-name:overlayEffectDown
}
.lightbox-wrapper{
    background-color:#101010;
    position:fixed
}
.lightbox-wrapper .lightbox-close{
    position:fixed;
    right:4vw;
    top:35px;
    z-index:99
}
.lightbox-wrapper .lightbox-close .close-btn{
    -ms-flex-direction:column;
    -ms-flex-pack:justify;
    -ms-flex-pack:center;
    cursor:pointer;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    height:19px;
    justify-content:space-between;
    justify-content:center;
    position:relative;
    width:30px
}
.lightbox-wrapper .lightbox-close .close-btn .btn-line,.lightbox-wrapper .lightbox-close .close-btn:after,.lightbox-wrapper .lightbox-close .close-btn:before{
    -ms-flex-item-align:end;
    align-self:flex-end;
    background-color:gray;
    height:3px;
    width:100%
}
.lightbox-wrapper .lightbox-close .close-btn:before{
    content:'';
    width:85%
}
.lightbox-wrapper .lightbox-close .close-btn:after{
    content:''
}
.lightbox-wrapper .lightbox-close .close-btn .btn-line{
    width:55%
}
.lightbox-wrapper .lightbox-close .close-btn .btn-line,.lightbox-wrapper .lightbox-close .close-btn:after,.lightbox-wrapper .lightbox-close .close-btn:before{
    background-color:#fff;
    position:absolute;
    width:100%
}
.lightbox-wrapper .lightbox-close .close-btn .btn-line{
    display:none
}
.lightbox-wrapper .lightbox-close .close-btn:before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.lightbox-wrapper .lightbox-close .close-btn:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.lightbox-wrapper .lightbox-close .close-btn .btn-line,.lightbox-wrapper .lightbox-close .close-btn:after,.lightbox-wrapper .lightbox-close .close-btn:before{
    background-color:#fff;
    height:2px
}
.lightbox-wrapper .simplebar-track.simplebar-vertical{
    width:13px
}
.lightbox-wrapper .simplebar-track.simplebar-vertical .simplebar-scrollbar{
    right:1px;
    width:9px
}
.lightbox-wrapper .simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
    background:#3c3c3c
}
.lightbox-wrapper .lightbox-content{
    margin:70px 0
}
.lightbox-wrapper .lightbox-content .single-section:not(:last-child){
    margin-bottom:120px
}
.lightbox-wrapper .lightbox-content .section-heading{
    /* margin-bottom:50px; */
    text-align:left
}
.lightbox-wrapper .lightbox-content .section-heading>.section-title{
    display:inline-block;
    font-size:38px;
    font-weight:700;
    letter-spacing:-.25px;
    line-height:100%;
    margin-bottom:0;
    position:relative;
    z-index:9
}
.lightbox-wrapper .lightbox-content .section-heading.page-heading{
    margin-bottom:83px;
    text-align:center
}
.lightbox-wrapper .lightbox-content .section-heading.page-heading>.section-title{
    font-size:46px;
    margin-bottom:37px
}
.lightbox-wrapper .lightbox-content .section-heading.page-heading>.animated-bar{
    background-color:#fff;
    content:'';
    display:block;
    height:4px;
    left:0;
    margin:0 auto 0 auto;
    position:relative;
    right:0;
    width:75px
}
.lightbox-wrapper .lightbox-content .section-heading.page-heading>.animated-bar:after,.lightbox-wrapper .lightbox-content .section-heading.page-heading>.animated-bar:before{
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name:barAnimation;
    -webkit-animation-timing-function:linear;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-name:barAnimation;
    animation-timing-function:linear;
    background-color:#101010;
    content:'';
    height:100%;
    position:absolute;
    top:0;
    width:4px
}
.lightbox-wrapper .lightbox-content .section-heading.page-heading>.animated-bar:before{
    left:8px
}
.lightbox-wrapper .lightbox-content .section-heading.page-heading>.animated-bar:after{
    left:0
}
@-webkit-keyframes barAnimation{
    from{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(75px);
        transform:translateX(75px)
    }
}
@keyframes barAnimation{
    from{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to{
        -webkit-transform:translateX(75px);
        transform:translateX(75px)
    }
}

.see-more{
    cursor: pointer;
    color: #009e66 !important;
    font-weight: 600;
}
.lightbox-wrapper .lightbox-content .section-heading>.section-description{
    font-size:15px;
    margin-bottom:17px
}
@media (max-width:991.98px){
    .lightbox-wrapper .lightbox-content .single-section:not(:last-child){
        margin-bottom:100px
    }
    .lightbox-wrapper .lightbox-content .section-heading>.section-title{
        font-size:36px
    }
    .lightbox-wrapper .lightbox-content .section-heading>.section-description{
        font-size:14px
    }
    .lightbox-wrapper .lightbox-content .section-heading.page-heading>.section-title{
        font-size:42px
    }
}
@media (max-width:767.98px){
    .lightbox-wrapper .lightbox-content .section-heading>.section-description{
        font-size:14px
    }
}
@media (max-width:575.98px){
    .lightbox-wrapper .lightbox-content .section-heading>.section-title{
        font-size:34px
    }
    .lightbox-wrapper .lightbox-content .section-heading.page-heading>.section-title{
        font-size:36px
    }
}
.preloader{
    background-color:#0e0e0e;
    /* background-color:#0e0e0ed4; */
    height:100%;
    position:fixed;
    top:0;
    width:100%;
    z-index:99999
}
.preloader .preloader-block{
    -webkit-transform:translate(50%,50%);
    bottom:50%;
    position:fixed;
    right:50%;
    transform:translate(50%,50%);
    z-index:3000
}
.preloader .preloader-block .preloader-icon .loading-dot{
    background-color:#fff;
    border-radius:50%;
    display:inline-block;
    height:13px;
    width:13px
}
.preloader .preloader-block .preloader-icon .loading-dot.loading-dot-1{
    -webkit-animation:1.2s grow ease-in-out infinite;
    animation:1.2s grow ease-in-out infinite
}
.preloader .preloader-block .preloader-icon .loading-dot.loading-dot-2{
    -webkit-animation:1.2s grow ease-in-out infinite .15555s;
    animation:1.2s grow ease-in-out infinite .15555s;
    margin:0 14px
}
.preloader .preloader-block .preloader-icon .loading-dot.loading-dot-3{
    -webkit-animation:1.2s grow ease-in-out infinite .3s;
    animation:1.2s grow ease-in-out infinite .3s
}
@-webkit-keyframes grow{
    0%,100%,40%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes grow{
    0%,100%,40%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.navbar{
    background-color:transparent;
    padding:20px 20px
}
.navbar .navbar-brand span{
    color:#f3f3f3;
    text-transform:uppercase
}
.navbar .navbar-brand img{
    width:110px
}
.navbar .navbar-brand svg{
    width:110px
}
.navbar .navbar-brand svg #logo-text{
    fill:#e6e6e6
}
.navbar .navbar-menu{
    display:none
}
.navbar .navbar-nav .nav-link{
    color:#e6e6e6;
    font-size:15px;
    padding:0
}
.navbar .navbar-nav .nav-item:not(:last-child) .nav-link{
    margin-right:32px
}
@media (max-width:767.98px){
    .navbar .navbar-brand img{
        width:70px
    }
    .navbar .navbar-menu{
        -ms-flex-direction:column;
        -ms-flex-pack:justify;
        cursor:pointer;
        display:-ms-flexbox;
        display:flex;
        flex-direction:column;
        height:19px;
        justify-content:space-between;
        position:relative;
        width:30px
    }
    .navbar .navbar-menu .btn-line,.navbar .navbar-menu:after,.navbar .navbar-menu:before{
        -ms-flex-item-align:end;
        align-self:flex-end;
        background-color:gray;
        height:3px;
        width:100%
    }
    .navbar .navbar-menu:before{
        content:'';
        width:85%
    }
    .navbar .navbar-menu:after{
        content:''
    }
    .navbar .navbar-menu .btn-line{
        width:55%
    }
    .navbar .navbar-menu .btn-line,.navbar .navbar-menu:after,.navbar .navbar-menu:before{
        background-color:#f3f3f3
    }
    .navbar .navbar-collapse .navbar-nav{
        background-color:#191919;
        padding:8px 20px;
        position:relative;
        top:-15px;
        width:200px;
        z-index:2
    }
    .navbar .navbar-collapse .navbar-nav .nav-link{
        color:rgba(255,255,255,.7);
        font-size:14px;
        letter-spacing:.35px;
        padding:7px 0
    }
    .navbar .navbar-collapse .navbar-nav .nav-link:focus,.navbar .navbar-collapse .navbar-nav .nav-link:hover{
        color:#fff
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .navbar .navbar-brand svg{
        height:30px
    }
}
.home-area{
    background-color:#111;
    background-position:center center;
    height:100vh;
    height:calc(var(--vh,1vh) * 100);
    overflow:hidden
}
.home-area:before{
    background-color:rgba(0,0,0,.4)
}
.home-area .fixed-wrapper{
    margin:0 50px;
    position:relative
}
.home-area .fixed-wrapper .fixed-block{
    bottom:34px;
    position:absolute
}
.home-area .fixed-wrapper .fixed-block.block-left{
    left:0
}
.home-area .fixed-wrapper .fixed-block.block-right{
    right:0
}
.home-area .fixed-wrapper .languages-list{
    margin-bottom:0
}
.home-area .fixed-wrapper .languages-list .single-language{
    -webkit-transform:rotate(90deg);
    color:#e6e6e6;
    display:block;
    margin-top:20px;
    text-transform:uppercase;
    transform:rotate(90deg)
}
.home-area .fixed-wrapper .social-icons{
    margin-bottom:0
}
.home-area .fixed-wrapper .social-icons>li{
    line-height:100%;
    margin-top:14px;
    text-align:center
}
.home-area .fixed-wrapper .social-icons i.icon{
    color:#f3f3f3;
    font-size:23px;
    line-height:100%
}
.home-area .home-name{
    color:#fff;
    font-size:70px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:34px
}
.home-area .home-headline{
    color:#fff;
    font-size:32px;
    font-weight:400;
    letter-spacing:.3px;
    margin-bottom:0
}
.home-area .home-headline .single-headline{
    display:inline-block;
    position:relative;
    text-align:left;
    vertical-align:top
}
.home-area .home-headline .single-headline::after{
    background-color:#b9b9b9;
    content:'';
    height:100%;
    position:absolute;
    right:0;
    top:0;
    width:2px
}
.home-area .home-headline .single-headline b{
    display:inline-block;
    font-weight:400;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    white-space:nowrap
}
.home-area .home-headline .single-headline b.is-visible{
    opacity:1;
    position:relative
}
.home-area.video-variant #wrapper_homeVideo:before{
    background-color:rgba(0,0,0,.7);
    content:'';
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1
}
@media (max-width:991.98px){
    .home-area .home-name{
        font-size:62px
    }
    .home-area .home-headline{
        font-size:30px
    }
}
@media (max-width:767.98px){
    .home-area .fixed-wrapper{
        display:none
    }
}
@media (max-width:575.98px){
    .home-area{
        background-position:62% center
    }
    .home-area .home-name{
        font-size:48px
    }
    .home-area .home-headline{
        font-size:26px
    }
}
.info-section .info-img img{
    filter: drop-shadow(0px 0px 2px #009e66);
    background-color:transparent;
    border-color:rgba(0,0,0,.18);
    width:430px
}
.info-section .info-content .content-subtitle{
    font-size:24px;
    margin-bottom:15px
}
.info-section .info-content .content-title{
    font-size:31px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:16px
}
.info-section .info-content .content-description{
    font-size:15px
}
.info-section .info-content .content-description p:last-child{
    border-bottom:2px solid rgba(255,255,255,.08);
    margin-bottom:0;
    padding-bottom:29px
}
.info-section .info-content .content-info{
    font-size:15px;
    margin-bottom:4px;
    padding:29px 0
}
.info-section .info-content .content-info>.row:last-child .single-info{
    margin-bottom:0
}
.info-section .info-content .content-info .single-info{
    margin-bottom:10px
}
.info-section .info-content .content-info .single-info>span{
    color:#dadada;
    font-weight:400;
    margin-right:10px
}
.info-section .info-content .content-info .single-info>p{
    display:inline-block;
    margin-bottom:0
}
.info-section .info-content .content-download{
    margin-right:23px
}
.info-section .info-content .content-follow{
    -ms-flex-align:center;
    align-items:center;
    display:inline-block;
    display:-ms-flexbox;
    display:flex;
    line-height:100%;
    margin-bottom:0
}
.info-section .info-content .content-follow:before{
    background-color:rgba(255,255,255,.25);
    content:'';
    height:2px;
    margin-right:23px;
    width:60px
}
.info-section .info-content .content-follow li{
    font-size:21px
}
.info-section .info-content .content-follow li:not(last-child){
    margin-right:14px
}
.info-section .info-content .content-follow li a{
    color:#cecece
}
@media (min-width:992px) and (max-width:1199.98px){
    .info-section .info-img img{
        -o-object-fit:cover;
        height:500px;
        object-fit:cover
    }
    .info-section .info-content .content-subtitle{
        display:none
    }
    .info-section .info-content .content-title{
        font-size:26px
    }
    .info-section .info-content .content-description{
        font-size:14px
    }
    .info-section .info-content .content-description p:last-child{
        padding-bottom:20px
    }
    .info-section .info-content .content-info{
        font-size:14px;
        padding:20px 0
    }
}
@media (max-width:991.98px){
    .info-section .info-img img{
        -o-object-fit:cover;
        border-radius:50%;
        display:block;
        height:250px;
        margin:0 auto 40px auto;
        object-fit:cover;
        width:250px
    }
    .info-section .info-content .content-subtitle{
        font-size:18px
    }
    .info-section .info-content .content-title{
        font-size:26px
    }
    .info-section .info-content .content-description{
        font-size:14px
    }
    .info-section .info-content .content-description p:last-child{
        padding-bottom:24px
    }
    .info-section .info-content .content-info{
        font-size:14px;
        margin-bottom:0;
        padding:24px 0
    }
}
@media (max-width:767.98px){
    .info-section .info-img img{
        height:200px;
        width:200px
    }
    .info-section .info-content .content-info>.row:last-child .single-info{
        margin-bottom:10px
    }
    .info-section .info-content .content-info .single-info{
        display:block;
        margin-bottom:10px;
        width:auto
    }
}
@media (max-width:575.98px){
    .info-section{
        padding-bottom:51px
    }
    .info-section .info-img img{
        margin:0 auto 32px auto
    }
    .info-section .info-content .content-subtitle{
        font-size:18px
    }
    .info-section .info-content .content-title{
        font-size:22px
    }
    .info-section .info-content .content-download{
        margin-bottom:27px
    }
}
.services-section .single-service{
    background-color:#161616;
    border-bottom:2px solid transparent;
    box-shadow:0 6px 16px rgba(0,0,0,.2);
    margin-bottom:30px;
    padding:38px 42px;
    transition:all .15s ease-in-out
}
.services-section .single-service .service-icon{
    display:inline-block;
    font-size:58px;
    margin-bottom:22px
}
.services-section .single-service .service-title{
    color:#f3f3f3;
    font-size:20px;
    font-weight:500;
    letter-spacing:-.5px;
    margin-bottom:14px
}
.services-section .single-service .service-description{
    margin-bottom:0;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.testimonials-section .single-review{
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    background-color:#161616;
    padding:48px 40px;
    text-align:left;
    user-select:none
}
.testimonials-section .single-review .review-header{
    margin-bottom:23px
}
.testimonials-section .single-review .review-client{
    -ms-flex-direction:row;
    flex-direction:row;
    text-align:left
}
.testimonials-section .single-review .review-client .client-avatar{
    margin-right:14px;
    width:54px
}
.testimonials-section .single-review .review-client .client-details{
    -ms-flex-item-align:center;
    align-self:center;
    line-height:100%
}
.testimonials-section .single-review .review-client .client-name{
    color:#efefef;
    font-size:15px;
    font-weight:400;
    margin-bottom:7px
}
.testimonials-section .single-review .review-client .client-role{
    color:#888;
    display:inline-block;
    font-size:14px;
    font-weight:400
}
.testimonials-section .single-review .review-icon{
    display:inline-block;
    font-size:50px
}
.testimonials-section .single-review .review-content{
    font-size:15px;
    margin-bottom:0;
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.testimonials-section .tns-outer{
    position:relative
}
.testimonials-section .tns-nav{
    margin-bottom:0;
    margin-top:30px
}
@media (max-width:991.98px){
    .testimonials-section .single-review{
        padding:45px 40px
    }
    .testimonials-section .single-review .review-client .client-avatar{
        width:50px
    }
    .testimonials-section .single-review .review-client .client-role{
        font-size:13px
    }
    .testimonials-section .single-review .review-icon{
        display:inline-block;
        font-size:47px
    }
}
@media (max-width:767.98px){
    .testimonials-section .single-review .review-content{
        font-size:14px
    }
}
@media (max-width:362px){
    .testimonials-section .single-review .review-icon{
        display:none
    }
}
.pricing-section .single-plan{
    background-color:#161616;
    box-shadow:0 0 20px 0 rgba(0,0,0,.05);
    padding:50px 0;
    text-align:center
}
.pricing-section .single-plan .plan-icon{
    display:inline-block;
    font-size:54px;
    margin-bottom:27px
}
.pricing-section .single-plan .plan-type{
    color:#f0f0f0;
    font-size:26px;
    font-weight:700;
    margin-bottom:14px
}
.pricing-section .single-plan .plan-price{
    color:#f0f0f0;
    font-size:24px;
    font-weight:300;
    margin-bottom:22px
}
.pricing-section .single-plan .plan-list{
    margin-bottom:18px
}
.pricing-section .single-plan .plan-list li{
    color:inherit;
    padding:8px
}
@media (max-width:991.98px){
    .pricing-section .single-plan{
        padding:50px 0
    }
}
.resume-section .col-block.education{
    margin-right:20px
}
.resume-section .col-block.experience{
    margin-left:20px
}
.resume-section .col-title{
    font-size:26px;
    margin-bottom:20px
}
.resume-section .resume-item{
    background-color:#161616;
    border-left:2px solid transparent;
    padding:32px 48px;
    position:relative
}
.resume-section .resume-item:not(:last-child){
    border-bottom:1px solid #313131
}
.resume-section .resume-item:last-child{
    margin-bottom:0
}
.resume-section .resume-item .item-arrow{
    left:0;
    margin-top:2px;
    position:absolute
}
.resume-section .resume-item .item-arrow:after,.resume-section .resume-item .item-arrow:before{
    content:"";
    display:block;
    position:absolute
}
.resume-section .resume-item .item-arrow:before{
    height:16px;
    left:0;
    width:16px
}
.resume-section .resume-item .item-arrow:after{
    border:8px solid transparent;
    left:16px
}
.resume-section .resume-item .item-title{
    line-height:100%;
    margin-bottom:9px
}
.resume-section .resume-item .item-details{
    display:inline-block;
    margin-bottom:7px
}
.resume-section .resume-item .item-description{
    margin-bottom:0;
display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width:767.98px){
    .resume-section .resume-item{
        padding-right:20px
    }
    .resume-section .col-block.education,.resume-section .col-block.experience{
        margin-left:0;
        margin-right:0
    }
    .resume-section .col-12:last-child .resume-item:last-child{
        margin-bottom:0
    }
    .resume-section .col-12:first-child .resume-item:last-child{
        margin-bottom:60px
    }
}
.skills-section .single-skill:not(:last-child){
    margin-bottom:42px
}
.skills-section .single-skill .skill-info{
    -ms-flex-pack:justify;
    color:#cecece;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    justify-content:space-between;
    margin-bottom:4px
}
.skills-section .single-skill .skill-info .skill-name{
    display:inline-block;
    margin-right:12px;
    white-space:nowrap
}
.skills-section .single-skill .skill-progress{
    background-color:#2f2f2f;
    border-radius:1px;
    font-size:15px;
    height:9px;
    overflow:visible
}
.skills-section .single-skill .skill-progress .progress-bar{
    border-bottom-left-radius:1px;
    border-top-left-radius:1px
}
@media (max-width:767.98px){
    .skills-section .single-skill:not(:last-child){
        margin-bottom:40px!important
    }
    .skills-section [class*=col-]:not(:last-child) .single-skill{
        margin-bottom:40px!important
    }
}
.video-section .content-part .video-title{
    font-size:31px;
    font-weight:600;
    line-height:1.5;
    margin-bottom:13px
}
.video-section .content-part .video-description{
    font-size:16px;
    line-height:2
}
.video-section .content-part .video-description:last-child{
    margin-bottom:0
}
.video-section .video-part .embed-responsive-item{
    background-image:url(../img/video.jpg)
}
.video-section .video-part .embed-responsive-item:before{
    background-color:rgba(0,0,0,.2)
}
.video-section .video-part .embed-responsive-item,.video-section .video-part .embed-responsive-item:before{
    border-radius:3px
}
.video-section .video-part .embed-responsive-item .play-wrapper{
    -webkit-transform:scale(1);
    background-color:#fff;
    border-radius:50%;
    bottom:0;
    display:block;
    height:56px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    transform:scale(1);
    transition:all .1s ease-in-out;
    width:56px
}
.video-section .video-part .embed-responsive-item .play-wrapper .icon{
    color:#222;
    display:block;
    font-size:20px;
    line-height:58px;
    text-align:center
}
.video-section .video-part .embed-responsive-item:hover .play-wrapper{
    -webkit-transform:scale(1.075);
    transform:scale(1.075)
}
@media (max-width:1199.98px){
    .video-section .content-part .video-title{
        font-size:30px;
        margin-bottom:13px
    }
    .video-section .content-part .video-description{
        font-size:15px
    }
}
@media (max-width:991.98px){
    .video-section .content-part{
        margin-bottom:25px
    }
}
@media (max-width:767.98px){
    .video-section .content-part .video-title{
        font-size:28px
    }
    .video-section .content-part .video-description{
        font-size:14px
    }
}
.portfolio-section .filter-control{
    margin-bottom:16px;
    text-align:center
}
.portfolio-section .filter-control>li{
    border-bottom:1px solid transparent;
    color:#cecece;
    cursor:pointer;
    font-size:15px;
    font-weight:400;
    letter-spacing:.3px;
    position:relative;
    transition:all .1s ease-in-out
}
.portfolio-section .filter-control>li:not(:last-child){
    margin-right:16px
}
.portfolio-section .filter-control>li.tab-active:before,.portfolio-section .filter-control>li:hover:before{
    bottom:0;
    content:"";
    height:1px;
    position:absolute;
    width:100%
}
.portfolio-section .portfolio-grid .portfolio-wrapper{
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:30px;
    overflow:hidden;
    position:relative
}
.portfolio-section .portfolio-grid .portfolio-wrapper:before{
    background-color:rgba(0,0,0,.9);
    bottom:0;
    content:'';
    height:100%;
    opacity:0;
    position:absolute;
    transition:all .15s ease-in-out;
    visibility:hidden;
    width:100%;
    z-index:1
}
.portfolio-section .portfolio-grid .portfolio-wrapper>.img-fluid{
    width:100%
}
.portfolio-section .portfolio-grid .portfolio-wrapper .item-content{
    left:0;
    opacity:0;
    padding:3px 18px;
    position:absolute;
    text-align:center;
    transition:all .15s ease-in-out;
    visibility:hidden;
    width:100%;
    z-index:2
}
.portfolio-section .portfolio-grid .portfolio-wrapper .item-content .content-title{
    color:#fff;
    font-size:15px;
    font-weight:400;
    line-height:1.8;
    margin-bottom:10px
}
.portfolio-section .portfolio-grid .portfolio-wrapper .item-content .content-more{
    display:inline-block;
    font-weight:600
}
.portfolio-section .portfolio-grid .portfolio-wrapper:hover:before{
    opacity:1;
    visibility:visible
}
.portfolio-section .portfolio-grid .portfolio-wrapper:hover .item-content{
    opacity:1;
    visibility:visible
}
@media (max-width:767.98px){
    .portfolio-section .filter-control>li{
        font-size:14px
    }
}
@media (max-width:575.98px){
    .portfolio-section .portfolio-grid .portfolio-wrapper .item-content .content-title{
        font-size:14px
    }
}
.blog-section .single-post{
    background-color:transparent;
    border:none;
    margin-bottom:70px
}
.blog-section .single-post .post-img{
    height:100%;
    position:relative
}
.blog-section .single-post .post-img .content-date{
    bottom:0;
    color:#fff;
    display:inline-block;
    left:0;
    padding:0 14px;
    position:absolute
}
.blog-section .single-post .post-content{
    padding:13px 0 0 0
}
.blog-section .single-post .post-content .content-title{
    font-size:20px;
    font-weight:600;
    letter-spacing:.1px;
    margin-bottom:6px
}
.blog-section .single-post .post-content .content-description{
    font-size:14px;
    font-weight:400;
    line-height:1.7
}
@media (max-width:991.98px){
    .blog-section .single-post{
        margin-bottom:40px
    }
    .blog-section .single-post .post-content .content-title{
        font-size:20px
    }
}
.contact-section address,.contact-section ul{
    margin:0
}
.contact-section .contact-form .content-title{
    margin-bottom:22px
}
.contact-section .contact-form .form-group{
    margin-bottom:25px
}
.contact-section .contact-form .form-group .form-control{
    background-color:#161616;
    border:none;
    border-bottom:1px solid #1d1d1d;
    border-radius:0;
    font-size:15px;
    height:44px;
    padding:9px 14px
}
.contact-section .contact-form .form-group .form-control:-webkit-autofill,.contact-section .contact-form .form-group .form-control:-webkit-autofill:active,.contact-section .contact-form .form-group .form-control:-webkit-autofill:focus,.contact-section .contact-form .form-group .form-control:-webkit-autofill:hover{
    -webkit-box-shadow:0 0 0 1000px #0b0b0b inset;
    -webkit-text-fill-color:#777!important;
    -webkit-transition:background-color 5000s ease-in-out 0s;
    transition:background-color 5000s ease-in-out 0s
}
.contact-section .contact-form .form-group .form-control::-webkit-input-placeholder{
    color:#777
}
.contact-section .contact-form .form-group .form-control::-moz-placeholder{
    color:#777
}
.contact-section .contact-form .form-group .form-control:-ms-input-placeholder{
    color:#777
}
.contact-section .contact-form .form-group .form-control::-ms-input-placeholder{
    color:#777
}
.contact-section .contact-form .form-group .form-control,.contact-section .contact-form .form-group .form-control::placeholder{
    color:#777
}
.contact-section .contact-form .form-group .form-control:focus{
    box-shadow:none
}
.contact-section .contact-form .form-group.form-message #contact-message{
    height:auto
}
.contact-section .contact-form .form-submit #contact-submit{
    padding:10px 26px
}
.contact-section .contact-form .form-submit #contact-submit.wait{
    background-color:#777!important;
    border-color:#777!important
}
.contact-section .contact-form .form-submit #contact-submit.success{
    background-color:#28a745!important;
    border-color:#28a745!important
}
.contact-section .contact-form .form-submit #contact-submit.error{
    background-color:#dc3545!important;
    border-color:#dc3545!important
}
.contact-section .contact-form .form-submit .contact-feedback{
    display:none;
    margin:0;
    margin-top:8px
}
.contact-section .contact-form .form-submit .contact-feedback.success{
    color:#28a745
}
.contact-section .contact-form .form-submit .contact-feedback.error{
    color:#dc3545
}
.contact-section .contact-info{
    padding-left:15px
}
.contact-section .contact-info .info-description{
    font-size:15px;
    margin-bottom:28px
}
.contact-section .contact-info .list-info>li:first-child .info-icon{
    margin-bottom:13px
}
.contact-section .contact-info .list-info>li:first-child .info-details{
    padding-top:0
}
.contact-section .contact-info .list-info>li:last-child .info-icon{
    margin-top:13px
}
.contact-section .contact-info .list-info>li:last-child .info-details{
    padding-bottom:0
}
.contact-section .contact-info .list-info .info-icon{
    font-size:36px;
    margin-right:50px;
    position:relative
}
.contact-section .contact-info .list-info .info-icon i{
    -webkit-transform:translate(0,-50%);
    left:0;
    line-height:100%;
    position:absolute;
    top:50%;
    transform:translate(0,-50%)
}
.contact-section .contact-info .list-info .info-details{
    border-left:2px solid rgba(255,255,255,.15);
    padding:12px 0 12px 22px
}
.contact-section .contact-info .list-info .info-details .info-type{
    font-size:15px;
    font-weight:600;
    margin-bottom:0
}
.contact-section .contact-info .list-info .info-details .info-value a{
    color:#9f9f9f!important
}
.contact-section .contact-info .list-info .info-details .info-value a:focus,.contact-section .contact-info .list-info .info-details .info-value a:hover{
    color:#797979!important
}
@media (max-width:1199.98px){
    .contact-section .contact-form .form-group{
        margin-bottom:35px
    }
}
@media (max-width:991.98px){
    .contact-section .contact-form{
        margin-bottom:45px
    }
    .contact-section .contact-info{
        padding-left:0
    }
}
@media (max-width:767.98px){
    .contact-section .contact-info .info-description{
        font-size:14px
    }
}
