/* ----------------------------------
Template Name: Sommet
Description: Sommet - Corporate Business HTML5 Template
Author: Akildy
Version:1.0
-------------------------------------

Table Of Contents

    01. Google Font
    02. Reset
    03. Header
    04. Slider
    05. Navbar
    06. Skills
    07. About
    08. Services
    09. Profit
    10. Projects
    11. Team
    12. Testimonial
    13. News
    14. Contact
    15. Stats
    16. Page Title
    17. 404 Page
    18. Partners
    19. Call To Action
    20. Footer
    21. Map Section
    22. Features Section
*/

/* ===================================
    Google Font
====================================== */

@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,500i,600,700,800,900';
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800';

/* ===================================
    Reset
====================================== */

body{
    position:relative;
    margin:0;
    padding:0;
    font-family:"SplineLight",sans-serif;
    font-size:16px;color:#727b9a;
    line-height:28px
}

h1,h2,h3,h4,h5,h6{
    font-family:"SplineLight",sans-serif;
    font-weight:600;
    color:#333;
    margin-top:0;
    font-style:normal
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}

h1{font-size:52px}
h2{font-size:36px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}

ul,li{
    padding:0;
    margin:0;
    text-decoration:none;
    list-style:none
}

a,a:hover,a:focus,a:active,button:focus{
    text-decoration:none;
    border:none;
    outline:0
}

img{
    max-width:100%;height:auto
}

.gray-bg{
    background:#f9f9ff
}

.white-bg{
    background:#fff
}

button{
    cursor:pointer
}

/* ===================================
    Header
====================================== */

.social-icon-one{
    position:relative;
    margin-top:30px
}

.social-icon-one li{
    position:relative;
    margin-right:10px;
    margin-bottom:10px;
    display:inline-block
}

.social-icon-one li a{
    position:relative;
    width:40px;
    height:40px;
    color:#fff;
    font-size:16px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    background:#f4f4f4;
    transition:.3s
}

.social-icon-one li a:hover{
    color:#fff;
    background-color:#00adef
}

.social-icon-two{
    padding:0;
    margin:0;
    margin-bottom:35px;
    margin-left:-15px
}

.social-icon-two li{
    display:inline-block
}

.social-icon-two li a{
    font-size:20px;
    width:22px;
    height:22px;
    margin:0 18px;
    line-height:23px;
    display:inline-block;
    text-align:center;
    background:0 0;
    color:#1d2063;
    transition:.3s;
    font-weight:700
}

.social-icon-two li a:hover{
    color:#00adef
}

.section-title{
    margin-bottom:50px
}

.section-title h2{
    color:#333;
     
    margin-bottom:20px
}

.section-title span{
    color:#00adef
}

.btn{
    background:#00adef;
    border:1px solid #00adef;
    transition:.4s;
    color:#fff;
    z-index:9;
    font-size:14px;
    line-height:20px;
    font-weight:600;

    padding:14px 40px;
    border-radius:5px;
    position:relative
}

.btn:hover{
    color:#00adef;
    background:0 0;
    border:1px solid #00adef
}

.btn.light{
    background:#fff;
    color:#00adef
}

.btn.light:hover{
    background:#fff
}

/*New Twitter Logo */

.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}


/* ===================================
    Slider
====================================== */

.main-slider{
    min-height:600px;
    max-height: 600px;
    overflow-y: hidden;
}

.main-slider .container-fluid{
    padding:0
}

.main-slider .container{
    text-align:center
}

.main-slider .slider-wrapper{
    position:relative
}

.main-slider .slider-wrapper .image img{
     min-height:500px;
    width:100%;
    max-width:none;
    max-height: 600px;
 }

.main-slider .slider-caption{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:5
}

.main-slider .slider-caption .inner-box{
    max-width:1200px;
    margin:0 auto;
    padding:0 30px
}

.main-slider .slider-caption-bg{
    max-width:570px;
    background-color:rgba(255,255,255,.7);
    padding:50px
}

.main-slider h1{
    position:relative;
    color:#fff;
    font-size:60px;
    font-weight:700;
    line-height:62px;
    margin-bottom:20px
}

.main-slider .dark h1{
    color:#222
}

.main-slider h2{
    position:relative;
    color:#fff;
    font-size:50px;
    font-weight:500;
    line-height:1.2em;
    font-family:poppins,sans-serif
}

.main-slider .dark h2{
    color:#222;
    font-weight:600;
    margin-bottom:20px;
    font-size:42px
}

.main-slider .link-btn{
    padding-top:5px
}

.main-slider .link-btn .btn{
    margin-right:10px;
    margin-top:10px
}

.main-slider .link-btn .btn:hover{
    background:#fff;
    color:#00adef;
    border:1px solid #fff
}

.main-slider .theme-btn{
    margin:0 10px 20px
}

.main-slider .text{
    position:relative;
    font-size:17px;
    font-weight:400;
    max-width:600px;
    color:#fff;
    line-height:1.7em;
    padding-bottom:30px;
    margin:0 auto
}

.main-slider .dark .text{
    color:#222;
    margin-bottom:0
}

.main-slider .slide-overlay{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,.5);
    z-index:3
}

.main-slider.style-two .slide-overlay{
    background-color:rgba(20,22,26,.1)
}

.main-slider .owl-item .slider-caption *{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

.main-slider .owl-item.active .slider-caption h1{
    -webkit-animation-delay:.5s;
    animation-delay:.5s;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}

.main-slider .owl-item.active .slider-caption h2{
    -webkit-animation-delay:.9s;
    animation-delay:.9s;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}

.main-slider .owl-item.active .slider-caption .text{
    -webkit-animation-delay:.5s;
    animation-delay:.5s;
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}

.main-slider .owl-item.active .slider-caption .link-btn{
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}

.main-slider .owl-item.active .slider-caption .slider-caption-bg{
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}

/* ===================================
    Navbar
====================================== */

.slide-nav .owl-nav{
    padding:0;
    top:50%;
    -webkit-transform:translateY(-50%) scale(.97);
    -ms-transform:translateY(-50%) scale(.97);
    transform:translateY(-50%) scale(.97);
    position:absolute;
    left:0;
    right:0;
    opacity:0;
    -webkit-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease
}

.slide-nav:hover .owl-nav{
    -webkit-transform:translateY(-50%) scale(1);
    -ms-transform:translateY(-50%) scale(1);
    transform:translateY(-50%) scale(1);
    opacity:1
}

.slide-nav .owl-nav .owl-next,.slide-nav .owl-nav .owl-prev{
    position:relative;
    width:50px;
    height:50px;
    line-height:46px;
    background:rgba(0,173,239,.84)!important;
    text-align:center;
    font-size:24px;
    color:#fff!important;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease
}

.slide-nav .carousel-outer:hover .owl-nav .owl-next,.slide-nav .carousel-outer:hover .owl-nav .owl-prev{
    opacity:1;
    visibility:visible
}

.slide-nav .owl-nav .owl-prev{
    left:20px;float:left
}

.slide-nav .owl-nav .owl-next{
    right:20px;float:right
}

.slide-nav .owl-nav .owl-next:hover,.slide-nav .owl-nav .owl-prev:hover{
    color:#fff;border-color:#00adef
}

/* ===================================
    Skills
====================================== */

.skills-faq{
    background-repeat:no-repeat
}

.skill-bar-wrap{
    position:relative;
    background:#f0f4ff;
    height:6px;
    margin-top:5px
}

.skillbar{
    width:90%;
    height:100%
}

.skillbar-title{
    top:0;
    left:20px;
    color:#333;
    font-size:18px;
    font-weight:500
}

.skillbar-bar{
    height:100%;
    width:0;
    background:#00adef;
    display:inline-block
}

.skill-bar-percent{
    position:absolute;
    right:15px;
    top:-30px;
    color:#333;
    font-weight:600
}

.skillbar-single-item{
    margin-bottom:32px
}

.accordion-box .accordion{
    margin-bottom:30px;
    position:relative
}

.accordion-box .accordion .accord-btn{
    padding:11px 50px 3px 20px;
    color:#333;
    cursor:pointer;
    background:#fff;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.accordion-box .accordion .accord-btn.active h5{
    color:#fff;
    font-size:18px
}

.accordion-box .accordion .accord-btn:after{
    content:'\f077';
    font-family:fontawesome;
    position:absolute;
    right:10px;
    top:5px;
    width:30px;
    height:30px;
    line-height:30px;
    font-size:16px;
    font-weight:400
}

.accordion-box .accordion .accord-btn.active{
    color:#fff;
    background:#00adef
}

.accordion-box .accordion .accord-btn.active:after{
    content:'\f078'
}

.accordion-box .accordion .accord-content{
    padding:12px 25px 17px;
    position:relative;
    display:none;
    background:#fff;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.accordion-box .accordion .accord-content p{
    margin-bottom:0
}

.accordion-box .accordion .accord-content.collapsed{
    display:block
}

.accord-content.collapsed p{
    margin-bottom:0
}

.accordion-box .accordion .accord-btn h5{
    font-size:18px;
    font-weight:500
}

/* ===================================
    About
====================================== */

.about-us-area{
    position:relative;
    background-repeat:no-repeat
}

.about-content{}

.about-content h3{
    color: #004a99;
    font-size:30px;
    font-weight:700
}
.about-content div p{
 font-size: 16px;
 color: #333;
 line-height: 24px;
}

.about-content .btn{
    margin-top:10px
}

.vedio-inner{
    position:relative
}

/* ===================================
    Services
====================================== */

.service-area{
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background:#f9f9ff
}

.service-area .single-service{
    padding:30px 20px;
    display:block;
    border-radius:4px;
    -webkit-transition:.5s;
    transition:.5s;
    background:#fff
}

.service-area .single-service:hover{
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.service-area .single-service .service-content h4 a{
    font-size:22px;
    color:#333
}

.service-area .single-service .service-content h4 a:hover{
    color:#00adef;
    transition:.5s
}

.service-area .single-service p{
    transition:.5s
}

.service-icon{
    margin-bottom:15px
}

.service-icon i{
    display:inline-block
}

.service-icon i:before{
    font-size:35px;
    display:inline-block;
    line-height:100%;
    text-align:center;
    border-radius:50%;
    margin-left:0
}

.service-icon.zero i:before{
    color:#00adef;
    font-size:50px
}

.our-services{
    background-repeat:no-repeat
}

.services-block-two{
    position:relative
}

.services-block-two:hover{
    transition:.5s;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.services-block-two .inner-box{
    border:.7px solid rgba(226,226,255,.38);
    border-radius:4px;
    padding:30px 30px 30px 85px;
    position:relative;
    background:#fff
}

.services-block-two .icon-box{
    position:absolute;
    left:20px;
    top:50px;
    font-size:50px;
    color:#00adef
}

.services-block-two h5 a{
    font-size:20px
}

.services-block-two h5 a:hover{
    color:#00adef;
    transition:.5s
}

.service-catergory li{
    position:relative;
    border:1px solid #f5f5f5;
    padding:14px 0;
    margin-bottom:2px
}

.service-catergory li:first-child{
    margin-bottom:10px
}

.service-catergory li .caret-icon{
    position:absolute;
    right:20px;
    top:20px;
    color:#848484
}

.service-catergory li.active a{
    color:#00adef
}

.service-catergory li.active .caret-icon{
    color:#00adef
}

.service-catergory li a{
    display:inline-block;
    padding-left:15px;
    transition:.5s;
    position:relative;
    color:#222;
    font-weight:600
}

.service-catergory li a:hover{
    color:#00adef
}

.service-catergory li.active a:hover{
    color:#00adef
}

.service-single .service-downloads .download-list li{
    margin-bottom:5px;
    background:#00adef
}

.service-single .service-downloads .download-list li a{
    color:#fff;
    padding:15px 20px;
    width:100%;
    transition:.5s;
    display:inline-block
}

.service-single .service-downloads .download-list li span{
    margin-right:8px
}

.service-sidebar .sidebar-blog{
    padding:5px
}

.service-single .popular-news .item h4{
    font-size:18px;
    font-weight:500;
    line-height:20px
}

.service-single .video-image-box .img-box img{
    display:block;
    width:100%
}

.service-single .video-image-box .fa{
    width:80px;
    height:80px;
    border-radius:50%;
    line-height:80px;
    padding-left:6px
}

.service-sidebar .popular-news h3{
    font-size:24px;
    margin-bottom:12px
}

.service-sidebar .popular-news .sidebar-blog h5 a{
    font-size:18px
}

.service-sidebar .popular-news .sidebar-blog h5 a:hover{}

/* ===================================
    Profit
====================================== */

.profit li{
    position:relative;
    color:#848484;
    padding-left:30px;
    margin:10px 0
}

.profit li:after{
    position:absolute;
    content:"";
    left:0;
    top:7px;
    width:11px;
    height:11px;
    background:#00adef
}

.profit{
    margin-bottom:10px
}

/* ===================================
    Projects
====================================== */

.portfolio-section{
    background-repeat:no-repeat
}

.three-column-portfolio .outer-container{
    position:relative;
    margin:0
}

.default-portfolio-item{
    padding: 0 100px;
    margin-bottom:15px
}

.default-portfolio-item.style-4{
    padding:0
}

.default-portfolio-item .inner-box{
    position:relative;
    display:block;
    height: 80%;
    border-radius: 8px;
}

.default-portfolio-item .image-box,.default-portfolio-item .image-box img{
    position:relative;
    display:block;
    width:100%
}

.default-portfolio-item .overlay-box{
    position:absolute;
    left: 20px;
    max-height: 200px;
    top: 190px;
    right: 20px;
    bottom: -30px;
    padding:0 25px;
    background:rgba(255,255,255);
    opacity:1;
    border-radius: 5px;
    -webkit-transition:all 700ms ease;
    -ms-transition:all 700ms ease;
    -o-transition:all 700ms ease;
    -moz-transition:all 700ms ease;
    transition:all 700ms ease;
    -webkit-transform:translateX(0);/*卡片改*/
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0)
}

.default-portfolio-item .inner-box:hover .overlay-box{
    opacity:1;
    -webkit-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    -moz-transform:translateX(0%);
    transform:translateX(0%)
}

.default-portfolio-item .overlay-content{
    position:absolute;
    left:0;
    top:25%;
    padding:0 25px 0px
}

.default-portfolio-item .overlay-content h3{
    font-size:15px;
    color:#000;
    line-height:1em;
    font-weight:500;
    text-transform:capitalize
}

.default-portfolio-item .overlay-content h3 a{
    color:#000;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease
}

.default-portfolio-item .overlay-content h3 a:hover{}

.default-portfolio-item .overlay-content .categories{
    color:#000;
  
    line-height:1.6em;
    font-size: 18px;
    font-weight:bold;
    text-transform:capitalize
}

.default-portfolio-item .overlay-content .categories a{
    font-weight: 100;
    color:#0097db;
    font-size:14px;
    display:inline-block;
    margin-left:3px;
    margin-right:3px;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease
}

.default-portfolio-item .overlay-content .categories a:first-child{
    margin-left:0
}

.default-portfolio-item .overlay-content .categories a:hover{
    color:#0097db;
}

.fluid-img img{
    width:100%
}

.project-details .content-list li{
    padding-top:5px
}

.project-details .content-list li i{
    color:#00adef;
    padding-right:12px
}

/* ===================================
    Team
====================================== */

.team-section{
    background-repeat:no-repeat
}

.team-member{
    position:relative;
    text-align:center;
    margin-bottom:30px
}

.team-member .inner-box{
    position:relative;
    overflow:hidden;
    max-width:500px;
    margin:0 auto
}

.team-member .inner-box .image-box{
    margin-bottom:0
}

.team-member .image-box img{
    display:block;
    width:100%;
    height: 240px;
}

.team-member .desc-content{
    position:relative;
    bottom:0;
    padding:25px 20px;
    background:#fff;
    opacity:1;
    border:1px solid #e9eaee;
    transition:all .6s ease;
    -moz-transition:all .6s ease;
    -webkit-transition:all .6s ease;
    -ms-transition:all .6s ease;
    -o-transition:all .6s ease;
    left:0
}

.team-member:hover .desc-content{
    left:-200px;
    opacity:0
}

.team-member h3{
    font-size:20px;
    margin-bottom:0;
    color:#181818;
    font-weight:500;
    text-transform:capitalize
}

.team-member .designation{
    font-size:15px;
    color:#00adef
}

.team-member .hover-content{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:25px 20px;
    background:#00adef;
    transform:translateX(-100%);
    color:#fff;
    opacity:0;
    transition:all .7s ease;
    -moz-transition:all .7s ease;
    -webkit-transition:all .7s ease;
    -ms-transition:all .7s ease;
    -o-transition:all .7s ease
}

.team-member:hover .hover-content{
    transform:translateX(0%);
    opacity:1
}

.team-member .hover-content h3{
    color:#fff
}

.team-member .hover-content .designation{
    margin-bottom:10px;
    color:#fff
}

.team-member .social a{
    position:relative;
    display:inline-block;
    margin:2px 5px;
    color:#fff;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center
}

.four-item-team-carousel .owl-nav{
    padding:0;
    text-align:center
}

.four-item-team-carousel .owl-nav button.owl-next,.four-item-team-carousel .owl-nav button.owl-prev{
    position:relative;
    width:50px;
    height:50px;
    margin:0 8px;
    display:inline-block;
    line-height:46px;
    border:1px solid #f0f0f0;
    text-align:center;
    font-size:24px;
    color:#949494;
    border-radius:50%;
    transition:300ms
}

.four-item-team-carousel .owl-nav button.owl-prev{
    left:0
}

.four-item-team-carousel .owl-nav button.owl-next{
    right:0
}

.four-item-team-carousel .owl-nav button.owl-next:hover,.four-item-team-carousel .owl-nav button.owl-prev:hover{
    color:#fff;
    border-color:#00adef;
    background:#00adef
}

/* ===================================
    Testimonial
====================================== */

.testimonial{
    background-repeat:no-repeat;
    background-size:cover
}

.single-testimonial{
    position:relative;
    margin-bottom:30px
}

.single-testimonial .single-inner{
    position:relative;
    padding:30px;
    background:rgba(204,204,204,.1)
}

.single-testimonial .testimonial-content{
    margin-bottom:15px;
    margin-top:25px;
    position:relative
}

.single-testimonial .testimonial-content::before{
    content:'\201C';
    color:rgba(204,204,204,.45);
    position:absolute;
    top:-20px;
    left:0;
    font-weight:700;
    font-size:70px;
    font-family:georgia
}

.single-testimonial .testimonial-content::after{
    content:'\201D';
    color:rgba(204,204,204,.45);
    position:absolute;
    right:0;
    bottom:-20px;
    font-weight:700;
    font-size:70px;
    font-family:georgia
}

.single-testimonial .single-inner.style-2{
    text-align:center;
    max-width:1000px;
    margin:0 auto;
    padding-top:45px
}

.single-testimonial .testi-author-info{
    position:relative;
    padding-left:85px;
    padding-top:8px
}

.single-testimonial .single-inner.style-2 .testi-author-info img{
    margin:0 auto
}

.single-testimonial .testi-author-info .image{
    position:absolute;
    left:0;
    top:0
}

.single-testimonial .testi-author-info .image img{
    border-radius:50%;
    width:70px;
    height:70px
}

.single-testimonial .testi-author-info .designation{
    display:block;
    font-size:14px;
    line-height:20px;
    color:#00adef;
    font-weight:500
}

.single-testimonial .author-info{}

.single-testimonial .author-info .image{
    margin-bottom:20px
}

.single-testimonial .author-info img{
    margin:0 auto;
    border-radius:50%;
    width:100px;
    height:100px
}

.single-testimonial .author-info .name{}

.single-testimonial .author-info .designation{
    display:block;
    font-size:14px;
    line-height:20px;
    color:#00adef;
    font-weight:500
}

.testimonial-carousel .owl-dots{
    position:absolute;
    width:100%;
    bottom:-20px;
    text-align:center
}

.testimonial-carousel button.owl-dot{
    position:relative;
    display:inline-block;
    height:6px;
    width:30px;
    border-radius:10px;
    margin:0 7px;
    transition:all 300ms ease;
    background-color:#727b9a
}

.testimonial-carousel .owl-dot:hover,.testimonial-carousel .owl-dot.active{
    background-color:#00adef
}

/* ===================================
    News
====================================== */

.news-block-one{
    position:relative;
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.news-block-one:hover{
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.news-block-one .news-bottom{
    -webkit-transition:all ease .6s;
    transition:all ease .6s
}

.news-block-one:hover .news-bottom{
    background:#fff
}

.news-block-one .news-inner{
    padding:35px 22px 25px;
    position:relative;
    border:1px solid rgba(204,204,204,.29);
    border-top:0
}

.news-block-one .news-inner.style-2{
    padding:15px
}

.news-block-one .news-bottom h4{
    margin-top:-8px;
    font-weight:600;
    font-size:20px
}

.news-block-one .news-bottom h4 a:hover{
    color:#00adef;
    -webkit-transition:all 300ms ease;
    transition:all 300ms ease
}

.news-block-one .news-bottom .default-link:hover{
    color:#2e2e95;
    -webkit-transition:.5s ease;
    transition:.5s ease
}

.news-block-one .blog-thumb{
    display:block;
    overflow:hidden;
    position:relative;
    margin-bottom:0
}

.news-block-one .blog-thumb:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000;
    opacity:0;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    transition:all .35s;
    z-index:1
}

.news-block-one:hover .blog-thumb:before{
    opacity:.7
}

.news-block-one .blog-thumb a.link-btn{
    position:absolute;
    left:50%;
    top:50%;
    z-index:9;
    background:#00adef;
    border-radius:50%;
    color:#fff;
    font-size:20px;
    width:60px;
    height:60px;
    line-height:60px;
    opacity:0;
    display:inline-block;
    text-align:center;
    transform:translateX(-50%) translateY(-50%) scale(.5);
    transition:all .4s ease 0s
}

.news-block-one .blog-thumb a.link-btn:hover{
    background:#fff none repeat scroll 0 0;
    color:#00adef
}

.news-block-one:hover .blog-thumb a.link-btn{
    opacity:1;
    transform:translateX(-50%) translateY(-50%) scale(1)
}

.news-block-one .blog-thumb img{
    width:100%;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease 0s;
    transition:all .5s ease 0s
}

.news-block-one .news-bottom blockquote{
    position:relative;
    font-size:18px;
    font-weight:500;
    color:#fff;
    line-height:26px;
    padding:22px;
    background:#00adef;
    border-left:4px solid #00adef;
    margin-top:30px;
    margin-bottom:30px
}

.read_more{
    color:#243e63;
    font-weight:600
}

.read_more:hover{
    color:#00adef
}

.read_more i{
    padding-left:2px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}

.read_more i:before{
    font-size:12px
}

.read_more:hover i{
    padding-left:10px
}

.post-admin{
    border:1px solid rgba(204,204,204,.29);
    padding:20px 22px 10px;
    display:flex;
    flex-flow:wrap;
    justify-content:space-between
}

.post-admin a{
    color:#00adef;
    font-weight:500
}

.admin-by{
    padding-bottom:10px
}

.admin-by img{
    width:30px;
    border-radius:50%;
    height:30px;
    margin-right:5px
}

.post-date{
    display:inline-block;
    padding-top:2px
}

.post-date i{
    margin-right:7px
}

.post-love i{
    margin-right:5px
}

.pagination-nav{}

.pagination-nav ul li{
    display:inline-block;
    margin:0 2px
}

.pagination-nav ul li a{
    border:.7px solid rgba(226,226,255,.45);
    display:block;
    color:#00adef;
    height:45px;
    width:45px;
    line-height:45px;
    text-align:center;
    font-weight:500;
    border-radius:50px;
    font-size:16px;
    box-shadow:0 13px 16px 2px rgba(101,110,119,.121)
}

.pagination-nav ul li.active a,.pagination-nav ul li:hover a{
    background:#00adef;
    color:#fff
}

.sidebar-bg{
    background:#fff;
    padding:20px;
    box-shadow:0 13px 22px 2px rgba(101,110,119,.121)
}

.sidebar-search{
    position:relative
}

.sidebar-search input{
    width:100%;
    height:54px;
    border:none;
    border:1px solid #f1f1f1;
    padding:0 56px 0 12px;
    color:#9e9e9e
}

.sidebar-search button{
    width:54px;
    height:54px;
    position:absolute;
    top:20px;
    background:#00adef;
    right:20px;
    color:#fff
}

.sidebar-category{
    position:relative
}

.sidebar-category ul{
    margin-top:20px
}

.sidebar-category ul li{margin:0}.sidebar-category ul li a{
    font-weight:400;
    color:#848484;
    position:relative;
    width:100%;
    transition:.5s ease;
    line-height:40px;
    display:block
}

.sidebar-category ul li a:hover{
    color:#00adef;
    transition:.5s ease
}

.sidebar-blog .admin-by img{
    width:30px;
    height:30px;
    display:inline-block
}

.sidebar .owl-dots{
    position:relative;
    text-align:center
}

.sidebar .owl-dots .owl-dot{
    position:relative;
    display:inline-block;
    margin:0 5px;
    width:12px;
    height:12px;
    background:#243e63;
    border-radius:50%
}

.sidebar .owl-dots .owl-dot.active{
    background:#00adef
}

.sidebar-tags ul{
    margin-top:10px
}

.sidebar-tags ul li{
    display:inline-block;
    margin:0 4px 8px 0
}

.sidebar-tags ul li a{
    border:.7px solid #e2e2ff;
    background:#fff;
    display:inline-block;
    color:#727b9a;
    border-radius:4px;
    padding:10px 20px
}

.sidebar-tags ul li a:hover{
    background:#00adef;
    color:#fff
}

.blog-classic{
    position:relative
}

.blog-details .news-block-one:hover .blog-thumb:before{
    opacity:0
}

.details-post-date{
    position:absolute;
    left:-15px;
    top:15px;
    background:#00adef;
    color:#fff;
    padding:5px 10px;
    z-index:9
}

.post-entry ul{
    margin-bottom:20px;
    padding-left:35px
}

.lead-point li{
    margin-bottom:10px;
    font-weight:600
}

.lead-point li i{
    margin-right:10px
}

.post-tag{
  
    font-size:13px
}

.post-tag span{
    margin-right:10px
}

.post-tag .fa-tag{
    padding-right:10px;
    color:#00adef
}

.blog-share-icon span{
    font-size:18px;
    font-weight:600;
    display:block;
    margin-bottom:17px
}

.blog-share-icon a{
    font-size:18px;
    transition:.3s;
    margin-right:22px
}

.blog-share-icon a:last-child{
    margin-right:0
}

.post-comments{
    padding:30px;
    margin-bottom:40px;
    padding-bottom:45px;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

.blog-coment-title h4{
    margin-bottom:0
}

.comments-avatar{
    float:left
}

@media(max-width:767px){
    .comments-avatar{
        float:none
    }
}

.comments-avatar img{
    width:90px;
    margin-right:20px;
    border-radius:50%
}

.latest-comments li:first-child .comments-box{
    border-top:0;
    padding-top:0
}

.latest-comments li:last-child .comments-box{
    border-bottom:0;
    padding-bottom:0
}

.latest-comments li.children{
    margin-left:80px
}

@media(max-width:767px){
    .latest-comments li.children{
        margin-left:0
    }
}

.comments-box{
    border-top:1px solid #eaedff;
    padding:20px 0
}

.comments-text{
    overflow:hidden;
    padding-top:4px
}

@media(max-width:767px){
    .comments-text{
        margin-top:15px
    }
}

.comments-text p{
    margin-bottom:0;
    margin-top:8px
}

.avatar-name h5{
    font-size:18px;
    margin-bottom:7px
}

.avatar-name span{
    color:#00adef;
    font-size:14px;
    font-weight:600;
     
    letter-spacing:1px
}

.avatar-name{
    margin-bottom:3px;
    overflow:hidden;
    position:relative
}

.reply{
    color:#6f7172;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    transition:.3s;
    line-height:1;
    margin-top:4px;
    position:absolute;
    right:0;
    top:0
}

.reply:hover{
    color:#00adef
}

.reply i{
    margin-right:5px
}

.post-comments-form{}

.post-comments-title h2{
    font-size:26px;
    color:#140a20;
    margin-bottom:0
}

/* ===================================
    Contact
====================================== */

.contact-post-form{
    padding:30px;
    box-shadow:0 13px 26px 2px rgba(101,110,119,.121)
}

@media(max-width:767px){
    .contact-post-form{
        padding:20px
    }
}

.contact-post-form input{
    border:none;
    height:60px;
    margin-bottom:20px;
    padding:0 30px;
    width:100%;
    color:#727b9a
}

.contact-post-form textarea{
    border:none;
    height:150px;
    margin-bottom:20px;
    padding:30px;
    width:100%;
    color:#727b9a
}

#contacts-form input::placeholder,#contacts-form textarea::placeholder{
    color:#727b9a
}

.contact-icon{
    position:relative
}

.contact-icon::after{
    position:absolute;
    content:"";
    font-family:fontawesome;
    font-weight:700;
    display:inline-block;
    font-size:16px;
    text-align:center;
    right:30px;
    color:#00adef;
    top:18px
}

.contact-post-form .contact-icon::before{
    display:none
}

.contacts-name::after{
    content:"\f007"
}

.contacts-email::after{
    content:"\f0e0"
}

.contacts-phone::after{
    content:"\f095"
}

.contacts-website::after{
    content:"\f0ac"
}

.contact-post-form .btn{
    margin-top:0
}

.contact-page-info{}

.contact-info{
    text-align:center;
    padding:20px;
    -webkit-transition:all ease .5s;
    transition:all ease .5s;
   
}

.contact-info:hover{
   
}

.contact-info .inner-icon{
    color:#00adef;
    font-size:40px
}

.contact-info .inner-icon i.fas.fa-phone{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}

.contact-info h4{
    margin-top:15px;
    margin-bottom:15px
}

.contact-info h5 a{
    color:#333
}

.contact-info h5 a:hover{
    color:#00adef;
    transition:.5s
}

.contact-section{
    position:relative
}

.contact-section .default-form-area{
    padding:80px 45px 70px 20px
}

.contact-form.contact-page-form .form-group{
    margin-bottom:20px
}

.contact-form.contact-page-form input,.contact-form.contact-page-form select,.contact-form.contact-page-form textarea{
    border:0;
    border-bottom:1px solid #fff;
    background:0 0;
    padding:0;
    color:#fff
}

.contact-form.contact-page-form input:focus,.contact-form.contact-page-form select:focus,.contact-form.contact-page-form textarea:focus{
    box-shadow:none
}

.contact-form.contact-page-form textarea{
    height:110px
}

.contact-form.contact-page-form .theme-btn{
    margin-top:30px
}

.contact-form.contact-page-form ::-webkit-input-placeholder{
    color:#fff;
    font-size:15px
}

.contact-form.contact-page-form ::-moz-placeholder{
    color:#fff;
    font-size:15px
}

.contact-form.contact-page-form :-ms-input-placeholder{
    color:#fff;
    font-size:15px
}

.contact-form.contact-page-form :-moz-placeholder{
    color:#fff;
    font-size:15px
}

.contact-section .contact-right{
    position:relative;
    width:50%;
    float:right;
    background-size:cover;
    background-repeat:no-repeat
}

.contact-section .contact-right:before{
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:block;
    background-color:#00adef
}

.contact-section .contact-right .default-form-area{
    position:relative;
    max-width:585px;
    float:right
}

.default-form-area .section-title{
    margin-bottom:20px
}

.default-form-area h2{
    color:#fff;
    font-size:28px
}

.contact-section-btn .btn{
    margin-top:10px
}

.contact-page-from .default-form-area{
    background:#00adef;
    margin-bottom:80px;
    padding:80px 50px 70px
}

.sommet-thank-you, .sommet-form-message {
    color:#fff;
}

/* ===================================
    Stats
====================================== */

.funfact{
    position:relative;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover
}

.funfact:before{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.6313)
}

.stat-item{
    border:1px solid rgba(255,255,255,.26);
    text-align:center;
    padding:20px 10px;
    background:rgba(255,255,255,.07)
}

.stat-item .count{
    font-size:45px;
    padding-bottom:25px;
    font-weight:600;
    color:#f9f9f9;
    display:inline-block;
    line-height:63px
}

.stat-item .text{
    position:relative;
    margin-top:6px;
    color:#fff;
    font-size:15px;
    font-weight:500;
     
    margin:0
}

.stat-item .text::after{
    content:" ";
    display:block;
    height:1px;
    width:80px;
    background:#00adef;
    top:-15px;
    left:50%;
    margin-left:-40px;
    position:absolute
}

/* ===================================
    Page Title
====================================== */

.page-title{
    position:relative;
    background-size:cover;
    background-position:center;
    text-align:center
}

.page-title:before{
    position:absolute;
    content:'';
    background:rgba(0,0,0,.7);
    top:0;
    left:0;
    width:100%;
    height:100%
}

.page-title h1{
    position:relative;
    color:#fff;
    font-size:40px
}

.page-title .bread-crumb li{
    position:relative;
    margin-left:20px;
    color:#fff;
    display:inline-block;
    line-height:30px;
    text-transform:capitalize
}

.page-title .bread-crumb li.active{
    color:#00adef;
    font-weight:500
}

.page-title .bread-crumb li span{
    margin-right:10px
}

.page-title .bread-crumb li:before{
    content:'\f105';
    position:absolute;
    right:-21px;
    top:0;
    width:20px;
    text-align:center;
    line-height:30px;
    font-family:fontawesome;
    font-weight:900
}

.page-title .bread-crumb li:first-child{
    margin-left:0
}

.page-title .bread-crumb li:last-child:before{
    display:none
}

.page-title .bread-crumb li a{
    color:#fff;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease
}

.page-title .bread-crumb li a:hover{
    color:#00adef
}

/* ===================================
    404 Page
====================================== */

.error-section .error-text h2{
    color:#00adef;
    font-size:150px;
    font-weight:700;
    letter-spacing:4px
}

.error-section h3{
    font-weight:500;
    font-size:28px;
    margin-top:25px;
    font-weight:500
}

.error-section h5{
    font-size:20px;
    margin-top:25px;
    margin-bottom:40px
}

.error-section .error-options .or{
    color:#2f2f2f;
    font-size:18px;
    margin:0 18px;
    font-weight:500
}

.error-search-box{
    position:relative;
    margin-top:12px;
    width:320px;
    display:inline-block
}

.error-search-box .form-group{
    position:relative;
    margin:0
}

.error-search-box .form-group input[type=text],.error-search-box .form-group input[type=search]{
    padding:10px 50px 10px 20px;
    border:2px solid #ededed;
    display:block;
    width:100%;
    height:54px;
    border-radius:40px;
    transition:500ms
}

.error-search-box .form-group input:focus{
    border-color:#00adef
}

.error-search-box .form-group button{
    position:absolute;
    right:0;
    top:0;
    height:55px;
    width:50px;
    line-height:52px;
    text-align:center;
    display:block;
    font-size:14px;
    color:silver;
    background:0 0;
    border-radius:0 3px 3px 0;
    font-weight:400
}

.error-search-box .form-group input:focus+button,.error-search-box .form-group button:hover{
    color:#00adef;
    border-color:#00adef
}

/* ===================================
    Partners
====================================== */

.partners-section{}

.partners-section .section-title{
    margin-bottom:25px
}

.partners-section .item{
    padding:20px;
    background:#fff;
    border:1px solid rgba(204,204,204,.31)
}

.partners-section .item img{
    width:auto
}

/* ===================================
    Call To Action
====================================== */

.purchase-section{
    position:relative;
    overflow:hidden;
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:center
}

.purchase-section:before{
    content:'';
    position:absolute;
    background:rgba(0,0,0,.58);
    top:0;
    bottom:0;
    left:0;
    right:0
}

#myVideo{
    position:absolute;
    right:0;
    bottom:0;
    min-width:100%;
    min-height:100%;
    z-index:-9
}

.purchase-section h3{
    position:relative;
    color:#fff;
    padding-left:15px
}

.purchase-section .btn{
    margin-top:0;
    background-color:transparent;
    border:2px solid #fff;
    color:#fff
}

/* ===================================
    Footer
====================================== */

.footer{
    position:relative;
    background: transparent linear-gradient(209deg, #0097db 0, #004a99  100%) 0 0 no-repeat padding-box;
    
    color:#fff;
    background-repeat:no-repeat;
    background-size:cover
}

.footer:before{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.footer .footer-column{
    margin-bottom:30px
}

.footer .footer-logo{
    position:relative;
    margin-bottom:30px
}

.footer .footer-logo img{
    display:block;
    max-width:100%
}

.footer .logo-widget .social-icon-one li a{
    background:#00adef
}

.footer .logo-widget .social-icon-one li a:hover{
    background:#00adef
}

.footer .footer-widget h2{
    position:relative;
    font-size:16px;
    font-weight:600;
    
    padding-bottom:20px;
    color:#fff;
    margin-bottom:40px
}

.footer .footer-widget h2:after{
    position:absolute;
    content:'';
    left:0;
    bottom:0;
    width:40px;
    height:1px;
    background-color:#00adef
}

.footer .logo-widget .text{
    padding-right:40px
}

.footer .links-widget .list{
    margin-top:-7px
}

.footer .links-widget .list li a{
    position:relative;
    display:inline-block;
    padding:2px 0 7px 20px;
    color:#fff;
    font-weight:600;
    text-transform:capitalize
}

.footer .links-widget .list li a:before{
    content:'\f105';
    position:absolute;
    left:0;
    top:6px;
    line-height:15px;
    font-family:fontawesome
}

.footer .links-widget .list li a:hover{
    color:#fff
}

.footer .posts-widget .post{
    position:relative;
    min-height:30px;
    margin-bottom:15px
}

.footer .posts-widget .post:last-child{
    margin-bottom:0;
    border:0
}

.footer .posts-widget .post .post-thumb{
    display:none;
    top:0;
    width:73px;
    height:73px;
    border-radius:50%;
    position:absolute;
    left:0
}

.footer .posts-widget .post .post-thumb img{
    width:100%;
    display:block
}

.footer .posts-widget .post .news-text{
    position:relative;
    line-height:24px;
    padding:0 0 5px;
    top:-4px;
    max-width:630px;
    font-size:16px;
    color:#f4f4f4
}

.footer .posts-widget .post .news-text a{
     
    color:#fff;
    font-weight:600
}

.footer .posts-widget .post .time{
    line-height:24px;
    position:relative;
    color:#00adef;
    font-size:14px;
    font-weight:600
}

.footer-form{}

.footer-form input{
    border:none;
    height:50px;
    margin-bottom:10px;
    padding:0 15px;
    width:100%;
    color:#aaa;
    border-radius:2px;
    background:#313131
}

.footer-form textarea{
    border:none;
    height:90px;
    margin-bottom:10px;
    padding:8px 15px;
    width:100%;
    color:#aaa;
    background:#313131
}

.footer-form input::placeholder,.footer-form textarea::placeholder{
    color:#aaa
}

.footer-bottom{
    text-align:center;
   background: transparent linear-gradient(244deg, #0097db 0, #004a99 100%)
    0 0 no-repeat padding-box;
    position:relative;
    border-top: 1px solid #fff;
    padding:5px 0
}

.footer-bottom .copyright{
    font-size:16px;
    color:#fff;
    font-weight:600
}

.footer-bottom a{
    color:#00adef
}

/* ===================================
    Map Section
====================================== */

.contact-map-section{
    position:relative;
    width:100%;
    height:100%
}

.contact-map-section .map-outer{
    position:relative;
    height:500px
}

.contact-map-section .map-canvas{
    position:relative;
    left:0;
    top:0;
    width:100%;
    height:562px
}

.map-data{
    text-align:center;
    font-size:14px;
    font-weight:400;
    line-height:1.8em;
    padding:10px
}

.map-data h6{
    font-size:16px;
    font-weight:700;
    text-align:center;
    margin-bottom:10px;
    color:#121212
}

/* ===================================
    Features Section
====================================== */

.features-section{
    background:#f7f7f7
}

.features-section .single-feature{
    position:relative;
    padding:0 0 0 95px;
    margin-bottom:27px
}

.features-section .single-feature .icon-box{
    position:absolute;
    left:0;
    top:14px;
    background:#00adef;
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50px;
    text-align:center;
    z-index:1
}

.features-section .single-feature .icon-box.bg-round:before{
    position:absolute;
    content:"";
    left:-9px;
    top:17px;
    background:rgba(0,173,239,.7);
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50px;
    z-index:0
}

.features-section .single-feature .icon-box span:before{
    font-size:35px;
    color:#fff;
    margin:0;
    transition:all 500ms ease;
    z-index:2;
    position:relative
}

.features-section .single-feature:hover .icon-box i,.features-section .single-feature:hover h4 a{
    color:#00adef
}

.features-section .single-feature h4,.features-section .single-feature h4 a{
    line-height:26px;
    color:#000;
    font-weight:600
}


.btn {
    --radius: 24px;

    padding: 15px 30px;
    border-radius: 24px;
    font-size: 16px;
    line-height: 1.1875em;
    cursor: pointer;
    outline: 0;
    width: fit-content;
    text-decoration: none;
    transition: .2sease;

}
.btn:hover {
   background-color: #000;
   color: #fff;

}