/*-----------------------------------------------------------------------------------

  Template Name: Apps Landing Html5 Template
  Template URI: #
  Description: Apps Landing Html5 Template
  Author: Themexlab
  Author URI: https://themeforest.net/user/themexlab/portfolio
  Version: 1.0

-----------------------------------------------------------------------------------

CSS INDEX
===================
1. Google Fonts
2. Scroll To Top
3. Home One
    3.1 Header
    3.2 Slider Area
    3.3 Feature Area
    3.4 How Works
    3.5 Testimonial Area
    3.6 Pricing Area
    3.7 Subscribe Area
    3.8 Footer Area
4. Home Two
5. Home Three
6. Home Four
7. Home Five
8. Blog Post
9. Blog Post Details

-----------------------------------------------------------------------------------*/


/*----------------------------------------*/


/*  1. Google fonts
/*----------------------------------------*/


/*
    font-family: 'Open Sans', sans-serif;

    font-family: 'Lato', sans-serif;

*/


/*----------------------------------------*/


/* 2 Scroll to Top
/*----------------------------------------*/

a.scrollup__btn {
    position: fixed;
    right: 23px;
    bottom: 30px;
    z-index: 111;
    height: 50px;
    width: 50px;
    background: #4eb2ec;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-size: 33px;
    transform: scale(0.8);
    line-height: 41px;
    opacity: 0;
}

a.popinmescrl {
    opacity: 1;
    animation: 500ms popinmescrl ease-in-out 0s forwards;
}

@keyframes popinmescrl {
    0% {
        transform: scale(0.8);
    }
    30% {
        transform: scale(1.2);
    }
    55% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

a.scrollup__btn:hover {
    background: #0fe4ef;
    color: #ffffff;
}





/*----------------------------------------*/


/* END Scroll to Top
/*----------------------------------------*/


/*----------------------------------------*/


/* 3.1 Header
/*----------------------------------------*/

.header-area {
    background: #2ca8f0;
    position: fixed;
    z-index: 13;
    left: 0;
    top: 0;
    width: 100%;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}





/*----------------------------------------*/


/* menu basic
/*----------------------------------------*/

.menu-area {}

.logo {
    margin-top: 22px;
}

.logo a {
    display: inline-block;
    max-width: 137px;
}

.logo a img {
    max-width: 100%;
}

.menu-activated {}

.menu-activated nav ul {
    list-style-type: none;
    text-align: right;
}

.menu-activated nav ul li {
    display: inline-block;
    position: relative;
}

.menu-activated nav ul li a {
    font-size: 12px;
    color: #f0f0f0;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    padding: 30px 12px;
    position: relative;
    letter-spacing: 0.05em;
    transition: all 0.3s ease 0s;
}

.menu-activated nav ul li.has-submenu>a::before {
    content: '\f107';
    position: absolute;
    right: -4px;
    top: 31px;
    color: #ffffff;
    font-family: fontawesome;
    font-size: 17px;
    transition: all 0.3s ease 0s;
}

.menu-activated nav ul li a:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background: #ffffff;
    transition: all 0.3s ease 0s;
}
.menu-activated nav >ul >li>a:hover:after,
.menu-activated nav >ul >li.active>a:after{
    width: 100%;
}

.menu-activated nav ul li ul.submenu {
    position: absolute;
    right: 0;
    top: 90px;
    z-index: 1;
    width: 250px;
    background: #2ca8f0;
    opacity: 0;
    visibility: hidden;
    padding: 3px 0px 0px;
    transition: all 0.1s ease 0s;
    border-radius: 2px;
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2);
}

.menu-activated nav>ul>li:first-child ul.submenu {
    left: 0;
    right: auto;
}

.menu-activated nav ul li.has-submenu:hover>ul.submenu {
    top: 75px;
    opacity: 1;
    visibility: visible;
    transition: all 0.1s ease 0s;
}

.menu-activated .has-submenu ul.submenu li {
    text-align: left;
    display: block;
}

.menu-activated .has-submenu ul.submenu li a {
    display: block;
    padding: 15px 15px;
    font-size: 12px;
    border-top: 1px solid #58baf3;
}

.menu-activated .has-submenu ul.submenu li a:hover {
    padding-left: 20px;
}

.menu-activated li.menu-item-has-children::before {
    content: '\f067';
    position: absolute;
    right: 6px;
    top: 17px;
    font-family: fontawesome;
    font-size: 8px;
    color: #f3e5e5;
    transition: all 0.3s ease 0s;
}

.menu-activated li.menu-item-has-children ul.submenu {
    right: 105%;
    top: 0;
}

.menu-activated nav>ul>li:first-child li.menu-item-has-children ul.submenu {
    left: 105%;
    right: auto;
    top: 0;
}

.menu-activated li.menu-item-has-children:hover>ul.submenu {
    right: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease 0s;
}

.menu-activated nav>ul>li:first-child li.menu-item-has-children:hover ul.submenu {
    left: 100%;
    right: auto;
}





/*----------------------------------------*/


/* Mega Menu
/*----------------------------------------*/

.has-megamenu.has-submenu {
    position: inherit;
}

.menu-activated nav>ul .has-megamenu>.submenu {
    width: 100%;
    height: 300px;
}




/*----------------------------------------*/


/* Mobile Menu / SlickNav Customized
/*----------------------------------------*/

.responsive-menu-wrap .slicknav_menu .slicknav_menutxt {
    display: none;
}


.responsive-menu-wrap {
    position: relative;
}

.responsive-menu-wrap .slicknav_menu {
    position: absolute;
    right: 0;
    top: 0;
}

.responsive-menu-wrap .slicknav_nav {
    position: absolute;
    right: 0;
    top: 67px;
    background: #232729;
    width: 721px;
    list-style-type: none;
    padding: 10px 0px;
}

.responsive-menu-wrap .slicknav_nav>li:hover>a {
    background: #393535;
}

.responsive-menu-wrap .slicknav_nav li a {
    display: block;
    text-align: left;
    font-size: 15px;
    color: #ffffff;
    text-transform: capitalize;
    padding: 10px 20px;
    position: relative;
}

.responsive-menu-wrap .slicknav_nav li a:hover {
    color: #2ca8f0;
}

.responsive-menu-wrap .slicknav_nav ul {
    list-style-type: none;
    padding-left: 15px;
}

.responsive-menu-wrap .slicknav_nav li a>a {
    padding: 0;
    display: block;
}

.responsive-menu-wrap .slicknav_nav li a span.slicknav_arrow {
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 9px;
    color: #cac7ce;
}

.responsive-menu-wrap .slicknav_menu .slicknav_icon {
    display: block;
    margin: 26px 0px;
}

.responsive-menu-wrap .slicknav_menu .slicknav_icon span.slicknav_icon-bar {
    height: 2px;
    width: 30px;
    background: #feffff;
    display: block;
    margin: 5px 0px;
}

.responsive-menu-wrap .slicknav_open .slicknav_icon span:first-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: relative;
    top: 6px;
}

.responsive-menu-wrap .slicknav_open .slicknav_icon span:last-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.responsive-menu-wrap .slicknav_open .slicknav_icon span:nth-child(2) {
    display: none;
}




/*----------------------------------------*/


/* 3.2 Slider Area
/*----------------------------------------*/

.slider_one {
    width: 100%;
    height: 100vh;
    background: url(../img/bg/header-background1.jpg);
    background-position: 50% 0px;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 580px;
    overflow: hidden;
}

.slider_one::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #2CA8F0;
    opacity: 0.9;
}

.slider_one svg {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -11px;
    z-index: 2;
}

.headline h1.ah-headline {
    font-size: 41px;
    color: #ffffff;
    line-height: 30px;
    min-height: 69px;
}

.ah-headline.clip .ah-words-wrapper::after {
    background-color: #ffffff;
}

.slider-text p.slide-bio {
    font-size: 20px;
    color: #ffffff;
}

.slide-action {}

.slide-action a {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 45px;
    background: #fff;
    letter-spacing: 0.05em;
    color: #3daced;
    position: relative;
    overflow: hidden;
    transition-delay: 0.1s;
    transition: 0.4s;
}

.slide-action a::before {
    content: '';
    position: absolute;
    left: -39px;
    bottom: -28px;
    height: 40px;
    width: 40px;
    background: #25a2c8;
    border-radius: 50%;
    transition: all 0s ease 0s;
}

.slide-action a:hover::before {
    transform: scale(9);
    opacity: 0;
    transition: all 0.8s ease 0s;
}

.slide-action a:hover {
    transition-delay: 0.3s;
    background: #66dcff;
    color: #fff;
}




/*----------------------------------------*/


/* END Slider Area
/*----------------------------------------*/


/*----------------------------------------*/


/* 3.3 Feature Area
/*----------------------------------------*/

.feature-one {
    padding-bottom: 90px;
}

.chart-img {
    position: relative;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 10px;
    text-align: center;
    z-index: 2;
    display: block;
}

.chart-img img {
    max-width: 850px;
    box-shadow: 0px 11px 8px -7px rgba(0, 0, 0, 0.2);
}

.section-title {
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 60px;
    position: relative;
}

.section-title::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 116px;
    background-color: #3daced;
    bottom: 0;
    left: calc(50% - 56px);
}

.section-title::after {
    content: "\f1bb ";
    position: absolute;
    color: #3daced;
    background-color: transparent;
    bottom: -6px;
    left: calc(50% - 4px);
    font-family: fontawesome;
}

.section-title h2 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #555555;
}

.section-title h2 b {
    color: #3daced;
}

.section-title p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    padding: 0 30px;
    color: #666;
}

.feature-item-area {
    padding-top: 103px;
    overflow: hidden;
    position: relative;
}

.feature-item-area::before {
    content: '';
    position: absolute;
    left: calc(50% - 125px);
    top: 290px;
    height: 250px;
    width: 250px;
    border-radius: 50%;
    /*border: 1px dashed #66dcff;*/
    background: url(../img/feature/feature-title-bg.gif);
    z-index: 9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.feature-item {
    text-align: center;
    opacity: 0;
    position: relative;
}

.left-feature::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    height: 1px;
    width: 387px;
    border-radius: 50%;
    border-top: 1px dashed #ffcc62;
}

.right-feature {
    margin-top: 50px;
}

.right-feature::before {
    content: '';
    position: absolute;
    right: 50%;
    top: 0px;
    height: 1px;
    width: 346px;
    border-radius: 50%;
    border-top: 1px dashed #ffcc62;
}

.middle-item::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    height: 84px;
    width: 0px;
    border-radius: 50%;
    border-left: 1px dashed #ffcc62;
}

.feature-icon {
    height: 110px;
    width: 110px;
    margin: auto;
    background: #F9F9FA;
    text-align: center;
    line-height: 110px;
    border-radius: 50%;
    margin-bottom: 41px;
    font-size: 43px;
    color: #3faeef;
    transition: all 0.3s ease 0s;
}

.feature-item:hover .feature-icon {
    background: #ffc03d;
    color: #ffffff;
}

.ft-text h3 {
    color: #54586c;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 26px;
    text-transform: capitalize;
}

.ft-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.feature-two-area {
    padding: 15px 0px 39px;
}

.f2-single-item {
    overflow: hidden;
    background: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 0px 5px rgba(102, 220, 255, 0);
}

.f2-single-item:first-child {
    margin-bottom: 120px;
}

.f2-single-item:last-child {
    margin-bottom: 80px;
}

.f2-text {
    padding: 0px 32px;
}

.f2-text h2 {
    font-size: 31px;
    line-height: 37px;
    color: #6b5757;
    margin-bottom: 23px;
    letter-spacing: 0.02em;
}

.f2-text p {
    font-size: 16px;
    color: #635151;
    line-height: 29px;
    letter-spacing: 0.02em;
}




/*----------------------------------------*/


/* END Feature Area
/*----------------------------------------*/


/*----------------------------------------*/


/* 3.4 How Works
/*----------------------------------------*/

.how-works {
    padding: 120px 0px;
    background: url(../img/bg/howit.jpg);
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.how-works::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #0ba0f7;
    opacity: 0.8;
}

.hw-headline {
    text-align: center;
}

.hw-headline h4 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 15px;
    color: #f8f8f8;
    font-weight: 400;
    text-transform: uppercase;
}

.hw-headline h4 b {
    color: #ffffff;
}

.hw-headline p {
    max-width: 600px;
    width: 100%;
    margin: auto;
    color: #fbf6f6;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.hw-video-btn a {
    font-size: 30px;
    color: #ffffff;
    height: 60px;
    width: 60px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #ffffff;
    padding-left: 9px;
    margin-top: 35px;
    display: inline-block;
    position: relative;
}

.hw-video-btn a::before,
.hw-video-btn a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 2px solid #ffffff;
    border-radius: 50%;
    opacity: 0;
}

.hw-video-btn a::before {
    animation: playvideo 2500ms linear infinite;
    animation-delay: 300ms;
}

.hw-video-btn a::after {
    animation: playvideotwos 2500ms linear infinite;
}

@keyframes playvideo {
    0% {
        transform: scale(1.03);
        opacity: 0;
        border-color: #ffffff;
    }
    2% {
        transform: scale(1.03);
        opacity: 1;
        border-color: #ffffff;
    }
    30% {
        transform: scale(1.6);
        opacity: 0.01;
        border-color: #ffffff;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
        border-color: #ffffff;
    }
}

@keyframes playvideotwos {
    0% {
        transform: scale(1.03);
        opacity: 0;
        border-color: #ffffff;
    }
    2% {
        transform: scale(1.03);
        opacity: 1;
        border-color: #ffffff;
    }
    25% {
        transform: scale(1.6);
        opacity: 0.01;
        border-color: #ffffff;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
        border-color: #ffffff;
    }
}






/*hideing download btn from addon*/

.hw-video-btn span {
    display: none;
}




/*----------------------------------------*/


/* END How Works
/*----------------------------------------*/


/*----------------------------------------*/


/* 3.5 Testimonial Area
/*----------------------------------------*/

.testimonial-area {
    padding: 117px 0px 120px;
    background: #F8F8F8;
}

.testimonials {
    margin-top: 16px;
}

.s-testimonial {
    width: 80%;
    max-width: 600px;
    min-height: 233px;
    background: #ffffff;
    padding: 20px;
    margin-top: 45px;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    margin: 45px 4px 4px 10%;
}

.st-img {
    margin: -62px 0px 22px;
    position: relative;
}

.s-testimonial .st-img img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 6px solid #f8f8f8;
}

.s-testimonial h4 {
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
    color: #55cbef;
    margin-bottom: 11px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.s-testimonial p {
    font-size: 15px;
    color: #7b6f6f;
    letter-spacing: 0em;
    font-weight: 400;
    margin-bottom: 11px;
    line-height: 25px;
}

.s-testimonial small {
    font-size: 13px;
    color: #8d7878;
    letter-spacing: 0.01em;
}

.s-testimonial small cite {
    color: #2ca8f0;
}







/*testimonials  carousel customize*/

.testimonials .owl-nav {
    position: absolute;
    right: 220px;
    top: 42px;
}

.testimonials .owl-nav div {
    float: left;
    height: 40px;
    width: 45px;
    margin: 2px;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

.testimonials .owl-nav .owl-prev::before {
    content: 'prev';
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 11px;
    background: #354f5f;
    height: 100%;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    letter-spacing: 0.02em;
}

.testimonials .owl-nav .owl-prev:hover::before {
    top: 0;
}

.testimonials .owl-nav .owl-prev::after {
    content: '\f104';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    font-family: fontawesome;
    background: #2ca8f0;
    height: 100%;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 37px;
    color: #ffffff;
}

.testimonials .owl-nav .owl-prev:hover::after {
    top: -100%;
}

.testimonials .owl-nav .owl-next::before {
    content: 'next';
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 11px;
    background: #354f5f;
    height: 100%;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    letter-spacing: 0.02em;
}

.testimonials .owl-nav .owl-next:hover::before {
    top: 0;
}

.testimonials .owl-nav .owl-next::after {
    content: '\f105';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    font-family: fontawesome;
    background: #2ca8f0;
    height: 100%;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    text-align: center;
    line-height: 37px;
    color: #ffffff;
}

.testimonials .owl-nav .owl-next:hover::after {
    top: -100%;
}




/*----------------------------------------*/


/* END Testimonial Area
/*----------------------------------------*/


/*----------------------------------------*/


/* 3.6 Pricing Area
/*----------------------------------------*/

.pricing-area {
    padding: 114px 0px 120px;
    overflow: hidden;
}

.pricing-list-area {
    border: 1px solid #f0f6f8;
    padding: 45px 0px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.pricing-list-area:hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.pricing-list-area::before {
    content: '';
    position: absolute;
    left: -5px;
    bottom: 57px;
    height: 87px;
    width: 102%;
    background: #f9f9f9;
    z-index: -1;
    transition: all 0.3s ease 0s;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.pricing-list-area::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 57px;
    width: 100%;
    background: #f9f9f9;
    z-index: -1;
    transition: all 0.3s ease 0s;
}

.ph-area {
    overflow: hidden;
}

.ph-area h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #40b3d5;
    line-height: 21px;
    margin-bottom: 35px;
    letter-spacing: 0;
}

.pricing-heading {
    background: #F6F7FB;
    padding: 20px;
    margin-bottom: 36px;
    transition: all 0.3s ease 0s;
}

.pricing-heading h2 {
    font-size: 57px;
    font-weight: 700;
    color: #4d4545;
    line-height: 59px;
    margin-bottom: 10px;
}

.pricing-heading p.pricing-desc {
    text-transform: capitalize;
    font-size: 15px;
    line-height: 19px;
    color: #444444;
}

.pricing-body {}

ul.pricing-list {
    list-style-type: none;
    margin-bottom: 68px;
}

ul.pricing-list li {
    color: #525356;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0;
}

.pricing-body a {
    background: #208fb1;
    display: inline-block;
    padding: 7px 20px;
    font-size: 14px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #e4d9d9;
    transition: 0.4s;
    letter-spacing: 0.02em;
}

.pricing-body a::before {
    content: '';
    position: absolute;
    left: -39px;
    bottom: -28px;
    height: 40px;
    width: 40px;
    background: #27cf7c;
    border-radius: 50%;
    transition: all 0s ease 0s;
}

.pricing-body a:hover::before {
    transform: scale(9);
    opacity: 0;
    transition: all 0.8s ease 0s;
}

.pricing-body a:hover {
    transition-delay: 0.3s;
    background: #27cf7c;
}




/*----------------------------------------*/


/* END Pricing Area
/*----------------------------------------*/


/*----------------------------------------*/


/* 3.7 Subscribe Area
/*----------------------------------------*/

.subscribe-area {
    padding: 115px 0px 120px;
}

.subscribe-form {}

.subscribe-form form {
    position: relative;
}

.subscribe-form form input[type="text"] {
    width: 76%;
    height: 50px;
    border: 1px solid #d3d7e6;
    padding: 0px 15px;
    border-radius: 33px 0px 0px 33px;
    transition: all 0.3s ease 0s;
}

.subscribe-form form input[type="text"]:focus,
.subscribe-form form input[type="text"]:focus~input[type="submit"] {
    border: 1px solid #46C8EF;
}

.subscribe-form form input[type="submit"] {
    width: 29%;
    height: 50px;
    border: 1px solid #d3d7e6;
    padding-left: 15px;
    border-radius: 0px 0px 33px 33px;
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #2ca8f0;
    transition: all 0.4s ease 0s;
    background: #f6f7fb;
}

.subscribe-form form input[type="submit"]:hover,
.subscribe-form form input[type="text"]:focus~input[type="submit"]:hover {
    background-color: #2ca8f0;
    color: #ffffff;
}




/*----------------------------------------*/


/* END Subscribe Area
/*----------------------------------------*/


/*----------------------------------------*/


/* 3.8 Footer Area
/*----------------------------------------*/

.footer-top {
    background: #111010;
    padding: 50px 0px;
    position: relative;
    overflow: hidden;
}

.footer-top .widget {
    margin: 0;
}
.footer-top .widget_title {
    background: transparent;
    padding: 0;
}

.footer-top .widget .widget_title h2 {
    font-size: 13px;
    font-weight: 900;
    color: #fbf0f0;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    line-height: 17px;
    margin: 18px 0px 0px;
}

.widget-logo {}

.widget-logo a {
    display: block;
}

.widget-logo p {
    font-size: 13px;
    color: #d4c9c9;
    letter-spacing: 0;
    word-spacing: 2px;
    line-height: 28px;
    margin-top: 32px;
}

.footer-top .widget-logo ul {
    list-style-type: none;
    margin-top: 10px;
}

.widget-logo ul li {
    display: inline-block;
}

.widget-logo ul li a {
    color: #d2c9c9;
    display: inline-block;
    margin-right: 9px;
}

.widget-logo ul li a:hover {
    color: #337ab7;
}

.widget-nav-menu ul {
    list-style-type: none;
}

.footer-top .widget-nav-menu ul li a{
    font-size: 13px;
    color: #d4c9c9;
    letter-spacing: 0;
    word-spacing: 2px;
    line-height: 28px;
}

.footer-top .widget-nav-menu ul li a:hover {
    color: #718a98;
}

.widget-contact {}

.widget-contact table tr td {
    font-size: 13px;
    color: #d4c9c9;
    letter-spacing: 0;
    word-spacing: 2px;
    line-height: 28px;
}

.widget-contact table tr td:first-child {
    float: left;
    margin-right: 13px;
    color: #eae3e3;
    font-weight: 600;
}

.footer-bottom {
    padding: 25px 0px;
    text-align: center;
    background: #120f0f;
    border-top: 1px solid #181515;
}

.footer-bottom p {
    font-size: 13px;
    font-weight: 600;
    color: #d7e6ef;
}




/*----------------------------------------*/


/* END Footer Area
/*----------------------------------------*/


/*----------------------------------------*/


/* 4. Home Two
/*----------------------------------------*/

.h2-slider {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}

.h2-slider svg {
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 2;
}

.h2-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #2ca8f0;
    z-index: 99;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
}

.h2-slider::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #2CA8F0;
    opacity: 1;
}






/*dot animation background*/

.dot {
    position: absolute;
    opacity: 0.5;
    background: #1e96db;
    border-radius: 50%;
}


.dot-one {
    height: 20px;
    width: 20px;
    left: 10%;
    top: 50%;
    animation: slider_popin_effect 10s linear infinite;
}

.dot-two {
    height: 40px;
    width: 40px;
    left: 13%;
    top: 50%;
    animation: slider_popin_effect 11s linear infinite;
}

.dot-three {
    height: 80px;
    width: 80px;
    right: 15%;
    top: 20%;
    animation: slider_popin_effect 20s linear infinite;
}

.dot-four {
    height: 20px;
    width: 20px;
    left: 50%;
    top: 30%;
    animation: slider_popin_effect 7s linear infinite;
}

@keyframes slider_popin_effect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
    }
}





/*home two slider text*/

.h2-slider .slider-text h2 {
    font-size: 52px;
    color: #ffffff;
    line-height: 60px;
    font-weight: 800;
    margin-bottom: 38px;
}

.h2-slider .slider-text p {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.03em;
}

.h2-slider .slider-text a {
    margin-top: 27px;
    ;
}




/*subscribe two*/

.subscribe_two .subscribe-form form input[type="submit"] {
    border-radius: 33px 0px 33px 0px;
}




/*home two footer animaiton*/

.footerdot {
    position: absolute;
    opacity: 0.5;
    background: #4e3939;
    border-radius: 50%;
}






/*home two feature area*/

.h2__feature {
    padding: 110px 0px 65px;
}

.h2-feature .chart-img {
    margin-top: 0;
}


.h2-f2-text.f2t1 {
    text-align: right;
}

.h2-f2-text.f2t2 {
    text-align: left;
}

.f2-text i {
    font-size: 54px;
    color: #74c0ed;
    margin-bottom: 25px;
}

.h2-f2-text h2 {
    font-size: 34px;
    line-height: 37px;
    color: #6b5757;
    margin-bottom: 35px;
}







/*home two testimonial*/

.h2-testimonial .owl-nav {
    position: absolute;
    left: 0;
    top: 0;
    height: 0px;
    width: 100%;
}

.h2-testimonial .owl-nav div {
    position: absolute;
    left: 0;
    top: 0;
    height: 380px;
    width: 30%;
    font-size: 0px;
}

.h2-testimonial .owl-nav .owl-prev {
    cursor: url(../img/icon/prev.png), pointer;
}

.h2-testimonial .owl-nav .owl-next {
    left: auto;
    right: 0;
    cursor: url(../img/icon/next.png), pointer;
}

.h2-testimonial .s-testimonial {
    transition: all 0.3s ease 0s;
    transform: scale(0.8);
    text-align: center;
}

.h2-testimonial .owl-item.active.center .s-testimonial {
    transform: scale(1);
}

.h2-testimonial .s-testimonial p {
    font-size: 14px;
    color: #7b6f6f;
    letter-spacing: 0em;
    font-weight: 400;
    margin-bottom: 11px;
}

.h2-testimonial .st-img img {
    margin: auto;
}





/*h2-pricing-area*/

.h2-pricing-area {
    padding-bottom: 5px;
}

.h2-pricing-area .pricing-list-area {
    border: 1px solid #f0f6f8;
    padding: 45px 0px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    border-radius: 11px;
}

.featured {
    position: absolute;
    right: -70px;
    top: 30px;
    height: 35px;
    width: 236px;
    background: #ffc03d;
    transform: rotate(45deg);
}

.featured h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 33px;
}




/*----------------------------------------*/


/* 5. Home Three
/*----------------------------------------*/

.h3-header {
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
    transition: all 0.3s ease 0s;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    background: #444;
    opacity: 0.8;
    cursor: url(../img/icon/close.png) 25 25, default;
    transition: all 0.3s ease 0s;
}

.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.sidebar-menu {
    position: fixed;
    right: -330px;
    top: 0;
    width: 315px;
    z-index: 991;
    background: #5c7dde;
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    height: 100vh;
    overflow-y: scroll;
    transition: all 0.3s ease 0s;
}

.sidebar-menu.is-vissible {
    right: -16px;
}

.open-sidebar {
    position: fixed;
    right: 50px;
    top: 20px;
    z-index: 99;
    cursor: pointer;
    background: #3daced;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.text-black {
    color: #555;
}

.nav-close {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: #51595f;
    color: #f2f2f2;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.nav-close:hover {
    background: #f9f0ee;
    color: #080906;
}

.sidebar-menu .logo {
    text-align: center;
    border-bottom: 1px dashed #decccc;
    margin-top: 0px;
    height: 150px;
    display: flex;
    align-items: center;
    width: 100%;
}

.sidebar-menu .logo a {
    display: inline-block;
    max-width: 150px;
    margin: auto;
}

.sidebar-menu .logo a img {}

.main-navigation {
    text-align: center;
    padding: 0px 40px;
    margin: 19% 0px;
}

.main-navigation nav ul {
    list-style-type: none;
}

.main-navigation nav ul li {}

.main-navigation nav ul li a {
    text-transform: uppercase;
    font-size: 13px;
    padding: 12px 0px;
    display: block;
    color: #ffffff;
    letter-spacing: 0.1em;
}

.main-navigation nav ul li a:hover,
.main-navigation nav ul li.active a {
    color: #474b4e;
}

.nav-footer {
    padding: 20px 0px;
}

.nav-footer ul {
    text-align: center;
}

.nav-footer ul li {
    display: inline-block;
}

.nav-footer ul li a {
    display: block;
    font-size: 14px;
    width: 40px;
    height: 40px;
    background: #3b3f42;
    text-align: center;
    line-height: 40px;
    color: #f2f2f2;
}

.nav-footer ul li a:hover {
    color: #74c0ed;
}

.h3-slider {
    height: 100vh;
    background: url(../img/bg/header-background2.jpg);
    background-position: center center;
    background-size: cover;
}

.bg-video {
    position: absolute;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 1000ms;
}

.h3-slider-text {
    height: 100vh;
    display: table;
    width: 100%;
}

.h3-slider-text .slider-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.inner-shadow {
    padding: 50px 0px;
    background: rgba(0, 0, 0, 0.3);
}

.feature__style__three {
    padding: 114px 0px 68px;
}

.fso_single_feature {
    margin-bottom: 42px;
}

.fso_single_feature h4 {
    font-size: 17px;
    color: #666;
    letter-spacing: 0.02em;
    margin-bottom: 18px;
}

.fso_single_feature h4 span {
    font-size: 31px;
    color: #8accf3;
    margin-right: 13px;
    vertical-align: middle;
}

.fso_single_feature p {
    font-size: 14px;
    color: #938c8c;
    letter-spacing: 0;
    line-height: 28px;
}

.feature__style__three img {}

.team__area {
    overflow: hidden;
    background: #f7f7f7;
    padding: 114px 0px 111px;
}

.team__area .hw-headline {
    margin-bottom: 34px;
}

.single__member {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -moz-box-shadow: 0px 0px 8px rgba(44, 168, 240, 0.08);
    -webkit-box-shadow: 0px 0px 8px rgba(44, 168, 240, 0.08);
    box-shadow: 0px 0px 8px rgba(44, 168, 240, 0.08);
    transition: all 0.3s ease 0s;
}

.single__member:hover{
    -moz-box-shadow: 0px 0px 12px rgba(44, 168, 240, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(44, 168, 240, 0.1);
    box-shadow: 0px 0px 12px rgba(44, 168, 240, 0.1);
}

.t_member_thumb {
    display: inline-block;
}

.t_member_thumb img {
    max-width: 100%;
    transition: all 0.4s ease 0s;
}

.single__member:hover .t_member_thumb img {
    transform: scale(1.1);
}

.member__info {
    position: absolute;
    left: 0;
    bottom: -79px;
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding: 20px 0px;
    transition: all 0.2s ease 0s;
}

.single__member:hover .member__info {
    bottom: 0;
    transition: all 0.3s ease 0s;
}

.member__info h4 {
    font-size: 17px;
    letter-spacing: 0.02em;
    color: #555;
}

.member__info p {
    font-size: 13px;
    line-height: 17px;
    margin-top: 7px;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 28px;
}

.member__info ul.tm__social {
    list-style-type: none;
    padding: 23px 0px 5px;
}

.member__info ul.tm__social li {
    display: inline-block;
    text-align: center;
}

.member__info ul.tm__social li a {
    display: block;
    margin: 0px 4px;
    font-size: 11px;
    color: #777;
}

.member__info ul.tm__social li a:hover {
    color: #444;
}


.subscribe__four .subscribe-form form input[type="submit"] {
    border-radius: 0px 33px 33px 0px;
}




/*----------------------------------------*/


/* END Home Three
/*----------------------------------------*/


/*----------------------------------------*/


/* 6. Home Four
/*----------------------------------------*/

.h4-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #2ca8f0;
    z-index: 99;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.full_screen_slider {}

.full_screen_slider .slide {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.full_screen_slider .slide:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*background: black;
    opacity: 0.5;*/
    background: #3faeef;
    opacity: 0.8;
}

.slider__inner {}

.slider__inner h2 {
    font-size: 52px;
    line-height: 60px;
    font-weight: 800;
    margin-bottom: 38px;
}

.slider__inner p {
    font-size: 16px;
    letter-spacing: 0.03em;
}

.slider__inner a {
    margin-top: 26px;
}

.get_subscribe_form form {
    display: flex;
    width: 396px;
    margin: auto;
    margin-top: 30px;
}

.slider__inner .get_subscribe_form input[type="email"] {
    height: 45px;
    width: 270px;
    background: #ffffff;
    border: none;
    border-radius: 33px 0px 0px 33px;
    padding-left: 15px;
    margin-right: -26px;
    padding-right: 26px;
    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.1);
}

.slider__inner .get_subscribe_form input[type="submit"] {
    border: none;
    height: 45px;
    background: #ffc442;
    border-radius: 33px;
    padding: 0px 15px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.01em;
    color: #ffffff;
    transition: all 0.3s ease 0s;
}

.slider__inner .get_subscribe_form input[type="submit"]:hover {
    background-color: #468cb8;
    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.05);
}

.text-white {
    color: #ffffff;
}

.text-black {
    color: #6b6161;
}

.text-gray {
    color: #f2f2f2;
}

.full_screen_slider .owl-nav {
    position: absolute;
    left: 0;
    top: 49%;
    width: 100%;
    height: 0px;
}

.full_screen_slider .owl-nav div {
    height: 45px;
    width: 45px;
    background: #0d0908;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
    position: absolute;
    left: 0;
    opacity: 0.2;
    transition: all 0.3s ease 0s;
}

.full_screen_slider .owl-nav div:hover {
    opacity: 0.7;
}

.full_screen_slider .owl-nav .owl-next {
    left: auto;
    right: 0;
}





/*slider text animation*/

.full_screen_slider .owl-item.active h2 {
    -webkit-animation: slider_animation 800ms ease-in-out 0.4s forwards;
    -o-animation: slider_animation 800ms ease-in-out 0.4s forwards;
    animation: slider_animation 800ms ease-in-out 0.4s forwards;
    transform: translateY(20px);
    opacity: 0;
}

.full_screen_slider .owl-item.active p {
    -webkit-animation: slider_animation 800ms ease-in-out 0.8s forwards;
    -o-animation: slider_animation 800ms ease-in-out 0.8s forwards;
    animation: slider_animation 800ms ease-in-out 0.8s forwards;
    transform: translateY(20px);
    opacity: 0;
}

.full_screen_slider .owl-item.active .slide-action {
    -webkit-animation: slider_animation 800ms ease-in-out 1s forwards;
    -o-animation: slider_animation 800ms ease-in-out 1s forwards;
    animation: slider_animation 800ms ease-in-out 1s forwards;
    transform: translateY(20px);
    opacity: 0;
}


.full_screen_slider .owl-item.active .get_subscribe_form {
    -webkit-animation: slider_animation 800ms ease-in-out 1s forwards;
    -o-animation: slider_animation 800ms ease-in-out 1s forwards;
    animation: slider_animation 800ms ease-in-out 1s forwards;
    transform: translateY(20px);
    opacity: 0;
}


@-webkit-keyframes slider_animation {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes slider_animation {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes slider_animation {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes slider_animation {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}




/*feature area*/

.feature__area {
    padding: 111px 0px 61px;
}

.featured-item {}

.single-featured {
    margin-bottom: 50px;
}

.single-featured .meta-icon {
    float: left;
    margin-right: 20px;
}

.single-featured .meta-icon path {
    fill: #fff;
    stroke: #3faeef;
    stroke-dasharray: 129;
    opacity: 0;
}

.single-featured .meta-icon.is__animate path {
    animation: dash 8s forwards;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 0;
        opacity: 0;
        fill: #fff;
        stroke: #3faeef;
    }
    5% {
        stroke-dashoffset: 129;
        opacity: 0;
        fill: #fff;
        stroke: #3faeef;
    }
    6% {
        stroke-dashoffset: 129;
        fill: #fff;
        stroke: #3faeef;
        opacity: 1;
    }
    90% {
        stroke-dashoffset: 15;
        fill: #fff;
        stroke: #3faeef;
        opacity: 1;
    }
    100% {
        stroke-dashoffset: 0;
        fill: #3faeef;
        stroke: #fff;
        opacity: 1;
    }
}

.single-featured .meta-body {
    overflow: hidden;
}

.single-featured .meta-body h5 {
    font-size: 16px;
    color: #444242;
    letter-spacing: 0.01em;
    margin-bottom: 8px;
}

.single-featured .meta-body p {
    font-size: 13px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #444;
}

.screen-featured {}

.h4_s_feature {
    position: relative;
    margin-bottom: 118px;
    overflow: hidden;
}

.src_feature-text {}

.src_feature-text h4 {
    font-size: 24px;
    color: #595656;
    letter-spacing: 0.01em;
    margin-bottom: 24px;
}

.src_feature-text p {
    font-size: 14px;
    color: #555;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 8px;
}

.screen-feature-img {
    max-width: 53%;
    position: absolute;
    right: 0;
    top: 0;
}

.feature__img__left {
    right: auto;
    left: 0;
}

.screen-feature-img img {
    max-width: 100%;
}

.h4-read_more-btn {
    margin-top: 30px;
}

.h4-read_more-btn a {
    color: #f5f5f5;
    display: inline-block;
    padding: 4px 18px;
    border: 1px solid transparent;
    background: #3faeef;
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: 0;

    position: relative;
    overflow: hidden;
    transition-delay: 0.1s;
    transition: 0.4s;
}

.h4-read_more-btn a::before {
    content: '';
    position: absolute;
    left: -39px;
    bottom: -28px;
    height: 40px;
    width: 40px;
    background: #25a2c8;
    border-radius: 50%;
    transition: all 0s ease 0s;
}

.h4-read_more-btn a:hover::before {
    transform: scale(9);
    opacity: 0;
    transition: all 0.8s ease 0s;
}

.h4-read_more-btn a:hover {
    transition-delay: 0.3s;
    background: #27cf7c;
    color: #fff;
}





/*subscribe__three*/

.subscribe__three .subscribe-form form input[type="submit"] {
    border-radius: 33px;
}





/*----------------------------------------*/
/* END Home Four
/*----------------------------------------*/


/*----------------------------------------*/
/* 7. Home Five
/*----------------------------------------*/

.h5-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 995;
    background: #2ca8f0;
    transition: all 0.3s ease 0s;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease 0s;
}

.h5-header.is-vissible {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.slider_five {
    background: #2ca8f0;
    position: relative;
    height: 100vh;
}

.slider_five svg {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    z-index: 2;
}

.slider_five_text {
    height: 100vh;
    display: flex;
    align-items: center;
}

.slider_five_text h4 {
    font-size: 42px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 55px;
    letter-spacing: 0.01em;
    font-weight: 800;
}

.slider_five_text .slide-action {}

.slider_five_text .slide-action a {}

.s5_slider_img {
    margin-top: 83px;
    position: relative;
    z-index: 5;
}

.s5_slider_img img {}

.feature__area.pt-must-0{
    padding-top: 5px;
}

.our_blog_area {
    padding-top: 116px;
}

.single_blog {
    padding: 20px 20px 41px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.single_blog .blog_img {
    margin-bottom: 20px;
}
.single_blog .blog_img a {
    display: inline-block;
}
.single_blog .blog_img a img {
    max-width: 100%;
}
.blog_content{}
.blog_content span.blog_cat{
    display: inline-block;
}
.blog_content span.blog_cat a {
    display: inline-block;
    padding: 9px 9px;
    background: #4eb2ec;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 14px;
    border-radius: 1px;
    letter-spacing: 0.04em;
    font-size: 11px;
}
.blog_content span.blog_cat a:hover{
    background-color: #444;
}
.blog_content h4.blog_title {
    margin: 24px 0px 3px;
}
.blog_content h4.blog_title a {
    font-size: 17px;
    color: #444444;
    display: block;
    letter-spacing: 0.01em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.blog_content h4.blog_title a:hover{
    color: #2ca8f0;
}
.blog_meta{
    color: #83bee1;
}
.blog_meta span {
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #82878a;
}
.blog_content p.blog_text {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    margin: 15px 0px 30px;
    letter-spacing: 0.005em;
}
.blog_content a.blog_read_more {
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    padding: 3px 15px;
    background: #ffffff;
    text-transform: uppercase;
    color: #444444;
    letter-spacing: 0.02em;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.blog_content a.blog_read_more:hover {
    background-color: #2ca8f0;
    color: #ffffff;
    border-radius: 2px;
}

/*----------------------------------------*/


/* END Home Five
/*----------------------------------------*/

.feature_deatils_area {
    padding-bottom: 84px;
}

.left__feature {
    text-align: right;
}

.single__feature {
    margin-bottom: 36%;
}

.single__feature:last-child {
    margin-bottom: 0px;
}

.feature_deatils_area .single-featured {
    margin: 0;
    position: relative;
}

.feature_deatils_area .single-featured::before {
    content: '';
    position: absolute;
    right: -93px;
    top: 51px;
    height: 1px;
    width: 85px;
    z-index: 3;
    background: #d9effc;
}

.feature_deatils_area .right__feature .single-featured::before {
    left: -93px;
    right: auto;
}

.feature_deatils_area .right__feature .single-featured::after {
    left: -100px;
    right: auto;
}

.feature_deatils_area .single-featured::after {
    content: '';
    position: absolute;
    right: -100px;
    top: 46px;
    height: 10px;
    width: 10px;
    z-index: 2;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid #3faeef;
}

.single__feature .meta-icon {
    font-size: 29px;
    height: 70px;
    width: 70px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    background: #3faeef;
    color: #ffffff;
    position: relative;
    margin-top: 15px;
    margin-right: 32px;
}

.single__feature .meta-icon::before {
    content: '';
    position: absolute;
    left: -12px;
    top: -12px;
    height: calc(100% + 24px);
    width: calc(100% + 24px);
    border: 8px solid #3faeef;
    border-radius: 50%;
    opacity: 0.2;
}

.single__feature .meta-icon::after {}

.left__feature .meta-icon {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.single__feature .meta-body {}

.single__feature .meta-body h5 {}

.single__feature .meta-body p {}

.feature__img {
    text-align: center;
}

.feature__img img {}

.right__feature {}

.right__feature .meta-icon {}

.pb-0-must {
    padding-bottom: 0px;
}




/*screen_view_area*/

.screen_view_area {
    padding: 150px 0px 34px;
}

.screen__view__slider {
    position: relative;
}

.screen__view__slider::before {
    content: '';
    position: absolute;
    left: calc(50% - 115px);
    top: -32px;
    height: 401px;
    width: 230px;
    background: url(../img/slider/screen/phone.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
}

.screen__view__slider .owl-nav {
    position: absolute;
    left: -6%;
    top: calc(50% - 23px);
    width: 112%;
    transition: all 0.3s ease 0s;
    height: 0px;
}

.screen_view_area:hover .owl-nav {
    width: 106%;
    left: -3%;
}

.screen__view__slider .owl-nav div {
    height: 45px;
    width: 45px;
    background: #3faeef;
    text-align: center;
    line-height: 45px;
    font-size: 17px;
    color: #ffffff;
    border-radius: 2px;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.screen__view__slider .owl-nav div:hover {
    opacity: 1;
}

.screen__view__slider .owl-nav .owl-prev {
    float: left;
}

.screen__view__slider .owl-nav .owl-next {
    float: right;
}

.screen__item {}

.screen__item a {
    display: inline-block;
}

.screen__view__slider .owl-item .screen__item a img {
    transform: scale(0.8);
    transition: all 0.8s ease 0s;
}

.screen__view__slider .owl-item.active.center .screen__item a img {
    transform: scale(1);
}




/*pricing__style_three*/

.pricing__style_three {
    padding-bottom: 120px;
    padding-top: 115px;
}

.price__body {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    padding: 40px 0px 100px;
    min-height: 350px;
    border-radius: 4px;
    position: relative;
}

.price__body h4 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #444;
    word-spacing: 4px;
    line-height: 18px;
}

.price__body span.price {
    font-size: 49px;
    line-height: 45px;
    display: block;
    color: #626466;
    font-weight: 700;
    margin: 22px 0px;
}

.price__body ul.price__list {
    list-style-type: none;
}

.price__body ul.price__list li {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.02em;
    margin: 10px 0px;
}

.pruchase__btn {
    position: absolute;
    left: 50%;
    bottom: 35px;
    -webkit-transform: translateX(-50%);
    ;
    -moz-transform: translateX(-50%);
    ;
    -ms-transform: translateX(-50%);
    ;
    -o-transform: translateX(-50%);
    ;
    transform: translateX(-50%);
    ;
}

.pruchase__btn a {
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
    background: #fff;
    padding: 4px 42px;
    border-radius: 24px;
    color: #2ca8f0;
    letter-spacing: 0.02em;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.pruchase__btn a:hover {
    background: #2ca8f0;
    color: #ffffff;
}

.medium__price {
    padding: 50px 15px 100px;
    min-height: 420px;
    margin-top: -32px;
    background: #2ca8f0;
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.2);
}

.medium__price .pruchase__btn {
    bottom: 31px;
    padding-bottom: 20px;
}

.medium__price .pruchase__btn a {
    padding: 4px 60px;
    background: #ffffff;
    color: #2ca8f0;
}

.medium__price .pruchase__btn a:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}

.medium__price span.price,
.medium__price ul.price__list li,
.medium__price h4 {
    color: #ffffff;
}

.pricing__style_three .section-title {
    margin-bottom: 95px;
}




/*download_app*/

.download_app {
    background: url(../img/bg/header-background2.jpg);
    background-position: 50% 0px;
    background-size: cover;
    position: relative;
    padding: 120px 0px;
    overflow: hidden;
}

.download_app::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #0ba0f7;
    opacity: 0.8;
}

.download_app_thumb {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 292px;
}

.download_app_thumb img {}

.app__info {}

.app__info h4 {
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-weight: 900;
    word-spacing: 3px;
    margin-bottom: 13px;
}

.app__info p {
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 0;
    margin-bottom: 33px;
}

ul.download__store {
    list-style-type: none;
}

ul.download__store li {
    display: inline-block;
    margin-left: 13px;
}

ul.download__store li a {}

ul.download__store li a img {}





/*----------------------------------------*/


/* END Start Home Five
/*----------------------------------------*/


/*----------------------------------------*/


/* 8. Blog Post
/*----------------------------------------*/

.hero_area {}

.title_area {
    padding: 120px 0px;
    margin-bottom: 120px;
    margin-top: 100px;
    /*background: url(../img/bg/hero-bg.jpg);*/
    position: relative;
}

.title_area::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /*background: #2ca8f0;*/
    background: #158fd7;
    opacity: 0.8;
    z-index: 0;
}

.title_area h2 {
    text-align: center;
    font-size: 43px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.single_blog_post {
    padding-bottom: 50px;
    border-bottom: 1px solid #e3ebed;
    margin-bottom: 50px;
    position: relative;
}

.blog__area {
    padding-bottom: 120px;
}

.single_blog_post:last-child{
    padding-bottom: 0px;
    border-bottom: 1px solid transparent;
}

.post_thumb {
    margin-bottom: 20px;
}

.post_thumb a {
    display: inline-block;
}

.post_thumb a img {
    max-width: 100%;
}

.post__details {}

.post__details h2 a {
    display: block;
    font-size: 20px;
    color: #444444;
    letter-spacing: 0.02em;
}

.post_meta {
    margin-bottom: 8px;
}

.post_meta p {
    text-transform: uppercase;
    font-size: 11px;
    color: #666;
}

.post_meta p a {
    color: #3faeef;
    display: inline-block;
}
.post__desc {}
.post__desc p {
    font-size: 14px;
    color: #666;
    letter-spacing: 0.01em;
    line-height: 25px;
}
.readmore_and_share {
    margin-top: 18px;
    display: inline-block;
}
.readmore_and_share a.read_more {
    display: inline-block;
    padding: 2px 21px;
    font-size: 14px;
    letter-spacing: 0;
    border-radius: 33px;
    color: #444444;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    font-weight: 300;
}
.readmore_and_share a.read_more:hover {
    background: #534f4f;
    color: #ffffff;
}
.readmore_and_share a.share {
    height: 35px;
    width: 35px;
    border: 1px solid #dde7e9;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    margin-left: 6px;
    color: #7f9499;
    transition: all 0s ease 0s;
}
.readmore_and_share a.share:hover{
    transform: rotate(360deg);
    transition: all 0.3s ease 0s;
}
.post__meta_date {
    position: absolute;
    left: 5px;
    top: 5px;
    min-width: 83px;
    background: transparent;
    text-align: center;
    padding: 12px 0px;
    background: rgba(255, 255, 255, 0.9);
    border: 5px solid rgba(255, 255, 255, 0.6);
}
.post__meta_date h2 {
    font-size: 40px;
    color: #444854;
    font-weight: 300;
    margin-bottom: 10px;
}

.post__meta_date p {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #4d5459;
}

.post__share_btns {
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    margin-left: -10px;
    transition: all 0.3s ease 0s;
}
.post__share_btns.show_hide_social{
    opacity: 1;
    visibility: visible;
    margin-left: 0px;
}
.post__share_btns a {
    height: 35px;
    width: 35px;
    border: 1px solid #dde7e9;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    margin-left: 6px;
    color: #7f9499;
}
.post__share_btns a:hover {
    color: #2ca8f0;
    border-color: #2ca8f0;
}

.pagination_area {
    text-align: center;
    margin-top: 10px;
}

.pagination_area ul {
    list-style-type: none;
}

.pagination_area ul {
    list-style-type: none;
    display: inline-block;
}
.pagination_area ul li{
    display: inline-block;
}

.pagination_area ul li a {
    font-size: 12px;
    color: #444;
    display: block;
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    padding: 7px 13px;
    letter-spacing: 0.03em;
    border-radius: 2px;
}
.pagination_area ul li.active a,
.pagination_area ul li a:hover {
    background: #444;
    color: #ffffff;
}

/*sidebar__area*/
.sidebar__area {
    padding-left: 40px;
}
.widget {
    margin-bottom: 50px;
}
.widget:last-child{
    margin-bottom: 0px;
}
.widget_search {}
.widget_search form {
    position: relative;
}
.widget_search form input {
    width: 100%;
    height: 45px;
    padding: 0px 45px 0px 15px;
    background: transparent;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #444;
    letter-spacing: 0.02em;
    border-radius: 2px;
    transition: all 0.3s ease 0s;
}
.widget_search form input:focus{
    border-color: #2ca8f0;
}
.widget_search form input:focus~button{
    color: #ffffff;
    background-color: #2ca8f0;
}
.widget_search form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    width: 45px;
    background: #555;
    border: 1px solid transparent;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    transition: all 0.3s ease 0s;
}

.widget_recent_post {}
.widget_title {
    margin-bottom: 30px;
    background: #edf4f9;
    padding: 8px 10px;
    border-radius: 2px;
}
.widget_title h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    line-height: 21px;
    padding-bottom: 5px;
}
.widget_title h2::before,
.widget_title h2::after {
    content: '';
    position: absolute;
    left: 0;
    height: 1px;
    background: #c5cacf;
}


.widget_title h2::before {
    bottom: 2px;
    width: 69%;
}
.widget_title h2::after {
    bottom: 0;
    width: 35%;
}

.recent__post_list {}
.rc_single_post {
    overflow: hidden;
    margin-bottom: 20px;
}
.rc_single_post:last-child {
    margin-bottom: 0px;
}
.meta_thumb {
    float: left;
    margin-right: 20px;
}
.meta_thumb a {
    display: inline-block;
}
.meta_thumb a img {
    max-width: 100%;
    max-width: 66px;
}
.meta__content{
    overflow: hidden;
}
.meta__content a {
    display: block;
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #535151;
    line-height: 22px;
    font-family: 'Lato', sans-serif;
    margin-top: -3px;
}
.meta__content a:hover{
    color: #2ca8f0;
}
.meta__content span.up_time {
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    color: #888;
}

.widget__category_list ul,
.widget__archive_list ul {
    list-style-type: none;
}

.widget__category_list ul li:last-child,
.widget__archive_list ul li:last-child {
    margin-bottom: -10px;
}

.widget__category_list ul li a,
.widget__archive_list ul li a,
.sidebar__area .widget-nav-menu ul li a {
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 20px;
    color: #555;
    display: block;
    margin-bottom: 22px;
}


.widget__category_list ul li a:hover,
.widget__archive_list ul li a:hover,
.widget__category_list ul li a:hover::before,
.widget__archive_list ul li a:hover::before,
.sidebar__area .widget-nav-menu ul li a:hover::before,
.sidebar__area .widget-nav-menu ul li a:hover{
    color: #2ca8f0;
}

.widget__category_list ul li a span,
.widget__archive_list ul li a span{
    color: #c2b8b8;
}

.widget_tags {}

.widget_tag_list {}

.widget_tag_list a {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    background: #595757;
    color: #fff;
    padding: 7px 13px;
    margin-bottom: 5px;
    letter-spacing: 0;
    line-height: 15px;
    border-radius: 1px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    margin-right: 8px;
}
.widget_tag_list a:hover{
    background-color: #444444;
}


/*----------------------------------------*/

/* END Blog Post
/*----------------------------------------*/

/*----------------------------------------*/

/* 9. Blog Post Details
/*----------------------------------------*/

.blog_crumbs .title_area{}
.blog_crumbs .title_area h2 a{}

.blog_crumbs{}
.crumbs {
    margin-top: 18px;
}
.crumbs ul {
    list-style-type: none;
    text-align: center;
}
.crumbs ul li {
    display: inline-block;
}
.crumbs ul li a {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.01em;
    display: block;
    margin-right: 25px;
    position: relative;
}
.crumbs ul li a:hover {
    color: #495357;
}
.crumbs ul li a::before {
    content: "\e649";
    position: absolute;
    right: -21px;
    top: 0px;
    font-family: themify;
    font-size: 11px;
    color: #efe9e9;
}
.crumbs ul li:last-child {
    font-size: 15px;
    color: #d8e8f2;
    letter-spacing: 0.03em;
}
.blog__details__area{
    padding-bottom: 120px;
}
.blog__post__details {
    overflow: hidden;
}
.blog__post__details .post__desc p {
    font-size: 14px;
    color: #555;
    letter-spacing: 0.01em;
    line-height: 25px;
    margin-bottom: 15px;
}
.blog_single_tags {
    margin-top: 67px;
}
.blog_single_tags h2 {
    font-size: 24px;
    font-weight: 400;
    color: #444;
    letter-spacing: 0;
    margin-bottom: 42px;
}
.blog_single_tags ul {
    list-style-type: none;
}
.blog_single_tags ul li{
    display: inline-block;
}
.blog_single_tags ul li a {
    display: inline-block;
    padding: 9px 15px;
    background: #fff;
    color: #444444;
    text-transform: uppercase;
    line-height: 14px;
    letter-spacing: 0.04em;
    font-size: 11px;
    margin-bottom: 11px;
    margin-right: 12px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius: 33px;
}
.blog_single_tags ul li:last-child a {
    margin-bottom: 0px;
}
.blog_single_tags ul li a:hover{
    background-color: #00b0ff;
    color: #ffffff;
}
.comment-area {
    padding-bottom: 61px;
    border-bottom: 1px solid #efeaea;
}

.comment-title {}

.comment-title h4 {
    font-size: 24px;
    font-weight: 400;
    color: #444;
    letter-spacing: 0;
}

.comment-title h4 span {
    color: #cccccc;
}

.comment-area ul {
    list-style-type: none;
}

.comment-list {}

.comment-info-inner {}

.comment-info-inner article {
    padding: 51px 0px 0px 102px;
    position: relative;
}

.comment-author {
    position: relative;
}

.comment-author img {
    position: absolute;
    left: -103px;
    top: -1px;
    max-width: 80px;
    border-radius: 50%;
    box-shadow: 1px 5px 7px -2px rgba(0,0,0,0.3);
}

.comment-author h2 {
    font-size: 16px;
    font-weight: 700;
    color: #555555;
    line-height: 13px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
}

.comment-author h2 span {
    font-size: 12px;
    font-weight: 400;
    color: #bebebe;
    margin-left: 5px;
}

.meta-data {
    margin: 2px 0px 10px;
}

.meta-data p.category {
    font-size: 12px;
    font-weight: 600;
    color: #333333;
}

.meta-data p.category span {
    color: #ef4836;
}

.comment-content {}

.comment-content p {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    letter-spacing: 0.02em;
    line-height: 26px;
}

.comment-reply {
    position: absolute;
    right: 0;
    top: 75px;
}

.comment-reply a {}

.children {
    padding-left: 104px;
}
.related_post{}
.related_post .rl_post_title h2,
.comment_title h4{
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    color: #444;
    margin-bottom: 47px;
}
.related_post_list .single_blog {
    padding: 0px;
}
.related_post_list > div > div:last-child .single_blog {
    margin-bottom: 0;
}
.related_post_list .blog_content {
    padding: 0px 15px 20px;
}
.comment_title,
.rl_post_title {
    margin-top: 62px;
}
.comment_title h4{}
.leave_comment form{}
.leave_comment form input[type="text"] {
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    background: #f3f3f3;
    border: none;
    color: #666666;
    padding-left: 15px;
    font-size: 14px;
    transition: all 0.3s ease 0s;
}
.leave_comment form textarea {
    width: 100%;
    max-width: 100%;
    height: 176px;
    min-height: 176px;
    margin-bottom: 20px;
    background: #f3f3f3;
    border: none;
    padding-left: 15px;
    color: #666666;
    font-size: 14px;
    transition: all 0.3s ease 0s;
    padding-top: 7px;
}

.leave_comment form textarea::-webkit-input-placeholder,
.leave_comment form input[type="text"]::-webkit-input-placeholder {
  color: #666666;
  opacity: 1;
}
.leave_comment form textarea::-moz-placeholder,
.leave_comment form input[type="text"]::-moz-placeholder {
  color: #666666;
  opacity: 1;
}
.leave_comment form textarea:-ms-input-placeholder,
.leave_comment form input[type="text"]:-ms-input-placeholder {
  color: #666666;
  opacity: 1;
}
.leave_comment form textarea:-moz-placeholder,
.leave_comment form input[type="text"]:-moz-placeholder {
  color: #666666;
  opacity: 1;
}

.leave_comment form textarea:focus,
.leave_comment form input[type="text"]:focus{
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(44, 168, 240, 0.6);
}
.leave_comment form input#comment_submit {
    background: #fcfafa;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.01em;
    color: #2ca8f0;
    padding: 14px 15px;
    line-height: 14px;
    border-radius: 2px;
    outline: none;
    transition:  all 0.3s ease 0s;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.leave_comment form input#comment_submit:hover {
    background: #2ca8f0;
    color: #ffffff;
}


/*----------------------------------------*/

/* END Blog Post Details
/*----------------------------------------*/