@import "https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Open+Sans:400,400i,600";
.text-primary{
    color:#4ac8ed!important
}
.text-white{
    color:#fff!important
}
.text-dark{
    color:#222!important
}
.bg-white{
    background-color:#fff
}
.bg-dark{
    background-color:#071e33
}
.bg-water{
    background-color:transparent
}
*{
    outline:0;
    margin:0;
    padding:0
}
html,*{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
body{
     font-family: "Montserrat", sans-serif;
    font-size:14px;
    line-height:21px;
    color:#848484;
    font-weight:400;
    background: #f8f8f8;   
}
ul{
    margin:0;
    padding:0
}
ul li{
    list-style-type:none
}
p{
    color:#848484;
    font-weight:400;
    margin-bottom:0
}
@media(min-width:320px){
    p{
        font-size:15px;
        line-height:28px
    }
    
   
}
@media(min-width:768px){
    p{
        font-size:15px;
        line-height:26px
    }
    
}
h1,h2,h3,h4,h5,h6{
    font-family:montserrat,sans-serif;
    margin:0;
    font-weight:400;
    color:#222
}
h1{
    font-size:40px;
    line-height:1.1
}
h2{
    font-size:30px;
    line-height:1.1
}
h3{
    font-size:25px;
    line-height:1.1
}
h4{
    font-size:20px;
    line-height:1.1
}
h5{
    font-size:18px;
    line-height:1.1
}
h6{
    font-size:16px;
    line-height:1.1
}
.container{
    position:relative;
    width:100%
}
@media(min-width:480px){
    .container{
        width:450px
    }
}
@media(min-width:768px){
    .container{
        width:750px
    }
}
@media(min-width:992px){
    .container{
        width:970px
    }
}
@media(min-width:1200px){
    .container{
        width:1600px!important;
    }
}
a{
    color:#848484;
    text-decoration:none;
    transition:all .3s ease-in-out
}
a:hover,a:focus{
    outline:0;
    color:#4ac8ed;
    text-decoration:none
}
.main-wrapper{
    overflow-x:hidden;
    background-color:#fff
}
.boxed{
    position:relative;
    margin:0 auto;
    overflow-x:hidden
}
@media(min-width:768px){
    .boxed .main-nav{
        box-shadow:none
    }
}
@media(min-width:480px){
    .boxed{
        max-width:520px
    }
}
@media(min-width:768px){
    .boxed{
        padding:0;
        max-width:728px
    }
}
@media(min-width:992px){
    .boxed{
        padding:0;
        max-width:970px
    }
}
@media(min-width:1200px){
    .boxed{
        padding:0;
        max-width:1260px
    }
}
.boxed .home_transparent-wrapper.main-wrapper{
    padding-top:0
}
@media(min-width:480px){
    .boxed .navbar-sticky{
        max-width:520px;
        left:50%;
        transform:translateX(-50%)
    }
}
@media(min-width:768px){
    .boxed .navbar-sticky{
        padding:25px 0 0;
        max-width:728px
    }
}
@media(min-width:992px){
    .boxed .navbar-sticky{
        padding:80px 0 0;
        max-width:970px
    }
}
@media(min-width:1200px){
    .boxed .navbar-sticky{
        padding:80px 0 0;
        max-width:1260px
    }
}
.list-inline li{
    display:inline-block
}
.position_unset>.offset-md-1.col-md-10{
    position:unset
}
.position_unset>.offset-md-1.col-md-10>.row{
    position:unset
}
.visible{
    display:block!important
}
.hidden{
    display:none
}
.form-control:focus{
    box-shadow:none
}
.btn-cta{
    color:#222!important;
    background-color:#fff
}
.section{
    padding-top:80px
}
@media(min-width:992px){
    .section{
        padding-top:100px
    }
}
.sectionTitle{
    position:relative
}
.sectionTitle h2{
    line-height:1;
    padding-bottom:8px;
    color:#222;
    margin:0
}
@media(min-width:320px){
    .sectionTitle h2{
        font-size:30px;
        letter-spacing:0
    }
}
@media(min-width:768px){
    .sectionTitle h2{
        font-size:34px;
        letter-spacing:0
    }
}
.sectionTitle p{
    opacity:.7
}
.img-full{
    width:100%
}
.height-fix{
    min-height:100%
}
.img-circle{
    position:relative;
    border-radius:50%
}
.bg-image-holder,.bg-image{
    background-size:cover!important;
    background-position:50% 50%!important;
    transition:all .3s linear;
    background:#f5f5f5;
    position:relative
}
.bg-image:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(10,35,59,.85)
}
.bg-gradient-navy{
    background-image:linear-gradient(0deg,#0a233b 0%,#1a3550 50%,#0a233b 100%)
}
::-moz-selection{
    background-color:#4ac8ed;
    color:#fff
}
::selection{
    background-color:#4ac8ed;
    color:#fff
}
.bg-sand{
    background-color:#f5f5f5
}
.bg-primary{
    background-color:#4ac8ed!important
}
.bg-navy{
    background-color:#0a233b!important
}
.bg-dark-navy{
    background-color:#000!important
}
.no-bg{
    background-color:transparent
}
.bordered{
    border:1px solid #e5e5e5
}
.mb30{
    margin-bottom:30px
}
.no-padding{
    padding:0!important
}
.pv100{
    padding-top:100px;
    padding-bottom:100px
}
.pt30{
    padding-top:30px
}
.pb30{
    padding-bottom:30px
}
.pb50{
    padding-bottom:50px
}
.pv30{
    padding-top:30px;
    padding-bottom:30px
}
.pt100{
    padding-top:100px
}
.pb100{
    padding-bottom:100px
}
.bold{
    font-weight:700!important
}
.medium{
    font-weight:500!important
}
.table-inverse{
    background-color:#0a233b;
    color:#fff
}
.sidebar{
    padding-left:15px;
    margin-top:40px
}
@media(min-width:768px){
    .sidebar{
        padding-left:30px;
        margin-top:0
    }
}
@media(min-width:992px){
    .sidebar{
        padding-left:40px;
        margin-top:0
    }
}
@media(min-width:768px){
    .sidebar.sidebar-left{
        padding-left:15px
    }
}
@media(min-width:992px){
    .sidebar.sidebar-left{
        padding-left:15px
    }
}
.hover-overlay{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.hover-overlay a.overlay_icon{
    width:55px;
    height:55px;
    background:#fff;
    position:relative;
    display:inline-block;
    border-radius:50%;
    margin:3px;
    text-align:center
}
.hover-overlay a.overlay_icon i.fa{
    font-size:20px;
    line-height:50px;
    color:#848484
}
.hover-overlay.effect-transformY{
    position:absolute;
    content:'';
    background-color:rgba(74,200,237,.8);
    top:0;
    left:0;
    right:0;
    bottom:0;
    transform:translateY(-100%);
    transition:transform .3s ease
}
.hover-overlay.effect-scale{
    transition:all .4s ease;
    transform:scale(0);
    opacity:0
}
.hover-overlay.effect-scale:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    transform:scale(0);
    transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
    background:rgba(10,35,59,.5)
}
.card:hover .hover-overlay.effect-transformY,.card_img:hover .hover-overlay.effect-transformY{
    transform:translateY(0)
}
.card:hover .hover-overlay.effect-scale,.card_img:hover .hover-overlay.effect-scale{
    transform:scale(1);
    opacity:1
}
.card:hover .hover-overlay.effect-scale:before,.card_img:hover .hover-overlay.effect-scale:before{
    opacity:1;
    transform:scale(1)
}
.img_overlay-container{
    position:relative;
    padding:0 30px
}
.img_overlay-container .img_overlay-title{
    color:#fff;
    margin-bottom:10px
}
.img_overlay-container .img_overlay-desc{
    color:rgba(255,255,255,.7);
    margin-bottom:20px
}
.img_overlay-container a.icon{
    width:38px;
    height:38px;
    font-size:15px;
    line-height:36px;
    background-color:transparent;
    text-align:center;
    display:inline-block;
    color:#fff;
    border:1px solid #fff;
    margin-right:5px
}
.img_overlay-container a.icon:hover{
    background-color:#4ac8ed;
    border-color:#4ac8ed
}
.highlighter{
    background:#282c34;
    padding:0 10px;
    border-radius:4px;
    font-family:Consolas,Monaco,andale mono,ubuntu mono,monospace!important;
    display:inline-block
}
.bredcrumb .bg-image{
    padding:60px 0
}
.bredcrumb .bg-image:before{
    background-color:rgba(0,0,0,.65)
}
.bredcrumb .bg-image h1{
    color:#fff;
    position:relative;
    font-weight:700;
    margin-bottom:0
}
.bredcrumb .pager.middle{
    text-align:center;
    background-color:#f5f5f8
}
.bredcrumb .pager.middle li{
    padding:20px 5px;
    position:relative;
    text-transform:capitalize;
    color:#222;
    font-weight:600
}
.bredcrumb .pager.middle li:after{
    content:"\f105";
    right:-8px;
    top:20px
}
.bredcrumb .pager.middle a{
    color:#4ac8ed
}
@keyframes customFadeInUp{
    0%{
        opacity:0;
        transform:translateY(20px)
    }
    to{
        opacity:1;
        transform:none
    }
}
.customFadeInUp{
    animation-name:customFadeInUp;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both;
    animation-duration:1s
}
@keyframes customFadeInDown{
    0%{
        opacity:0;
        transform:translateY(-25px)
    }
    to{
        opacity:1;
        transform:none
    }
}
.customFadeInDown{
    animation-name:customFadeInDown;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both;
    animation-duration:1s
}
@keyframes featureFadeInDown{
    0%{
        opacity:0;
        transform:translateY(-30px)
    }
    to{
        opacity:1;
        transform:none
    }
}
.featureFadeInDown{
    animation-name:featureFadeInDown;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both;
    animation-duration:1s
}
@keyframes fadeInScale{
    0%{
        opacity:0;
        transform:scale3d(.89,.89,.89)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInScale{
    animation-name:fadeInScale;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both;
    animation-duration:1s
}
@keyframes fadeInScaleDown{
    0%{
        opacity:0;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInScaleDown{
    animation-name:fadeInScaleDown;
    animation-fill-mode:both;
    -webkit-animation-fill-mode:both;
    animation-duration:.8s
}
.btn_search{
    background:0 0;
    border:0;
    position:absolute;
    top:14px;
    right:15px;
    color:#848484;
    cursor:pointer
}
.btn-search{
    background:0 0;
    border:0;
    position:absolute;
    top:14px;
    right:15px;
    color:#848484;
    cursor:pointer
}
.element-sidebar .form_search{
    position:relative
}
.element-sidebar .form_search .form-control{
    background-color:transparent;
    margin-bottom:20px;
    border:1px solid #e5e5e5
}
.element-sidebar h4{
    display:block;
    margin-bottom:25px;
    color:#222
}
.element-sidenav{
    display:block;
    margin-bottom:80px
}
.element-sidenav .nav-item{
    height:42px;
    background:#f7f7f7;
    border-top:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    border-color:#e5e5e5;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-align:center;
    align-items:center
}
.element-sidenav .nav-item>a.nav-link{
    font-size:16px;
    padding:0 20px;
    display:block;
    width:100%;
    font-weight:700;
    color:#222
}
.element-sidenav .nav-item>a.nav-link .fa{
    padding-right:10px;
    font-size:14px
}
.element-sidenav .nav-item>a.nav-link:hover{
    color:#4ac8ed
}
.element-sidenav .nav-item.active{
    background-color:#fff;
    border-left:0
}
.element-sidenav .nav-item.active>a.nav-link{
    color:#4ac8ed
}
.element-sidenav .nav-item:last-child{
    border-bottom:1px solid #e5e5e5
}
.element_single .card.single-block{
    margin-bottom:30px;
    border:0;
    border-radius:0;
    background-color:#f5f5f5
}
.element_single .card.single-block .card-header{
    padding:20px;
    border-bottom:none;
    border-radius:0;
    background-color:#f5f5f5;
    position:relative
}
@media(min-width:992px){
    .element_single .card.single-block .card-header{
        padding:20px 25px
    }
}
.element_single .card.single-block .card-header h3{
    font-family:lato,sans-serif;
    font-size:20px;
    max-width:60%
}
@media(min-width:768px){
    .element_single .card.single-block .card-header h3{
        font-size:25px;
        max-width:100%
    }
}
.element_single .card.single-block .card-header h3 a{
    color:#848484;
    background:#fff;
    padding:10px;
    font-size:14px;
    border-radius:4px;
    right:20px;
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
@media(min-width:768px){
    .element_single .card.single-block .card-header h3 a{
        float:right;
        right:0;
        position:relative;
        transform:translateY(0%)
    }
}
.element_single .card.single-block .card-block{
    padding:0
}
.element_single .card.single-block .card-block .code_container{
    margin-right:0;
    margin-left:0;
    border-top:1px solid rgba(2,2,2,.09);
    padding:10px 20px
}
.element_single .card.single-block .card-block .code_container h5{
    font-family:lato,sans-serif;
    color:#848484;
    font-size:18px;
    line-height:60px;
    text-transform:unset
}
.element_single .card.single-block .card-block .code_container p{
    color:#222
}
.element_single .card.single-block .card-block .code_container ul{
    padding:10px 15px 20px
}
.element_single .card.single-block .card-block .code_container ul li{
    color:#222;
    padding:5px 15px;
    font-size:15px;
    line-height:26px
}
.element_single .card.single-block .card-block .code_container ul li:before{
    content:"\f10c";
    font-family:FontAwesome;
    display:inline-block;
    font-size:14px;
    color:#848484;
    margin-left:-24px;
    width:24px
}
.element_single .card.single-block .card-block .code_container .s{
    color:#e6db74
}
.element_single .card.single-block .card-block .code_container .nt{
    color:#f92672
}
.element_single .card.single-block .card-block .code_container .na{
    color:#a6e22e
}
.element_single .card.single-block pre{
    margin:10px 0;
    background-color:#282c34;
    color:#abb2bf
}
.element_single .card.single-block pre code{
    color:#abb2bf;
    font-size:14px
}
.element_single .display-single_element{
    margin-bottom:80px
}
.element_single .display-single_element>p{
    font-size:15px;
    margin-bottom:15px
}
.element_single .dropdown-menu{
    transform-origin:top;
    animation-fill-mode:forwards;
    transform:scale(1,1);
    background-color:#fff;
    margin-top:0;
    padding:5px 20px;
    opacity:1;
    transition:transform .3s,opacity .3s ease-in-out
}
@media(min-width:768px){
    .element_single .dropdown-menu{
        display:none
    }
}
@media(min-width:768px){
    .element_single .show .dropdown-menu{
        display:block
    }
}
.element_single .progress{
    margin:10px 0
}
.element_single .bd-example{
    padding:1.5rem;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    border-width:.2rem
}
.element_single .scrollspy-example{
    position:relative;
    height:200px;
    margin-top:.5rem;
    overflow:auto
}
#cards_element footer{
    padding:20px
}
hr.hr_narrow{
    width:7%;
    height:2px;
    height:20px 0
}
.hr_color,.hr_color hr{
    color:#fff;
    background:#fff
}
hr.hr-inline{
    display:inline-block
}
.footer.element-footer .copyright p{
    color:#848484
}
.card.card-accordion{
    margin:10px 0
}
.card.card-accordion .card-header{
    padding:0;
    border-radius:0;
    border:0
}
.card.card-accordion .card-header h6{
    position:relative
}
.card.card-accordion .card-header h6 a:after{
    top:50%;
    transform:translateY(-50%)
}
.card.card-accordion .card-header a{
    display:block;
    padding:15px 20px;
    line-height:24px;
    background-color:#4ac8ed;
    color:#fff;
    border:1px solid #4ac8ed;
    border-radius:2px
}
.card.card-accordion .card-header a[data-toggle=collapse]:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f106';
    float:right;
    line-height:1;
    width:22px;
    font-size:20px;
    text-align:center;
    position:absolute;
    right:15px
}
.card.card-accordion .card-header a.collapsed{
    line-height:24px;
    color:#222;
    background-color:#f5f5f5;
    border:1px solid #e5e5e5
}
.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f107'
}
.card.card-accordion .card-block{
    border:1px solid #e5e5e5;
    border-top:0;
    padding:30px 20px;
    font-size:15px;
    line-height:26px
}
.icon-left.card.card-accordion .card-header{
    padding:0;
    border-radius:0;
    border:0
}
.icon-left.card.card-accordion .card-header a{
    display:block;
    padding:15px 20px;
    line-height:24px;
    padding-left:50px;
    border-radius:2px
}
.icon-left.card.card-accordion .card-header.header-inverse a{
    background-color:#fff;
    color:#4ac8ed;
    border:1px solid #4ac8ed
}
.icon-left.card.card-accordion .card-header a[data-toggle=collapse]:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f106';
    float:left;
    line-height:1;
    width:22px;
    margin-right:10px;
    font-size:20px;
    text-align:center;
    position:absolute;
    left:15px
}
.icon-left.card.card-accordion .card-header a.collapsed{
    line-height:24px;
    color:#222;
    background-color:#f5f5f5;
    color:#222!important;
    border:1px solid #e5e5e5!important
}
.icon-left.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f107'
}
button:focus{
    outline:0
}
#buttons .display-single_element .btn{
    margin:0 5px 10px 0
}
.btn{
    border:0;
    border-radius:0;
    height:40px;
    padding:0 20px;
    font-size:14px;
    line-height:40px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
    color:#fff;
    transition:all .3s ease-in-out
}
@media(min-width:992px){
    .btn{
        font-size:14px
    }
}
.btn.focus,.btn:focus,.btn.active,.btn:active,.btn:hover{
    box-shadow:none;
    box-shadow:0 12px 25px rgba(0,0,0,.08)
}
.btn.btn-rounded{
    border-radius:40px
}
.btn i{
    font-size:inherit
}
.btn-primary{
    background-color:#4ac8ed;
    border:1px solid #4ac8ed
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.active,.btn-primary:active{
    background-color:#4ac8ed!important;
    border:1px solid #4ac8ed!important
}
.btn-secondary{
    background-color:#f5f5f5;
    color:#222;
    border:1px solid #dedede
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.active,.btn-secondary:active{
    background-color:#f5f5f5;
    color:#222;
    border:1px solid #dedede
}
.btn-success{
    background-color:#49c32c;
    border:1px solid #49c32c
}
.btn-success:hover,.btn-success:focus,.btn-success.active,.btn-success:active{
    background-color:#49c32c;
    border:1px solid #49c32c
}
.btn-info{
    background-color:#439fdb;
    border:1px solid #439fdb
}
.btn-info:hover,.btn-info:focus,.btn-info.active,.btn-info:active{
    background-color:#439fdb;
    border:1px solid #439fdb
}
.btn-warning{
    background-color:#eabf38;
    border:1px solid #eabf38
}
.btn-warning:hover,.btn-warning:focus,.btn-warning.active,.btn-warning:active{
    background-color:#eabf38;
    border:1px solid #eabf38
}
.btn-danger{
    background-color:#f55c5d;
    border:1px solid #f55c5d
}
.btn-danger:hover,.btn-danger:focus,.btn-danger.active,.btn-danger:active{
    background-color:#f55c5d;
    border:1px solid #f55c5d
}
.btn-light{
    color:#848484
}
.btn-inverse{
    background-color:#323f41;
    border:1px solid #323f41
}
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse.active,.btn-inverse:active{
    background-color:#323f41;
    border:1px solid #323f41
}
.btn-primary-outlined{
    background-color:transparent;
    color:#4ac8ed;
    border:1px solid #4ac8ed
}
.btn-primary-outlined:hover,.btn-primary-outlined:focus,.btn-primary-outlined.active,.btn-primary-outlined:active{
    background-color:#4ac8ed;
    color:#fff
}
.btn-secondary-outlined{
    background-color:transparent;
    color:#222;
    border:1px solid #dedede
}
.btn-secondary-outlined:hover,.btn-secondary-outlined:focus,.btn-secondary-outlined.active,.btn-secondary-outlined:active{
    background-color:#f5f5f5;
    color:#222
}
.btn-success-outlined{
    background-color:transparent;
    color:#49c32c;
    border:1px solid #49c32c
}
.btn-success-outlined:hover,.btn-success-outlined:focus,.btn-success-outlined.active,.btn-success-outlined:active{
    background-color:#49c32c;
    color:#fff
}
.btn-info-outlined{
    background-color:transparent;
    color:#439fdb;
    border:1px solid #439fdb
}
.btn-info-outlined:hover,.btn-info-outlined:focus,.btn-info-outlined.active,.btn-info-outlined:active{
    background-color:#439fdb;
    color:#fff
}
.btn-warning-outlined{
    background-color:transparent;
    color:#eabf38;
    border:1px solid #eabf38
}
.btn-warning-outlined:hover,.btn-warning-outlined:focus,.btn-warning-outlined.active,.btn-warning-outlined:active{
    background-color:#eabf38;
    color:#fff
}
.btn-danger-outlined{
    background-color:transparent;
    color:#f55c5d;
    border:1px solid #f55c5d
}
.btn-danger-outlined:hover,.btn-danger-outlined:focus,.btn-danger-outlined.active,.btn-danger-outlined:active{
    background-color:#f55c5d;
    color:#fff
}
.btn-inverse-outlined{
    background-color:transparent;
    color:#323f41;
    border:1px solid #323f41
}
.btn-inverse-outlined:hover,.btn-inverse-outlined:focus,.btn-inverse-outlined.active,.btn-inverse-outlined:active{
    background-color:#323f41;
    color:#fff
}
.btn.btn-sm{
    padding:0 10px;
    font-size:12px;
    height:30px;
    line-height:30px
}
.btn.btn-mid{
    height:40px;
    line-height:40px;
    padding:0 20px
}
.btn.btn-lg{
    height:50px;
    line-height:50px;
    padding:0 35px
}
.btn.btn-default{
    height:50px;
    line-height:50px;
    padding:0 30px
}
.btn.btn-icon i{
    margin-right:5px
}
.btn-facebook{
    background-color:#3b5999
}
.btn-twitter{
    background-color:#55acee
}
.btn-social{
    font-size:16px;
    width:35px;
    height:35px;
    text-align:center;
    padding:0;
    border-radius:0;
    margin:0 auto;
    line-height:32px;
    display:inline-block
}
.btn-social i{
    margin-right:0
}
.btn-social.btn-cicle{
    border-radius:50%
}
.btn-social.rounded{
    border-radius:4px
}
.btn-social.titled{
    text-transform:capitalize;
    width:auto;
    height:35px;
    border-radius:0;
    padding:0 20px;
    line-height:35px
}
.btn-social.titled i{
    margin-right:5px
}
.btn-social.facebook{
    background-color:#3b5999
}
.btn-social.twitter{
    background-color:#55acee
}
.btn-social.pinterest{
    background-color:#bd081c
}
.btn-social.skype{
    background-color:#00aff0
}
.btn-social.linkedin{
    background-color:#0077b5
}
.btn-social.google-plus{
    background-color:#dd4b39
}
.btn-social.youtube{
    background-color:#cc181e
}
.btn-social.btn-social-o:hover{
    background-color:transparent;
    box-shadow:none
}
.btn-social.btn-social-o:hover.facebook{
    color:#3b5999
}
.btn-social.btn-social-o:hover.twitter{
    color:#55acee
}
.btn-social.btn-social-o:hover.pinterest{
    color:#bd081c
}
.btn-social.btn-social-o:hover.skype{
    color:#00aff0
}
.btn-social.btn-social-o:hover.linkedin{
    color:#0077b5
}
.btn-social.btn-social-o:hover.google-plus{
    color:#dd4b39
}
.btn-social.btn-social-o:hover.youtube{
    color:#cc181e
}
.btn-social.outlined{
    background-color:#fff
}
.btn-social.outlined.facebook{
    color:#3b5999;
    border:1px solid;
    border-color:#3b5999
}
.btn-social.outlined.facebook:hover{
    background-color:#3b5999;
    color:#fff
}
.btn-social.outlined.twitter{
    color:#55acee;
    border:1px solid;
    border-color:#55acee
}
.btn-social.outlined.twitter:hover{
    background-color:#55acee;
    color:#fff
}
.btn-social.outlined.pinterest{
    color:#bd081c;
    border:1px solid;
    border-color:#bd081c
}
.btn-social.outlined.pinterest:hover{
    background-color:#bd081c;
    color:#fff
}
.btn-social.outlined.skype{
    color:#00aff0;
    border:1px solid;
    border-color:#00aff0
}
.btn-social.outlined.skype:hover{
    background-color:#00aff0;
    color:#fff
}
.btn-social.outlined.linkedin{
    color:#0077b5;
    border:1px solid;
    border-color:#0077b5
}
.btn-social.outlined.linkedin:hover{
    background-color:#0077b5;
    color:#fff
}
.btn-social.outlined.google-plus{
    color:#dd4b39;
    border:1px solid;
    border-color:#dd4b39
}
.btn-social.outlined.google-plus:hover{
    background-color:#dd4b39;
    color:#fff
}
.btn-social.outlined.youtube{
    color:#cc181e;
    border:1px solid;
    border-color:#cc181e
}
.btn-social.outlined.youtube:hover{
    background-color:#cc181e;
    color:#fff
}
.socialLink a{
    height:45px;
    width:45px;
    position:relative;
    display:inline-block;
    font-size:16px;
    background:0 0;
    color:#848484;
    line-height:44px;
    border-radius:50%;
    border:1px solid rgba(132,132,132,.5)
}
.socialLink a:focus,.socialLink a:hover,.socialLink a.active,.socialLink a:active{
    background-color:#4ac8ed;
    border:1px solid #4ac8ed;
    color:#fff;
    opacity:1
}
@media(min-width:768px){
    .socialLink a{
        height:30px;
        width:30px;
        font-size:14px;
        line-height:30px
    }
}
@media(min-width:992px){
    .socialLink a{
        height:45px;
        width:45px;
        font-size:16px;
        line-height:44px
    }
}
.footer-dark .socialLink a{
    color:#fff;
    border:1px solid rgba(255,255,255,.7);
    opacity:.7
}
.footer-dark .socialLink a:focus,.footer-dark .socialLink a:hover,.footer-dark .socialLink a.active,.footer-dark .socialLink a:active{
    background-color:#4ac8ed;
    border:1px solid #4ac8ed;
    color:#fff;
    opacity:1
}
#button-group .btn-group{
    margin-bottom:10px
}
#button-group .btn-social{
    margin-bottom:10px;
    margin-right:5px
}
.btn-group{
    margin-right:10px
}
.btn-group .btn-secondary:after{
    content:'';
    position:absolute;
    right:0;
    height:100%
}
.btn-group .btn-primary:after{
    content:'';
    position:absolute;
    right:0;
    height:100%;
    border-right:1px solid #6fbecb
}
.btn-group .btn-success:after{
    content:'';
    position:absolute;
    right:0;
    height:100%;
    border-right:1px solid #41b226
}
.btn-group .btn-info:after{
    content:'';
    position:absolute;
    right:0;
    height:100%;
    border-right:1px solid #3b90c8
}
.btn-group .btn-warning:after{
    content:'';
    position:absolute;
    right:0;
    height:100%;
    border-right:1px solid #d4ad31
}
.btn-group .btn-danger:after{
    content:'';
    position:absolute;
    right:0;
    height:100%;
    border-right:1px solid #df5354
}
.btn-group .btn-inverse:after{
    content:'';
    position:absolute;
    right:0;
    height:100%;
    border-right:1px solid #222
}
.btn-group .btn.btn-secondary:before,.btn-group .btn:last-child:before{
    border-right:0 solid rgba(20,20,20,.2)
}
.divider-dotted{
    border-top-style:dotted
}
.divider-dashed{
    border-top-style:dashed
}
.divider-solid-dbl{
    height:4px;
    border-top:1px solid;
    border-bottom:1px solid
}
.divider-dotted-dbl{
    height:4px;
    border-top:1px dotted;
    border-bottom:1px dotted
}
.divider-dashed-dbl{
    height:4px;
    border-top:1px dashed;
    border-bottom:1px dashed
}
.divider-gradient-gray{
    background-image:linear-gradient(to right,transparent,#ccc,transparent);
    height:1px;
    border:0
}
.w25{
    width:25%!important
}
.w50{
    width:50%!important
}
.w75{
    width:75%!important
}
.divider{
    position:relative;
    border-top-width:1px
}
.border-solid{
    border-top-style:solid
}
.divider-center{
    text-align:center
}
.divider-center .divider-icon{
    left:auto;
    right:auto;
    margin-left:-20px
}
.divider-right{
    text-align:right
}
.divider-right .divider-icon{
    left:auto;
    margin-left:-40px
}
.divider-icon{
    position:absolute;
    width:40px;
    height:40px;
    top:-20px;
    display:inline-block;
    line-height:40px;
    font-size:20px;
    color:#f5f5f5;
    text-align:center
}
.divider-gradient{
    height:1px;
    border:0
}
.alert{
    padding:20px;
    margin-bottom:20px;
    border:0 solid transparent;
    border-radius:0;
    font-size:15px
}
@media(min-width:768px){
    .alert{
        font-size:18px
    }
}
.alert p{
    color:#848484
}
.alert a.alert-link{
    color:#222;
    font-weight:500
}
.alert-success{
    background-color:rgba(73,195,44,.25);
    border-color:#49c32c;
    color:#49c32c
}
.alert-info{
    background-color:rgba(67,159,219,.25);
    border-color:#439fdb;
    color:#439fdb
}
.alert-warning{
    background-color:rgba(234,191,56,.25);
    border-color:#eabf38;
    color:#eabf38
}
.alert-danger{
    background-color:rgba(245,92,93,.25);
    border-color:#f55c5d;
    color:#f55c5d
}
.iconic-alert .alert{
    padding:10px 20px
}
.iconic-alert i{
    height:40px;
    width:40px;
    display:inline-block;
    text-align:center;
    color:#fff;
    font-size:15px;
    border-radius:50%;
    line-height:40px;
    margin-right:10px
}
.iconic-alert .alert-success i{
    background:#49c32c
}
.iconic-alert .alert-info i{
    background:#439fdb
}
.iconic-alert .alert-warning i{
    background:#eabf38
}
.iconic-alert .alert-danger i{
    background:#f55c5d
}
.alert-dismissible .close{
    position:relative;
    right:-1.25rem;
    padding:18px 20px;
    color:inherit;
    font-size:25px;
    opacity:.8
}
.anim_item{
    position:relative;
    text-align:center;
    border:1px solid #e5e5e5;
    padding:60px 20px 30px;
    margin-top:50px;
    margin-bottom:50px
}
.anim_item .icon{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    font-size:24px;
    border:1px solid #e5e5e5;
    border-radius:50%;
    background:#fff;
    position:absolute;
    top:-30px;
    left:50%;
    transform:translateX(-50%)
}
.anim_item:hover{
    animation-play-state:running;
    animation-iteration-count:infinite
}
.anim_item h5{
    margin-bottom:10px
}
.display-single_element.element_badge p{
    margin-bottom:10px;
    font-size:18px;
    margin-top:0
}
.display-single_element.element_badge h1,.display-single_element.element_badge h2,.display-single_element.element_badge h3,.display-single_element.element_badge h4,.display-single_element.element_badge h5{
    margin:0 0 15px
}
.display-single_element.element_badge h1{
    display:none
}
@media(min-width:768px){
    .display-single_element.element_badge h1{
        display:block
    }
}
.display-single_element.element_badge .btn{
    text-transform:capitalize;
    margin-right:15px
}
.btn .badge{
    margin-left:5px
}
.badge{
    padding:5px;
    font-weight:400;
    font-size:12px
}
.badge-default{
    background-color:#323f41;
    color:#fff!important
}
.badge-primary{
    background-color:#4ac8ed;
    color:#fff!important
}
.badge-success{
    background-color:#49c32c;
    color:#fff!important
}
.badge-info{
    background-color:#439fdb;
    color:#fff!important
}
.badge-warning{
    background-color:#eabf38;
    color:#fff!important
}
.badge-danger{
    background-color:#f55c5d;
    color:#fff!important
}
.bg-gradient-navy{
    background-image:linear-gradient(0deg,#0a233b 0%,#1a3550 50%,#0a233b 100%)
}
.h300{
    position:relative;
    height:300px
}
.bg-gray-lineargradient{
    background-repeat:repeat-x;
    background-image:linear-gradient(180deg,#fff,#dbdbdb)
}
.bg-green-lineargradient{
    background:#00c9ff;
    background:linear-gradient(to top,#0cc652,#00c9ff);
    background-repeat:repeat-x
}
.bg-blue-lineargradient{
    background:#00c9ff;
    background:linear-gradient(to right,#00c9ff,#92fe9d);
    background-repeat:repeat-x
}
.bg-green-gradient{
    background-image:linear-gradient(to bottom,rgba(51,152,220,.5) 0%,rgba(114,192,44,.8) 100%);
    background-repeat:repeat-x
}
.bg-black-gradient-opacity{
    background-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.9) 100%);
    background-repeat:repeat-x
}
.bg-image-holder,.bg-image{
    background-size:cover!important;
    background-position:50% 0!important;
    transition:all .3s linear;
    background:#f5f5f5;
    position:relative
}
.bg-image:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.7)
}
.bg-fixed{
    background-attachment:fixed
}
.bg-image .overlay-content{
    position:relative;
    z-index:5
}
.bg-video{
    position:relative;
    height:400px;
    overflow:hidden
}
.bg-video video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    transform:translateX(-50%) translateY(-50%);
    background:url(../../../../../demosthenes.info/assets/images/polina.html) no-repeat;
    background-size:cover;
    transition:1s opacity
}
.list-group-item{
    border-radius:0!important;
    font-size:15px;
    display:inline-block;
    padding:15px 20px;
    color:#848484;
    border:0;
    margin:0;
    border-top:1px solid rgba(132,132,132,.25)
}
.list-group-item.active{
    margin-bottom:-1px;
    background-color:#4ac8ed;
    border-color:#4ac8ed
}
.list-group-item.active>a{
    color:#fff
}
.list-group-item:first-child{
    border-top:0 solid rgba(132,132,132,.25)
}
.list-group-item a{
    display:block;
    width:100%
}
.list-group-item a:hover .badge{
    color:#4ac8ed
}
.list-group-item i{
    font-size:14px;
    margin-right:8px
}
.list-group-item .badge{
    color:#848484;
    float:right;
    font-size:15px;
    font-weight:400;
    transition:color .3s ease
}
.list-group-item .badge.badge-default{
    color:#fff
}
.no-border .list-group-item{
    border:0;
    padding:0 0 20px
}
.list-group-item-primary{
    background-color:rgba(74,200,237,.75)
}
.list-group-item-primary a{
    color:#4ac8ed
}
.list-group-item-success{
    background-color:rgba(73,195,44,.75)
}
.list-group-item-success a{
    color:#49c32c
}
.list-group-item-info{
    background-color:rgba(67,159,219,.75)
}
.list-group-item-info a{
    color:#439fdb
}
.list-group-item-warning{
    background-color:rgba(234,191,56,.75)
}
.list-group-item-warning a{
    color:#eabf38
}
.list-group-item-danger{
    background-color:rgba(245,92,93,.75)
}
.list-group-item-danger a{
    color:#f55c5d
}
.icon-v1,.icon-v2,.icon-v3,.icon-v4{
    position:relative;
    display:inline-block;
    text-align:center;
    transition:all .2s ease-in-out;
    color:#6c6c6c
}
.icon-xs{
    width:24px;
    height:24px;
    font-size:12px;
    line-height:24px
}
.icon-sm{
    width:30px;
    height:30px;
    font-size:14px;
    line-height:30px
}
.icon-v2{
    border-style:solid;
    border:solid 1px #eee
}
.icon-v2.icon-xs{
    width:30px;
    height:30px;
    font-size:12px;
    line-height:30px
}
.icon-v2.icon-sm{
    width:40px;
    height:40px;
    font-size:14px;
    line-height:40px
}
.icon-v3{
    background-color:#eee
}
.icon-v3.icon-xs{
    width:30px;
    height:30px;
    font-size:12px;
    line-height:30px
}
.icon-v3.icon-sm{
    width:40px;
    height:40px;
    font-size:14px;
    line-height:40px
}
.icon-v4{
    padding:4px;
    background:0 0!important;
    border:solid 1px #eee;
    transition:all .1s ease-in-out
}
.icon-v4.icon-xs{
    width:40px;
    height:40px;
    font-size:12px;
    line-height:30px
}
.icon-v4.icon-sm{
    width:50px;
    height:50px;
    font-size:14px;
    line-height:40px
}
.icon-v4 .icon-v4-inner{
    position:relative;
    display:block;
    overflow:hidden;
    background-color:#eee
}
.image_container{
    overflow:hidden
}
.image_container.image_circle{
    width:300px;
    height:300px;
    border-radius:50%
}
.image_container.image_circle img{
    max-width:100%
}
.image_container img{
    max-width:100%
}
.image_container img.image_rounded{
    border-radius:4px
}
.image_container img.image_bordered{
    padding:5px;
    border:1px solid #e5e5e5
}
#image.element_single .display-single_element>p{
    margin-bottom:0
}
#image.element_single .display-single_element .image_container{
    margin-top:30px
}
.input-group .form-check-label{
    margin-bottom:0
}
.input-group .input-group-addon input[type=checkbox],.input-group .input-group-addon input[type=radio]{
    margin-top:6px
}
.input-group .form-check{
    margin-bottom:0
}
.input-group .form-check .checkbox-custom+.checkbox-custom-label:before,.input-group .form-check .radio-custom+.radio-custom-label:before{
    margin-right:0
}
label{
    font-size:15px
}
.input-group-addon{
    border-radius:0;
    background:#f5f5f5;
    padding-left:17px;
    padding-right:17px;
    border:1px solid #e5e5e5;
    font-size:16px;
    color:#848484
}
input.form-control{
    font-size:15px;
    color:#848484
}
.cr-addon .input-group{
    margin-bottom:30px
}
[class*=heading-]{
    position:relative
}
.heading:before,.heading:after{
    content:"";
    position:absolute;
    left:auto;
    right:0;
    width:100%;
    height:0;
    border-top-width:1px;
    border-color:inherit
}
.heading.heading-v1:before{
    top:48%;
    border-top-style:solid
}
.heading.heading-v1:after{
    top:58%;
    border-top-style:solid
}
.heading-v1-title{
    position:relative;
    display:inline-block;
    margin-bottom:0;
    padding-right:18px;
    background-color:inherit;
    z-index:2
}
.text-center .heading-v1-title{
    padding-right:18px;
    padding-left:18px
}
.text-right .heading-v1-title{
    padding-right:0;
    padding-left:18px
}
#cards_element .card{
    margin-bottom:30px
}
#cards_element .card .display-single_element p{
    margin-bottom:-10px
}
.card{
    border:0;
    border-radius:0;
    overflow:hidden
}
.card .card_img{
    position:relative;
    width:100%;
    overflow:hidden
}
.card .card-img{
    border-radius:0
}
.card .card-title{
    margin:0;
    padding:15px 0 10px;
    transition:all .3s ease
}
.card .card-title:hover{
    color:#4ac8ed
}
.card .card-block{
    padding:10px 0 0
}
.card .card-block p.card-text{
    padding:15px 0
}
.card.img-mid .card_img{
    padding:20px 0
}
.card.img-mid .card-title{
    padding-top:0
}
.card.img-mid .card-block{
    padding:0
}
.card.img-mid .card-block p.card-text{
    padding:0 0 15px
}
.card.img-bottom .card_img{
    padding-top:25px
}
.card.img-bottom .card-title{
    padding-top:0!important
}
.card .card-img-overlay p.card-text{
    color:#fff
}
.card.card-inverse:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(20,20,20,.7)
}
.card ul.list-inline li{
    margin-right:10px
}
.card ul.list-inline li:last-child{
    margin-right:0
}
.card ul.list-inline li i{
    margin-right:5px
}
.card.text-white .card-title,.card.text-white .card-text{
    color:#fff
}
.card.card-body{
    border:1px solid #f5f5f5
}
.card.card-style3 .card-block{
    z-index:55;
    margin:-40px auto 0;
    background:#fff;
    border:1px solid transparent;
    padding:30px;
    padding-bottom:50px;
    width:85%;
    transition:all .3s ease
}
.card.card-style3 .card-block:before{
    bottom:35px;
    height:2px;
    background-color:#e5e5e5
}
.card.card-style3:hover .card-block{
    border:1px solid #e5e5e5
}
.card .card-ribbon{
    width:200px;
    padding:2px 5px;
    position:absolute;
    text-align:center;
    font-size:12px;
    z-index:1
}
.card .card-ribbon.card-ribbon-top{
    top:20px
}
.card .card-ribbon.card-ribbon-top.card-ribbon-left{
    transform:rotate(-45deg)
}
.card .card-ribbon.card-ribbon-top.card-ribbon-right{
    transform:rotate(45deg)
}
.card .card-ribbon.card-ribbon-bottom{
    bottom:20px
}
.card .card-ribbon.card-ribbon-bottom.card-ribbon-left{
    transform:rotate(45deg)
}
.card .card-ribbon.card-ribbon-bottom.card-ribbon-right{
    transform:rotate(-45deg)
}
.card .card-ribbon.card-ribbon-left{
    left:-70px
}
.card .card-ribbon.card-ribbon-right{
    right:-70px
}
.date-holder{
    position:absolute;
    top:15px;
    font-size:14px;
    color:#fff;
    width:65px;
    height:65px;
    text-align:center;
    padding-top:13px;
    left:15px
}
.date-holder span{
    font-family:montserrat,sans-serif;
    font-size:22px;
    display:block
}
.date-holder::after{
    position:absolute;
    content:'';
    width:0;
    height:0;
    border-top:0 solid transparent;
    border-bottom:20px solid transparent;
    border-left:15px solid #4ac8ed;
    bottom:-20px;
    left:0
}
.example-cards .card .card-title:hover{
    color:inherit
}
.card.card-accordion{
    margin:10px 0
}
.card.card-accordion .card-header{
    padding:0;
    border-radius:0;
    border:0
}
.card.card-accordion .card-header h6{
    position:relative
}
.card.card-accordion .card-header h6 a:after{
    top:50%;
    transform:translateY(-50%)
}
.card.card-accordion .card-header a{
    display:block;
    padding:15px 20px;
    line-height:24px;
    background-color:#4ac8ed;
    color:#fff;
    border:1px solid #4ac8ed;
    border-radius:2px
}
.card.card-accordion .card-header a[data-toggle=collapse]:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f106';
    float:right;
    line-height:1;
    width:22px;
    font-size:20px;
    text-align:center;
    position:absolute;
    right:15px
}
.card.card-accordion .card-header a.collapsed{
    line-height:24px;
    color:#222;
    background-color:#f5f5f5;
    border:1px solid #e5e5e5
}
.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f107'
}
.card.card-accordion .card-block{
    border:1px solid #e5e5e5;
    border-top:0;
    padding:30px 20px;
    font-size:15px;
    line-height:26px
}
.icon-left.card.card-accordion .card-header{
    padding:0;
    border-radius:0;
    border:0
}
.icon-left.card.card-accordion .card-header a{
    display:block;
    padding:15px 20px;
    line-height:24px;
    padding-left:50px;
    border-radius:2px
}
.icon-left.card.card-accordion .card-header.header-inverse a{
    background-color:#fff;
    color:#4ac8ed;
    border:1px solid #4ac8ed
}
.icon-left.card.card-accordion .card-header a[data-toggle=collapse]:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f106';
    float:left;
    line-height:1;
    width:22px;
    margin-right:10px;
    font-size:20px;
    text-align:center;
    position:absolute;
    left:15px
}
.icon-left.card.card-accordion .card-header a.collapsed{
    line-height:24px;
    color:#222;
    background-color:#f5f5f5;
    color:#222!important;
    border:1px solid #e5e5e5!important
}
.icon-left.card.card-accordion .card-header a[data-toggle=collapse].collapsed:after{
    font-family:FontAwesome;
    font-style:normal;
    speak:none;
    display:inline-block;
    content:'\f107'
}
.count-down{
    position:relative
}
.count-down h2{
    font-size:40px;
    margin-bottom:30px
}
.count-down .simple_timer{
    width:100%;
    margin:0 auto;
    color:#222
}
.count-down .table-cell{
    margin:15px 15px 0 0;
    display:inline-block!important;
    text-align:center
}
.count-down .table-cell .tab-val{
    width:100px;
    height:100px;
    line-height:110px;
    font-size:40px;
    display:inline-block!important;
    background:#f8f8f8;
    border:1px solid #e5e5e5;
    font-weight:500
}
.count-down .table-cell .tab-metr{
    display:none
}
.count-down.titled .table-cell{
    position:relative;
    height:130px
}
.count-down.titled .table-cell .tab-val{
    width:130px;
    height:130px;
    background-color:transparent
}
.count-down.titled .table-cell .tab-metr{
    display:block!important;
    margin-top:-50px;
    line-height:22px;
    font-size:16px;
    text-transform:capitalize;
    color:#222
}
.count-down.circled .tab-val{
    border-radius:50%
}
.count-down.colored-bg{
    padding:80px 50px
}
.count-down.colored-bg .tab-val{
    width:130px;
    height:130px;
    background-color:#fff!important;
    border:0
}
.count-down.bg-image{
    position:relative;
    padding:80px 50px
}
.count-down.bg-image .tab-val{
    width:130px;
    height:130px;
    background-color:#fff!important;
    border:0
}
.count-down.bg-image.shadow:before{
    position:absolute;
    content:'';
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(53,63,65,.9)
}
.fun-text{
    position:relative;
    display:block;
    margin-top:15px
}
@media(min-width:768px){
    .fun-text{
        display:inline-block;
        margin-right:0
    }
}
.fun-text:last-child{
    margin-right:0
}
@media(min-width:768px){
    .fun-text{
        margin-right:80px
    }
}
.fun-text span{
    font-size:50px;
    color:#222;
    font-weight:400;
    padding:20px 0;
    display:inline-block
}
.fun-text p{
    font-size:16px;
    line-height:22px;
    color:#222
}
.bg-primary .fun-text span,.bg-primary .fun-text p{
    color:#fff
}
.carousel-item{
    height:300px
}
@media(min-width:768px){
    .carousel-item{
        height:350px
    }
}
@media(min-width:992px){
    .carousel-item{
        height:400px
    }
}
.carousel-item:hover .carousel-control{
    opacity:0;
    visibility:hidden
}
.carousel-item img{
    width:100%;
    height:100%
}
@media(min-width:768px){
    .carousel-item img{
        height:auto
    }
}
.carousel-caption{
    position:absolute;
    right:unset;
    bottom:auto;
    left:5%;
    z-index:10;
    padding:0;
    text-align:left;
    top:50%;
    transform:translateY(-50%)
}
.carousel-caption.text-center{
    width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.carousel-caption h1{
    font-size:25px;
    font-weight:700;
    font-style:italic;
    color:#fff;
    line-height:35px
}
@media(min-width:768px){
    .carousel-caption h1{
        font-size:35px;
        line-height:55px
    }
}
@media(min-width:992px){
    .carousel-caption h1{
        font-size:40px;
        line-height:55px
    }
}
.carousel-caption p{
    font-size:14px;
    color:#fff;
    padding:20px 0 25px;
    line-height:24px
}
@media(min-width:768px){
    .carousel-caption p{
        font-size:16px;
        line-height:26px;
        padding:25px 0 30px
    }
}
@media(min-width:992px){
    .carousel-caption p{
        padding:35px 0 40px
    }
}
.carousel-caption .btn{
    height:35px;
    line-height:35px
}
.b-carousel-v1 .carousel-indicators li{
    max-width:20px;
    height:20px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:50%;
    background:0 0;
    position:relative
}
.b-carousel-v1 .carousel-indicators li.active{
    background-color:#4ac8ed;
    border:2px solid #4ac8ed
}
.b-carousel-v1 .carousel-indicators li.active:before{
    position:absolute;
    top:6px;
    left:6px;
    display:inline-block;
    content:"";
    background:#fff;
    width:8px;
    height:8px;
    border-radius:50%
}
.b-carousel-v1 .carousel-indicators.right_indicators{
    right:0;
    bottom:auto;
    left:auto;
    padding-left:0;
    margin-right:5%;
    margin-left:0;
    list-style:none;
    -ms-flex-direction:column;
    flex-direction:column;
    top:50%;
    transform:translateY(-50%)
}
.b-carousel-v1 .carousel-indicators.right_indicators li{
    width:20px;
    height:20px;
    margin:3px 0
}
.b-carousel-v1 .carousel-control{
    opacity:0;
    visibility:hidden
}
.b-carousel-v1 .carousel-control span.icon-prev,.b-carousel-v1 .carousel-control span.icon-next{
    position:absolute;
    top:50%;
    border:1px solid rgba(255,255,255,.5);
    width:45px;
    height:45px;
    transform:translateY(-50%);
    background:rgba(255,255,255,.302);
    text-align:center;
    transition:all .3s ease;
    z-index:10
}
.b-carousel-v1 .carousel-control span.icon-prev .fa,.b-carousel-v1 .carousel-control span.icon-next .fa{
    font-size:30px;
    color:#fff;
    line-height:45px
}
.b-carousel-v1 .carousel-control span.icon-prev:hover,.b-carousel-v1 .carousel-control span.icon-prev:focus,.b-carousel-v1 .carousel-control span.icon-next:hover,.b-carousel-v1 .carousel-control span.icon-next:focus{
    background:#4ac8ed;
    border-color:#4ac8ed
}
.b-carousel-v1 .carousel-control .icon-prev{
    left:15px
}
.b-carousel-v1 .carousel-control .icon-next{
    right:15px
}
.carousel:hover .carousel-control{
    opacity:1;
    visibility:visible
}
.testimonial-carousel{
    position:relative;
    padding-bottom:50px
}
.testimonial-carousel .carousel-indicators{
    bottom:-30px;
    left:-20px
}
.testimonial-carousel .carousel-indicators li{
    border-color:#e5e5e5
}
.testimonial-carousel .carousel-indicators li.active{
    background-color:#4ac8ed;
    border:2px solid #4ac8ed
}
.testimonial-carousel p{
    margin:30px 5px
}
.testimonial-carousel h5{
    margin-bottom:10px
}
.testimonial-carousel .carousel-item{
    height:auto
}
.client-img{
    width:100px;
    height:100px;
    display:inline-block;
    overflow:hidden
}
button.slick-arrow{
    border:2px solid #fff;
    width:50px;
    height:50px;
    z-index:55
}
@media(min-width:768px){
    button.slick-arrow{
        width:40px;
        height:40px
    }
}
@media(min-width:1200px){
    button.slick-arrow{
        width:50px;
        height:50px
    }
}
.slick-prev:before{
    content:'\f060'
}
.slick-next:before{
    content:'\f061'
}
.slick-prev:before,.slick-next:before{
    font-family:fontawesome;
    font-size:14px;
    line-height:1;
    opacity:1;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@media(min-width:768px){
    .slick-prev{
        left:0
    }
}
@media(min-width:768px){
    .slick-next{
        right:0
    }
}
.arrow-shade button.slick-arrow{
    opacity:0;
    visibility:hidden;
    border:1px solid #fff;
    width:50px;
    height:50px;
    z-index:55;
    background:rgba(255,255,255,.302);
    text-align:center;
    transition:all .3s ease
}
.arrow-shade button.slick-arrow .fa{
    font-size:30px;
    color:#fff;
    line-height:45px
}
.arrow-shade button.slick-arrow:hover,.arrow-shade button.slick-arrow:focus{
    background:#4ac8ed;
    border-color:#4ac8ed
}
@media(min-width:768px){
    .arrow-shade button.slick-arrow.slick-prev{
        left:25px
    }
}
@media(min-width:768px){
    .arrow-shade button.slick-arrow.slick-next{
        right:25px
    }
}
.arrow-shade:hover button.slick-arrow,.arrow-shade:focus button.slick-arrow{
    opacity:1;
    visibility:visible
}
.brand_carousel{
    padding:35px 0
}
.brand_carousel .slick-initialized .slick-slide{
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    height:100px;
    -ms-flex-pack:center;
    justify-content:center
}
.brand_carousel .brand_img{
    text-align:center
}
@media(min-width:768px){
    .brand_carousel .brand_img{
        overflow:hidden
    }
}
.brand_carousel .brand_img img{
    display:inline-block;
    max-width:100%
}
@media(min-width:768px){
    .brand_carousel .carousel_row .slick-prev{
        left:25px
    }
}
@media(min-width:768px){
    .brand_carousel .carousel_row .slick-next{
        right:25px
    }
}
@media(min-width:768px){
    .brand_carousel .slick-slider{
        padding:0 50px
    }
}
@media(min-width:992px){
    .brand_carousel .slick-slider{
        padding:0 100px
    }
}
.image_carousel .element_row{
    margin:0 -15px
}
.image_carousel .element_row .image_single{
    padding:0 15px
}
.product-carousel .element_row{
    margin:0 -15px
}
.product-carousel .element_row .card{
    padding:0 15px;
    margin-bottom:30px
}
.product-carousel .slick-dots{
    bottom:-30px
}
.product-carousel .slick-dots li button{
    border:2px solid #e5e5e5
}
.slick-dots{
    bottom:35px
}
.slick-dots li button{
    border:2px solid #fff;
    opacity:.7;
    background:0 0;
    border-radius:50%
}
.slick-dots li button:before{
    color:transparent
}
.slick-dots li.slick-active button{
    background-color:#4ac8ed;
    border:0;
    opacity:1
}
.slick-dots li.slick-active button:before{
    opacity:1;
    font-size:8px;
    line-height:22px;
    color:#fff
}
.form-group{
    margin-bottom:0
}
.input-group-addon{
    border-color:#f5f5f5
}

input.form-control{
    height:50px
}
input.form-control,textarea.form-control,select.form-control{
    border-radius:0;
    font-size:14px;
    color:#848484;
    padding:13px 20px;
    line-height:24px;   
    background-color:#fff;
    margin-bottom:30px;
    font-weight:300;
   border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    height: 54px;
    background: #fff;
    
}     
        
        
        

input.form-control::-webkit-input-placeholder,textarea.form-control::-webkit-input-placeholder,select.form-control::-webkit-input-placeholder{
    color:#848484!important
}
input.form-control:-moz-placeholder,textarea.form-control:-moz-placeholder,select.form-control:-moz-placeholder{
    color:#848484!important
}
input.form-control::-moz-placeholder,textarea.form-control::-moz-placeholder,select.form-control::-moz-placeholder{
    color:#848484!important
}
input.form-control:-ms-input-placeholder,textarea.form-control:-ms-input-placeholder,select.form-control:-ms-input-placeholder{
    color:#848484!important
}
input.form-control.focus,input.form-control:focus,input.form-control.active,input.form-control:active,textarea.form-control.focus,textarea.form-control:focus,textarea.form-control.active,textarea.form-control:active,select.form-control.focus,select.form-control:focus,select.form-control.active,select.form-control:active{
    background-color:#fff;
    border-color:#f5f5f5;
    font-weight:300;
    box-shadow:0 2px 7px rgba(0,0,0,.05)
}
input.form-control.is-valid.focus,input.form-control.is-valid:focus,input.form-control.is-valid.active,input.form-control.is-valid:active,input.form-control.is-invalid.focus,input.form-control.is-invalid:focus,input.form-control.is-invalid.active,input.form-control.is-invalid:active{
    background-color:#fff;
    border-color:default;
    font-weight:300;
    box-shadow:default
}
.text_input .form-group{
    margin-bottom:10px
}
@media(min-width:768px){
    .text_input .form-group{
        margin-bottom:20px
    }
}
.text_input .form-group label{
    font-size:15px;
    font-weight:400;
    line-height:24px;
    color:#222
}
@media(min-width:992px){
    .text_input .form-group label{
        font-size:16px
    }
}
.text_input input.form-control,.text_input textarea.form-control,.text_input select.form-control{
    margin-bottom:0
}
.form-group .helpText{
    position:absolute;
    top:18px;
    right:25px
}
.selectOptions{
    margin-bottom:0
}
.selectOptions .sbHolder{
    background-color:transparent;
    border:0;
    margin:0;
    border-radius:0;
    border:1px solid #e5e5e5
}
.selectOptions .sbHolder,.selectOptions .sbSelector{
    width:100%!important;
    height:50px!important;
    line-height:50px
}
.selectOptions .sbOptions{
    width:100%!important;
    background-color:#fff;
    border:1px solid #e5e5e5;
    right:0!important;
    border-radius:0;
    z-index:100
}
.selectOptions .sbOptions a{
    color:#848484;
    font-size:13px;
    padding:13px 17px;
    text-transform:uppercase
}
.selectOptions .sbOptions a:hover{
    color:#4ac8ed;
    background-color:transparent
}
.selectOptions .sbOptions .sbToggle:hover,.selectOptions .sbOptions .sbToggle:focus,.selectOptions .sbOptions .sbToggle:active{
    color:inherit
}
.selectOptions .sbHolder>a.sbToggle:after{
    position:absolute;
    content:'\f078';
    font-family:fontawesome;
    top:0;
    right:10px;
    font-size:10px
}
.selectOptions .sbHolder>a.sbToggle.sbToggleOpen:after{
    content:'\f077'
}
.form-check-input{
    margin-left:4px;
    margin-top:6px;
    padding:5px;
    opacity:0
}
.form-check-label{
    padding-left:0;
    margin-bottom:25px;
    font-size:15px;
    cursor:default;
    color:#222
}
.checkbox-custom+.checkbox-custom-label:before,.radio-custom+.radio-custom-label:before{
    content:'';
    background:#fff;
    border:1px solid #dedede;
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:20px;
    padding:0;
    margin-right:10px;
    text-align:center;
    line-height:20px
}
.checkbox-custom:checked+.checkbox-custom-label:before{
    content:"\f00c";
    font-family:fontawesome;
    color:#fff;
    background:#4ac8ed;
    border:0 solid #4ac8ed
}
.radio-custom+.radio-custom-label:before{
    border-radius:50%
}
.radio-custom:checked+.radio-custom-label:before{
    content:"\f111";
    font-size:9px;
    font-family:fontawesome;
    color:#fff;
    background:#4ac8ed;
    border:0 solid #4ac8ed
}
span.or{
    font-size:15px;
    padding:15px 0;
    display:block;
    color:#222
}
.checkbox-custom:checked+.checkbox-custom-label.default-checked:before,.radio-custom:checked+.radio-custom-label.default-checked:before{
    background-color:#e5e5e5!important;
    color:#848484!important
}
.checkbox-custom:checked+.checkbox-custom-label.disable-checked:before,.radio-custom:checked+.radio-custom-label.disable-checked:before{
    background:#f2f2f2!important;
    color:rgba(132,132,132,.5)!important
}
h3.form_title{
    display:block;
    font-size:25px;
    padding:25px 30px;
    text-transform:capitalize;
    background:#f5f5f5
}
form.register{
    border:1px solid #e5e5e5;
    border-top:0;
    padding:25px 30px
}
form.register .form-check label.checkbox-custom-label{
    color:#222;
    margin-bottom:0
}
form.register .form-check label.checkbox-custom-label:before{
    width:16px;
    height:16px;
    line-height:16px
}
form.register .form-check .checkbox-custom:checked+.checkbox-custom-label:before{
    font-size:12px
}
form.register .btn-link{
    color:#439fdb;
    text-decoration:none;
    font-size:15px;
    display:inline-block
}
form.register span.or{
    position:relative;
    font-weight:700
}
form.register span.or:before{
    content:'';
    position:absolute;
    left:0;
    width:47%;
    background:#e5e5e5;
    height:1px;
    top:50%
}
form.register span.or:after{
    content:'';
    position:absolute;
    right:0;
    width:47%;
    background:#e5e5e5;
    height:1px;
    top:50%
}
form.register .btn{
    font-weight:700;
    margin-bottom:20px
}
form.register .btn.btn-facebook,form.register .btn.btn-twitter{
    margin-top:20px;
    margin-bottom:10px;
    text-transform:unset
}
p.form-footer{
    margin:0;
    text-align:center;
    padding:20px 0;
    border:1px solid #e5e5e5;
    border-top:0;
    font-size:15px
}
.input-icon{
    position:relative
}
.input-icon .input-group-addon{
    background-color:transparent;
    border:0 solid transparent;
    font-size:16px;
    color:#848484;
    position:absolute;
    top:0;
    padding:0;
    z-index:55;
    margin:14px 0;
    left:15px
}
.input-icon input{
    padding-left:40px
}
.input-icon.col-md-12 .input-group-addon{
    left:27px
}
.form-inline{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.form-inline .input-group{
    width:100%;
    position:relative
}
@media(min-width:768px){
    .form-inline .input-group{
        width:35%
    }
}
@media(min-width:992px){
    .form-inline .input-group{
        width:38%
    }
}
.form-inline .uname,.form-inline .email,.form-inline .password{
    position:relative
}
.custom-form-group-icon{
    position:relative
}
.custom-form-group-icon input.form-control{
    height:50px
}
.custom-form-group-icon i{
    position:absolute;
    right:30px;
    top:20px;
    color:#888;
    font-size:.81rem
}
.progress{
    border-radius:0
}
.progress.bordered{
    height:20px;
    -ms-flex-align:center;
    align-items:center;
    background:0 0;
    padding:0 5px;
    line-height:10px;
    text-align:center;
    border:1px solid #e5e5e5;
    border-radius:0
}
.progress.bordered .progress-bar{
    background-color:#4ac8ed;
    border-radius:0;
    height:10px
}
.progressText{
    font-size:15px
}
.progress-bar{
    background-color:#4ac8ed;
    text-align:left;
    border-radius:0
}
.tooltip{
    position:relative;
    float:right
}
.tooltip>.tooltip-inner{
    background-color:transparent;
    padding:8px 15px;
    color:#848484;
    font-size:15px
}
.tooltip>.tooltip-inner:before{
    display:none
}
.progress-bar-primary{
    background-color:#4ac8ed
}
.progress-bar-success{
    background-color:#49c32c
}
.progress-bar-info{
    background-color:#439fdb
}
.progress-bar-warning{
    background-color:#eabf38
}
.progress-bar-danger{
    background-color:#f55c5d
}
.circle1{
    margin-top:30px;
    position:relative
}
.circle1 strong{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:100%;
    text-align:center;
    font-size:30px;
    margin-top:-20px;
    color:#222
}
.circle1 span.text{
    display:block;
    color:#222;
    font-size:16px;
    margin-top:15px;
    text-transform:uppercase
}
ul.nav .nav-item .nav-link{
    font-size:14px;
    line-height:26px;
    text-transform:uppercase
}
ul.nav .nav-item.active .nav-link{
    color:#4ac8ed
}
ul.nav-tabs .nav-item .nav-link{
    border-radius:0;
    padding:10px 25px;
    background-color:#f5f5f5;
    margin-right:0;
    border:1px solid #e5e5e5;
    border-bottom:0
}
ul.nav-tabs .nav-item .nav-link.active{
    border-top-color:#4ac8ed;
    border-top-width:2px;
    background-color:#fff
}
@media(min-width:768px){
    ul.nav-tabs .nav-item .nav-link{
        margin-right:5px
    }
}
ul.nav-tabs .nav-item:last-child .nav-link{
    margin-right:0
}
ul.nav-tabs.no-bg .nav-item .nav-link{
    background-color:transparent;
    border:1px solid transparent
}
ul.nav-tabs.no-bg .nav-item .nav-link.active{
    border-color:#4ac8ed;
    background-color:#4ac8ed;
    color:#fff
}
ul.nav-tabs.nav-pills .nav-item .nav-link.active{
    border-color:#4ac8ed;
    background-color:#4ac8ed;
    color:#fff
}
.map-canvas{
    height:400px;
    width:100%
}
.map-canvas #map{
    height:100%;
    width:100%
}
.mapArea #map-canvas{
    height:400px;
    width:100%
}
@media(min-width:992px){
    .modal .modal-lg{
        max-width:870px!important
    }
}
.modal.show .modal-dialog{
    transform:translate(0,15%)
}
@media(min-width:992px){
    .modal.show .modal-dialog{
        transform:translate(0,25%)
    }
}
.modal-content{
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    border:0
}
.modal-content .modal-item{
    padding:15px
}
@media(min-width:992px){
    .modal-content .modal-item{
        padding:30px
    }
}
button.close{
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0;
    font-size:16px;
    -webkit-appearance:none;
    position:absolute;
    right:15px;
    z-index:55
}
button.close:hover,button.close.active,button.close:focus{
    outline:0;
    box-shadow:none
}
.card_img{
    position:relative;
    overflow:hidden
}
.quick_view{
    color:#fff!important
}
.quick_view:visited,.quick_view:hover{
    color:#fff
}
.quick-view-container{
    background:rgba(10,10,10,.85)
}
.quick-view-content{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:calc(100% - 40px);
    height:calc(100% - 40px);
    max-width:980px;
    max-height:400px
}
.quick-view-carousel{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    background:#fff
}
@media(min-width:768px){
    .quick-view-carousel{
        top:0;
        width:57%
    }
}
.fancybox-slide .fancybox-image-wrap{
    top:10px
}
@media(min-width:768px){
    .fancybox-slide .fancybox-image-wrap{
        top:0
    }
}
.quick-view-carousel .fancybox-stage{
    bottom:30px
}
.quick-view-aside{
    position:absolute;
    top:0;
    right:0;
    bottom:50%;
    left:auto;
    width:100%;
    padding:0;
    background:#fff;
    color:#777
}
@media(min-width:768px){
    .quick-view-aside{
        width:43%;
        bottom:0
    }
}
.quick-view-aside .project_specification{
    padding:10px 30px;
    color:#fff;
    position:relative
}
@media(min-width:768px){
    .quick-view-aside .project_specification{
        padding:40px 30px
    }
}
.quick-view-aside .project_specification h2{
    margin-bottom:10px;
    margin-top:0;
    font-size:22px
}
@media(min-width:768px){
    .quick-view-aside .project_specification h2{
        margin-bottom:20px
    }
}
@media(min-width:992px){
    .quick-view-aside .project_specification h2{
        margin-bottom:30px;
        font-size:30px
    }
}
.quick-view-aside .project_specification .row{
    margin-top:10px
}
@media(min-width:768px){
    .quick-view-aside .project_specification .row{
        margin-top:15px
    }
}
.quick-view-aside::before,.quick-view-aside::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0
}
.quick-view-aside::before{
    width:8px;
    background:#f4f4f4
}
.quick-view-aside::after{
    width:0;
    background:#e9e9e9
}
@media(min-width:768px){
    .quick-view-aside::after{
        width:1px
    }
}
.quick-view-aside>div{
    height:100%;
    overflow:inherit;
    padding:0;
    text-align:center
}
@media(min-width:768px){
    .quick-view-aside>div{
        padding:0 0 0 10px
    }
}
.quick-view-aside>div .bg-image{
    height:100%
}
.quick-view-close{
    position:absolute;
    top:0;
    right:0;
    width:44px;
    height:44px;
    background:#f0f0f0;
    padding:0;
    margin:0;
    border:0;
    cursor:pointer;
    font-family:Arial;
    font-size:14px;
    color:#222;
    text-indent:-99999px;
    transition:all .2s
}
.quick-view-close:hover{
    background:#e4e4e4
}
.quick-view-close::before,.quick-view-close::after{
    content:'';
    position:absolute;
    top:12px;
    left:22px;
    width:1px;
    height:18px;
    background-color:#222
}
.quick-view-close:before{
    transform:rotate(-45deg)
}
.quick-view-close:after{
    transform:rotate(45deg)
}
.quick-view-bullets{
    list-style:none;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    margin:0;
    padding:0;
    z-index:99999;
    -webkit-tap-highlight-color:transparent
}
.quick-view-bullets li{
    display:inline-block;
    vertical-align:top
}
.quick-view-bullets li a{
    display:block;
    height:30px;
    width:20px;
    position:relative
}
.quick-view-bullets li a span{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:10px;
    height:10px;
    border-radius:99px;
    text-indent:-99999px;
    overflow:hidden;
    background:#d4d2d2
}
.quick-view-bullets li.active a span{
    background:#4ac8ed
}
.popover{
    border-radius:0;
    border-color:#e5e5e5
}
.popover.bs-tether-element-attached-left::before,.popover.popover-right::before,.popover.popover-left::before,.popover.popover-top::before,.popover.popover-bottom::before{
    border-right-color:#e5e5e5
}
.popover-title{
    font-size:18px;
    border-bottom:1px solid #e5e5e5
}
.tooltip-inner{
    max-width:200px;
    padding:3px 8px;
    color:#fff!important;
    position:relative;
    text-align:center;
    background-color:#071e33!important;
    border-radius:0
}
.tooltip-inner:after{
    position:absolute;
    content:'';
    top:0;
    left:50%;
    margin-left:-5px;
    border-bottom-color:#000;
    border-width:0 5px 5px
}
.display-single_element button[data-toggle=tooltip]{
    margin-bottom:15px;
    display:block
}
@media(min-width:768px){
    .display-single_element button[data-toggle=tooltip]{
        margin-bottom:0;
        display:inline-block
    }
}
.icon_tabs{
    margin-top:25px;
    border:0;
    display:block
}
@media(min-width:768px){
    .icon_tabs{
        -ms-flex-pack:center;
        justify-content:center;
        display:-ms-flexbox;
        display:flex
    }
}
.icon_tabs .nav-item{
    border:0;
    display:block;
    text-align:left!important;
    margin-bottom:10px
}
@media(min-width:768px){
    .icon_tabs .nav-item{
        margin-bottom:0;
        text-align:center!important
    }
}
@media(min-width:992px){
    .icon_tabs .nav-item{
        display:inline-block;
        margin:0 5px
    }
}
.icon_tabs .nav-item a.nav-link{
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    border:0;
    border-radius:0;
    background:#fff;
    position:relative;
    color:#222;
    white-space:nowrap;
    padding:25px
}
@media(min-width:768px){
    .icon_tabs .nav-item a.nav-link{
        padding:20px 0
    }
}
@media(min-width:992px){
    .icon_tabs .nav-item a.nav-link{
        padding:25px 0
    }
}
@media(min-width:1200px){
    .icon_tabs .nav-item a.nav-link{
        padding:40px 0
    }
}
.icon_tabs .nav-item a.nav-link:before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    opacity:0;
    transition:all .3s ease;
    border-bottom:4px solid #4ac8ed
}
.icon_tabs .nav-item a.nav-link i{
    font-size:26px;
    color:#848484;
    float:left;
    line-height:20px;
    transition:all .3s ease
}
@media(min-width:768px){
    .icon_tabs .nav-item a.nav-link i{
        float:unset;
        font-size:30px;
        padding-bottom:14px
    }
}
@media(min-width:992px){
    .icon_tabs .nav-item a.nav-link i{
        float:unset;
        font-size:40px;
        padding-bottom:20px
    }
}
.icon_tabs .nav-item a.nav-link h3{
    text-transform:capitalize;
    display:inline-block;
    margin-left:15px;
    font-size:18px
}
@media(min-width:768px){
    .icon_tabs .nav-item a.nav-link h3{
        display:block;
        margin-left:0;
        font-size:15px
    }
}
@media(min-width:992px){
    .icon_tabs .nav-item a.nav-link h3{
        font-size:18px
    }
}
.icon_tabs .nav-item a.nav-link:hover:before,.icon_tabs .nav-item a.nav-link.active:before{
    opacity:1
}
.icon_tabs .nav-item a.nav-link:hover .fa,.icon_tabs .nav-item a.nav-link.active .fa{
    color:#4ac8ed
}
.nav-tabs.bar-tabs{
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-pack:center;
    justify-content:center
}
.nav-tabs.bar-tabs .nav-item{
    margin-bottom:0
}
.nav-tabs.bar-tabs .nav-link{
    border-radius:0;
    position:relative;
    display:inline-block;
    padding:10px 25px;
    padding-bottom:15px!important;
    background-color:transparent!important;
    margin-right:0;
    border:0!important
}
.nav-tabs.bar-tabs .nav-link.active h5{
    transition:all .3s ease;
    color:#4ac8ed
}
.nav-tabs.bar-tabs .nav-link.active:before{
    position:absolute;
    content:'';
    bottom:0;
    left:0;
    border-bottom:3px solid #4ac8ed;
    width:100%
}
.tab-content .active{
    padding:25px 0
}
@media(min-width:768px){
    .nav-tabs .nav-item{
        margin-bottom:-1px
    }
}
.tab-content.tab-bordered .active{
    border:1px solid #e5e5e5;
    border-top:0 solid transparent;
    padding:25px
}
.nav-unbordered.nav-tabs{
    border-bottom:0
}
.nav-unbordered.nav-tabs .nav-item{
    padding:10px 25px 10px 0
}
.nav-unbordered.nav-tabs .nav-item .nav-link{
    border:0;
    padding:0;
    font-size:18px;
    background-color:transparent;
    text-transform:capitalize;
    position:relative;
    display:inline-block
}
.nav-unbordered.nav-tabs .nav-item .nav-link.active{
    color:#7bd1df;
    background-color:transparent
}
.nav-unbordered.nav-tabs .nav-item .nav-link.active:before{
    content:'';
    position:absolute;
    width:100%;
    border-bottom:2px solid #7bd1df;
    bottom:-8px
}
.nav.nav-tabs{
    -ms-flex-direction:column;
    flex-direction:column
}
@media(min-width:768px){
    .nav.nav-tabs{
        -ms-flex-direction:unset;
        flex-direction:unset
    }
}
.nav-stacked{
    -ms-flex-direction:column!important;
    flex-direction:column!important
}
.nav-tabs.nav-stacked{
    margin-right:0;
    border-bottom:0;
    border-right:none
}
@media(min-width:768px){
    .nav-tabs.nav-stacked{
        border-right:1px solid #e5e5e5;
        padding-right:0
    }
}
.nav-tabs.nav-stacked .nav-item{
    margin:0!important;
    float:none!important;
    display:block!important
}
.nav-tabs.nav-stacked .nav-item .nav-link{
    padding:10px 15px;
    margin-right:0;
    border-right:0
}
.nav-tabs.nav-stacked .nav-item .nav-link i{
    padding-right:10px
}
.nav-tabs.nav-stacked .nav-item .nav-link.active{
    border-top-color:#e5e5e5;
    border-top-width:1px;
    bottom:0
}
@media(min-width:768px){
    .nav-tabs.nav-stacked .nav-item .nav-link.active{
        margin-right:-1px;
        border-right-color:#fff!important
    }
}
.promo-video{
    position:relative;
    width:100%;
    float:none;
    overflow:hidden;
    max-height:400px;
    padding-top:100%
}
.promo-video:before{
    background-color:transparent
}
@media(min-width:768px){
    .promo-video{
        max-height:450px;
        width:100%;
        position:relative;
        margin:0;
        padding-top:60%
    }
}
@media(min-width:992px){
    .promo-video{
        max-height:550px
    }
}
@media(min-width:1200px){
    .promo-video{
        max-height:650px
    }
}
.promo-video .video-button{
    position:absolute;
    left:0;
    top:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%
}
.promo-video .video-button i{
    position:relative;
    height:80px;
    width:80px;
    line-height:80px;
    font-size:35px;
    border-radius:50%;
    display:inline-block;
    color:#fff;
    padding-left:10px;
    text-align:center;
    border:2px solid #fff;
    transition:transform .3s ease
}
.promo-video .video-button:hover i{
    transform:scale(1.1)
}
.video-box a{
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.video-box a iframe{
    width:100%;
    height:100%;
    border:0;
    position:relative
}
.video-box a:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%
}
.video-box a img{
    position:relative;
    transition:transform .7s ease
}
.video-box a:hover img{
    transform:scale(1.1)
}
.fluid-width-video-wrapper{
    width:100%;
    position:relative;
    padding:0
}
.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.promo-video-holder{
    margin-bottom:30px
}
@media(min-width:768px){
    .promo-video-holder{
        margin-bottom:0
    }
}
.promo-video-holder .promo-video{
    float:none;
    padding-top:0
}
.promo-video-holder a.video-link{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.promo-video-holder a.video-link i{
    position:relative;
    height:80px;
    width:80px;
    line-height:80px;
    font-size:35px;
    border-radius:50%;
    display:inline-block;
    color:#fff;
    padding-left:10px;
    text-align:center;
    border:2px solid #fff;
    transition:transform .3s ease
}
.promo-video-holder a.video-link:hover i{
    transform:scale(1.1)
}
.testimonial-content .promo-video-holder{
    margin-bottom:0
}
.testimonial-video{
    background-size:cover;
    background-position:center;
    height:-webkit-fill-available
}
@media(min-width:768px){
    .testimonial-video{
        height:100%
    }
}
.hero-block{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .hero-block{
        padding-top:100px;
        padding-bottom:100px
    }
}
p.typo{
    padding-top:20px;
    padding-bottom:30px
}
mark{
    background:0 0;
    color:#f55c5d!important
}
.styled_list{
    margin-top:15px;
    position:relative;
    display:inline-block
}
@media(min-width:768px){
    .styled_list{
        margin-top:15px
    }
}
.styled_list li{
    font-size:14px;
    line-height:30px
}
@media(min-width:768px){
    .styled_list li{
        font-size:14px;
        float:left;
        width:50%
    }
}
.styled_list li i{
    margin-right:10px;
    font-size:12px
}
.styled_list li a{
    color:#848484
}
@media(min-width:768px){
    .styled_list li a{
        font-size:12px
    }
}
@media(min-width:992px){
    .styled_list li a{
        font-size:14px
    }
}
ol.styled_list{
    margin-left:15px
}
ol.styled_list li{
    padding-left:10px
}
.dropcaps p{
    display:inline-block
}
.dropcaps p .firstcharacter{
    color:#848484;
    float:left;
    font-size:22px;
    width:40px;
    height:40px;
    background-color:#f5f5f5;
    text-align:center;
    line-height:40px;
    margin-top:9px;
    margin-right:10px
}
.seperator{
    display:inline-block;
    position:relative
}
.seperator svg.seperator-icon{
    width:34px;
    height:39px;
    fill:#4ac8ed
}
.seperator:before{
    position:absolute;
    content:'';
    top:19px;
    left:-110px;
    width:100px;
    border-bottom:1px solid #4ac8ed
}
.seperator:after{
    position:absolute;
    content:'';
    top:19px;
    right:-110px;
    width:100px;
    border-bottom:1px solid #4ac8ed
}
p.devider{
    position:relative;
    border-top:1px solid #e5e5e5;
    margin:20px 0
}
p.devider.devider_medium{
    max-width:50%;
    margin-left:auto;
    margin-right:auto
}
p.devider.devider_dashed{
    border-top:1px dashed #e5e5e5
}
p.devider.devider_narrow{
    max-width:10%;
    margin-left:auto;
    margin-right:auto
}
p.devider.devider_thik{
    border-width:2px
}
p.devider.devider_primary{
    border-color:#4ac8ed
}
.bredcrumb{
    opacity:1;
    position:relative;
    padding:50px 25px
}
@media(min-width:992px){
    .bredcrumb{
        padding-top:50px;
        padding-bottom:50px
    }
}
.bredcrumb ul{
    position:relative
}
.bredcrumb ul li,.bredcrumb ul a{
    display:inline-block;
    font-size:13px;
    color:#fff;
    padding:7px
}
@media(min-width:768px){
    .bredcrumb ul li,.bredcrumb ul a{
        font-size:15px
    }
}
.bredcrumb ul li:after{
    position:absolute;
    content:'\f101';
    font-family:FontAwesome;
    top:14px
}
.bredcrumb ul li:last-child:after{
    display:none
}
.bredcrumb ul li:first-child{
    padding-left:0
}
.bredcrumb ul li:first-child a{
    padding-left:0
}
.bredcrumb ul.pager{
    text-align:left
}
@media(min-width:768px){
    .bredcrumb ul.pager{
        text-align:right
    }
}
.bredcrumb h2{
    color:#fff;
    font-size:28px;
    line-height:45px
}
@media(min-width:768px){
    .bredcrumb h2{
        font-size:40px
    }
}
.bredcrumb p{
    color:#fff;
    line-height:1.5
}
@media(min-width:992px){
    .bredcrumb p{
        line-height:1
    }
}
.bredcrumb p.devider.devider_narrow{
    max-width:10%;
    margin-bottom:0;
    margin-top:15px;
    margin-left:0;
    margin-right:auto
}
.display-single_element .bredcrumb h2{
    padding-top:0!important
}
.hover-overlay h4{
    color:#fff
}
.hover-overlay h4:hover{
    color:#fff
}
.hover-overlay.overlay-flex{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
i.overlay-icon{
    width:70px;
    height:70px;
    display:block;
    text-align:center;
    background-color:#fff;
    line-height:70px;
    font-size:18px;
    color:#4ac8ed;
    border-radius:50%;
    margin-bottom:15px
}
header{
    background-color:#000
}
.dropdown-menu li>h6{
    margin-top:20px;
    font-weight:500;
    padding-bottom:10px
}
@media(min-width:768px){
    .dropdown-menu li>h6{
        margin-top:10px;
        font-size:12px
    }
}
@media(min-width:992px){
    .dropdown-menu li>h6{
        font-size:16px
    }
}
@media(min-width:1200px){
    .dropdown-menu li>h6{
        margin-top:20px
    }
}
.topbar-content{
    position:relative;
    display:inline-block;
    margin-right:10px
}
@media(min-width:992px){
    .topbar-content{
        margin-right:30px
    }
}
.topbar{
    display:none
}
@media(min-width:992px){
    .topbar{
        background-color:#fff;
        display:block
    }
}
.topbar i{
    color:#4ac8ed;
    display:inline-block;
    position:absolute;
    left:0;
    top:17px
}
.topbar p,.topbar a{
    color:#fff;
    display:inline-block;
    padding-left:20px;
    font-size:14px;
    line-height:1;
    margin-top:17px
}
.topbar a.btn{
    margin-top:0
}
.boxed-menu .topbar{
    padding:20px 0
}
.boxed-menu .topbar i{
    top:0;
    display:inline-block;
    position:relative;
    width:45px;
    border:1px solid #e5e5e5;
    height:45px;
    margin-right:10px;
    line-height:45px;
    text-align:center;
    border-radius:50%
}
.boxed-menu .topbar p,.boxed-menu .topbar a{
    display:inline-block;
    color:#848484;
    padding-left:0
}
.boxed-menu .topbar .btn{
    color:#fff;
    padding:0 30px
}
@media(min-width:480px){
    .boxed header{
        max-width:520px;
        margin:0 auto;
        background-color:#fff
    }
}
@media(min-width:768px){
    .boxed header{
        max-width:768px;
        margin:0 auto
    }
}
@media(min-width:992px){
    .boxed header{
        max-width:970px;
        margin:0 auto
    }
}
@media(min-width:1200px){
    .boxed header{
        max-width:100%;
        margin:0 auto
    }
}
@media(min-width:1200px){
    .boxed header.header-transparent{
        background-color:transparent;
        max-width:1260px;
        margin:0 auto
    }
}
.main-nav{
    z-index:5555
}
.main-nav.navbar-sticky{
    box-shadow:0 3px 12px rgba(0,0,0,.08)
}
@media(min-width:768px){
    .main-nav{
        position:relative;
        padding:0!important
    }
}
.main-nav .navbar-brand{
    padding-top:10px;
    margin:0;
    padding-bottom:10px;
    transition:all .3s ease-in-out
}
.main-nav .navbar-brand.shade{
    opacity:.5
}
.main-nav .navbar-brand img{
    max-width:150px
}
@media(min-width:768px){
    .main-nav .navbar-brand{
        margin-top:0
    }
    .main-nav .navbar-brand img{
        width:auto;
        max-width:150px
    }
}
@media(min-width:992px){
    .main-nav .navbar-brand{
        width:230px;
        overflow:visible
    }
    .main-nav .navbar-brand img{
        width:auto;
        max-height:70px
    }
}
.main-nav .navbar-toggler{
    -ms-flex-item-align:start;
    align-self:flex-start;
    padding:0;
    background:0 0;
    border:0;
    cursor:pointer;
    border-radius:0;
    position:absolute;
    right:0;
    top:5px;
    transition:all .5s ease-in-out;
    margin-top:0;
    z-index:5550
}
.main-nav .navbar-toggler .burger-menu{
    width:40px;
    height:40px;
    display:inline-block;
    font-size:24px;
    line-height:40px;
    color:#fff;
    background:#4ac8ed;
    text-align:center
}
.main-nav .navbar-toggler.clicked{
    position:fixed;
    top:13px;
    right:270px
}
.main-nav .navbar-toggler.active,.main-nav .navbar-toggler:focus{
    outline:0
}
.main-nav .navbar-collapse{
    overflow-y:auto;
    position:fixed;
    top:0;
    padding:0;
    min-width:260px;
    border-top:none;
    margin-top:0;
    display:block;
    position:fixed;
    z-index:5551;
    right:-100%;
    height:400px;
    transition:all .5s ease-in-out
}
@media(min-width:768px){
    .main-nav .navbar-collapse{
        position:relative;
        overflow-y:unset;
        right:0;
        height:auto
    }
}
.main-nav .dropdown-toggle::after{
    visibility:visible;
    position:absolute;
    right:15px;
    content:'\f107';
    border:0;
    font-family:FontAwesome
}
@media(min-width:768px){
    .main-nav .dropdown-toggle::after{
        visibility:hidden
    }
}
.main-nav .navbar-collapse.show{
    overflow-y:auto;
    right:0
}
.main-nav .navbar-nav{
    position:relative;
    z-index:5551;
    background:#fff;
    padding:10px 15px
}
.main-nav .navbar-nav:after{
    content:"";
    display:table;
    clear:both
}
@media(min-width:768px){
    .main-nav .navbar-nav{
        padding:0;
        position:static;
        background:0 0
    }
}
.main-nav .nav-item a{
    text-transform:capitalize;
    font-family:montserrat,sans-serif
}
.main-nav .nav-item.active a.nav-link{
    color:#4ac8ed
}
.main-nav .nav-item a.nav-link{
    color:#222;
    padding:0;
    font-size:14px;
    position:relative;
    text-transform:uppercase;
    font-weight:700;
    display:block;
    margin:10px 0
}
@media(min-width:768px){
    .main-nav .nav-item a.nav-link{
        padding:20px 0;
        margin:0 10px;
        font-size:12px
    }
    .main-nav .nav-item a.nav-link:before{
        content:'';
        overflow:hidden;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        display:block;
        margin:0 auto;
        width:0;
        height:2px;
        background-color:#fff;
        transition:all .3s ease-in-out
    }
}
@media(min-width:768px) and (min-width:768px){
    .main-nav .nav-item a.nav-link:before{
        bottom:30px;
        border-bottom:2px solid #222
    }
}
@media(min-width:768px){
    .main-nav .nav-item a.nav-link:after{
        content:''
    }
}
@media(min-width:992px){
    .main-nav .nav-item a.nav-link{
        padding:40px 0;
        margin:0 15px;
        font-size:14px
    }
}
@media(min-width:1200px){
    .main-nav .nav-item a.nav-link{
        padding:40px 0;
        margin:0 18px;
        font-size:14px
    }
}
.main-nav .nav-item a.nav-link:hover:before{
    width:100%;
    opacity:.8
}
@media(min-width:768px){
    .main-nav .nav-item a.nav-link:hover:before,.main-nav .nav-item a.nav-link:hover:after{
        opacity:.8
    }
}
.main-nav .nav-item.active a.nav-link:before{
    opacity:1;
    width:100%
}
.main-nav .nav-item.active a.nav-link:after{
    opacity:1
}
.main-nav .nav-item.active.show .dropdown-toggle::after{
    content:'\f106'
}
.show>a.nav-link{
    color:#4ac8ed
}
.show>a.nav-link:hover,.show>a.nav-link:focus{
    color:#4ac8ed
}
.show>.dropdown-menu{
    visibility:visible;
    transform:translateY(0%);
    opacity:1;
    z-index:1;
    transition-delay:0s,0s,.3s
}
.dropdown-menu{
    top:100%;
    min-width:230px;
    margin-top:0;
    width:auto;
    padding:0 20px;
    border-radius:0;
    box-shadow:none
}
.dropdown-menu a{
    padding:5px 0;
    font-size:14px;
    display:block;
    color:#848484
}
.dropdown-menu a.active,.dropdown-menu a:hover{
    color:#4ac8ed
}
@media(min-width:768px){
    .dropdown-menu a{
        padding:6px 0;
        font-size:11px;
        color:#545454
    }
}
@media(min-width:992px){
    .dropdown-menu a{
        padding:10px 0;
        font-size:14px
    }
}
@media(min-width:768px){
    .dropdown-menu{
        box-shadow:0 0 3px rgba(0,0,0,.08);
        transform:translateY(-30px);
        background-color:#fff;
        margin-top:0;
        padding:0 20px;
        display:block;
        opacity:0;
        z-index:-1;
        visibility:hidden;
        transition:all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s
    }
}
@media(min-width:992px){
    .dropdown-menu{
        margin-top:0;
        padding:0 20px
    }
}
.dropdown-menu li{
    padding:0
}
@media(min-width:768px){
    .dropdown-menu li{
        border-bottom:1px solid #e5e5e5
    }
    .dropdown-menu li:last-child{
        border-bottom:0
    }
}
.dropdown-menu li.dropdown .dd_second{
    border:0;
    margin-top:0;
    margin-left:0;
    box-shadow:none;
    border-left:0 solid transparent;
    border-top:0 solid transparent;
    background:0 0
}
@media(min-width:768px){
    .dropdown-menu li.dropdown .dd_second{
        top:0!important;
        left:-100%!important;
        margin-top:-23px;
        box-shadow:none;
        border-right:0 solid transparent;
        border-top:3px solid transparent;
        margin-left:-50px;
        background:#fff
    }
}
@media(min-width:992px){
    .dropdown-menu li.dropdown .dd_second{
        top:0!important;
        left:-100%!important;
        margin-top:-23px;
        box-shadow:none;
        border-right:0 solid transparent;
        border-top:3px solid transparent;
        margin-left:-70px;
        background:#fff
    }
}
@media(min-width:1200px){
    .dropdown-menu li.dropdown .dd_second{
        top:0!important;
        left:100%!important;
        margin-top:-23px;
        margin-left:-5px;
        box-shadow:none;
        border-left:10px solid transparent;
        border-top:3px solid transparent;
        background:#fff
    }
}
.dropdown-menu li.dropdown.show>.dropdown-menu{
    transition:transform .3s,opacity .3s ease-in-out;
    opacity:1;
    display:block
}
@media(min-width:768px){
    .megaDropMenu{
        position:static
    }
    .megaDropMenu .dropdown-menu{
        width:100%;
        top:100%;
        padding:0 0 6px
    }
    .megaDropMenu .dropdown-menu>li{
        float:left;
        padding:0 20px;
        border-bottom:0
    }
    .megaDropMenu .dropdown-menu ul li{
        border-bottom:1px solid #e5e5e5
    }
    .megaDropMenu .dropdown-menu ul li:last-child{
        border-bottom:none
    }
}
.navbar-sticky{
    position:fixed;
    top:0;
    z-index:1099;
    width:100%
}
.static .navbar-sticky{
    display:none
}
.main-nav .nav-item .btn-search{
    top:0;
    right:0
}
.main-nav .nav-item .btn-search:hover:before,.main-nav .nav-item .btn-search.active:before,.main-nav .nav-item .btn-search:focus:before{
    border:0!important;
    opacity:0!important
}
.main-nav .nav-item .btn-search:hover:after,.main-nav .nav-item .btn-search.active:after,.main-nav .nav-item .btn-search:focus:after{
    border:0!important;
    opacity:0!important
}
.main-nav .nav-item .btn-search.nav-link{
    display:none
}
@media(min-width:768px){
    .main-nav .nav-item .btn-search.nav-link{
        display:block
    }
    .main-nav .nav-item .btn-search.nav-link:before{
        display:none
    }
}
form.search_form{
    display:none;
    margin:15px;
    position:relative;
    right:0;
    background:#fff;
    top:100%;
    box-shadow:0 0 3px rgba(0,0,0,.08);
    z-index:10;
    padding:10px 15px
}
@media(min-width:768px){
    form.search_form{
        width:300px;
        display:none;
        position:absolute;
        margin-top:-20px;
        padding:15px
    }
}
form.search_form input{
    display:inline-block;
    padding:8px 2px;
    font-size:14px;
    border:0;
    max-width:50%;
    color:#848484
}
@media(min-width:768px){
    form.search_form input{
        max-width:100%
    }
}
form.search_form .btn-small{
    font-size:12px;
    float:right
}
.nav-cart{
    position:absolute;
    right:45px;
    top:0;
    margin-top:0
}
@media(min-width:768px){
    .nav-cart{
        position:relative;
        margin-right:0;
        margin-top:0;
        margin-left:15px;
        right:0
    }
}
.nav-cart .btn-cart{
    width:40px;
    height:40px;
    display:inline-block;
    font-size:18px;
    line-height:40px;
    color:#fff;
    background:#86c9d4;
    text-align:center;
    border-radius:50%
}
.nav-cart .cart_item-box{
    position:absolute;
    right:0;
    background:#fff;
    width:300px;
    top:55px;
    display:none;
    box-shadow:0 0 3px rgba(0,0,0,.08);
    z-index:10;
    padding:20px
}
@media(min-width:768px){
    .nav-cart .cart_item-box{
        top:50px
    }
}
.nav-cart .cart_item-box .btn{
    font-weight:700
}
.nav-cart .cart_item-box .media-head{
    max-width:70px;
    max-height:70px;
    overflow:hidden;
    border:1px solid #e5e5e5
}
.nav-cart .cart_item-box li{
    border-bottom:1px solid #e5e5e5;
    padding:15px 0
}
.nav-cart .cart_item-box li:nth-child(3),.nav-cart .cart_item-box li:last-child{
    border-bottom:0
}
.nav-cart .cart_item-box li:last-child{
    text-align:center
}
.nav-cart .cart_item-box .media-body{
    padding:0 15px;
    position:relative
}
.nav-cart .cart_item-box .media-body h5{
    font-size:16px;
    max-width:120px;
    line-height:22px
}
.nav-cart .cart_item-box .media-body span{
    font-weight:700;
    font-size:16px;
    line-height:26px
}
.nav-cart .cart_item-box .media-body .btn-close{
    position:absolute;
    right:0;
    top:5px;
    opacity:.5
}
.nav-cart,.btn-logo{
    display:table;
    table-layout:fixed
}
.icon-toggle{
    display:table-cell;
    transition:all .3s ease 0s;
    vertical-align:middle
}
.icon-toggle.active>i{
    opacity:0;
    transform:translateY(-20px) scale(.7)
}
.icon-toggle.active::after{
    opacity:1;
    transform:translateY(0) scale(1)
}
.icon-toggle>i{
    display:inline-block;
    font-style:normal;
    opacity:1;
    position:relative;
    transform:translateY(0) scale(1);
    transition:transform .3s ease 0s,opacity .15s ease 0s
}
.icon-toggle::after{
    content:"\f00d";
    display:block;
    font-family:fontawesome;
    margin-top:-40px;
    opacity:0;
    transform:translateY(20px) scale(.7);
    transition:transform .3s ease 0s,opacity .15s ease 0s
}
.boxed-menu header{
    height:auto!important
}
@media(min-width:768px){
    .boxed-menu .navbar-brand{
        margin-left:15px
    }
    .boxed-menu .main-nav{
        max-width:720px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:-45px
    }
    .boxed-menu .main-nav a.nav-link{
        color:#fff;
        font-family:montserrat,sans-serif;
        padding:35px 0;
        margin:0 10px;
        font-size:12px;
        font-weight:500
    }
    .boxed-menu .main-nav a.nav-link:before{
        border-bottom:2px solid #4ac8ed
    }
    .boxed-menu .main-nav a.nav-link:hover,.boxed-menu .main-nav a.nav-link:focus{
        color:#4ac8ed
    }
    .boxed-menu .main-nav.navbar-sticky{
        max-width:100%;
        margin-left:auto;
        margin-right:auto
    }
    .boxed-menu .main-nav.navbar-sticky a.nav-link{
        color:#fff
    }
    .boxed-menu .main-nav.navbar-sticky a.nav-link:hover,.boxed-menu .main-nav.navbar-sticky a.nav-link:focus{
        color:#4ac8ed
    }
    .boxed-menu .main-nav.navbar-sticky .nav-item.active a.nav-link{
        color:#4ac8ed
    }
}
@media(min-width:992px){
    .boxed-menu .main-nav{
        max-width:940px;
        margin-left:auto;
        margin-right:auto
    }
    .boxed-menu .main-nav a.nav-link{
        margin:0 15px;
        font-size:14px
    }
}
@media(min-width:1200px){
    .boxed-menu .main-nav{
        max-width:1110px;
        margin-left:auto;
        margin-right:auto
    }
    .boxed-menu .main-nav a.nav-link{
        margin:0 20px;
        font-size:14px
    }
}
@media(min-width:480px){
    .boxed.boxed-menu .navbar-sticky{
        max-width:520px;
        margin:0 auto
    }
}
@media(min-width:768px){
    .boxed.boxed-menu .navbar-sticky{
        background-color:transparent;
        max-width:728px;
        margin:0 auto
    }
}
@media(min-width:992px){
    .boxed.boxed-menu .navbar-sticky{
        background-color:transparent;
        max-width:970px;
        margin:0 auto
    }
}
@media(min-width:1200px){
    .boxed.boxed-menu .navbar-sticky{
        background-color:transparent;
        max-width:1260px;
        margin:0 auto
    }
}
@media(min-width:768px){
    .boxed.boxed-menu .navbar-sticky{
        left:50%;
        transform:translateX(-50%)
    }
}
.mobile-sticky-header-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:all .5s;
    background-color:rgba(17,17,17,.4)
}
.mobile-sticky-header-overlay.active{
    opacity:1;
    visibility:visible;
    z-index:5550
}
.display-single_element .bg-dark .main-nav .nav-item a.nav-link{
    color:#fff
}
.display-single_element .bg-dark .main-nav a.nav-link:before{
    border-color:#fff
}
.display-single_element .main-nav a.nav-link:after{
    border-color:transparent
}
.display-single_element .main-nav{
    box-shadow:none
}
.display-single_element .main-nav .navbar-collapse{
    margin-top:20px;
    height:200px
}
@media(min-width:768px){
    .display-single_element .main-nav .navbar-collapse{
        margin-top:0;
        height:auto
    }
}
.display-single_element .main-nav .navbar-collapse .navbar-nav{
    background-color:#fff
}
@media(min-width:768px){
    .display-single_element .main-nav .navbar-collapse .navbar-nav{
        background-color:transparent
    }
}
.display-single_element .main-nav .dropdown-menu a{
    color:#222
}
.display-single_element .main-nav .navbar-toggler,.display-single_element .main-nav .nav-cart{
    top:12px
}
@media(min-width:768px){
    .display-single_element .main-nav .navbar-toggler,.display-single_element .main-nav .nav-cart{
        top:0
    }
}
.display-single_element .main-nav .navbar-brand{
    margin-left:-15px
}
@media(min-width:768px){
    .display-single_element .main-nav .navbar-brand{
        margin-left:unset
    }
}
.logo-center .main-nav .nav-item a.nav-link{
    color:#222
}
@media(min-width:768px){
    .logo-center{
        background-image:url(../img/slider/slv1.jpg);
        background-position:bottom
    }
    .logo-center .navbar-brand{
        position:absolute;
        width:100%;
        left:0;
        text-align:center;
        margin:auto;
        margin-left:-30px
    }
}
@media(min-width:768px) and (min-width:768px){
    .logo-center .navbar-brand{
        width:150px;
        left:50%;
        transform:translateX(-50%)
    }
}
.page-item a.page-link{
    border-radius:0!important;
    margin-right:10px;
    color:#222;
    font-size:17px;
    height:45px;
    width:45px;
    line-height:26px;
    overflow:hidden;
    text-align:center;
    border:1px solid #dadada
}
.page-item.active a.page-link,.page-item:hover a.page-link{
    background-color:#4ac8ed;
    border:1px solid #4ac8ed;
    color:#fff
}
.page-item:last-child a.page-link{
    margin-right:0
}
.circle{
    width:80px;
    height:80px;
    border-radius:50%;
    background-color:#4ac8ed;
    white-space:nowrap;
    position:absolute;
    padding:0;
    top:-40px;
    left:50%;
    box-shadow:0 4px 10px rgba(134,201,212,.3);
    transform:translateX(-50%);
    color:#fff
}
.pricing{
    border:1px solid #e5e5e5;
    padding:30px 0;
    transition:box-shadow .3s ease
}
.pricing>h2{
    line-height:30px;
    margin-bottom:10px
}
.pricing>span{
    color:#848484;
    font-style:italic;
    display:inline-block;
    font-size:14px
}
.pricing .card-header{
    margin:30px 0;
    border:0;
    padding:30px 0
}
.pricing .card-header>span.price{
    color:#222;
    display:inline-block;
    font-size:50px;
    line-height:50px
}
.pricing .card-header>span.currency{
    color:#222;
    font-size:18px;
    display:inline-block
}
.pricing .list-group{
    padding-top:20px;
    padding-bottom:30px
}
.pricing .list-group .list-group-item{
    color:#222
}
.pricing .list-group .list-group-item i{
    color:#848484
}
.pricing .btn{
    font-weight:700;
    color:#848484;
    height:50px;
    line-height:50px
}
.pricing .btn:hover{
    background-color:#4ac8ed;
    color:#fff;
    border-color:#4ac8ed
}
.pricing .card-block{
    position:relative
}
.pricing .circle{
    position:relative;
    padding:0 15px;
    height:100px;
    width:100px;
    background:0 0;
    left:0;
    top:0;
    transform:translateX(0%);
    line-height:100px;
    box-shadow:none;
    border:1px solid #e5e5e5
}
.pricing .circle .price{
    font-size:36px;
    font-weight:700;
    color:#4ac8ed
}
.pricing .circle .tag{
    color:#222;
    font-size:16px
}
.pricing:hover{
    box-shadow:0 12px 25px rgba(0,0,0,.08);
    border:1px solid transparent
}
.pricing.delux .card-header{
    background-color:#4ac8ed
}
.pricing.delux .card-header span.price,.pricing.delux .card-header span.currency{
    color:#fff
}
.style2{
    padding:40px;
    position:relative
}
.style2 h2{
    margin:25px 0 15px
}
.style2 p{
    margin-bottom:20px
}
.style2 .btn{
    height:40px;
    line-height:40px
}
.style2 .btn:hover{
    color:#fff!important
}
.pricing_image-card{
    transition:box-shadow .3s ease
}
.pricing_image-card .card_img{
    position:relative
}
.pricing_image-card .card_img .overlay{
    color:#fff;
    position:absolute;
    content:'';
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.4);
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.pricing_image-card .card_img .overlay h2{
    color:#fff;
    margin-bottom:10px
}
.pricing_image-card .card-block{
    position:relative;
    padding:80px 25px 30px;
    border:1px solid #e5e5e5;
    border-top:0;
    transition:border .3s ease
}
.pricing_image-card .card-block p{
    margin-bottom:30px
}
.pricing_image-card .circle{
    top:-50px;
    width:100px;
    height:100px;
    text-align:center;
    line-height:15px;
    background:#fff;
    box-shadow:0 5px 10px rgba(0,0,0,.06)
}
.pricing_image-card .circle span.price{
    color:#4ac8ed;
    font-size:34px;
    display:inline-block;
    font-weight:700;
    margin-top:30px
}
.pricing_image-card .circle span.tag{
    color:#848484;
    font-size:13px;
    display:block;
    font-style:italic;
    line-height:26px;
    text-transform:capitalize
}
.pricing_image-card .btn{
    font-weight:700;
    color:#848484
}
.pricing_image-card .btn:hover{
    background-color:#4ac8ed;
    color:#fff!important;
    border-color:#4ac8ed
}
.pricing_image-card:hover{
    box-shadow:0 12px 25px rgba(0,0,0,.08)
}
.pricing_image-card:hover .card-block{
    border:0 solid transparent
}
.display-single_element .pricing,.display-single_element .pricing_image-card{
    margin-bottom:30px
}
@media(min-width:992px){
    .display-single_element .pricing,.display-single_element .pricing_image-card{
        margin-bottom:0
    }
}
.seperator{
    display:inline-block;
    position:relative
}
.seperator svg.seperator-icon{
    width:34px;
    height:39px;
    fill:#4ac8ed
}
.seperator:before{
    position:absolute;
    content:'';
    top:19px;
    left:-110px;
    width:100px;
    border-bottom:1px solid #4ac8ed
}
.seperator:after{
    position:absolute;
    content:'';
    top:19px;
    right:-110px;
    width:100px;
    border-bottom:1px solid #4ac8ed
}
p.devider{
    position:relative;
    border-top:1px solid #e5e5e5;
    margin:20px 0
}
p.devider.devider_medium{
    max-width:50%;
    margin-left:auto;
    margin-right:auto
}
p.devider.devider_dashed{
    border-top:1px dashed #e5e5e5
}
p.devider.devider_narrow{
    max-width:10%;
    margin-left:auto;
    margin-right:auto
}
p.devider.devider_thik{
    border-width:2px
}
p.devider.devider_primary{
    border-color:#4ac8ed
}
.testimonial-area .bg-image{
    height:100%;
    text-align:center
}
.testimonial-area .bg-image .card{
    background-color:transparent;
    padding:50px 15px
}
@media(min-width:768px){
    .testimonial-area .bg-image .card{
        padding:40px 10px 0
    }
}
@media(min-width:992px){
    .testimonial-area .bg-image .card{
        padding:80px 40px
    }
}
@media(min-width:1200px){
    .testimonial-area .bg-image .card{
        padding:100px 40px
    }
}
.testimonial-area .bg-image .card-block p{
    padding:20px 0;
    color:#fff;
    opacity:.7
}
@media(min-width:768px){
    .testimonial-area .bg-image .card-block p{
        font-size:14px;
        padding:0 10px
    }
}
@media(min-width:992px){
    .testimonial-area .bg-image .card-block p{
        font-size:15px;
        padding:20px 0
    }
}
.testimonial-area .bg-image .card-block h4{
    font-size:17px;
    margin-top:10px;
    margin-bottom:10px
}
.testimonial-area .bg-image .card_img{
    position:relative;
    width:80px;
    height:80px;
    border-radius:50%;
    display:inline-block
}
.testimonial-area .bg-image.promo-video{
    padding-top:100%
}
@media(min-width:992px){
    .testimonial-area .bg-image.promo-video{
        padding-top:0
    }
}
.testimonial-area .bg-image.promo-video:before{
    background-color:transparent
}
.testimonial-area .bg-image:before{
    background-color:rgba(10,35,59,.95)
}
.testimonial-content .bg-image .card{
    padding:50px 15px
}
@media(min-width:768px){
    .testimonial-content .bg-image .card .card-block p{
        padding:15px 10px
    }
}
@media(min-width:992px){
    .testimonial-content .bg-image .card .card-block p{
        padding:20px 0
    }
}
@media(min-width:768px){
    .testimonial-content .bg-image .card{
        padding:25px 5px
    }
}
@media(min-width:992px){
    .testimonial-content .bg-image .card{
        padding:25px 40px
    }
}
@media(min-width:1200px){
    .testimonial-content .bg-image .card{
        padding:100px
    }
}
.team-card .card_img{
    overflow:hidden;
    margin:0 auto
}
.team-card .card_img.img-circle{
    width:240px;
    height:240px
}
.team-card a.overlay_icon{
    width:45px;
    height:45px;
    background-color:transparent;
    border:2px solid #fff
}
.team-card a.overlay_icon i.fa{
    font-size:15px;
    line-height:40px;
    color:#fff
}
.team-card a.overlay_icon:hover{
    background-color:#fff;
    border:2px solid #fff
}
.team-card a.overlay_icon:hover i.fa{
    color:#4ac8ed
}
#banner-slider .bg-image-holder{
    height:200px
}
@media(min-width:768px){
    #banner-slider .bg-image-holder{
        height:400px
    }
}
@media(min-width:992px){
    #banner-slider .bg-image-holder{
        height:550px
    }
}
@media(min-width:1200px){
    #banner-slider .bg-image-holder{
        height:692px
    }
}
#banner-slider .slick-dotted.slick-slider{
    margin-bottom:0
}
#banner-slider .slick-dots li button{
    border:2px solid #4ac8ed;
    opacity:1;
    background:#4ac8ed;
    border-radius:10px;
    position:absolute;
    bottom:0;
    transition:all .3s ease-in-out
}
#banner-slider .slick-dots li.slick-active button{
    border:0;
    opacity:1;
    border-radius:10px;
    padding-top:40px
}
#banner-slider .slick-dots li.slick-active button:before{
    content:''
}
#banner-slider.slick-dotted.slick-slider{
    margin-bottom:0
}
.slider-caption{
    position:relative;
    height:100%
}
.slider-caption .caption-content{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.slider-caption .caption-content h1{
    font-size:20px;
    color:#222
}
@media(min-width:768px){
    .slider-caption .caption-content h1{
        font-size:30px;
        margin-bottom:20px
    }
}
@media(min-width:992px){
    .slider-caption .caption-content h1{
        font-size:40px;
        margin-bottom:25px
    }
}
@media(min-width:1200px){
    .slider-caption .caption-content h1{
        font-size:50px;
        margin-bottom:30px
    }
}
.slider-caption .caption-content p{
    font-size:12px;
    color:#222;
    margin:0 0 10px;
    font-weight:600
}
@media(min-width:768px){
    .slider-caption .caption-content p{
        font-size:20px;
        margin:0 0 30px
    }
}
@media(min-width:992px){
    .slider-caption .caption-content p{
        font-size:20px;
        margin:0 0 40px
    }
}
@media(min-width:1200px){
    .slider-caption .caption-content p{
        font-size:20px;
        margin:0 0 50px
    }
}
.slider-caption .caption-content.caption-right{
    right:15px;
    text-align:right
}
.slider-caption .caption-content .video-link{
    color:#fff;
    font-size:14px
}
.slider-caption .caption-content .video-link span{
    position:relative;
    display:inline-block
}
.slider-caption .caption-content i.play-icon{
    position:relative;
    height:60px;
    width:60px;
    line-height:60px;
    font-size:20px;
    border-radius:50%;
    display:inline-block;
    color:#4ac8ed;
    padding-left:10px;
    text-align:center;
    margin-right:10px;
    background:#fff;
    transition:transform .3s ease
}
@media(min-width:768px){
    .slider-caption .caption-content i.play-icon{
        height:80px;
        width:80px;
        line-height:80px;
        font-size:25px
    }
}
.slider-caption .caption-content a.btn{
    height:30px;
    font-size:9px;
    line-height:30px;
    padding:0 18px;
    font-weight:700
}
@media(min-width:768px){
    .slider-caption .caption-content a.btn{
        height:50px;
        font-size:14px;
        line-height:50px;
        padding:0 40px
    }
}
.custom-video-link .play-icon{
    border:2px solid #fff;
    background-color:transparent!important;
    font-size:10px!important;
    padding-left:5px!important;
    width:30px!important;
    height:30px!important;
    line-height:29px!important;
    color:#fff!important
}
.custom-play-button a.btn{
    padding:0 15px 0 55px!important;
    text-transform:capitalize!important
}
.custom-play-button a.btn:focus{
    box-shadow:none
}
.play-icon-btn svg{
    left:0;
    margin-top:-22px;
    position:absolute;
    top:50%;
    width:44px;
    height:44px;
    transition:transform .3s ease-in-out;
    transform-origin:50% 50%
}
.play-icon-btn{
    background-color:transparent;
    border-radius:0;
    color:#fff!important;
    display:inline-block;
    padding:11px 15px 11px 54px;
    position:relative;
    transition:all 220ms ease-in-out
}
.play-icon-btn:hover{
    background-color:#4ac8ed
}
.play-icon-btn:hover svg{
    transform:scale(.7)
}
.play-svg--white{
    fill:#fff
}
.btn{
    position:relative
}
.btn:before{
    position:absolute;
    transition:all .3s cubic-bezier(0,0,.1,1);
    content:'';
    left:0;
    top:0;
    width:0;
    height:100%;
    background-color:rgba(255,255,255,.1)
}
.btn:hover{
    color:#fff
}
.btn:hover:before{
    width:100%
}
.home-feature .container{
    padding:0
}
.home-feature .feature_single{
    position:relative;
    background-color:transparent;
    padding:30px 15px
}
@media(min-width:768px){
    .home-feature .feature_single{
        padding:70px 15px
    }
}
.home-feature .feature_single .icon{
    font-size:50px;
    color:#4ac8ed;
    position:relative
}
.home-feature .feature_single h4{
    color:#fff;
    padding:25px 0;
    position:relative
}
@media(min-width:768px){
    .home-feature .feature_single h4{
        font-size:18px;
        padding:20px 0
    }
}
@media(min-width:992px){
    .home-feature .feature_single h4{
        font-size:20px;
        padding:25px 0
    }
}
.home-feature .feature_single p{
    color:#fff;
    opacity:.7;
    padding:0
}
@media(min-width:768px){
    .home-feature .feature_single p{
        font-size:13px;
        line-height:24px
    }
}
@media(min-width:992px){
    .home-feature .feature_single p{
        font-size:15px;
        line-height:26px
    }
}
.more-feature{
    padding-top:40px;
    padding-bottom:8px
}
@media(min-width:768px){
    .more-feature{
        padding-top:40px;
        padding-bottom:10px
    }
}
.more-feature-left .more-features{
    padding-top:40px;
    text-align:center
}
@media(min-width:768px){
    .more-feature-left .more-features{
        text-align:left
    }
}
.more-feature-left .feature-icon{
    display:inline-block;
    width:75px;
    height:75px;
    border:1px solid #e5e5e5;
    border-radius:50%;
    line-height:75px;
    text-align:center;
    position:relative;
    margin-bottom:20px;
    font-size:24px;
    color:#4ac8ed
}
@media(min-width:768px){
    .more-feature-left .feature-icon{
        position:absolute;
        margin-bottom:0
    }
}
.more-feature-left .feature-details{
    display:inline-block
}
@media(min-width:768px){
    .more-feature-left .feature-details{
        padding-left:100px
    }
}
.more-feature-left .feature-details h4{
    margin-bottom:15px;
    line-height:1
}
@media(min-width:768px){
    .more-feature-left .feature-details h4{
        font-size:18px;
        margin-bottom:10px
    }
}
@media(min-width:992px){
    .more-feature-left .feature-details h4{
        font-size:20px;
        margin-bottom:15px
    }
}
.more-feature-left .feature-details p{
    color:#848484;
    opacity:.7
}
@media(min-width:768px){
    .more-feature-left .feature-details p{
        font-size:13px;
        line-height:24px
    }
}
@media(min-width:992px){
    .more-feature-left .feature-details p{
        font-size:15px;
        line-height:26px
    }
}
.data-chart{
    padding-left:30px;
    margin-top:100px
}
.data-chart h4{
    margin-bottom:30px
}
.countup-section{
    padding-top:60px;
    padding-bottom:60px
}
@media(min-width:992px){
    .countup-section{
        padding-top:100px;
        padding-bottom:100px
    }
}
.countup-section.bg-image:before{
    background-color:rgba(10,35,59,.8)
}
.countup-section .counter,.countup-section span.count{
    font-family:montserrat,sans-serif;
    font-size:40px;
    padding-bottom:50px;
    position:relative;
    z-index:555;
    color:#4ac8ed;
    display:inline-block
}
@media(min-width:768px){
    .countup-section .counter,.countup-section span.count{
        font-size:40px
    }
}
@media(min-width:992px){
    .countup-section .counter,.countup-section span.count{
        font-size:50px
    }
}
.countup-section .counter:before{
    position:absolute;
    content:'';
    left:50%;
    transform:translateX(-50%);
    bottom:25px;
    height:2px;
    background-color:rgba(255,255,255,.5);
    width:50px
}
.countup-section .single_block{
    margin:20px 0
}
@media(min-width:768px){
    .countup-section .single_block{
        margin:0
    }
}
.countup-section h5{
    color:#fff;
    opacity:.7
}
.portfolio-area{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .portfolio-area{
        padding-top:100px;
        padding-bottom:100px
    }
}
.portfolio-area.recent-projects{
    padding-top:0
}
.portfolio-area .sectionTitle{
    margin-bottom:20px
}
.portfolio-area .card{
    margin-top:30px
}
.portfolio-area .btn-container{
    text-align:center;
    margin-top:50px
}
.portfolio-area .hover-overlay.effect-scale{
    opacity:1;
    transform:scale(1)
}
@media(min-width:768px){
    .portfolio-area .hover-overlay.effect-scale{
        opacity:0;
        transform:scale(0)
    }
}
.portfolio-area .hover-overlay.effect-scale:before{
    opacity:1;
    transform:scale(1)
}
@media(min-width:768px){
    .portfolio-area .hover-overlay.effect-scale:before{
        opacity:0;
        transform:scale(0)
    }
}
.portfolio-area .hover-overlay.effect-scale:before{
    background-color:rgba(10,35,59,.9)
}
.portfolio-area a.btn:hover{
    color:#fff
}
.services-area{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .services-area{
        padding-top:100px;
        padding-bottom:100px
    }
}
.services-area .media-box{
    margin-top:50px
}
.services-area .media-box .media-icon{
    color:#4ac8ed
}
.services-area .media-box h4{
    margin-bottom:10px
}
.media-box{
    position:relative;
    overflow:hidden;
    max-width:100
}
.media-box .media-icon{
    position:absolute;
    font-size:40px;
    display:inline-block
}
.media-box .media-content{
    display:inline-block;
    padding-left:70px
}
.home-form{
    padding-top:80px
}
@media(min-width:992px){
    .home-form{
        margin-top:50px;
        padding-top:100px
    }
}
.home-form h2{
    color:#fff;
    margin-bottom:50px
}
.home-form form{
    margin-bottom:30px
}
@media(min-width:992px){
    .home-form form{
        margin-bottom:0
    }
}
.home-form form .btn{
    letter-spacing:1px
}
.home-form input{
    background-color:transparent;
    font-size:14px;
    color:#fff
}
.home-form input:hover,.home-form input:active,.home-form input:focus{
    background-color:transparent;
    color:#fff
}
.home-form .form-control::-webkit-input-placeholder{
    color:rgba(255,255,255,.7)!important
}
.home-form .form-control:-moz-placeholder{
    color:rgba(255,255,255,.7)!important
}
.home-form .form-control::-moz-placeholder{
    color:rgba(255,255,255,.7)!important
}
.home-form .form-control:-ms-input-placeholder{
    color:rgba(255,255,255,.7)!important
}
.home-form .selectOptions{
    margin-bottom:30px
}
.home-form .selectOptions .sbHolder>a{
    color:#fff;
    opacity:.7
}
.home-form .promo-img{
    display:none
}
@media(min-width:992px){
    .home-form .promo-img{
        display:block;
        height:100%;
        margin-top:-150px
    }
    .home-form .promo-img img{
        max-width:500px
    }
}
.boxed-menu .topbar a.btn{
    padding:0!important;
    width:158px
}
#morphing-content{
    min-height:600px
}
#morphing-content .home-form{
    margin-top:0;
    padding-top:0
}
#morphing-content .home-form h2{
    font-size:50px;
    font-family:open sans,sans-serif
}
#morphing-content .home-form input.form-control,#morphing-content .home-form textarea.form-control,#morphing-content .home-form select.form-control{
    border:1px solid #fff;
    border-color:rgba(255,255,255,.6)
}
#morphing-content .home-form input.form-control::-webkit-input-placeholder,#morphing-content .home-form textarea.form-control::-webkit-input-placeholder,#morphing-content .home-form select.form-control::-webkit-input-placeholder{
    color:#fff!important;
    opacity:1;
    transition:opacity .3s ease
}
#morphing-content .home-form input.form-control:-moz-placeholder,#morphing-content .home-form textarea.form-control:-moz-placeholder,#morphing-content .home-form select.form-control:-moz-placeholder{
    color:#fff!important;
    opacity:1;
    transition:opacity .3s ease
}
#morphing-content .home-form input.form-control::-moz-placeholder,#morphing-content .home-form textarea.form-control::-moz-placeholder,#morphing-content .home-form select.form-control::-moz-placeholder{
    color:#fff!important;
    opacity:1;
    transition:opacity .3s ease
}
#morphing-content .home-form input.form-control:-ms-input-placeholder,#morphing-content .home-form textarea.form-control:-ms-input-placeholder,#morphing-content .home-form select.form-control:-ms-input-placeholder{
    color:#fff!important;
    opacity:1;
    transition:opacity .3s ease
}
#morphing-content .home-form input.form-control.focus::-webkit-input-placeholder,#morphing-content .home-form input.form-control:focus::-webkit-input-placeholder,#morphing-content .home-form input.form-control.active::-webkit-input-placeholder,#morphing-content .home-form input.form-control:active::-webkit-input-placeholder,#morphing-content .home-form textarea.form-control.focus::-webkit-input-placeholder,#morphing-content .home-form textarea.form-control:focus::-webkit-input-placeholder,#morphing-content .home-form textarea.form-control.active::-webkit-input-placeholder,#morphing-content .home-form textarea.form-control:active::-webkit-input-placeholder,#morphing-content .home-form select.form-control.focus::-webkit-input-placeholder,#morphing-content .home-form select.form-control:focus::-webkit-input-placeholder,#morphing-content .home-form select.form-control.active::-webkit-input-placeholder,#morphing-content .home-form select.form-control:active::-webkit-input-placeholder{
    color:#fff!important;
    opacity:.6
}
#morphing-content .home-form input.form-control.focus:-moz-placeholder,#morphing-content .home-form input.form-control:focus:-moz-placeholder,#morphing-content .home-form input.form-control.active:-moz-placeholder,#morphing-content .home-form input.form-control:active:-moz-placeholder,#morphing-content .home-form textarea.form-control.focus:-moz-placeholder,#morphing-content .home-form textarea.form-control:focus:-moz-placeholder,#morphing-content .home-form textarea.form-control.active:-moz-placeholder,#morphing-content .home-form textarea.form-control:active:-moz-placeholder,#morphing-content .home-form select.form-control.focus:-moz-placeholder,#morphing-content .home-form select.form-control:focus:-moz-placeholder,#morphing-content .home-form select.form-control.active:-moz-placeholder,#morphing-content .home-form select.form-control:active:-moz-placeholder{
    color:#fff!important;
    opacity:.6
}
#morphing-content .home-form input.form-control.focus::-moz-placeholder,#morphing-content .home-form input.form-control:focus::-moz-placeholder,#morphing-content .home-form input.form-control.active::-moz-placeholder,#morphing-content .home-form input.form-control:active::-moz-placeholder,#morphing-content .home-form textarea.form-control.focus::-moz-placeholder,#morphing-content .home-form textarea.form-control:focus::-moz-placeholder,#morphing-content .home-form textarea.form-control.active::-moz-placeholder,#morphing-content .home-form textarea.form-control:active::-moz-placeholder,#morphing-content .home-form select.form-control.focus::-moz-placeholder,#morphing-content .home-form select.form-control:focus::-moz-placeholder,#morphing-content .home-form select.form-control.active::-moz-placeholder,#morphing-content .home-form select.form-control:active::-moz-placeholder{
    color:#fff!important;
    opacity:.6
}
#morphing-content .home-form input.form-control.focus:-ms-input-placeholder,#morphing-content .home-form input.form-control:focus:-ms-input-placeholder,#morphing-content .home-form input.form-control.active:-ms-input-placeholder,#morphing-content .home-form input.form-control:active:-ms-input-placeholder,#morphing-content .home-form textarea.form-control.focus:-ms-input-placeholder,#morphing-content .home-form textarea.form-control:focus:-ms-input-placeholder,#morphing-content .home-form textarea.form-control.active:-ms-input-placeholder,#morphing-content .home-form textarea.form-control:active:-ms-input-placeholder,#morphing-content .home-form select.form-control.focus:-ms-input-placeholder,#morphing-content .home-form select.form-control:focus:-ms-input-placeholder,#morphing-content .home-form select.form-control.active:-ms-input-placeholder,#morphing-content .home-form select.form-control:active:-ms-input-placeholder{
    color:#fff!important;
    opacity:.6
}
#morphing-content .home-form .sbHolder{
    border:1px solid rgba(255,255,255,.6)
}
#morphing-content .home-form .sbHolder>a{
    color:#fff;
    opacity:1
}
#morphing-content .home-form .sbHolder>a:after{
    right:20px
}
#morphing-content .home-form .btn{
    margin-top:30px;
    font-size:16px;
    font-family:montserrat,sans-serif;
    height:58px;
    line-height:58px
}
#morphing-content .home-form .btn:hover{
    color:#fff!important
}
.home-team{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .home-team{
        padding-top:100px;
        padding-bottom:100px
    }
}
.home-team .card-style2{
    margin-top:50px
}
.home-team .card-style2 .card-block{
    padding:15px 30px
}
.home-team .card-style2 span{
    padding-left:0;
    font-style:italic
}
.brand_carousel .slick-slider{
    padding:0
}
.home-blog{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .home-blog{
        padding-top:100px;
        padding-bottom:100px
    }
}
.home-blog .card{
    margin-top:50px
}
@media(min-width:768px){
    .home-blog .card.card-style3 .card-block{
        padding:15px
    }
    .home-blog .card.card-style3 .card-block .card-title{
        font-size:18px
    }
    .home-blog .card.card-style3 .card-block:before{
        position:absolute;
        content:'';
        width:50px;
        bottom:8px;
        height:2px;
        background-color:#ccc
    }
}
@media(min-width:992px){
    .home-blog .card.card-style3 .card-block{
        padding:30px
    }
    .home-blog .card.card-style3 .card-block .card-title{
        font-size:22px
    }
    .home-blog .card.card-style3 .card-block:before{
        bottom:22px
    }
}
.newsletter{
    padding:50px 0
}
.newsletter h4{
    font-size:23px;
    line-height:1.2
}
@media(min-width:768px){
    .newsletter h4{
        margin-bottom:30px
    }
}
@media(min-width:992px){
    .newsletter h4{
        margin-bottom:0
    }
}
.newsletter form{
    margin-top:30px
}
@media(min-width:768px){
    .newsletter form{
        margin-top:0
    }
}
@media(min-width:768px){
    .newsletter form{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:row;
        flex-direction:row;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-align:center;
        align-items:center
    }
}
.newsletter form .form-group{
    margin-bottom:30px
}
@media(min-width:768px){
    .newsletter form .form-group{
        width:38%;
        margin-bottom:0
    }
}
.newsletter form input{
    background-color:#fff;
    font-size:14px;
    color:#222;
    margin-top:0;
    margin-bottom:0;
    box-shadow:2px 3px 9px rgba(44,40,86,.1)
}
.newsletter form input::-webkit-input-placeholder{
    color:#848484
}
.newsletter form input:-moz-placeholder{
    color:#848484
}
.newsletter form input::-moz-placeholder{
    color:#848484
}
.newsletter form input:-ms-input-placeholder{
    color:#848484
}
.newsletter form input:hover,.newsletter form input:active,.newsletter form input:focus{
    background-color:#fff
}
footer{
    padding-top:80px
}
@media(min-width:992px){
    footer{
        padding-top:100px
    }
}
.footer .footer-text a .footer-logo{
    margin-bottom:20px
}
@media(min-width:768px){
    .footer .footer-text a .footer-logo{
        margin-bottom:30px
    }
}
.footer .footer-text p{
    color:#fff;
    font-size:14px
}
@media(min-width:768px){
    .footer .footer-text p{
        font-size:13px;
        line-height:24px
    }
}
@media(min-width:992px){
    .footer .footer-text p{
        font-size:14px;
        line-height:26px
    }
}
.footer h3{
    color:#fff;
    margin-top:30px;
    margin-bottom:15px
}
@media(min-width:768px){
    .footer h3{
        margin-top:0
    }
}
.footer .social-icons{
    margin-top:20px;
    margin-left:-10px
}
.footer .social-icons .btn-social-o{
    background-color:transparent!important;
    color:#fff;
    font-size:14px;
    width:30px;
    height:30px
}
@media(min-width:768px){
    .footer .social-icons .btn-social-o{
        width:29px;
        height:29px
    }
}
@media(min-width:992px){
    .footer .social-icons .btn-social-o{
        width:30px;
        height:30px
    }
}
.footer .social-icons .btn-social-o:hover{
    color:#4ac8ed
}
.footer .social-icons .btn-social-o:hover:before{
    background-color:transparent
}
.footer .instagram ul{
    padding:0 10px;
    margin-top:20px
}
.footer .instagram li{
    width:auto;
    overflow:hidden;
    padding:10px 5px 0
}
.footer .instagram li img{
    width:100%;
    height:100%
}
.links{
    padding-left:0
}
@media(min-width:992px){
    .links{
        padding-left:10px
    }
}
.links ul{
    margin-top:25px
}
.links li a{
    display:block;
    position:relative;
    color:#fff;
    font-size:14px;
    margin-top:20px;
    padding-left:15px
}
@media(min-width:768px){
    .links li a{
        font-size:13px;
        margin-top:15px
    }
}
@media(min-width:992px){
    .links li a{
        font-size:14px;
        margin-top:20px
    }
}
.links li a:before{
    position:absolute;
    content:"\f101";
    font-family:fontawesome;
    left:0;
    transition:color .3s ease
}
.links li a:hover{
    color:#4ac8ed;
    opacity:1!important
}
.links li a:hover:before{
    color:#4ac8ed
}
.location ul{
    margin-top:25px
}
.location ul li{
    color:#fff;
    margin-top:15px;
    font-size:14px;
    padding-left:0px
}
@media(min-width:768px){
    .location ul li{
        font-size:13px
    }
}
@media(min-width:992px){
    .location ul li{
        font-size:14px
    }
}
.location ul li:first-child{
    padding-left:0
}
.location ul li a{
    color:#fff
}
.location ul li a:hover{
    color:#4ac8ed
}
.location ul li i{
    display:inline-block;
    position:absolute;
    left:15px;
    margin-top:4px
}
.copyright{
    margin-top:50px
}
.copyright hr{
    background-color:#fff;
    opacity:.2;
    margin-top:0
}
.copyright p{
    padding-bottom:20px;
    color:#fff
}
.copyright p a:hover{
    color:#4ac8ed!important
}
.newsletter{
    padding-left:0
}
@media(min-width:992px){
    .newsletter{
        padding-left:15px
    }
}
.newsletter p{
    margin-top:22px;
    color:#fff
}
.newsletter input{
    background-color:transparent;
    font-size:14px;
    color:#222;
    margin-top:30px;
    margin-bottom:15px
}
.newsletter input:hover,.newsletter input:active,.newsletter input:focus{
    background-color:transparent
}
input.form-control::-webkit-input-placeholder,textarea.form-control::-webkit-input-placeholder,select.form-control::-webkit-input-placeholder{
    color:#fff;
    opacity:1
}
input.form-control:-moz-placeholder,textarea.form-control:-moz-placeholder,select.form-control:-moz-placeholder{
    color:#fff;
    opacity:1
}
input.form-control::-moz-placeholder,textarea.form-control::-moz-placeholder,select.form-control::-moz-placeholder{
    color:#fff;
    opacity:1
}
input.form-control:-ms-input-placeholder,textarea.form-control:-ms-input-placeholder,select.form-control:-ms-input-placeholder{
    color:#fff;
    opacity:1
}
.footer-corporate{
    padding-top:0;
    padding-bottom:0
}
.footer-corporate .footer-text p{
    opacity:.7
}
.footer-corporate .newsletter{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:768px){
    .footer-corporate .newsletter{
        padding-top:100px;
        padding-bottom:100px
    }
}
.footer-corporate .copyright{
    margin-top:0
}
.footer-corporate .copyright p{
    float:left;
    padding:10px 0 30px
}
.footer-corporate .copyright hr{
    background-color:#071e33;
    opacity:1;
    margin-top:0
}
.footer-corporate .social-icons{
    padding-top:10px;
    margin-top:0;
    margin-right:-10px;
    display:inline-block;
    float:right;
    margin-left:0
}
.footer-consultant .copyright p{
    float:left;
    padding:10px 0 30px
}
.footer-consultant .copyright hr{
    background-color:#071e33;
    opacity:1;
    margin-top:0
}
.footer-consultant .social-icons{
    padding-top:10px;
    margin-top:0;
    margin-right:-10px;
    display:inline-block;
    float:right;
    margin-left:0
}
.footer-consultant .location ul{
    margin-top:0
}
.page-about-us .bredcrumb,.page-contactus .bredcrumb{
    padding:0
}
.boxed-menu .bredcrumb h1,.boxed-menu .bredcrumb h2{
    padding-top:0
}
@media(min-width:768px){
    .boxed-menu .bredcrumb h1,.boxed-menu .bredcrumb h2{
        padding-top:45px
    }
}
.about-details{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .about-details{
        padding-top:100px;
        padding-bottom:100px
    }
}
.about-details h1{
    margin-bottom:10px
}
.about-details p span{
    display:inline-block;
    padding-top:30px;
    line-height:2;
    padding-bottom:25px;
    color:#222;
    font-size:16px
}
.about-details .data-chart{
    margin-top:50px
}
.contactus{
    padding-top:80px
}
@media(min-width:992px){
    .contactus{
        padding-top:100px
    }
}
.page-contactus .sectionTitle{
    margin-bottom:20px
}
.page-contactus .contact_sidebar .media-box{
    padding:40px 30px;
    margin-bottom:20px
}
.page-contactus .contact_sidebar .media-icon{
    width:30px;
    font-size:30px;
    text-align:center;
    color:#4ac8ed
}
.page-contactus .contact_sidebar .media-content{
    padding-left:45px
}
.page-contactus .contact_sidebar .media-content h4{
    margin-bottom:10px
}
.contactus{
    margin-bottom:80px
}
.contactus form{
    margin-bottom:50px
}
.contactus form input.form-control::-webkit-input-placeholder{
    color:#b3b3b3
}
.contactus form input.form-control:-moz-placeholder{
    color:#b3b3b3
}
.contactus form input.form-control::-moz-placeholder{
    color:#b3b3b3
}
.contactus form input.form-control:-ms-input-placeholder{
    color:#b3b3b3
}
#googleMap{
    height:460px;
    width:100%
}
.page-error .bredcrumb{
    padding:0
}
.page-error .error{
    text-align:center;
    padding-top:100px;
    padding-bottom:100px
}
@media(min-width:992px){
    .page-error .error{
        padding-top:150px;
        padding-bottom:150px
    }
}
.page-error .error form{
    position:relative
}
.page-error .error form .btn-search{
    top:9px
}
@media(min-width:768px){
    .page-error .error form .btn-search{
        top:16px
    }
}
.page-error .error h1{
    color:#4ac8ed;
    font-size:100px;
    font-weight:600
}
.page-error .error p{
    color:#222;
    font-size:30px;
    padding:50px 0
}
.page-error .error input{
    margin-bottom:50px
}
.page-comingsoon{
    padding:100px 0
}
.page-comingsoon .form_subscribe{
    position:relative
}
.page-comingsoon .form_subscribe i{
    color:#4ac8ed
}
.page-comingsoon .form_subscribe input{
    box-shadow:1.721px 2.457px 9px rgba(44,40,86,.1);
    border:0
}
.page-comingsoon .form_subscribe input::-webkit-input-placeholder{
    color:#848484
}
.page-comingsoon .form_subscribe input:-moz-placeholder{
    color:#848484
}
.page-comingsoon .form_subscribe input::-moz-placeholder{
    color:#848484
}
.page-comingsoon .form_subscribe input:-ms-input-placeholder{
    color:#848484
}
.page-comingsoon .comingsoon h1{
    margin-top:100px;
    margin-bottom:15px
}
.page-comingsoon .count-down{
    padding-top:60px;
    padding-bottom:60px
}
.page-comingsoon .count-down .table-cell{
    position:relative;
    height:150px
}
.page-comingsoon .count-down .tab-val{
    width:150px;
    font-size:50px;
    height:150px;
    line-height:100px;
    background-color:#4ac8ed!important;
    border-color:#4ac8ed;
    color:#fff
}
.page-comingsoon .count-down .tab-metr{
    margin-top:-65px;
    font-size:16px;
    color:#fff!important
}
.page-comingsoon .form_subscribe{
    margin:0 80px 90px
}
.page-services .bredcrumb,.page-service-details .bredcrumb{
    padding:0
}
.services .service-testimonial .promo-video{
    height:100%;
    background-position:center;
    background-size:cover
}
.services .service-testimonial .bg-image{
    height:auto
}
@media(min-width:768px){
    .services .service-testimonial .bg-image .card{
        padding:25px 5px
    }
}
@media(min-width:992px){
    .services .service-testimonial .bg-image .card{
        padding:15px 40px
    }
}
@media(min-width:1200px){
    .services .service-testimonial .bg-image .card{
        padding:100px
    }
}
.services2{
    padding-top:80px;
    padding-bottom:40px
}
@media(min-width:992px){
    .services2{
        padding-top:100px;
        padding-bottom:60px
    }
}
.services2.more-feature{
    padding-bottom:80px
}
@media(min-width:992px){
    .services2.more-feature{
        padding-bottom:100px
    }
}
.services2 .media-box{
    margin-bottom:40px
}
.services2 .media-box .media-icon{
    color:#4ac8ed
}
.services2 .media-box h4{
    margin-bottom:10px
}
.services2 .more-feature-left .more-features{
    position:relative
}
.services2 .more-feature-left .more-features .feature-details{
    padding-left:0
}
.services2 .more-feature-left .more-features .feature-details h3{
    margin-bottom:15px
}
.services2 .more-feature-left .more-features .overlay-box{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    min-height:100%;
    padding:30px;
    color:#848484;
    background:#fff;
    border:2px solid #4ac8ed;
    z-index:1;
    opacity:0
}
.services2 .more-feature-left .more-features .overlay-box h4{
    margin-bottom:10px
}
.services2 .more-feature-left .more-features:hover .overlay-box{
    opacity:1;
    animation:flipInY;
    animation-duration:1200ms;
    animation-timing-function:linear;
    animation-iteration-count:1
}
.pricing-area{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .pricing-area{
        padding-top:100px;
        padding-bottom:100px
    }
}
.pricing-area .pricing{
    margin-top:50px
}
.pricing-area .pricing:hover .btn{
    background-color:#4ac8ed;
    border-color:#4ac8ed;
    color:#fff
}
.service_single-area{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .service_single-area{
        padding-top:100px;
        padding-bottom:100px
    }
}
.service_single-area .service_details-desc h2{
    margin-top:40px
}
.service_single-area .service_details-desc p{
    margin-top:30px
}
.service_single-area .service_details-desc ul.styled_list{
    margin-top:30px
}
.service_single-area .service_details-desc ul.styled_list i{
    color:#4ac8ed
}
.service_single-area .service_details-desc h4{
    margin-top:40px
}
.sidebar .list-group{
    margin-bottom:40px
}
@media(min-width:768px){
    .sidebar .list-group{
        margin-bottom:0
    }
}
.sidebar .list-group .list-group-item:first-child{
    margin-top:0
}
.sidebar .list-group .list-group-item a{
    font-size:14px;
    font-weight:600;
    position:relative;
    color:#222;
    padding-left:20px
}
.sidebar .list-group .list-group-item a:before{
    position:absolute;
    content:'\f0da';
    font-family:fontawesome;
    left:0
}
.sidebar .list-group .list-group-item.active a{
    color:#fff
}
.page-projects .bredcrumb,.page-project-details .bredcrumb{
    padding:0
}
.project-details{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .project-details{
        padding-top:100px;
        padding-bottom:100px
    }
}
.project-details .bg-image{
    height:100%
}
.project-details .bg-image:before{
    background-color:rgba(10,35,59,.85)
}
.project-details h2,.project-details h4{
    margin-top:40px
}
.project-details p{
    margin-top:30px
}
.project-details .col-md-4>img{
    margin-top:30px
}
.project-details .styled_list i{
    color:#4ac8ed
}
.project-details .styled_list.one-column li{
    float:unset;
    width:100%
}
@media(min-width:992px){
    .project-details .career-details-img{
        -o-object-fit:cover;
        object-fit:cover;
        max-width:100%;
        height:100%
    }
}
@media(min-width:1200px){
    .project-details .career-details-img{
        height:auto
    }
}
.project_specification h2{
    margin-top:0;
    color:#222;
    margin-bottom:20px
}
.project_specification p{
    margin-top:0;
    margin-bottom:25px
}
.project_specification .row{
    margin-top:15px
}
.project_specification.style3 h2{
    margin-top:40px
}
.project_specification.style3 p{
    margin-top:30px
}
.bg-image .project_specification{
    padding:20px 15px;
    color:#fff;
    position:relative
}
.bg-image .project_specification h2{
    margin-bottom:30px;
    margin-top:0
}
.bg-image .project_specification .row{
    margin-top:15px
}
.page-team .bredcrumb,.page-member-details .bredcrumb{
    padding:0
}
.member-details{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .member-details{
        padding-top:100px;
        padding-bottom:100px
    }
}
.member_designation{
    margin-bottom:30px
}
.member_designation h2{
    margin-bottom:5px;
    margin-top:25px
}
@media(min-width:768px){
    .member_designation h2{
        margin-top:0
    }
}
.member_designation span{
    font-style:italic
}
.member_desc li{
    display:block;
    float:unset;
    width:100%
}
.member_desc li i{
    color:#4ac8ed;
    font-size:14px
}
.member_desc h4{
    margin-top:40px
}
.member_desc p{
    margin-top:25px
}
.media-box{
    margin-bottom:20px
}
@media(min-width:992px){
    .media-box{
        margin-bottom:0
    }
}
.member_contact{
    padding:40px;
    position:relative;
    margin-top:40px
}
.member_contact .media-icon{
    font-size:32px;
    color:#dae0e6;
    position:relative;
    width:30px;
    text-align:center;
    float:left;
    margin-right:15px
}
.member_contact .media-content{
    padding-left:0;
    float:left
}
.member_contact .media-content h5{
    font-size:15px
}
.member_contact .media-content h5,.member_contact .media-content a{
    color:#dae0e6
}
@media(min-width:992px){
    .member_contact .social-icons{
        text-align:right
    }
}
.member_contact .social-icons .btn-social{
    width:40px;
    height:40px;
    line-height:40px
}
.member_contact .social-icons .btn{
    background-color:transparent;
    border:1px solid;
    border-color:#999;
    color:#dae0e6
}
.member_contact .social-icons .btn:hover{
    background-color:#4ac8ed;
    border-color:#4ac8ed;
    opacity:1
}
.blog-grid-2 .bredcrumb,.blog-grid-3 .bredcrumb,.blog-classic .bredcrumb,.blog-single-post .bredcrumb{
    padding:0
}
.blog-grid{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .blog-grid{
        padding-top:100px;
        padding-bottom:100px
    }
}
.blog-grid .card{
    margin-bottom:30px
}
.blog-grid .card.card-style3 .card-block:before{
    position:absolute;
    content:'';
    width:50px;
    bottom:35px;
    height:2px;
    background-color:#ccc
}
.blog-sidebar{
    padding-left:15px
}
.blog-sidebar h4{
    margin-top:40px
}
.blog-sidebar .list-group{
    margin-top:30px
}
.blog-sidebar .media-box{
    margin-top:30px;
    border-bottom:1px solid;
    border-color:#e5e5e5;
    padding-bottom:20px
}
.blog-sidebar .media-box .media-icon{
    overflow:hidden;
    height:65px;
    width:65px;
    border-radius:50%
}
.blog-sidebar .media-box .media-content{
    padding-left:80px
}
.blog-sidebar .media-box .media-content h6{
    font-size:15px;
    margin-bottom:3px
}
.blog-sidebar .tags{
    margin-top:20px
}
.blog-sidebar .tags .btn{
    margin-top:10px;
    margin-right:10px;
    color:#848484;
    text-transform:capitalize
}
.blog-sidebar .tags .btn:hover{
    color:#fff;
    background-color:#4ac8ed;
    border-color:#4ac8ed
}
.blog-grid-3 .sidebar{
    display:none
}
.blog .btn_search{
    right:40px
}
.pagination{
    margin-top:40px
}
.blog-classic .video-button i{
    position:relative;
    height:80px;
    width:80px;
    line-height:80px;
    font-size:35px;
    border-radius:50%;
    display:inline-block;
    color:#fff;
    padding-left:10px;
    text-align:center;
    border:2px solid #fff;
    transition:transform .3s ease
}
.blog-classic .video-button:hover i{
    transform:scale(1.1)
}
.blog-classic .card.card-style2 .card-block{
    padding-top:25px
}
.blog-classic .card.card-style2 .card-block:before{
    display:none
}
.blog-classic .card.card-style2 .card-block h4{
    position:relative
}
.blog-classic .card.card-style2 .card-block h4:before{
    position:absolute;
    content:'';
    width:50px;
    bottom:-10px;
    height:2px;
    background-color:#4ac8ed
}
.blog-classic .card.card-style2 .card-block p{
    margin-top:30px;
    margin-bottom:30px
}
.blog-classic .card.card-style2 .card-block .btn{
    background-color:transparent
}
.blog-classic .card.card-style2 .card-block .btn:hover{
    background:#4ac8ed;
    color:#fff;
    border-color:#4ac8ed
}
.blog-fullwidth .pagination{
    margin-bottom:20px
}
.blog-fullwidth .blog-sidebar .media-box{
    margin-top:20px
}
.blog-fullwidth .blog-sidebar .media-box .media-content h6{
    margin-top:10px;
    margin-bottom:6px
}
.blog-single-post .card.card-style3{
    margin-bottom:80px
}
@media(min-width:768px){
    .blog-single-post .card.card-style3{
        margin-bottom:100px
    }
}
.blog-single-post .card.card-style3 .card-block{
    width:93%;
    padding-bottom:30px;
    border:1px solid #e5e5e5
}
.blog-single-post .card.card-style3 .card-block:before{
    display:none
}
.blog-single-post .card.card-style3 .card-block h2{
    position:relative;
    color:#222
}
.blog-single-post .card.card-style3 .card-block h2:before{
    position:absolute;
    content:'';
    width:50px;
    bottom:-12px;
    height:2px;
    background-color:#e5e5e5
}
.blog-single-post .card.card-style3 .card-block p{
    margin-top:30px
}
.blog-single-post .card.card-style3 .card-block blockquote{
    padding:30px 40px;
    border-color:transparent;
    border-left-color:#4ac8ed;
    margin-top:30px;
    margin-bottom:30px
}
.blog-single-post .card.card-style3 .card-block blockquote p{
    margin-top:0
}
.blog-single-post form input.form-control::-webkit-input-placeholder,.blog-single-post form textarea.form-control::-webkit-input-placeholder{
    color:#b3b3b3
}
.blog-single-post form input.form-control:-moz-placeholder,.blog-single-post form textarea.form-control:-moz-placeholder{
    color:#b3b3b3
}
.blog-single-post form input.form-control::-moz-placeholder,.blog-single-post form textarea.form-control::-moz-placeholder{
    color:#b3b3b3
}
.blog-single-post form input.form-control:-ms-input-placeholder,.blog-single-post form textarea.form-control:-ms-input-placeholder{
    color:#b3b3b3
}
.social-share{
    color:#222;
    margin-top:30px
}
.social-share ul.social-icons{
    display:inline-block;
    margin-left:10px
}
.social-share ul.social-icons li{
    display:inline-block;
    margin:0 5px
}
.social-share ul.social-icons li a.btn-social{
    font-size:13px;
    line-height:35px;
    color:#848484;
    border:1px solid #e5e5e5
}
.social-share ul.social-icons li a.btn-social:hover{
    background:#4ac8ed;
    border-color:#4ac8ed;
    color:#fff;
    box-shadow:none
}
.comment{
    padding-top:25px
}
.reply{
    padding-top:15px
}
.comment_img,.reply_img{
    overflow:hidden;
    width:60px;
    height:60px;
    display:inline-block;
    float:left
}
@media(min-width:768px){
    .comment_img,.reply_img{
        width:80px;
        height:80px
    }
}
.comment_img img,.reply_img img{
    max-width:100%
}
.reply{
    padding-left:80px
}
@media(min-width:768px){
    .reply{
        padding-left:100px
    }
}
.reply .reply_img{
    margin-left:-15px
}
@media(min-width:768px){
    .reply .reply_img{
        margin-left:0
    }
}
.comment_title{
    padding-left:80px
}
@media(min-width:768px){
    .comment_title{
        padding-left:100px
    }
}
.reply_title{
    padding-left:60px
}
@media(min-width:768px){
    .reply_title{
        padding-left:80px
    }
}
.comment_title i,.reply_title i{
    margin-right:5px
}
.comment_title h5,.reply_title h5{
    padding-bottom:10px
}
.comment_title p,.reply_title p{
    padding:15px 0 10px;
    color:#848484
}
.comment_title .btn,.reply_title .btn{
    color:#4ac8ed;
    font-size:14px;
    padding:0;
    font-weight:700;
    height:auto
}
.comment_title .btn:hover,.reply_title .btn:hover{
    box-shadow:none;
    background-color:transparent;
    border:0 solid #4ac8ed
}
.blog-single-post form.comment_box{
    margin-top:30px
}
.blog-single-post form.comment_box h3{
    margin-bottom:30px
}
.default{
    background-image:url(../img/patterns/pattern1.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.pattern-01{
    background-image:url(../img/patterns/pattern2.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.pattern-02{
    background-image:url(../img/patterns/pattern3.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.pattern-03{
    background-image:url(../img/patterns/pattern4.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.pattern-04{
    background-image:url(../img/patterns/pattern5.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.pattern-06{
    background-image:url(../img/patterns/006.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.pattern-07{
    background-image:url(../img/patterns/007.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.pattern-05{
    background-image:url(../img/patterns/005.png);
    background-repeat:repeat;
    background-attachment:fixed;
    background-position:center
}
.daterangepicker td.active,.daterangepicker td.active:hover{
    background-color:#4ac8ed;
    border-color:transparent;
    color:#fff
}
.page-faq .bredcrumb{
    padding:0
}
.page-faq .faq{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .page-faq .faq{
        padding-top:100px;
        padding-bottom:100px
    }
}
.page-career .bredcrumb{
    padding:0
}
.page-career .career{
    padding-top:80px;
    padding-bottom:80px
}
@media(min-width:992px){
    .page-career .career{
        padding-top:100px;
        padding-bottom:100px
    }
}
.page-career .career .career-content{
    margin-bottom:50px
}
.page-career .career .career-content p{
    text-align:center
}
.page-career .career .career-list{
    margin-bottom:30px
}
@media(min-width:768px){
    .page-career .career .career-list{
        padding-left:30px;
        padding-right:30px
    }
}
@media(min-width:992px){
    .page-career .career .career-list{
        padding:0;
        background-color:#f8f9fa;
        margin-bottom:70px
    }
}
.page-career .career .career-list .image{
    overflow:hidden
}
.page-career .career .career-list .image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media(min-width:768px){
    .page-career .career .career-list .image img{
        height:400px
    }
}
@media(min-width:992px){
    .page-career .career .career-list .image img{
        height:550px
    }
}
@media(min-width:1200px){
    .page-career .career .career-list .image img{
        height:450px
    }
}
.page-career .career .career-list .business-label{
    padding:30px 0
}
@media(min-width:992px){
    .page-career .career .career-list .business-label{
        padding:0
    }
}
.page-career .career .career-list .business-label h4{
    margin-bottom:20px
}
.page-career .career .career-list .business-label .list-unstyled .media i{
    color:#4ac8ed
}
.page-career .career .career-list .business-label .list-unstyled .media .media-body p{
    color:#222
}
.page-career .career .career-list-content{
    margin-bottom:50px
}
.page-career .career .career-list-content h4{
    margin-bottom:20px
}
.page-career .career .career-list-content .list-unstyled .media i{
    color:#4ac8ed
}
.page-career .career .career-department{
    margin-bottom:50px
}
.page-career .career .career-category h4{
    margin-bottom:15px
}
#preloader{
    background-color:#0a233b;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:999999
}
#preloader .preloader_container{
    z-index:7000;
    line-height:0;
    width:80px;
    height:100px;
    margin:100px auto;
    margin-top:calc(100vh/2 - 0px)
}
#loader ul{
    margin:0;
    list-style:none;
    width:90px;
    position:relative;
    padding:0;
    height:10px
}
#loader ul li{
    position:absolute;
    width:10px;
    height:0;
    background-color:#4ac8ed;
    bottom:0;
    border-radius:10px
}
@keyframes sequence1{
    0%{
        height:10px
    }
    50%{
        height:40px
    }
    to{
        height:10px
    }
}
@keyframes sequence2{
    0%{
        height:20px
    }
    50%{
        height:45px
    }
    to{
        height:20px
    }
}
#loader li:nth-child(1){
    left:0;
    animation:sequence1 1s ease infinite 0
}
#loader li:nth-child(2){
    left:-30px;
    animation:sequence2 1s ease infinite .1s
}
#loader li:nth-child(3){
    left:0;
    animation:sequence1 1s ease-in-out infinite .2s
}
#loader li:nth-child(4){
    left:30px;
    animation:sequence2 1s ease-in infinite .3s
}
#loader li:nth-child(5){
    left:60px;
    animation:sequence1 1s ease-in-out infinite .4s
}
#loader li:nth-child(6){
    left:90px;
    animation:sequence2 1s ease infinite .5s
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}
* { font-family: 'Montserrat', sans-serif; font-size: 19px }
.cc-selector-2 input{ margin: 5px 0 0 12px; }
.cc-selector-2 label{ margin-left: 7px; }
span.cc{ color:#6d84b4 }

h3.gform_title {
    font-size: 34px;
    color: #81c5dc;
    font-weight: 800 !important;
    padding-bottom: 20px !important;
    border-bottom: 3px solid #000; }

span.gform_description {
    max-width: 90%;
    margin: 20px 0;
    margin-bottom: 60px;
display: block;
    width: calc(100% - 16px);

}
.gfield_label {
    padding-bottom: 18.5px;
    border-bottom: 2.5px solid #000;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: inherit;
    font-family: 'Montserrat', sans-serif;
    width:100%;
}



.cc-selector {
  position: relative;
  margin-top:20px;
}


.marginhead{margin-top:40px;   }

.radio-group{
    position: relative;
}

.radio{
    display:inline-block;
    filter: grayscale(0);
    //width:15px;
   // height: 15px;
    border-radius: 100%;
    background-color:lightblue;
    border: 2px solid lightblue;
    cursor:pointer;
    margin: 2px 0; 
}

.radio.selected{
   border-color: #89b785 ;
    background-color: #fff;
 

    
    
    
}

.selectbox.selected img{filter: grayscale(1);   }

.selectbox.selected{background-color:#f0f0f0;   }

.selectbox{

  border: 4px solid #7fc6dd;
    max-width: 300px;
    
    text-align: center;
    padding-top: 18px !important;
    border-radius: 10px;
    background-color: #fff;
    //filter: grayscale(1); 
}

.selectboxcom.selected img{filter: brightness(10%);   }

.selectboxcom.selected{background-color:#f0f0f0;   }


.selectboxcom{

  border: 4px solid #7fc6dd;
    max-width: 100%;  
    text-align: center;
    padding: 18px !important;
    border-radius: 10px;
    background-color: #fff;
   
}



.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.box {
        display: flex;
        flex-wrap: wrap;
        
    }
    .box>* {
        flex: 1 1 10px;
        margin:4px;
    }

h6{ font-weight: 600;
position: relative;
    margin-bottom: 0 !important;
    top: -9px;
    
}

.logobottom {
  max-width: 110px;  
}

.location a{
 font-size: 14px 
}

.ballon{
 margin-bottom:15px;   

}

.buttonwidth {width:250px;}

.text-muted {
    color: #98a6ad!important;
}
.form-text {
    display: block;
    margin-top: .25rem;
}
.nomargin{
   margin-bottom:0!important; 
}
.help-block{
        display: block;
    margin-top:5px;    
   margin-bottom:30px;
    color:#89b785;
    font-weight:400;
}
.logoname{
      color: #81c5dc;
    font-weight: 800 !important; 
}
#searchsubmit
    {    
        visibility: hidden;
    }

    
    
  #inner {
  width: 100%;
  margin: 0 auto;
  padding-left:2px;
}