#preloader{

    position:fixed;

    left:0;

    top:0;

    z-index:999999;

    width:100%;

    height:100%;

    overflow:visible;

    background:#fff;

    display:table;

    text-align:center

}

.loader{

    display:table-cell;

    vertical-align:middle;

    position:relative;

    width:200px;

    height:200px

}

.loader-icon{

    width:80px;

    height:80px;

    border:5px solid #5db0e8;

    border-right-color:#eee;

    border-radius:50%;

    position:relative;

    animation:loader-rotate 1s linear infinite;

    margin:0 auto

}

@keyframes loader-rotate{

    0%{

        transform:rotate(0)

    }

    100%{

        transform:rotate(360deg)

    }

}

body{

    font-family: Quicksand, sans-serif;

    font-size:16px;

    line-height:28px

}

.main-font{

    font-family: Quicksand, sans-serif;

}

h1,h2,h3,h4,h5,h6{

    font-family: Quicksand, sans-serif;

}

a:hover,a:active{

    color:#5db0e8;

    text-decoration:none

}

.bg-theme{

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-moz-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-o-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:linear-gradient(-45deg, #5db0e8, #48a2df)

}

.bg-theme-light{

    background:#f5fafe

}

.bg-theme-lighter{

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, rgba(78,84,200,0.25), rgba(128,137,255,0.25));

    background:-moz-linear-gradient(-45deg, rgba(78,84,200,0.25), rgba(128,137,255,0.25));

    background:-o-linear-gradient(-45deg, rgba(78,84,200,0.25), rgba(128,137,255,0.25));

    background:linear-gradient(-45deg, rgba(78,84,200,0.25), rgba(128,137,255,0.25))

}

.theme-overlay[data-overlay-dark]:before{

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-moz-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-o-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:linear-gradient(-45deg, #5db0e8, #48a2df)

}

.text-theme-color{

    color:#5db0e8

}

.cursor-pointer{

    cursor:pointer

}

.scroll-to-top{

    font-size:20px;

    text-align:center;

    color:#fff;

    text-decoration:none;

    position:fixed;

    bottom:20px;

    right:20px;

    display:none;

    border-radius:50%;

    background:#000;

    border:1px solid #2a2a2a;

    width:35px;

    height:35px;

    line-height:30px;

    z-index:9999;

    outline:0;

    -webkit-transition:all .3s ease;

    -moz-transition:all .3s ease;

    -o-transition:all 0.3s ease

}

.scroll-to-top i{

    color:#fff

}

.scroll-to-top:hover{

    color:#232323;

    background:#fff

}

.scroll-to-top:hover i{

    color:#232323

}

.scroll-to-top:visited{

    color:#232323;

    text-decoration:none

}

.butn{

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-moz-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-o-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:linear-gradient(-45deg, #5db0e8, #48a2df);

    cursor:pointer;

    font-weight:600;

    color:#fff;

    letter-spacing:1px;

    font-size:14px;

    line-height:20px;

    padding:10px 28px;

    border-radius:30px;

    text-transform:uppercase;

    display:inline-block;

    vertical-align:middle;

    -webkit-transform:perspective(1px) translateZ(0);

    transform:perspective(1px) translateZ(0);

    position:relative;

    -webkit-transition:all linear 400ms;

    transition:all linear 400ms;

    border:none

}

.butn:hover{

    color:#fff

}

a.butn:hover,a.butn:active{

    color:#fff

}

.butn:before{

    background:#5db0e8;

    content:"";

    position:absolute;

    z-index:-1;

    top:0;

    bottom:0;

    left:0;

    right:0;

    display:inline-block;

    -webkit-transform:scaleX(0);

    -ms-transform:scaleX(0);

    transform:scaleX(0);

    -webkit-transform-origin:51%;

    -ms-transform-origin:51%;

    transform-origin:51%;

    -webkit-transition-property:-webkit-transform;

    transition-property:transform;

    -webkit-transition-duration:0.3s;

    transition-duration:0.3s;

    border-radius:22px;

    border:none

}

.butn:hover:before,.butn:focus:before,.butn:active:before{

    -webkit-transform:scaleX(1);

    -ms-transform:scaleX(1);

    transform:scaleX(1)

}

.butn.white{

    background:#fff;

    cursor:pointer;

    font-weight:600;

    color:#5db0e8;

    letter-spacing:1px;

    font-size:14px;

    line-height:20px;

    padding:14px 28px;

    border-radius:30px;

    text-transform:uppercase;

    display:inline-block;

    vertical-align:middle;

    -webkit-transform:perspective(1px) translateZ(0);

    transform:perspective(1px) translateZ(0);

    position:relative;

    -webkit-transition:all linear 100ms;

    transition:all linear 100ms;

    border:none

}

.butn.white:hover{

    color:#fff;

    background:#5db0e8

}

a.butn.white:hover,a.butn.white:active{

    color:#fff;

    background:#5db0e8

}

.butn.white:before,.butn.white:hover:before,.butn.white:focus:before,.butn.white:active:before{

    content:none

}

@media screen and (max-width: 767px){

    body{

        font-size:14px;

        line-height:26px

    }

    .butn{

        padding:12px 24px;

        font-size:12px;

        line-height:16px

    }

}

.list-style li{

    line-height:24px;

    margin-bottom:10px;

    position:relative;

    padding-left:30px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s

}

.list-style li:last-child{

    margin-bottom:0

}

.list-style li:before{

    content:'';

    position:absolute;

    left:4px;

    top:8px;

    width:8px;

    height:8px;

    background:#5db0e8;

    -webkit-border-radius:100px;

    -moz-border-radius:100px;

    border-radius:100px;

    z-index:2

}

.list-style li:after{

    content:'';

    position:absolute;

    left:0px;

    top:4px;

    width:16px;

    height:16px;

    background:rgba(78,84,200,0.35);

    -webkit-border-radius:100px;

    -moz-border-radius:100px;

    border-radius:100px;

    z-index:1

}

.list-style li:hover{

    padding-left:40px

}

.navbar-nav li.current>a{

    color:#5db0e8

}

.navbar>ul>li.current>a:after{

    border-color:transparent #5db0e8 #5db0e8 transparent

}

.attr-nav .search{

    margin-top:3px

}

.navbar>ul>li.has-sub>a:after{

    top:30px

}

.navbar>ul>li.current>a:after{

    border-color:transparent #5db0e8 #5db0e8 transparent

}

.navbar ul ul li.active>a{

    color:#5db0e8

}

@media screen and (min-width: 992px){

    .navbar-header-custom{

        padding:12px 0 10px 0

    }

    .scrollHeader .navbar-header-custom{

        padding:10px 0

    }

    .scrollHeader .attr-nav>ul>li>a{

        padding:16px 15px

    }

    .header-style1 .navbar-nav li.current>a,.header-style1 .navbar-nav>li.active>a{

        opacity: 0.65;

        color: #5db0e8;

        font-weight: 900;

    }

    .header-style1.scrollHeader .navbar-nav li.current>a,.header-style1.scrollHeader .navbar-nav>li.active>a{

        opacity:1;

        color: #5db0e8;

    }

    .index-header.navbar-nav li.current>a,.index-header .navbar-nav>li.active>a{

        color:#fff

    }

    .index-header.scrollHeader .navbar-nav>li.active>a,.index-header.scrollHeader .navbar-nav>li.current>a{

       color: #5db0e8;

    }

    .index-header.scrollHeader .navbar>ul>li.has-sub.current>a:after{

        border-color:transparent #5db0e8 #5db0e8 transparent

    }

}

@media screen and (max-width: 991px){

    .navbar-header-custom{

        padding:4px 0 8px

    }

    .navbar-nav li.active>a{

        color:#5db0e8

    }

    .header-style1 .attr-nav>ul>li>a,.attr-nav>ul>li>a{

        color:#232323

    }

    .header-style1 .navbar-toggler,.navbar-toggler{

        background:#efefef

    }

    .navbar ul ul li.active>a{

        color:#5db0e8

    }

    .navbar-toggler:after{

        border-top:2px solid #5db0e8;

        border-bottom:2px solid #5db0e8

    }

    .navbar-toggler:before{

        background:#5db0e8

    }

    .navbar-toggler.menu-opened:after,.navbar-toggler.menu-opened:before{

        background:#5db0e8

    }

}

.section-heading{

    margin-bottom:50px;

    text-align:center

}

.section-heading.half{

    margin-bottom:30px

}

.section-heading h1,.section-heading h2,.section-heading h3,.section-heading h4,.section-heading h5,.section-heading h6{

    position:relative;

    margin-bottom:0;

    font-weight:600;

    position:relative;

    line-height:140%

}

.section-heading.white h1,.section-heading.white h2,.section-heading.white h3,.section-heading.white h4,.section-heading.white h5,.section-heading.white h6{

    color:#fff

}

.section-heading.grey h1,.section-heading.grey h2,.section-heading.grey h3,.section-heading.grey h4,.section-heading.grey h5,.section-heading.grey h6{

    color:#b7b7b7

}

.section-heading.grey h1:after,.section-heading.grey h2:after,.section-heading.grey h3:after,.section-heading.grey h4:after,.section-heading.grey h5:after,.section-heading.grey h6:after{

    background:#b7b7b7

}

.section-heading.left{

    text-align:left

}

.section-heading strong{

    font-weight:600

}

.section-heading.white p{

    color:#fff

}

.section-heading p{

    font-size: 17px;

    font-weight: 500;

    padding-top: 15px;

    margin: 0 auto;

}

.section-heading span{

    position:relative;

    font-size:15px;

    font-weight:500;

    color:#5db0e8;

    line-height:200%;

    margin-bottom:10px

}

.section-heading.white span{

    color:#fff

}

.section-heading.grey span{

    color:#b7b7b7

}

@media screen and (max-width: 991px){

    .section-heading{

        margin-bottom:30px

    }

    .section-heading p{

        padding-top:10px;

        font-size:14px

    }

}

.banner-creative{

    background:#f5fafe;

    padding:15% 0

}

.banner-creative .banner-img img{

    position:absolute;

    left:-15px;

    top:-38%

}

.banner-creative .btn-play{

    width:50px;

    height:50px;

    line-height:46px;

    text-align:center;

    font-size:18px;

    color:#fff;

    margin:auto;

    display:inline-block;

    border:2px solid #fff;

    -webkit-border-radius:100px;

    -moz-border-radius:100px;

    border-radius:100px;

    overflow:hidden;

    position:relative;

    z-index:3

}

.banner-creative .btn-play:before{

    content:'';

    position:absolute;

    width:100%;

    height:100%;

    left:0px;

    top:0px;

    background:#fff;

    opacity:.19;

    z-index:1

}

.banner-creative .btn-play i{

    padding-left:5px;

    position:relative;

    z-index:2

}

.header-shape{

    margin-top:-3.9%;

    z-index:9;

    position:relative

}

@media screen and (max-width: 1199px){

    .banner-creative .banner-img img{

        top:-18%

    }

}

@media screen and (max-width: 991px){

    .banner-creative{

        padding:50px 0 50px 0

    }

    .banner-creative .banner-img img{

        position:relative;

        width:auto;

        float:none !important;

        left:0

    }

}

@media screen and (max-width: 767px){

    .banner-creative{

        padding:30px 0

    }

    .banner-creative .btn-play{

        width:40px;

        height:40px;

        line-height:36px;

        font-size:16px

    }

}

.page-title-section{

    padding:150px 0 150px;

    text-align:center

}

.page-title-section h1{

    font-size:40px;

    font-weight:600;

    letter-spacing:1px;

    line-height:1;

    color:#fff;

    margin-bottom:0

}

.page-title-section ul{

    margin-bottom:0;

    margin-top:15px;

    text-align:center

}

.page-title-section ul li{

    display:inline-block

}

.page-title-section ul li:last-child a{

    color:#fff;

    opacity:0.65

}

.page-title-section ul li:after{

    content:'\f105';

    font-weight:700;

    vertical-align:middle;

    color:#fff;

    font-family:Font Awesome\ 5 Free;

    padding:1px 5px 0 10px

}

.page-title-section ul li:last-child:after{

    content:none

}

.page-title-section ul li a{

    color:#fff;

    font-size:14px;

    font-weight:500

}

.page-title-section .active a,.page-title-section li.active:last-child a{

    color:#fff

}

@media screen and (max-width: 1399px){

    .page-title-section{

        padding:125px 0 125px

    }

}

@media screen and (max-width: 1199px){

    .page-title-section{

        padding:85px 0

    }

    .page-title-section h1{

        font-size:36px;

        line-height:42px

    }

}

@media screen and (max-width: 991px){

    .page-title-section{

        padding:60px 0

    }

    .page-title-section h1{

        font-size:30px;

        line-height:40px

    }

    .page-title-section ul{

        margin-top:5px

    }

    .page-title-section ul li a{

        font-size:12px

    }

}

.feature-block1{

    text-align:center;

    padding-left:20px;

    padding-right:20px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

    color:rgba(255,255,255,0.85)

}

.feature-block1.line{

    position:relative

}

.feature-block1.line:after{

    content:'';

    position:absolute;

    width:69%;

    height:2px;

    top:50px;

    left:70%;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

    border:1px dashed #fff

}

.feature-block1 .icon{

    width:100px;

    height:100px;

    margin:auto;

    -webkit-border-radius:100px;

    -moz-border-radius:100px;

    -o-border-radius:100px;

    border-radius:100px;

    margin-bottom:35px;

    -webkit-transition:all 0.3s ease 0s;

    -moz-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;

    transition:all 0.3s ease 0s;

    background:rgba(255,255,255,0.9)

}

.feature-block1 .icon i{

    display:block;

    width:100px;

    height:100px;

    line-height:95px;

    color:#5db0e8;

    font-size:40px

}

.feature-block1 .title{

    font-size:18px;

    letter-spacing:1.12px;

    margin-bottom:15px;

    color:#fff

}

.feature-block1:hover .icon{

    background:#5db0e8

}

.feature-block1:hover .icon i{

    color:#fff

}

.feature-block1 .icon{

    position:relative;

    height:100px;

    width:100px;

    text-align:center;

    display:inline-block;

    line-height:100px;

    border-radius:50%;

    transition-duration:0s;

    -ms-transition-duration:0s;

    -moz-transition-duration:0s;

    -webkit-transition-duration:0s;

    -o-transition-duration:0s

}

.feature-block1:hover .icon:after{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    height:80px;

    width:80px;

    border:2px solid #fff;

    border-radius:50%;

    transform:translate(-50%, -50%);

    -moz-transform:translateX(-50%) translateY(-50%);

    -webkit-transform:translateX(-50%) translateY(-50%);

    -ms-transform:translateX(-50%) translateY(-50%);

    -o-transform:translateX(-50%) translateY(-50%);

    transform:translateX(-50%) translateY(-50%);

    opacity:.3;

    animation:pulse-border 1500ms ease-out infinite

}

.feature-block1:hover .icon:before{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    height:95px;

    width:95px;

    border:2px solid #fff;

    border-radius:50%;

    transform:translate(-50%, -50%);

    -moz-transform:translateX(-50%) translateY(-50%);

    -webkit-transform:translateX(-50%) translateY(-50%);

    -ms-transform:translateX(-50%) translateY(-50%);

    -o-transform:translateX(-50%) translateY(-50%);

    transform:translateX(-50%) translateY(-50%);

    opacity:.3;

    animation:pulse-border 1500ms ease-out infinite

}

.feature-block1:hover .icon:after,.feature-block1:hover .icon:before{

    border-color:rgba(255,255,255,0.5)

}

@keyframes pulse-border{

    0%{

        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity:1

    }

    100%{

        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

        opacity:0

    }

}

@media screen and (max-width: 1199px){

    .feature-block1 .icon i{

        width:90px;

        height:90px;

        line-height:90px;

        font-size:36px

    }

    .feature-block1 .title{

        margin-bottom:10px

    }

    .feature-block1 .icon{

        width:90px;

        height:90px;

        margin-bottom:25px

    }

    .feature-block1.line:after{

        width:65%;

        left:73%

    }

}

@media screen and (max-width: 991px){

    .feature-block1 .title{

        font-size:17px

    }

    .feature-block1 .icon{

        width:80px;

        height:80px;

        margin-bottom:20px

    }

    .feature-block1 .icon i{

        width:80px;

        height:80px;

        line-height:80px;

        font-size:32px

    }

    .feature-block1.line:after{

        width:65%;

        left:75%;

        top:40px

    }

}

@media screen and (max-width: 767px){

    .feature-block1{

        margin-bottom:90px

    }

    .feature-block1 .title{

        font-size:16px;

        margin-bottom:5px

    }

    .feature-block1 .icon{

        width:70px;

        height:70px;

        margin-bottom:15px

    }

    .feature-block1 .icon i{

        width:70px;

        height:70px;

        line-height:70px;

        font-size:28px

    }

    .feature-block1.line{

        top:0

    }

    .feature-block1.line:after{

        width:1px;

        left:0;

        top:auto;

        bottom:-42%;

        right:0;

        margin:0 auto;

        height:35%

    }

}

@media screen and (max-width: 575px){

    .feature-block1.line:after{

        bottom:-38%

    }

}

.services-block{

    background:#ffffff;

    border-radius:7px;

    text-align:center;

    -webkit-transition:all 0.2s ease-in-out;

    -moz-transition:all 0.2s ease-in-out;

    -o-transition:all 0.2s ease-in-out;

    -ms-transition:all 0.2s ease-in-out;

    transition:all 0.2s ease-in-out

}

.services-block:hover{

    box-shadow:-1px 9px 18px 0px rgba(75,81,91,0.1);

    transform:translateY(-0.5em)

}

.services-block.bg-light-gray{

    background:#f7f7f7

}

.title-box{

    position:relative;

    padding:20px 0;

    font-size:60px;

    line-height:1;

    width:2em;

    margin-left:auto;

    margin-right:auto

}

.box-circle-large,.box-circle-small{

    position:absolute;

    border-radius:50%;

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    -ms-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out

}

.box-circle-large{

    left:0;

    bottom:0;

    width:1.37em;

    height:1.37em;

    background:rgba(78,74,200,0.1)

}

.box-circle-small{

    top:0;

    right:0;

    width:0.59em;

    height:0.59em;

    background:rgba(128,137,255,0.1)

}

.services-block:hover .box-circle-large{

    transform:scale(1.2)

}

.services-block:hover .box-circle-small{

    transform:translate3d(0, -35%, 0) rotate(0deg)

}

@media screen and (max-width: 991px){

    .title-box{

        font-size:50px

    }

}

@media screen and (max-width: 767px){

    .title-box{

        font-size:42px

    }

}

.counter-box h3,.counter-box h4{

    display:inline-block;

    font-weight:600

}

.social-icons a:hover{

    opacity:1

}

.counter-box{

    position:relative;

    text-align:center

}

.counter-box h3:after{

    content:'+'

}

.counter-box h4{

    font-size:28px;

    line-height:normal;

    margin:0

}

.counter-box h4:after{

    content:'+'

}

.counter-box h3{

    font-size:45px

}

@media screen and (max-width: 767px){

    .counter-box p:before{

        margin:0;

        position:absolute;

        top:45px

    }

    .counter-box p:after{

        margin:0;

        left:14px;

        right:0;

        top:45px

    }

    .counter-box.black p:after{

        margin:0;

        left:14px;

        right:0;

        top:45px

    }

    .counter-box h4{

        font-size:22px

    }

}

.story-video{

    height:100%

}

.testmonial-single{

    text-align:center;

    transition:all 0.5s ease 0s;

    -webkit-transition:all 0.5s ease 0s

}

.testmonial-single h6{

    color:#5db0e8;

    font-weight:500

}

.testmonial-single span i,.testmonial-single .rating{

    color:#5db0e8

}

.owl-carousel .testmonial-box img{

    width:auto;

    max-height:120px;

    display:inline-block

}

.owl-carousel .owl-item img{

    display:inline-block;

    width:auto

}

.owl-theme .owl-dots{

    text-align:center;

    margin-top:10px

}

.owl-dot{

    display:inline-block;

    z-index:1;

    margin-top:30px

}

.owl-dot span{

    width:12px;

    height:12px;

    margin:5px 5px 0 5px;

    background:#e4e4e4;

    cursor:pointer;

    display:block;

    -webkit-backface-visibility:visible;

    border-radius:30px;

    transition-duration:.3s;

    -webkit-transition-duration:.3s

}

.owl-dot span:hover{

    background:#aaa;

    -webkit-backface-visibility:visible;

    border-radius:30px

}

.owl-dot.active span{

    width:12px;

    height:12px;

    background:#5db0e8;

    border-color:#5db0e8;

    -webkit-transition-duration:.3s;

    transition-duration:.3s

}

.owl-nav i{

    color:#232323;

    font-size:18px;

    padding-top:6px

}

.owl-nav .owl-next{

    color:#5db0e8;

    font-size:43px;

    text-align:center;

    width:40px;

    height:40px;

    background:#fff !important

}

.owl-nav .owl-prev{

    color:#5db0e8;

    font-size:43px;

    text-align:center;

    width:40px;

    height:40px;

    background:#fff !important;

    left:0;

    -webkit-transition:all .4s ease 0s;

    transition:all .4s ease 0s;

    -webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);

    -moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);

    box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)

}

.owl-nav .owl-next{

    -webkit-transition:all .4s ease 0s;

    transition:all .4s ease 0s;

    -webkit-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);

    -moz-box-shadow:0 5px 28px 0 rgba(50,50,50,0.1);

    box-shadow:0 5px 28px 0 rgba(50,50,50,0.1)

}

.team-style{

    border:1px dashed #cee1f8;

    border-radius:10px;

    background:#fff;

    position:relative;

    transition:all 0.3s ease 0s

}

.team-style .team-member-img>img{

    max-width:150px;

    padding:6px;

    background:rgba(78,84,200,0.15);

    border-radius:100px

}

.team-style .social-links{

    margin-bottom:0

}

.team-style .social-links li{

    display:inline-block;

    margin-right:10px

}

.team-style .social-links li:last-child{

    margin-right:0

}

.team-style .social-links li a:hover{

    opacity:0.85

}

.team-style .bg-cover{

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-moz-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-o-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:linear-gradient(-45deg, #5db0e8, #48a2df);

    border-radius:10px;

    position:absolute;

    height:100%;

    width:100%;

    top:0;

    opacity:0;

    z-index:1;

    transition:all 0.3s ease 0s

}

.team-style:hover .team-member-img{

    position:relative;

    z-index:9

}

.team-style:hover .team-member-img>img{

    background:rgba(255,255,255,0.15)

}

.team-style:hover .bg-cover{

    opacity:1

}

.team-style:hover .alt-font{

    color:#fff

}

.team-style:hover .bg-theme{

    background:#fff

}

.team-style:hover div,.team-style:hover .social-links a{

    color:#fff

}

@media screen and (max-width: 767px){

    .team-style .team-member-img>img{

        max-width:120px;

        padding:4px

    }

}

.accordion-style .card{

    background:transparent;

    box-shadow:none;

    margin-top:0 !important;

    border:none

}

.accordion-style .card-header{

    border:0px;

    padding:0;

    border-bottom:1px solid rgba(255,255,255,0.15);

    background:none

}

.accordion-style .btn-link{

    background:#efefef !important;

    box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);

    color:#6f6f6f;

    position:relative;

    border:none;

    display:block;

    width:100%;

    text-align:left;

    white-space:normal;

    border-radius:4px;

    padding:15px 50px 15px 15px;

    text-decoration:none;

    font-size:15px;

    font-weight: 700;

}

.accordion-style .btn-link:hover{

    border:none;

    text-decoration:none

}

.accordion-style .btn-link.collapsed{

    box-shadow:none

}

.accordion-style .btn-link.collapsed:after{

    background:none;

    border:1px solid #5db0e8;

    border-radius:50%;

    content:"+";

    right:15px;

    left:inherit;

    font-size:18px;

    line-height:24px;

    height:25px;

    transform:none;

    width:25px;

    top:15px;

    text-align:center;

    padding-left:0;

    letter-spacing:-1px

}

.accordion-style .btn-link:after{

    background:none;

    border:1px solid #5db0e8;

    border-radius:50%;

    content:"-";

    right:15px;

    left:inherit;

    font-size:18px;

    height:25px;

    line-height:24px;

    transform:none;

    width:25px;

    top:15px;

    position:absolute;

    color:#5db0e8;

    text-align:center;

    padding-left:2px;

    letter-spacing:-2px

}

.accordion-style .card-body{

    padding:20px;

    line-height:24px;

    text-align:left

}

@media screen and (max-width: 767px){

    .accordion-style .btn-link{

        font-size:14px;

        padding:12px 50px 12px 15px

    }

}

ul.resp-tabs-list{

    margin:0px;

    padding:0px

}

.resp-tabs-list li{

    font-size:16px;

    font-weight:600;

    display:inline-block;

    padding:8px 15px;

    margin:0 4px 0 0;

    list-style:none;

    cursor:pointer;

    min-width:180px

}

.resp-tabs-list li:last-child{

    margin-right:0

}

.resp-tabs-list li i{

    font-size:28px;

    margin-bottom:8px;

    color:#6f6f6f

}

.resp-tabs-container{

    padding:0px;

    background-color:#fff;

    clear:left

}

.resp-tab-content{

    display:none;

    padding:50px 0 0 0

}

.resp-tabs-list li.resp-tab-active{

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-moz-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-o-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:linear-gradient(-45deg, #5db0e8, #48a2df);

    padding:15px 20px 13px 20px;

    color:#5db0e8;

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    border-top-left-radius:5px;

    border-top-right-radius:5px

}

.resp-tabs-list li.resp-tab-active i{

    color:#fff

}

.resp-content-active,.resp-accordion-active{

    display:block

}

.resp-tab-content{

    border:1px solid #c1c1c1;

    border-top-color:#c1c1c1;

    float:left;

    width:100%

}

h2.resp-accordion{

    background:#fff !important;

    cursor:pointer;

    display:none;

    font-size:14px;

    border:1px solid #e4e4e4;

    border-top:0px solid #e4e4e4;

    margin:0px;

    padding:15px 21px;

    float:left;

    width:100%

}

h2.resp-tab-active{

    border-bottom:0px solid #e4e4e4 !important;

    background:#5db0e8 !important;

    color:#fff

}

h2.resp-tab-title:last-child{

    border-bottom:12px solid #e4e4e4 !important;

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-moz-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-o-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:linear-gradient(-45deg, #5db0e8, #48a2df)

}

@media screen and (min-width: 991px){

    .tab-style ul.resp-tabs-list{

        text-align:center

    }

    .tab-style ul.resp-tabs-list.text-left{

        padding-left:15px

    }

    .tab-style ul.resp-tabs-list li:last-child{

        margin-right:0

    }

    .tab-style ul.resp-tabs-list li.resp-tab-active{

        color:#fff

    }

    .tab-style .resp-tab-content{

        border:1px solid #e6e6e6;

        border-width:1px 0 0 0;

        border-color:#5db0e8

    }

}

@media screen and (max-width: 767px){

    ul.resp-tabs-list{

        display:none

    }

    h2.resp-accordion{

        display:block

    }

    h2.resp-accordion i{

        margin-right:12px;

        font-size:18px;

        min-width:25px

    }

    h2.resp-accordion.resp-tab-active i{

        color:#fff

    }

    .resp-vtabs .resp-tab-content{

        border:1px solid #C1C1C1

    }

    .resp-vtabs .resp-tabs-container{

        border:none !important;

        float:none;

        width:100%;

        min-height:100px;

        clear:none

    }

    .resp-accordion-closed{

        display:none !important

    }

    .resp-vtabs .resp-tab-content:last-child{

        border-bottom:1px solid #c1c1c1 !important

    }

    .resp-tab-content{

        background-color:#fff;

        padding:20px 15px

    }

}

.price .item{

    padding:0 0 30px 0;

    background:#fff;

    border-radius:5px;

    transition:all .3s

}

.price .item:hover{

    box-shadow:0px 5px 40px 0px rgba(148,146,245,0.2)

}

.price .type{

    padding:15px 0;

    background:#232323

}

.price .type h4{

    color:#fff;

    margin-bottom:0

}

.price .value{

    padding:30px 0 15px 0;

    position:relative

}

.price .value h3{

    display:inline-block;

    padding-right:10px;

    font-size:50px;

    font-weight:700;

    position:relative;

    margin-bottom:0

}

.price .value h3 span{

    font-size:14px;

    position:absolute;

    top:5px;

    right:0

}

.price .value .per{

    font-size:13px;

    color:#5db0e8

}

.price .features li{

    margin:15px 0;

    color:#777

}

.price .order{

    padding-top:15px;

    position:relative

}

.price .active{

    box-shadow:0px 5px 40px 0px rgba(0,0,0,0.1)

}

.price .active .type{

    background:#5db0e8;

    background:-webkit-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-moz-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:-o-linear-gradient(-45deg, #5db0e8, #48a2df);

    background:linear-gradient(-45deg, #5db0e8, #48a2df)

}

@media screen and (max-width: 1199px){

    .price .value h3{

        font-size:42px

    }

}

@media screen and (max-width: 767px){

    .price .value h3{

        font-size:36px

    }

    .price .value h3 span{

        font-size:13px

    }

    .price .value .per{

        font-size:12px

    }

}

.search-form_input{

    color:#5db0e8

}

.search-frame h4 a:hover{

    color:#5db0e8

}

.search-frame .search_list .match{

    color:#5db0e8

}

.search-frame .search_list li:before{

    color:#5db0e8

}

.search-frame .search_list li+li{

    border-top:3px solid #5db0e8

}

.search-frame .search{

    color:#5db0e8

}

.blog-grid{

    position:relative;

    background:#fff;

    overflow:hidden;

    -webkit-transition:all 0.2s ease-in-out;

    -moz-transition:all 0.2s ease-in-out;

    -o-transition:all 0.2s ease-in-out;

    -ms-transition:all 0.2s ease-in-out;

    transition:all 0.2s ease-in-out

}

.blog-grid:hover{

    -webkit-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);

    -moz-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);

    -ms-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);

    -o-box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);

    box-shadow:0 5px 10px rgba(0,9,128,0.035),0 7px 18px rgba(0,9,128,0.05);

    transform:translateY(-0.25em)

}

.blog-grid img{

    width:100%

}

.data-box-grid{

    display:inline-block;

    left:0;

    bottom:-1px;

    padding:5px 20px;

    font-size:18px

}

.data-box-grid h5{

    letter-spacing:1px;

    display:inline-block;

    vertical-align:middle;

    margin-bottom:0;

    margin-right:8px;

    color:#fff;

    font-size:20px

}

.blog-grid .data-box-grid p{

    font-size:14px;

    margin-bottom:0;

    padding:0;

    border:none;

    color:#fff;

    display:inline-block;

    vertical-align:middle;

    text-transform:uppercase

}

.blog-grid-text{

    position:relative

}

.blog-grid-text>span{

    color:#5db0e8;

    font-size:13px;

    padding-right:5px

}

.blog-grid-text h4{

    font-size:16px;

    line-height:normal;

    margin-bottom:0

}

.blog-grid-text ul li{

    display:inline-block;

    color:#999;

    font-size:13px;

    font-weight:500;

    margin:0 10px 0 0

}

.blog-grid-text ul li i{

    color:#5db0e8;

    font-size:14px;

    font-weight:500;

    margin-right:8px

}

.blog-grid-text p{

    color:#999;

    font-size:15px;

    font-weight:400;

    line-height:170%;

    padding:10px 0 0 0

}

.blog-list-left-heading:after,.blog-title-box:after{

    content:'';

    height:2px

}

.blog-grid-simple-content a:hover{

    color:#232323

}

.blog-grid-simple-content a:hover:after{

    color:#232323

}

.blog-list-simple{

    margin:0 0 30px 0;

    padding-bottom:30px

}

.blog-list-simple:last-child{

    border-bottom:0;

    padding-bottom:0;

    margin-bottom:0

}

.blog-list-simple-text{

    color:#999999

}

.blog-list-simple-text>span{

    color:#5db0e8;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px

}

.blog-list-simple-text p{

    border-top:1px solid #ececec;

    color:#999999;

    font-size:15px;

    font-weight:400;

    line-height:170%;

    margin-bottom:0;

    padding:15px 0

}

.blog-list-simple-text .meta{

    margin:0 0 5px 0

}

.blog-list-simple-text li{

    display:inline-block;

    font-size:12px;

    color:#777;

    margin:5px

}

.blog-list-simple-text h4{

    color:#232323;

    font-size:20px;

    font-weight:500;

    margin:5px 0;

    line-height:normal

}

.blog-list-simple-text ul{

    margin:10px 0

}

.blog-list-simple-text ul li{

    color:#999;

    font-size:14px;

    font-weight:500;

    padding:3px 0

}

.blog-list-simple-text ul li i{

    color:#5db0e8;

    margin-right:5px;

    font-size:14px

}

.blogs .post{

    margin-bottom:50px

}

.blogs .post .content{

    padding:30px;

    background:#fafafa

}

.blogs .post .content .post-title h5{

    font-size:26px;

    line-height:normal;

    font-weight:500;

    margin-bottom:0

}

.blogs .post .content .post-title h5 a{

    color:#232323

}

.blogs .post .content .post-title h5 a:hover{

    color:#F24259

}

.blogs .post .content .meta{

    margin-bottom:15px

}

.blogs .post .content .meta li{

    display:inline-block;

    font-size:12px;

    color:#777;

    margin:5px 5px 0 5px

}

.blogs .post .content .special{

    padding:15px;

    margin:30px 0;

    border-left:2px solid #111;

    background:#f7f7f7;

    font-size:16px

}

.blogs .post .content .btn{

    border-color:#6f6f6f;

    color:#6f6f6f;

    min-width:auto;

    padding:6px 20px;

    font-size:12px

}

.blogs .post .content .btn:hover{

    color:#fff;

    border-color:#F24259

}

.blogs .post .share-post{

    margin-top:30px;

    padding-top:20px;

    border-top:1px dashed #ddd;

    text-align:left

}

.blogs .post .share-post span{

    font-weight:700

}

.blogs .post .share-post ul{

    float:right

}

.blogs .post .share-post ul li{

    display:inline-block;

    margin:0 10px

}

.blogs .post .post-img img{

    width:100%

}

.blogs .posts .title-g h3{

    font-weight:700;

    font-size:25px;

    margin-bottom:10px

}

.blogs .comments-area .comment-box{

    padding-bottom:30px;

    margin-bottom:50px;

    border-bottom:1px solid #eee

}

.blogs .comments-area .comment-box:nth-child(odd){

    margin-left:80px

}

.blogs .comments-area .comment-box:last-child{

    margin-bottom:30px

}

.blogs .comment-box .author-thumb{

    width:80px;

    float:left

}

.blogs .comment-box .comment-info{

    margin-left:100px

}

.blogs .comment-box .comment-info h6{

    font-size:14px;

    font-weight:600;

    margin-bottom:10px

}

.blogs .comment-box .comment-info .reply{

    margin-top:10px;

    font-weight:600

}

.blogs .comment-box .comment-info .reply i{

    padding-right:5px;

    font-size:12px

}

.pagination{

    border-radius:0;

    padding:0;

    margin:0

}

.pagination ul{

    display:inline-block;

    *display:inline;

    *zoom:1;

    margin:0 auto;

    padding:0

}

.pagination li{

    display:inline

}

.pagination a{

    float:left;

    padding:0 18px;

    line-height:40px;

    text-decoration:none;

    border:1px solid #dbdbdb;

    border-left-width:0;

    background:#fff

}

.pagination a:hover{

    background-color:#232323;

    color:#fff

}

.pagination .active a{

    background-color:#f7f7f7;

    color:#999;

    cursor:default

}

.pagination .disabled span{

    color:#999;

    background-color:transparent;

    cursor:default

}

.pagination .disabled a{

    color:#999;

    background-color:transparent;

    cursor:default

}

.pagination .disabled a:hover{

    color:#999;

    background-color:transparent;

    cursor:default

}

.pagination li:first-child a{

    border-left-width:1px

}

.side-bar .widget{

    margin-bottom:30px

}

.side-bar .widget:last-child{

    margin-bottom:0

}

.side-bar .widget .widget-title h6{

    position:relative;

    padding-bottom:5px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px

}

.side-bar .widget .widget-title h6:after{

    content:'';

    width:30px;

    height:1px;

    background:#5db0e8;

    position:absolute;

    bottom:0;

    left:0

}

.side-bar .widget li{

    position:relative;

    padding:0 0 0 12px;

    margin:0 0 9px 0;

    color:#6f6f6f

}

.side-bar .widget li:last-child{

    margin:0

}

.side-bar .widget li:after{

    content:"";

    width:5px;

    height:1px;

    background-color:#6f6f6f;

    position:absolute;

    top:12px;

    left:0

}

.side-bar .widget .social-listing{

    margin-bottom:0

}

.side-bar .widget .social-listing li{

    list-style:none;

    display:inline-block

}

.side-bar .widget .social-listing li:after{

    background:none

}

.side-bar .widget .social-listing li:first-child{

    padding-left:0

}

.side-bar .search form input{

    width:calc(100% - 50px);

    height:50px;

    padding:0 10px;

    margin:0;

    border:1px solid #d1d1d1;

    background:#f7f7f7

}

.side-bar .search form button{

    width:50px;

    height:50px;

    line-height:50px;

    color:#fff;

    border:0;

    float:right;

    border-radius:0;

    padding:0

}

.side-bar .search form button:hover:before{

    border-radius:0;

    padding:0

}

@media screen and (max-width: 1199px){

    .blog-grid-text h4{

        font-size:18px

    }

    .blogs .post .content .post-title h5{

        font-size:22px

    }

    .blogs .post .content .special{

        font-size:16px

    }

    .blogs .posts .title-g h3{

        font-size:22px

    }

}

@media screen and (max-width: 767px){

    .blog-grid-text h4{

        font-size:16px

    }

    .blog-grid-text p{

        font-size:14px

    }

    .blog-list-simple{

        margin-bottom:20px;

        padding-bottom:20px

    }

    .data-box-grid{

        padding:5px 15px;

        font-size:16px

    }

    .data-box-grid h5{

        font-size:16px;

        margin-right:3px

    }

    .blog-list-simple-text>span{

        font-size:12px

    }

    .blog-list-simple-text p{

        font-size:14px

    }

    .blog-list-simple-text h4{

        font-size:18px

    }

    .blog-list-simple-text ul li{

        font-size:12px

    }

    .blogs .post .content .post-title h5{

        font-size:20px

    }

    .blogs .post .content .special{

        font-size:14px

    }

    .blogs .posts .title-g h3{

        font-size:18px

    }

}

.social-icon-style1 li{

    display:inline-block;

    margin-right:30px

}

.social-icon-style1 li:last-child{

    margin-right:0

}

.social-icon-style1 li a{

    font-size:22px

}

.social-icon-style1 li a:hover{

    color:#fff

}

@media screen and (max-width: 767px){

    .social-icon-style1 li a{

        font-size:18px

    }

}

#map{

    height:400px;

    width:100%

}

footer{

    padding:50px 0 0;

    background-color: rgb(218, 218, 218);

    color:#3c3c3c;

}

footer p{

    margin-bottom:0

}

footer h3{

    font-size:18px;

    font-weight:500;

    margin-bottom:30px;

    line-height:1;

    position:relative

}

footer h3:after{

    content:'';

    display:block;

    width:70px;

    height:2px;

    background:#5db0e8;

    margin:12px auto 0 auto

}

.footer-title-style:after{

    margin-left:auto;

    margin-right:auto

}

h3.footer-title-style{

    margin-bottom:20px

}

.footer-bar{

    padding-top:20px;

    padding-bottom:20px;

    margin-top:25px;

    text-align:center;

    background:#191919;

    color:#939393

}

.footer-bar span{

    color:#5db0e8;

    font-size:15px;

    font-weight:400

}

@media screen and (max-width: 767px){

    footer{

        padding-top:30px

    }

    footer h3{

        font-size:16px

    }

    h3.footer-title-style{

        margin-bottom:15px

    }

    .footer-bar{

        margin-top:30px

    }

    .footer-bar p{

        font-size:13px

    }

}

.services-blocks{    text-align: center;

    font-weight: 400;}

.services-blocksh2all {

   width: 100%; 

   color: #5db0e8;

   text-align: center; 

   border-bottom: 1px solid #5db0e8; 

   line-height: 0.1em;

   margin: 10px 0 20px; 

} 

.services-blocksh2all span { 

    background:#f7f7f7;

    color: #5db0e8;

    padding:0 10px; 

}

.services-blocksh2allw {

   width: 100%; 

   color: #5db0e8;

   text-align: center; 

   border-bottom: 1px solid #5db0e8; 

   line-height: 0.1em;

   margin: 10px 0 20px; 

} 

.services-blocksh2allw span { 

    background:#fff;

    color: #5db0e8;

    padding:0 10px; 

}
.section-clients {
    padding: 50px 0
}

.clients img {
    opacity: .6;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.clients img:hover {
    opacity: 1
}

@media screen and (max-width: 992px) {
    .section-clients {
        padding: 30px 0
    }
    .section-clients .item {
        text-align: center;
        width: 100%
    }
    .section-clients .owl-carousel .owl-item img {
        max-width: 75%;
        display: inline-block
    }
}

.section-clients2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-clients2 .client-single {
    width: 33.333%;
    min-height: 106px;
    overflow: hidden
}
.client-single:hover {
    border: 1px solid #5db0e8;
}

.section-clients2 .client-single .client-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    opacity: .8;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-clients2 .client-single .client-img img {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.section-clients2 .client-single .client-img:hover {
    opacity: 1
}

@media screen and (max-width: 1024px) {
    .section-clients2 .client-single {
        width: 50%
    }
}

@media screen and (max-width: 575px) {
    .section-clients2 .client-single {
        width: 100%
    }
}
.sidebar-plot{
    background: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 15px;
}