@import "https://fonts.googleapis.com/css?family=Poppins:400,500,500i,700,900";
body{
    font-family:poppins,sans-serif;
    text-rendering:optimizeLegibility;
    font-size:14px;
    font-weight:400;
    line-height:1.85em
}
a:hover{
    text-decoration:none
}
.section-padding{
    padding:100px 0
}
img{
    width:100%
}
.loader-box{
    position:fixed;
    height:100%;
    width:100%;
    background:#000;
    left:0;
    top:0;
    z-index:999999999
}
.loader-box .middle{
    position:absolute;
    top:50%;
    left:50%
}
.loader-box .middle .bar{
    width:6px;
    height:60px;
    background-color:#1684ca;
    display:inline-block;
    animation:loading 1.5s ease-in-out infinite
}
@keyframes loading{
    0%{
        transform:scaleY(.1);
        background:#000
    }
    50%{
        transform:scaleY(1);
        background:#1684ca
    }
    100%{
        transform:scaleY(.1);
        background:transperent
    }
}
.loader-box .middle .bar .bar1{
    animation-delay:.1s
}
.loader-box .middle .bar .bar2{
    animation-delay:.2s
}
.loader-box .middle .bar .bar3{
    animation-delay:.3s
}
.loader-box .middle .bar .bar4{
    animation-delay:.4s
}
.loader-box .middle .bar .bar5{
    animation-delay:.5s
}
.loader-box .middle .bar .bar6{
    animation-delay:.6s
}
.loader-box .middle .bar .bar7{
    animation-delay:.7s
}
.loader-box .middle .bar .bar8{
    animation-delay:.8s
}
.bg-light{
    background-color:#0e0e0e63!important;
    position:absolute;
    width:100%;
    z-index:9999999;
    border:none;
    margin:0;
    padding:20px 80px
}
.bg-light .navbar-collapse{
    flex-grow:0
}
.bg-light .navbar-collapse .navbar-nav .nav-item{
    margin-left:6px
}
.bg-light .navbar-collapse .navbar-nav .nav-item .nav-link{
    color:#fff;
    font-size:16px;
    margin-left:15px;
    text-transform:capitalize;
    background-color:transparent
}
.bg-light .navbar-collapse .navbar-nav .nav-item .nav-link:focus,.bg-light .navbar-collapse .navbar-nav .nav-item .nav-link:hover{
    color:#1684ca
}
.bg-light .navbar-collapse .navbar-nav .nav-item .nav-link.active,.bg-light .navbar-collapse .navbar-nav .nav-item .nav-link.show{
    color:#ffb200
}
.bg-light .navbar-collapse .navbar-nav .nav-item .nav-link.inverse{
    background-color:#1684ca;
    color:#fff;
    padding:7px 16px;
    border-radius:20px;
    width:100px
}
.bg-light .navbar-collapse .navbar-nav .nav-item .nav-link.inverse:hover{
    color:#feb201;
    background:#fff
}
.bg-light .navbar-collapse .navbar-nav .nav-item .btn{
    color:#fff;
    font-size:16px;
    margin-left:15px;
    text-transform:capitalize;
    background-color:transparent
}
.bg-light .navbar-collapse .navbar-nav .nav-item .btn:hover{
    color:#1684ca
}
.bg-light .navbar-collapse .navbar-nav.active>.nav-link,.bg-light .navbar-collapse .navbar-nav.show>.nav-link{
    color:#1684ca
}
.bg-light .navbar-brand img{
    width:179px;
    height:auto
}
.menu-shrink{
    position:fixed;
    background:#171717cf!important;
    color:#000;
    width:100%;
    padding:10px 40px;
    transition:.4s;
    z-index:9999999;
    top:0;
    box-shadow:0 0 10px 0 rgba(0,0,0,.3)
}
.benner-first-area{
    position:relative;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.benner-first-area:before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:2
}
.parallax-window{
    min-height:100vh;
    background:0 0
}
.benner-text{
    text-align:center;
    max-width:1140px;
    width:100%;
    margin:auto;
    color:#fff;
    padding:0 15px;
    position:absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right:0;
    left:0;
    top:50%;
    z-index:999
}
.benner-text span{
    font-size:16px;
    color:#157fc2;
    font-weight:500;
    margin-bottom:15px;
    text-transform:uppercase;
    display:inline-block
}
.benner-text h1{
    font-size:55px;
    color:#fff;
    font-weight:500;
    margin-bottom:15px
}
.benner-text p{
    font-size:16px;
    color:#fff;
    font-weight:400;
    margin-bottom:20px;
    margin: 20px 28px;
    line-height:28px;
}
.slide-btn{
    font-size:15px;
    color:#fff;
    background-color:#1684ca;
    padding:12px 30px;
    display:inline-block;
    margin-top:20px
}
.slide-btn i{
    margin-left:7px
}
.hvr-bounce-to-right{
    display:inline-block;
    vertical-align:middle;
    transform:translateZ(0);
    box-shadow:0 0 1px transparent;
    backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale;
    transition-duration:.3s;
    transition-property:transform;
    transition-timing-function:ease-out
}
.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{
    transform:translateY(-8px)
}
.hvr-bounce-to-right:before{
    background:#fff
}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{
    color:#fdb101
}
.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{
    transform:translateY(0)
}
.top-bottom-area{
    position:absolute;
    text-align:center;
    bottom:5%;
    left:0;
    right:0;
    margin:auto;
    z-index:999
}
.top-bottom-area .top-bottom{
    position:relative;
    margin:0 auto;
    width:50px;
    height:50px;
    border-radius:9999px;
    background-color:#1684ca;
    text-align:center;
    line-height:50px
}
.top-bottom-area .top-bottom a{
    font-size:25px;
    color:#fff;
    background-color:#1684ca;
    display:inline-block;
    height:50px;
    width:50px;
    line-height:50px;
    text-align:center;
    border-radius:50%
}
.top-bottom-area .top-bottom .btn-wave{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:9999px;
    background-color:#000;
    opacity:0;
    z-index:-1;
    pointer-events:none
}
.top-bottom-area .top-bottom .btn-wave{
    animation:sonarWave 2s linear infinite
}
@keyframes sonarWave{
    from{
        opacity:.4
    }
    to{
        transform:scale(3);
        opacity:0
    }
}
.benner-two-area{
    position:relative;
    background-image:url(../img/banner/banner-2.jpg);
    height:100vh;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed
}
.benner-two-area:before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
#particles-js{
    position:absolute;
    width:100%;
    height:100%;
    z-index:10
}
.benner-three-area{
    position:relative;
    background-image:url(../img/banner/banner-4.jpg);
    height:100vh;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    clear:both;
    -webkit-clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);
    clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)
}
.benner-three-area::before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:2
}
.benner-four-area{
    height:100vh;
    position:relative;
    background-image:url(../img/banner/banner-5.jpg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
    perspective:100px;
    text-align:center;
    transform-style:preserve-3d;
    background-attachment:fixed
}
.benner-four-area::before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
.benner-four-area::after{
    background:#fff;
    content:"";
    height:40rem;
    left:-5%;
    position:absolute;
    right:-5%;
    top:100%;
    -webkit-transform:rotateZ(-4deg);
    transform:rotateZ(-4deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
.benner-five-area{
    height:100vh;
    position:relative;
    clear:both;
    -webkit-clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);
    clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)
}
.benner-five-area .single-slide-item{
    height:100vh;
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.benner-five-area .single-slide-item::before{
    background-color:rgba(20,68,31,.8);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
.benner-five-area .slide-bg-one{
    background-image:url(../img/banner/banner-6.jpg)
}
.benner-five-area .slide-bg-two{
    background-image:url(../img/banner/banner-8.jpg)
}
.benner-five-area .slide-bg-three{
    background-image:url(../img/banner/banner-9.jpg)
}
.home-slider .owl-prev{
    position:absolute;
    top:45%;
    left:0;
    background-color:rgba(0,0,0,.2);
    color:#fff;
    font-size:40px;
    height:70px;
    width:40px;
    line-height:70px;
    text-align:center
}
.home-slider .owl-prev:hover{
    background-color:rgba(255,255,255,.4);
    color:#5bbefd;
    transition:.3s
}
.home-slider .owl-next{
    position:absolute;
    top:45%;
    right:0;
    background-color:rgba(0,0,0,.2);
    color:#fff;
    font-size:40px;
    height:70px;
    width:40px;
    line-height:70px;
    text-align:center
}
.home-slider .owl-next:hover{
    background-color:rgba(255,255,255,.4);
    color:#feb201;
    transition:.3s
}
.benner-six-area{
    height:100vh;
    position:relative
}
.benner-six-area .single-slide-item{
    height:100vh;
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.benner-six-area .single-slide-item::before{
    background-color:#00000061;
    background-image:none;
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
.benner-six-area .slide-bg-one{
    background-image:url(../img/banner/banner-2.jpg)
}
.benner-six-area .slide-bg-two{
    background-image:url(../img/banner/banner-5.jpg)
}
.benner-six-area .slide-bg-three{
    background-image:url(../img/banner/banner-3.jpg)
}
.benner-six-area .slide-bg-four{
    background-image:url(../img/banner/banner-4.jpg)
}
.benner-six-area .slide-bg-five{
    background-image:url(../img/banner/banner-5.jpg)
}
.benner-seven-area{
    position:relative;
    background-image:url(../img/banner/banner-7.jpg);
    height:100vh;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed
}
.benner-seven-area .benner-text{
    text-align:left;
    max-width:1140px;
    margin:auto;
    color:#fff;
    padding:0 15px;
    position:absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right:0;
    left:0;
    top:50%;
    z-index:2
}
.benner-seven-area .benner-text h2{
    margin:20px 0 25px
}
.benner-seven-area .benner-text h2 span{
    color:#1683c9;
    text-transform:capitalize;
    font-size:30px;
    font-weight:500
}
.benner-video-area{
    height:100vh;
    position:relative;
    background-position:center right;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden
}
.benner-video-area:before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
.benner-video-area .video-background{
    position:absolute;
    left:0;
    top:0;
    height:auto;
    min-height:100%;
    min-width:100%;
    z-index:-100
}
.section-title{
    position:relative;
    text-align:center;
    left:0;
    right:0;
    margin:auto auto 60px
}
.section-title span{
    font-size:16px;
    color:#feb201;
    margin-bottom:10px;
    font-weight:500;
    text-transform:uppercase
}
.section-title h2{
    font-size:40px;
    color:#222;
    font-weight:500;
    margin-bottom:15px
}
.section-title p{
    font-size:17px;
    color:#505050;
    margin-bottom:0
}
.features-area .features-single-item{
    position:relative;
    text-align:center
}
.features-area .features-single-item i{
    font-size:38px;
    color:#1684ca;
    background-color:#fff3f3;
    display:inline-block;
    height:70px;
    width:70px;
    line-height:70px;
    text-align:center;
    border-radius:50%;
    transition:.3s
}
.features-area .features-single-item:hover i{
    color:#fff3f3;
    background-color:#1580c3;
    transition:.3s
}
.features-area .features-single-item:hover .features-icon .features-wave{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    width:70px;
    height:70px;
    border-radius:9999px;
    background-color:#1684ca;
    opacity:0;
    z-index:-1;
    pointer-events:none
}
.features-area .features-single-item .features-icon .features-wave{
    animation:sonarWave 2s linear infinite
}
@keyframes sonarWave{
    from{
        opacity:.4
    }
    to{
        transform:scale(3);
        opacity:0
    }
}
.features-area .features-single-item h3{
    font-size:25px;
    color:#222;
    font-weight:500;
    margin:15px 0
}
.features-area .features-single-item p{
    font-size:15px;
    line-height:28px;
    color:#505050;
    margin:0
}
.skill-area{
    position:relative;
    background-color:#fff8f8
}
.skill-area .skill-img{
    position:relative;
    background-image:url(../img/section-bg/skill-img.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%
}
.skill-area .skill-pd{
    padding:30px
}
.skill-area .skill-pd .skill-text-area{
    position:relative;
    background-color:#fff;
    padding:50px
}
.skill-area .skill-pd .skill-text-area .section-title h2{
    font-size:30px
}
.skill-area .skill-pd .skill-text-area .skills,.skill-area .skill-pd .skill-text-area .skills .skill,.skill-area .skill-pd .skill-text-area .skills .skill .skill-title,.skill-area .skill-pd .skill-text-area .skills .skill .skill-bar{
    width:100%
}
.skill-area .skill-pd .skill-text-area .skills{
    padding:0 15px
}
.skill-area .skill-pd .skill-text-area .skills .skill{
    margin-bottom:30px
}
.skill-area .skill-pd .skill-text-area .skills .skill .skill-title{
    color:#000;
    margin-bottom:10px;
    font-weight:400;
    font-size:14px
}
.skill-area .skill-pd .skill-text-area .skills .skill .skill-bar{
    width:0;
    height:6px;
    background:#f0f0f0;
    transition:1s cubic-bezier(1,0,.5,1);
    -webkit-transition:1s cubic-bezier(1,0,.5,1);
    -ms-transition:1s cubic-bezier(1,0,.5,1)
}
.skill-area .skill-pd .skill-text-area .skills .skill .skill-bar span{
    float:left;
    width:0%;
    background:#1684ca;
    height:6px;
    position:relative;
    transition:1s cubic-bezier(1,0,.5,1);
    -webkit-transition:1s cubic-bezier(1,0,.5,1);
    -ms-transition:1s cubic-bezier(1,0,.5,1)
}
.skill-area .skill-pd .skill-text-area .skills .skill .skill-bar span b{
    float:left;
    width:100%;
    position:relative;
    text-align:right;
    opacity:0;
    font-size:14px;
    color:#1684ca;
    font-weight:400;
    top:-35px
}
.skill-area .skill-pd .skill-text-area .skills.active .skill .skill-bar{
    width:100%
}
.services-area{
    position:relative;
    padding-bottom:70px
}
.services-area .container{
    padding-top:0
}
.services-area .single-services{
    padding:30px 15px;
    position:relative;
    text-decoration:none;
    background:0 0;
    transition:all ease .5s;
    background-color:#f7f8fa;
    text-align:center;
    margin-bottom:30px
}
.services-area .single-services:before{
    display:none;
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-style:solid;
    border-width:0 0 0 0;
    border-color:#fff3f3 #fff;
    transition:all ease .3s
}
.services-area .single-services:hover:before{
    background-color:#1684ca;
    border-width:0 50px 50px 0;
    border-color:#fff3f3 #fff
}
.services-area .single-services .services-text h3{
    font-size:24px;
    color:#000;
    margin:15px 0
}
.services-area .single-services .services-text p{
    font-size:15px;
    color:#404040;
    line-height:26px;
    margin:0;
    text-align:justify
}
.services-area .single-services i{
    color:#1684ca;
    font-size:40px
}
.talk-area{
    position:relative;
    background-image:url(../img/section-bg/telk-img.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    height:500px
}
.talk-area:before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
.talk-area .talk-head{
    text-align:center;
    max-width:1140px;
    width:100%;
    margin:auto;
    color:#fff;
    padding:0 15px;
    position:absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right:0;
    left:0;
    top:50%
}
.talk-area .talk-head p{
    font-size:15px;
    margin-bottom:20px
}
.talk-area .talk-head h2{
    font-size:46px;
    font-weight:500;
    margin-bottom:25px
}
.protfolio-area{
    position:relative;
    padding-bottom:70px
}
.protfolio-area .col-lg-4{
    padding-left:25px;
    padding-right:25px
}
.protfolio-area .shorting-menu-area{
    text-align:center;
    left:0;
    right:0;
    position:relative;
    margin:auto;
    margin-bottom:40px
}
.protfolio-area .shorting-menu-area button{
    border:none;
    background-color:transparent;
    cursor:pointer;
    font-size:18px;
    color:#555;
    padding:0 15px
}
.protfolio-area .shorting-menu-area button:hover,.protfolio-area .shorting-menu-area button.active{
    color:#1684ca;
    transition:.3s
}
.protfolio-area .shorting-menu-area button:focus{
    outline:none;
    outline:none
}
.protfolio-area .shorting-menu-area .filter.active:active{
    color:#1684ca
}
.protfolio-area .single-work{
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    width:100%
}
.protfolio-area .single-work:after,.protfolio-area .single-work:before, .defaul-single-work:before, .defaul-single-work:after{
    width:100%;
    transition:all .3s ease 0s;
    content:"";
    height:50%;
    background:rgba(0,0,0,.5);
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    transform-origin:100% 0;
    transform:rotateZ(90deg)
}
.protfolio-area .single-work:after, .defaul-single-work:after{
    top:auto;
    bottom:0;
    transform-origin:0 100%
}
.protfolio-area .single-work:hover:after,.protfolio-area .single-work:hover:before, .protfolio-area .defaul-single-work:before, .protfolio-area .defaul-single-work:after{
    transform:rotateZ(0)
}
.protfolio-area .single-work img{
    width:100%;
    transition:all .3s ease 0s;
    height:auto;
    transform:scale(1) rotate(0)
}
.protfolio-area .single-work:hover img{
    transform:scale(1.2)
}
.protfolio-area .single-work .work-icon li a{
    text-align:center
}
.protfolio-area .single-work .title{
    letter-spacing:1px;
    margin:0;
    position:absolute;
    font-size:19px;
    font-weight:600;
    color:#fff;
    text-transform:uppercase;
    text-shadow:none;
    top:45%;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    opacity:0;
    z-index:2;
    transform:scale(0);
    transition:all .5s ease .2s
}
.protfolio-area .single-work:hover .title, .protfolio-area .defaul-single-work .title{
    opacity:1;
    transform:scale(1)
}
.protfolio-area .single-work .work-icon{
    margin:0;
    position:absolute;
    padding:7px 5px;
    list-style:none;
    background:#1684ca;
    border-radius:0 0 0 10px;
    top:-100%;
    right:0;
    z-index:2;
    transition:all .3s ease .2s
}
.protfolio-area .single-work .work-icon li{
    display:block;
    margin:10px 0
}
.protfolio-area .single-work .work-icon li a{
    display:block;
    width:35px;
    height:35px;
    line-height:35px;
    border-radius:50%;
    font-size:18px;
    color:#fff;
    transition:all .3s ease 0s
}
.protfolio-area .single-work .work-icon li a:hover{
    color:#fff;
    box-shadow:0 0 0 3px #fff
}
.protfolio-area .single-work:hover .work-icon{
    top:0
}
.chooes-us-area{
    position:relative;
    background-color:#fff8f8
}
.chooes-us-area .chooes-pd{
    padding:30px
}
.chooes-us-area .chooes-pd .chooes-text-area{
    position:relative;
    background-color:#fff;
    padding:50px
}
.chooes-us-area .chooes-pd .chooes-text-area .section-title h2{
    font-size:30px
}
.chooes-us-area #accordion-style .btn-link{
    font-weight:400;
    background-color:transparent;
    text-decoration:none!important;
    font-size:16px;
    font-weight:700;
    padding-left:25px
}
.chooes-us-area .card{
    border:none
}
.chooes-us-area .card .card-header{
    padding:5px 1.25rem;
    background-color:#1a7fc0;
    border-bottom:none;
    margin-bottom:10px;
    border-radius:30px!important;
    box-shadow:0 3px 10px rgba(0,0,0,.6)
}
.chooes-us-area .card .card-header .btn-link:hover,.chooes-us-area .card .card-header .btn-link:active,.chooes-us-area .card .card-header .btn-link.active{
    color:#fff!important;
    text-decoration:none;
    background-color:transparent;
    border-color:transparent
}
.chooes-us-area .card .card-header .btn-link:focus{
    text-decoration:none;
    border-color:transparent;
    box-shadow:none
}
.chooes-us-area .card .card-header .btn-block{
    display:block;
    width:100%;
    color:#fff
}
.chooes-us-area .card .card-header .btn.collapsed .fa.main{
    display:none
}
.chooes-us-area .card .card-header .btn .fa.main{
    padding:13px 11px;
    color:#fff;
    width:35px;
    height:41px;
    position:absolute;
    left:-1px;
    top:10px;
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
    display:block
}
.chooes-us-area .card .card-body{
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1.25rem;
    background-color:transparent;
    font-size:16px;
    line-height:28px
}
.chooes-us-area .card b,.chooes-us-area .card strong{
    font-weight:bolder;
    color:#feb201
}
.chooes-us-area .chooes-us-img{
    position:relative;
    background-image:url(../img/section-bg/chooes-img.jpg);
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.chooes-us-area .chooes-us-img .redbg{
    background-color:#1684ca!important
}
.chooes-us-area .chooes-us-img .play-btn{
    height:70px;
    width:70px;
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    margin:-30px 0 0 -30px;
    border-radius:100px;
    z-index:1
}
.chooes-us-area .chooes-us-img .play-btn i{
    line-height:70px;
    font-size:30px;
    color:#fff;
    text-align:center;
    position:relative;
    left:2px
}
.chooes-us-area .chooes-us-img .play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:50%;
    top:50%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}
.chooes-us-area .chooes-us-img .play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.chooes-us-area .chooes-us-img .play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.team-area .single-team{
    text-align:center;
    color:#fff;
    position:relative
}
.team-area .single-team:after{
    width:100%;
    position:absolute;
    left:0;
    content:"";
    height:100%;
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.08) 69%,rgba(0,0,0,0.76) 100%);
    top:0;
    transition:all .5s ease 0s
}
.team-area .single-team:hover:after{
    background:linear-gradient(to bottom,rgba(0,0,0,0.01) 0,rgba(0,0,0,0.09) 11%,rgba(0,0,0,0.12) 13%,rgba(0,0,0,0.19) 20%,rgba(0,0,0,0.29) 28%,rgba(0,0,0,0.29) 29%,rgba(0,0,0,0.42) 38%,rgba(0,0,0,0.46) 43%,rgba(0,0,0,0.53) 47%,rgba(0,0,0,0.75) 69%,rgba(0,0,0,0.87) 84%,rgba(0,0,0,0.98) 99%,rgba(0,0,0,0.94) 100%)
}
.team-area .single-team .team-content{
    width:100%;
    position:absolute;
    left:0
}
.team-area .single-team .post,.team-area .single-team .title{
    transform:translateY(145px);
    transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s
}
.team-area .single-team img{
    width:100%;
    height:auto
}
.team-area .single-team .team-content{
    padding:20px;
    margin-bottom:20px;
    bottom:0;
    z-index:1
}
.team-area .single-team .title{
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
    margin:0 0 10px
}
.team-area .single-team .post{
    display:block;
    padding:8px 0;
    font-size:15px
}
.team-area .single-team:hover .post,.team-area .single-team:hover .title{
    transform:translateY(0)
}
.team-area .single-team .social{
    list-style:none;
    padding:0 0 5px;
    margin:40px 0 25px;
    opacity:0;
    position:relative;
    transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
    transition:all .6s cubic-bezier(0,0,.58,1) 0s
}
.team-area .single-team .social:before{
    content:"";
    width:50px;
    height:2px;
    background:#fff;
    margin:0 auto;
    position:absolute;
    top:-23px;
    left:0;
    right:0
}
.team-area .single-team .social li{
    display:inline-block
}
.team-area .single-team .social li a{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    background:#1684ca;
    margin-right:10px;
    transition:all .3s ease 0s;
    border-radius:50%;
    font-size:20px;
    color:#fff
}
.team-area .single-team .social li a:hover{
    background:#fff;
    color:#1684ca
}
.team-area .single-team .social li:last-child a{
    margin-right:0
}
.team-area .single-team:hover .social{
    opacity:1;
    transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)
}
.team-area .single-team .icon li{
    display:inline-block
}
.pricing-area{
    position:relative;
    background-color:#fff8f8
}
.pricing-area .single-price{
    background:#fff;
    padding-bottom:20px;
    overflow:hidden;
    transition:.3s
}
.pricing-area .single-price:hover{
    box-shadow:0 0 40px 1px rgba(0,0,0,.17)
}
.pricing-area .single-price .price-header{
    margin-bottom:40px;
    position:relative;
    z-index:1
}
.pricing-area .single-price .price-header:before{
    content:"";
    width:100%;
    height:150%;
    background:#1684ca;
    position:absolute;
    top:-90%;
    left:-20%;
    z-index:-1;
    transform:rotate(-42deg)
}
.pricing-area .single-price .price-header:after{
    content:"";
    width:100%;
    height:190%;
    background:#469bd2;
    position:absolute;
    top:-76%;
    right:-16%;
    z-index:-2;
    transform:rotate(20deg)
}
.pricing-area .single-price .price-value{
    display:block;
    width:50%;
    padding:30px 0;
    color:#fff;
    line-height:20px;
    float:left;
    font-size:30px;
    position:relative;
    top:10px;
    left:20px
}
.pricing-area .single-price .title{
    display:inline-block;
    width:50%;
    padding:30px 0;
    color:#fff;
    line-height:20px;
    margin:0;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
    position:relative;
    top:10px;
    right:7px
}
.pricing-area .single-price .currency{
    font-size:20px;
    position:relative;
    top:-10px;
    right:-3px
}
.pricing-area .single-price .pricing-list{
    list-style:none;
    padding:0;
    margin:71px 0 50px;
    text-align:center;
    clear:both
}
.pricing-area .single-price .pricing-list li{
    font-size:17px;
    color:#828282;
    line-height:40px
}
.pricing-area .single-price .price-btn{
    display:block;
    width:80%;
    padding:10px 0;
    text-align:center;
    border:1px solid #1684ca;
    border-radius:40px;
    margin:0 auto;
    font-size:18px;
    color:#1684ca;
    z-index:1;
    text-transform:uppercase;
    overflow:hidden;
    position:relative
}
.pricing-area .single-price .price-btn:after,.pricing-area .single-price .price-btn:before{
    content:"";
    border-width:0;
    border-style:solid;
    position:absolute;
    z-index:-1;
    transition:all .7s ease 0s
}
.pricing-area .single-price .price-btn:before{
    border-color:transparent transparent transparent #1684ca;
    bottom:0;
    left:0
}
.pricing-area .single-price .price-btn:after{
    border-color:transparent #1684ca transparent transparent;
    top:0;
    right:0
}
.pricing-area .single-price .price-btn:hover:after,.pricing-area .single-price .price-btn:hover:before{
    border-width:150px 262px
}
.counter-area{
    position:relative;
    background-image:url(../img/section-bg/counter-img.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed
}
.counter-area::before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
.counter-area .single-counter-item{
    position:relative;
    color:#fff
}
.counter-area .single-counter-item i{
    font-size:40px;
    position:absolute;
    top:0;
    left:0;
    width:75px;
    text-align:center;
    color:#1684ca
}
.counter-area .single-counter-item .counter-text{
    padding-left:85px
}
.counter-area .single-counter-item .counter-text h3{
    font-size:30px;
    font-weight:600;
    margin-bottom:10px
}
.counter-area .single-counter-item .counter-text p{
    font-size:16px;
    margin-bottom:0
}
.event-area .event-single-item{
    width:100%;
    background:#fff;
    box-shadow:0 0 5px -1px rgba(151,171,187,.7);
    transform-style:preserve-3d;
    transition:.3s
}
.event-area .event-single-item:hover{
    box-shadow:0 0 40px 1px rgba(0,0,0,.17)
}
.event-area .event-single-item .event-header{
    border-bottom:1px solid #ebeff2;
    border-top:1px solid #ebeff2;
    padding:19px 0;
    text-align:center;
    color:#000;
    font-weight:600;
    font-size:21px;
    position:relative
}
.event-area .event-single-item .event-img{
    padding:5px 5px 0
}
.event-area .event-single-item .event-img img{
    width:100%;
    border-radius:5px
}
.event-area .event-single-item .dates{
    border:1px solid #ebeff2;
    border-radius:5px;
    padding:20px 0;
    margin:10px 5px;
    font-size:14px;
    color:#1684ca;
    font-weight:600;
    overflow:auto
}
.event-area .event-single-item .dates div{
    float:left;
    width:50%;
    text-align:center;
    position:relative
}
.event-area .event-single-item .dates span{
    width:1px;
    height:40px;
    position:absolute;
    right:0;
    top:0;
    background:#ebeff2
}
.event-area .event-single-item .dates strong,.event-area .event-single-item .stats strong{
    display:block;
    color:#adb8c2;
    font-size:11px;
    font-weight:700
}
.event-area .event-single-item .stats{
    border-top:1px solid #ebeff2;
    background:#f7f8fa;
    overflow:auto;
    padding:15px 0;
    font-size:16px;
    color:#59687f;
    font-weight:600;
    border-radius:0 0 5px 5px
}
.event-area .event-single-item .stats div{
    border-right:1px solid #ebeff2;
    width:33.33333%;
    float:left;
    text-align:center
}
.event-area .event-single-item .stats div:nth-of-type(3){
    border:none
}
.event-area .event-single-item .event-text{
    border-top:1px solid #ebeff2;
    background:#f7f8fa;
    overflow:auto;
    padding:15px 20px;
    text-align:center
}
.event-area .event-single-item .event-text p{
    font-size:14px;
    color:#59687f;
    margin:0
}
.event-area .event-single-item .event-btn{
    text-align:center;
    position:relative;
    margin:auto
}
.event-area .event-single-item .event-btn a.Cbtn{
    text-align:center;
    padding:10px 50px;
    background-color:transparent;
    color:#1684ca;
    text-decoration:none;
    border:1px solid #1684ca;
    font-size:15px;
    transition:.3s;
    display:inline-block;
    margin:15px 0
}
.event-area .event-single-item .event-btn a.Cbtn:hover{
    background-color:#1684ca;
    color:#fff
}
.blog-area{
    position:relative;
    background-color:#fff8f8
}
.blog-area .blog-next{
    position:relative;
    text-align:center;
    margin-top:50px
}
.blog-area .blog-next a{
    background-color:#1684ca;
    border:1px solid #1684ca;
    color:#fff;
    padding:10px 20px;
    transition:.3s
}
.blog-area .blog-next a:hover{
    background-color:transparent;
    border:1px solid #1684ca;
    color:#1684ca
}
.single-blog{
    position:relative;
    background-color:#fff;
    transition:.3s
}
.single-blog:hover{
    box-shadow:0 0 40px 1px rgba(0,0,0,.17)
}
.single-blog .blog-img{
    position:relative;
    overflow:hidden
}
.single-blog .blog-img img{
    transition:all .6s
}
.single-blog .blog-img .tag{
    position:absolute;
    bottom:0;
    left:10px;
    background-color:#1684ca;
    color:#fff;
    font-size:18px;
    font-weight:500;
    display:inline-block;
    height:50px;
    width:50px;
    text-align:center;
    line-height:20px;
    padding:5px 0
}
.single-blog:hover .blog-img img{
    transform:scale(1.1,1.1)
}
.single-blog .blog-text{
    position:relative;
    padding:30px 15px;
    text-align:left
}
.single-blog .blog-text a{
    font-size:21px;
    font-weight:600;
    color:#000;
    position:relative;
    display:inline-block;
    margin-bottom:15px;
    transition:.3s
}
.single-blog .blog-text a:hover{
    color:#1684ca
}
.single-blog .blog-text p{
    font-size:15px;
    font-weight:400;
    color:#404040;
    margin-bottom:20px
}
.single-blog .blog-text .more-btn{
    text-transform:none;
    background-color:transparent;
    border:1px solid #1684ca;
    color:#1684ca;
    height:40px;
    width:150px;
    cursor:pointer;
    -webkit-transition:.3s;
    transition:.3s;
    text-align:center;
    font-size:15px;
    line-height:36px;
    margin-bottom:0
}
.single-blog .blog-text .more-btn:hover{
    background-color:#1684ca;
    border:1px solid #1684ca;
    color:#fff
}
.client-say-area{
    position:relative
}
.client-say-area .client-slider{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    overflow:hidden;
    cursor:grab
}
.client-say-area .client-slider .testimonials-wrapper{
    width:95%;
    max-width:500px;
    margin:0 auto
}
.client-say-area .client-slider .testimonials-wrapper h4{
    font-size:15px;
    font-weight:400;
    line-height:23px;
    position:relative;
    padding:30px;
    color:#fff;
    border-radius:5px;
    background:#1684ca;
    box-shadow:5px 5px 5px 0 rgba(23,23,25,.3)
}
.client-say-area .client-slider .testimonials-wrapper .testimonials-blob{
    border-radius:100%
}
.client-say-area .client-slider .testimonials-wrapper .testimonials-blob{
    position:relative;
    left:80%;
    width:3px;
    height:3px;
    transform:rotate(45deg)
}
.client-say-area .client-slider .testimonials-wrapper .testimonials-img{
    border-radius:100%
}
.client-say-area .client-slider .testimonials-wrapper .testimonials-img{
    position:relative;
    left:50%;
    overflow:hidden!important;
    width:100px;
    height:100px;
    margin-bottom:10px;
    margin-left:-50px;
    box-shadow:0 0 0 5px #1684ca;
    transition:all ease-out .5s;
    transform:translateY(-30%);
    filter:brightness(2)
}
.client-say-area .client-slider .testimonials-wrapper .testimonials-person-info{
    text-align:center;
    color:#000
}
.client-say-area .client-slider .testimonials-wrapper .testimonials-person-info p{
    margin:0
}
.client-say-area .client-slider .testimonials-wrapper .testimonials-person-info p b,.client-say-area .client-slider .testimonials-wrapper .testimonials-person-info p strong{
    font-weight:bolder;
    color:#1684ca
}
@keyframes anim{
    0%{
        opacity:0;
        box-shadow:0 0 0 0 #1684ca,0 0 0 0 #1684ca
    }
    50%{
        box-shadow:0 15px 0 0 #1684ca,0 0 0 0 #1684ca
    }
    100%{
        opacity:1;
        background:#1684ca;
        box-shadow:0 15px 0 4px #1684ca,0 35px 0 6px #1684ca
    }
}
.client-say-area .client-slider:active{
    cursor:grabbing
}
.client-say-area .client-slider .owl-item{
    overflow:hidden;
    transition:all ease-out .3s;
    transform:scale(.7);
    opacity:0
}
.client-say-area .client-slider .owl-item.active{
    transform:scale(1);
    opacity:1
}
.client-say-area .client-slider .owl-prev{
    position:absolute;
    top:45%;
    left:0;
    background-color:transparent;
    color:#000;
    font-size:40px;
    height:70px;
    width:40px;
    line-height:70px;
    text-align:center
}
.client-say-area .client-slider .owl-prev:hover{
    color:#1684ca;
    transition:.3s
}
.client-say-area .client-slider .owl-next{
    position:absolute;
    top:45%;
    right:0;
    background-color:transparent;
    color:#000;
    font-size:40px;
    height:70px;
    width:40px;
    line-height:70px;
    text-align:center
}
.client-say-area .client-slider .owl-next:hover{
    color:#1684ca;
    transition:.3s
}
.client-say-area .client-slider .active .testimonials-img{
    transform:translateY(0);
    filter:brightness(1)
}
.client-say-area .client-slider .active .testimonials-blob{
    transform-origin:50% 50%;
    animation:anim linear .5s;
    animation-iteration-count:1;
    animation-fill-mode:forwards
}
.client-area{
    position:relative;
    border-top:1px solid #f1f1f1
}
.client-area .clients-img{
    position:relative;
    text-align:center
}
.client-area .clients-img img{
    width:50%!important;
    position:relative;
    display:inline-block;
    left:0;
    right:0;
    margin:auto;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    transition:filter ease-in-out .2s
}
.client-area .clients-img img:hover{
    -webkit-filter:none;
    filter:none
}
.subscribe-area{
    position:relative;
    background-color:#1684ca;
    height:300px
}
.subscribe-area .subscribe-head{
    text-align:center;
    max-width:1140px;
    margin:auto;
    color:#fff;
    padding:0 15px;
    position:absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right:0;
    left:0;
    top:50%;
    margin:auto
}
.subscribe-area .subscribe-head h2{
    color:#fff;
    font-size:40px;
    font-weight:600;
    letter-spacing:0;
    line-height:30px;
    margin:0 0 30px;
    text-transform:capitalize
}
.subscribe-area .subscribe-head h2 span{
    color:#000
}
.subscribe-area .subscribe-head p{
    color:#fff;
    font-size:16px;
    line-height:22px;
    margin:0 0 40px
}
.subscribe-area .subscribe-head .form-section input[type=email]{
    border:0;
    border-radius:25px;
    color:#9b9b9b;
    font-size:16px;
    font-style:normal;
    height:50px;
    letter-spacing:0;
    text-align:left;
    width:460px;
    padding:0 30px
}
.subscribe-area .subscribe-head .form-section input[type=email]:focus{
    outline:none
}
.subscribe-area .subscribe-head .form-section button{
    background:#1684ca none repeat scroll 0 0;
    border:0;
    border-radius:25px;
    color:#fff;
    height:51px;
    letter-spacing:0;
    margin-left:-60px;
    padding:0 40px;
    cursor:pointer;
    box-shadow:0 0 30px #000;
    transition:.3s
}
.subscribe-area .subscribe-head .form-section button i{
    font-size:24px;
    margin-left:10px;
    position:relative;
    top:2px
}
.subscribe-area .subscribe-head .form-section button:hover{
    box-shadow:none;
    background-color:#000
}
.subscribe-area #validator-newsletter{
    font-size:16px;
    margin-top:10px
}
.contact-area{
    position:relative;
    background-image:url(../img/section-bg/contact-img.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed
}
.contact-area::before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0
}
.contact-area .section-title h2,.contact-area .section-title p{
    color:#fff
}
.contact-area .single-contact{
    position:relative;
    text-align:center;
    background:rgba(0,0,0,.4);
    color:#fff;
    padding:30px 0
}
.contact-area .single-contact i{
    font-size:40px;
    margin-bottom:15px;
    display:inline-block;
    color:#feb201
}
.contact-area .single-contact h5{
    font-size:21px;
    font-weight:600;
    margin-bottom:15px
}
.contact-area .single-contact p{
    font-size:16px;
    line-height:30px;
    margin-bottom:0
}
.contact-area .single-contact a{
    color:#fff
}
.contact-area .contact-form{
    position:relative;
    margin-top:60px;
    background:rgba(0,0,0,.4);
    color:#fff;
    padding:30px
}
.contact-area .contact-form .form-control{
    width:100%;
    height:60px;
    color:#fff;
    background-color:transparent;
    border:1px solid #fff;
    border-radius:0;
    padding:0 20px
}
.contact-area .contact-form .form-control:focus{
    color:#fff;
    background-color:transparent;
    border-color:#feb201;
    outline:0;
    box-shadow:none
}
.contact-area .contact-form .form-controls{
    width:100%;
    height:250px;
    color:#fff;
    background-color:transparent;
    border:1px solid #fff;
    border-radius:0;
    padding:15px
}
.contact-area .contact-form .form-controls:focus{
    color:#fff;
    background-color:transparent;
    border-color:#1684ca;
    outline:0;
    box-shadow:none
}
.contact-area .contact-form .contact-btn{
    position:relative;
    text-align:center
}
.contact-area .contact-form .contact-btn button{
    background-color:transparent;
    color:#fff;
    border:1px solid #fff;
    height:50px;
    width:200px;
    cursor:pointer;
    transition:.3s
}
.contact-area .contact-form .contact-btn button:hover,.contact-area .contact-form .contact-btn button:focus{
    background-color:#1684ca;
    color:#fff;
    border:1px solid #1684ca;
    outline:none
}
.contact-area .contact-form .list-unstyled li{
    color:#feb201;
    margin-top:10px
}
.contact-area .contact-form .text-danger{
    color:#1684ca!important;
    text-align:center!important;
    margin-top:20px
}
.footer-area{
    position:relative;
    background-color:#000;
    padding:40px 0
}
.footer-area .footer-text{
    position:relative;
    text-align:center
}
.footer-area .footer-text img{
    width:unset
}
.footer-area .footer-text ul{
    list-style:none;
    margin-bottom:20px;
    padding:0
}
.footer-area .footer-text ul li{
    display:inline-block;
    margin:0 5px
}
.footer-area .footer-text ul li a{
    font-size:20px;
    color:#1684ca;
    background-color:#fff;
    display:inline-block;
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    transition:.3s
}
.footer-area .footer-text ul li a:hover{
    color:#fff;
    background-color:#1684ca
}
.footer-area .footer-text p{
    font-size:16px;
    color:#fff;
    margin:0
}
.blog-benner-area{
    position:relative;
    background-image:url(../img/banner/banner-5.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:400px
}
.blog-benner-area:before{
    background:rgba(0,0,0,.7);
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:2
}
.blog-benner-area .blog-benner-text{
    text-align:center;
    max-width:1140px;
    margin:auto;
    color:#fff;
    padding:0 15px;
    position:absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right:0;
    left:0;
    top:50%;
    z-index:999
}
.blog-benner-area .blog-benner-text h1{
    font-size:38px;
    font-weight:600;
    margin-bottom:10px
}
.blog-benner-area .blog-benner-text p{
    font-size:18px;
    margin-bottom:20px
}
.blog-benner-area .blog-benner-text ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-benner-area .blog-benner-text ul li{
    display:inline-block;
    font-size:18px;
    font-weight:600;
    margin:0 5px
}
.blog-benner-area .blog-benner-text ul li i{
    position:relative;
    margin-left:8px;
    top:1px
}
.blog-benner-area .blog-benner-text ul li a{
    font-size:18px;
    font-weight:500;
    color:#1684ca;
    transition:.3s
}
.blog-benner-area .blog-benner-text ul li a:hover{
    color:#fff
}
.blog-gird-area{
    position:relative;
    background-color:#fff8f8;
    padding-bottom:70px
}
.blog-gird-area .single-blog{
    margin-bottom:30px
}
.single-blog-area{
    position:relative
}
.single-blog-area .single-blog-left .single-blog-title{
    position:relative;
    margin:20px 0 15px
}
.single-blog-area .single-blog-left .single-blog-title a{
    font-size:30px;
    color:#000;
    font-weight:600;
    margin-bottom:15px;
    display:inline-block;
    transition:.3s
}
.single-blog-area .single-blog-left .single-blog-title a:hover{
    color:#1684ca
}
.single-blog-area .single-blog-left .single-blog-title p{
    font-size:14px;
    margin-bottom:0;
    color:#000
}
.single-blog-area .single-blog-left .single-blog-title p b{
    color:#1684ca;
    margin-left:5px
}
.single-blog-area .single-blog-left .blog-para p{
    font-size:15px;
    color:#000;
    line-height:28px;
    margin-bottom:10px
}
.single-blog-area .single-blog-left .blog-tag{
    margin:20px 0
}
.single-blog-area .single-blog-left .blog-tag ul{
    list-style:none;
    margin:0;
    padding:0
}
.single-blog-area .single-blog-left .blog-tag ul li{
    display:inline-block;
    margin-right:5px
}
.single-blog-area .single-blog-left .blog-tag ul li a{
    font-size:15px;
    color:#999;
    transition:.3s
}
.single-blog-area .single-blog-left .blog-tag ul li a:hover{
    color:#1684ca
}
.single-blog-area .single-blog-left .comment-area{
    position:relative;
    margin-bottom:30px
}
.single-blog-area .single-blog-left .comment-area h3{
    background-color:#1684ca;
    padding:8px 10px;
    color:#fff;
    font-size:21px;
    margin-bottom:30px
}
.single-blog-area .single-blog-left .comment-area .single-comment{
    margin-bottom:20px;
    background-color:#f2f2f2;
    padding:15px
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-img{
    margin-top:3px;
    position:relative;
    width:90px;
    height:90px
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details{
    padding:0 5px
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details .comment-title{
    position:absolute
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details .comment-title h5{
    font-size:16px;
    color:#000;
    margin-bottom:3px
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details .comment-title p{
    margin:0;
    font-size:14px
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details .reply-btn{
    position:relative;
    text-align:right
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details .reply-btn a{
    font-size:14px;
    color:#1684ca;
    transition:.3s
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details .reply-btn a:hover{
    color:#000
}
.single-blog-area .single-blog-left .comment-area .single-comment .comment-details p{
    position:relative;
    margin-top:25px;
    font-size:15px;
    line-height:22px;
    margin-bottom:0
}
.single-blog-area .single-blog-left .comment-area .ml-30{
    margin-left:30px
}
.single-blog-area .single-blog-left .leave-comment h4{
    background-color:#1684ca;
    padding:8px 10px;
    color:#fff;
    font-size:21px;
    margin-bottom:30px
}
.single-blog-area .single-blog-left .leave-comment .contact-form .form-control{
    color:#000;
    background-color:#fff;
    border:1px solid #1684ca;
    border-radius:0
}
.single-blog-area .single-blog-left .leave-comment .contact-form .form-control:hover,.single-blog-area .single-blog-left .leave-comment .contact-form .form-control:focus{
    border:1px solid #1684ca;
    box-shadow:none;
    outline:none
}
.single-blog-area .single-blog-left .leave-comment .contact-form .form-controls{
    width:100%;
    height:150px;
    color:#000;
    background-color:#fff;
    border:1px solid #1684ca;
    border-radius:0;
    padding:10px
}
.single-blog-area .single-blog-left .leave-comment .contact-form .form-controls:hover,.single-blog-area .single-blog-left .leave-comment .contact-form .form-controls:focus{
    border:1px solid #1684ca;
    box-shadow:none;
    outline:none
}
.single-blog-area .single-blog-left .leave-comment .contact-form .contact-btn{
    position:relative;
    text-align:center
}
.single-blog-area .single-blog-left .leave-comment .contact-form .contact-btn button{
    text-transform:none;
    border:none;
    background-color:#1684ca;
    color:#fff;
    font-size:15px;
    padding:6px 20px;
    transition:.3s;
    cursor:pointer
}
.single-blog-area .single-blog-left .leave-comment .contact-form .contact-btn button:hover{
    background-color:#000
}
.single-blog-area .single-blog-right .left-title{
    position:relative;
    background-color:#1684ca;
    padding:10px 15px;
    margin-bottom:30px
}
.single-blog-area .single-blog-right .left-title h3{
    font-size:20px;
    font-weight:500;
    color:#fff;
    margin:0;
    text-transform:capitalize
}
.single-blog-area .single-blog-right .our-blog{
    margin-bottom:30px
}
.single-blog-area .single-blog-right .our-blog p{
    font-size:15px;
    color:#000;
    margin:0
}
.single-blog-area .single-blog-right .serche-bar{
    margin-bottom:30px
}
.single-blog-area .single-blog-right .serche-bar input{
    width:80%;
    border:1px solid #000;
    transition:.3s;
    padding:5px 10px
}
.single-blog-area .single-blog-right .serche-bar input:hover,.single-blog-area .single-blog-right .serche-bar input:focus{
    border:1px solid #1684ca;
    box-shadow:none;
    outline:none
}
.single-blog-area .single-blog-right .serche-bar button{
    text-transform:none;
    width:20%;
    margin-left:-4px;
    padding:6px;
    border:none;
    background-color:#1684ca;
    color:#fff;
    cursor:pointer;
    transition:.3s
}
.single-blog-area .single-blog-right .serche-bar button:hover{
    background-color:#000;
    color:#fff
}
.single-blog-area .single-blog-right .recent-blog{
    margin-bottom:30px
}
.single-blog-area .single-blog-right .recent-blog .single-list{
    position:relative;
    padding:15px;
    background-color:#f2f2f2;
    margin-bottom:15px
}
.single-blog-area .single-blog-right .recent-blog .single-list a{
    font-size:16px;
    font-weight:500;
    color:#000;
    transition:.3s
}
.single-blog-area .single-blog-right .recent-blog .single-list a:hover{
    color:#1684ca
}
.single-blog-area .single-blog-right .recent-blog .single-list p{
    font-size:15px;
    color:#6abaec;
    margin:0
}
.single-blog-area .single-blog-right .category-area{
    position:relative;
    margin-bottom:30px
}
.single-blog-area .single-blog-right .category-area ul{
    list-style:none;
    margin:0;
    padding:0
}
.single-blog-area .single-blog-right .category-area ul li a{
    font-size:16px;
    color:#000;
    line-height:35px;
    transition:.3s
}
.single-blog-area .single-blog-right .category-area ul li a i{
    margin-right:15px;
    font-size:18px;
    color:#1684ca
}
.single-blog-area .single-blog-right .category-area ul li a:hover{
    color:#1684ca
}
.single-blog-area .single-blog-right .tag-area ul{
    list-style:none;
    margin:0;
    padding:0
}
.single-blog-area .single-blog-right .tag-area ul li{
    display:inline-block
}
.single-blog-area .single-blog-right .tag-area ul li a{
    border:1px solid #1684ca;
    padding:5px;
    font-size:15px;
    color:#1684ca;
    border-radius:5px;
    line-height:39px;
    margin-right:5px;
    transition:.3s
}
.single-blog-area .single-blog-right .tag-area ul li a:hover{
    background-color:#1684ca;
    color:#fff
}
#toTop{
    position:fixed;
    bottom:20px;
    right:20px;
    cursor:pointer;
    display:none;
    z-index:99999;
    background:#1684ca;
    border-radius:100%;
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    box-shadow:0 0 10px rgba(255,255,255,.4)
}
.top-arrow i{
    color:#fff;
    display:inline-block;
    font-size:25px;
    top:3px;
    position:relative
}
.top-arrow i:hover{
    top:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}

.icon-default {
    font-size: 42px;
    color: white;
    position: absolute;
    top: calc(50% - 41px);
    left: calc(50% - 21px);
    z-index: 9999;
}

.protfolio-area .defaul-single-work .title {
    top: 52%;
}

a.nav-link.flag {
    padding: 3px;
}

a.nav-link.flag img{
    width: auto;
    padding-top: 5px;
    height: 28px;
}

.solution-area-default {
    padding-top: 50px;
    padding-bottom: 0;
}

a.nav-link.flag {
    float: left;
}

li.nav-item.nav-flags a.nav-link.flag:last-child {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}