/* --------------------------
:: Template Name: Colorlib App - App Landing Page 
:: Template Author: Colorlib
:: Template Author URI: https://colorlib.com/
:: Description: Colorlib is a One Page based App Landing Template. It's very clean, creative & beautiful. It's super     responsive & ultra light.
:: Tags: Colorlib, App Landing, Apps, Responsive App Landing, Bootstrap 4, Free Theme, Free HTML Template, HTML5 Template etc.
:: Version: v1.0
:: Created: 11/03/2017
-------------------------- */
        /* --- [Master Stylesheet] ----
:: 1.0 Base CSS Start
:: 2.0 Header Area CSS
:: 3.0 Wellcome Area CSS
:: 4.0 Special Area CSS
:: 5.0 Features Area CSS
:: 6.0 Video Area CSS
:: 7.0 Cool Facts Area CSS
:: 8.0 Screenshots Area CSS
:: 9.0 Pricing Plan Area CSS
:: 10.0 Testimonials Area CSS
:: 11.0 CTA Area CSS Start
:: 12.0 Team Area CSS Start
:: 13.0 Contact Area CSS Start
:: 14.0 Footer Area CSS Start
-------------------------- */
        
        @import url('https://fonts.googleapis.com/css?family=Cabin:400,500,700|Montserrat:400,500,700');
        @import 'css/bootstrap.min.css';
        @import 'css/animate.css';
        @import 'css/magnific-popup.css';
        @import 'css/owl.carousel.min.css';
        @import 'css/slick.css';
        @import 'css/font-awesome.min.css';
        @import 'css/themify-icons.css';
        @import 'css/ionicons.min.css';
        /* --------------------------
:: 1.0 Base CSS Start
-------------------------- */
        
        * {
            margin: 0;
            padding: 0;
        }
        
        body {
            font-family: 'Cabin', sans-serif;
            background-color: #fff;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Cabin', sans-serif;
            font-weight: 400;
            color: #000;
            line-height: 1.2;
        }
        
        .section_padding_100 {
            padding-top: 100px;
            padding-bottom: 100px;
        }
        
        .section_padding_100_50 {
            padding-top: 100px;
            padding-bottom: 50px;
        }
        
        .section_padding_100_20 {
            padding-top: 100px;
            padding-bottom: 20px;
        }
        .section_padding_100_70 {
            padding-top: 100px;
            padding-bottom: 70px;
        }
        
        .section_padding_50 {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        
        .section_padding_50_20 {
            padding-top: 50px;
            padding-bottom: 20px;
        }
        
        .section_padding_150 {
            padding-top: 150px;
            padding-bottom: 150px;
        }
        
        .section_padding_200 {
            padding-top: 200px;
            padding-bottom: 200px;
        }
        
        .section_padding_0_100 {
            padding-top: 0;
            padding-bottom: 100px;
        }
        
        .section_padding_70 {
            padding-top: 70px;
            padding-bottom: 70px;
        }
        
        .section_padding_0_50 {
            padding-top: 0;
            padding-bottom: 50px;
        }
        
        img {
            max-width: 100%;
            max-height: 100%;
        }
        
        .mt-15 {
            margin-top: 15px;
        }
        
        .mt-30 {
            margin-top: 30px;
        }
        
        .mt-40 {
            margin-top: 40px;
        }
        
        .mt-50 {
            margin-top: 50px;
        }
        
        .mt-100 {
            margin-top: 100px;
        }
        
        .mt-150 {
            margin-top: 150px;
        }
        
        .mr-15 {
            margin-right: 15px;
        }
        
        .mr-30 {
            margin-right: 30px;
        }
        
        .mr-50 {
            margin-right: 50px;
        }
        
        .mr-100 {
            margin-right: 100px;
        }
        
        .mb-15 {
            margin-bottom: 15px;
        }
        
        .mb-30 {
            margin-bottom: 30px;
        }
        
        .mb-50 {
            margin-bottom: 50px;
        }
        
        .mb-100 {
            margin-bottom: 100px;
        }
        
        .ml-15 {
            margin-left: 15px;
        }
        
        .ml-30 {
            margin-left: 30px;
        }
        
        .ml-50 {
            margin-left: 50px;
        }
        
        .ml-100 {
            margin-left: 100px;
        }
        
        ul,
        ol {
            margin: 0;
            padding: 0;
        }
        
        /*#scrollUp {*/
        /*    bottom: 0;*/
        /*    font-size: 24px;*/
        /*    right: 30px;*/
        /*    width: 50px;*/
        /*    background-color: #40728d;*/
        /*    color: #fff;*/
        /*    text-align: center;*/
        /*    height: 50px;*/
        /*    line-height: 50px;*/
        /*}*/
        
        a,
        a:hover,
        a:focus,
        a:active {
            text-decoration: none;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        li {
            list-style: none;
        }
        
        p {
            color: #726a84;
            font-size: 16px;
            font-weight: 300;
            margin-top: 0;
        }
        
        .heading-text>p {
            font-size: 16px;
        }
        
        .section-heading>h2,
        .section-heading h2{
            font-weight: 300;
            color: #40728d;
            font-size: 48px;
            margin: 0;
        }

        .section-heading {
            margin-bottom: 60px;
        }
        
        .line-shape-white,
        .line-shape {
            width: 80px;
            height: 2px;
            background-color: #40728d;
            margin-top: 15px;
        }
        
        .line-shape {
            margin-left: calc(50% - 40px);
        }
        
        .table {
            display: table;
            height: 100%;
            left: 0;
            position: relative;
            top: 0;
            width: 100%;
            z-index: 2;
        }
        
        .table-cell {
            display: table-cell;
            vertical-align: middle;
        }
        
        #preloader {
            overflow: hidden;
            background-color: #fff;
            height: 100%;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 999999;
        }
        
        .colorlib-load {
            -webkit-animation: 2000ms linear 0s normal none infinite running colorlib-load;
            animation: 2000ms linear 0s normal none infinite running colorlib-load;
            background: transparent none repeat scroll 0 0;
            border-color: #dddddd #dddddd #40728d;
            border-radius: 50%;
            border-style: solid;
            border-width: 2px;
            height: 40px;
            left: calc(50% - 20px);
            position: relative;
            top: calc(50% - 20px);
            width: 40px;
            z-index: 9;
        }
        
        @-webkit-keyframes colorlib-load {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        
        @keyframes colorlib-load {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        /* --------------------------
:: 2.0 Header Area CSS
-------------------------- */
        
        .header_area {
            left: 0;
            position: absolute;
            width: 100%;
            z-index: 99;
            top: 0;
            padding: 0 4%;
            
        }
        
        .menu_area .navbar-brand {
            font-size: 72px;
            font-weight: 700;
            color: #fff;
            margin: 0;
            line-height: 1;
            padding: 0;
        }
        
        .menu_area .navbar-brand:hover,
        .menu_area .navbar-brand:focus {
            color: #fff;
        }
        
        .menu_area {
            position: relative;
            z-index: 2;
        }
        
        .menu_area #nav .nav-link {
            color: #fff;
            display: block;
            font-size: 16px;
            font-weight: 500;
            border-radius: 30px;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
            padding: 35px 15px;
        }
        
        .menu_area nav ul li>a:hover {
            color: #5eabe8;
        }
        
        .sing-up-button {
            text-align: right;
        }
        
        .sing-up-button>a {
            color: #fff;
            font-weight: 500;
            display: inline-block;
            border: 2px solid #fff;
            height: 50px;
            min-width: 178px;
            line-height: 46px;
            text-align: center;
            border-radius: 24px 24px 24px 0px;
        }
        
        .sing-up-button>a:hover {
            background: #5eabe8;
            color: #fff;
            border-color: transparent;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        /* stcicky css */
        
        .header_area.sticky {
            /* background-color: #884bdf; */
            
            background-color: #40728d;
            -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            height: 70px;
            position: fixed;
            top: 0;
            z-index: 99;
        }
        
        .header_area.sticky .menu_area .navbar-brand {
            font-size: 50px;
            
        }
        
        .header_area.sticky .menu_area #nav .nav-link {
            padding: 23px 15px;
        }
        
        .header_area.sticky .navbar {
            padding: 0;
        }
        /* --------------------------
:: 3.0 Wellcome Area CSS
-------------------------- */
        
        .wellcome_area {
            /* background-image: url(img/bg-img/welcome-bg-c.png); */
            min-height: 600px;
            position: relative;
            z-index: 1;
            background-position: bottom center;
            background-size: cover;
        }
        
        .wellcome_area:after {
            position: absolute;
            width: 100%;
            left: 0;
            /* height: 2px; */
            /* background-color: #fff; */
            /* content: ''; */
            bottom: 0;
            z-index: 2;
        }
        
        .welcome-thumb {
            width: 45%;
            position: absolute;
            bottom: 70px;
            /* bottom: 130px; */
            right: 85px;
            z-index: 9;
        }
        
        .welcome-thumb img {
            height: auto;
            /* width: 100%; */
        }
        
        .wellcome-heading>h2 {
            font-size: 100px;
            color: #ffffff;
            font-weight: 700;
            position: relative;
            z-index: 3;
        }

        .get-start-area {
            margin-top: 28px;
        }
        
        .get-start-area .email {
            background: #40728d;
            height: 50px;
            max-width: 260px;
            border: none;
            border-radius: 24px;
            padding: 0px 15px;
        }
        
        .form-control::-webkit-input-placeholder {
            color: #cec1f4;
            opacity: 1;
        }
        
        .form-control:-ms-input-placeholder {
            color: #cec1f4;
            opacity: 1;
        }
        
        .form-control::-ms-input-placeholder {
            color: #cec1f4;
            opacity: 1;
        }
        
        .form-control::placeholder {
            color: #cec1f4;
            opacity: 1;
        }
        
        .get-start-area .email:focus {
            border: none;
            outline-offset: transparent !important;
            border-radius: 30px;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .get-start-area .submit {
            background-color: #3aa3f4;
            border: 2px solid #ffffff4a;
            color: #fff;
            font-weight: 500;
            display: inline-block;
            height: 50px;
            min-width: 167px;
            line-height: 46px;
            text-align: center;
            border-radius: 24px 24px 24px 0px;
            margin-left: 10px;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .get-start-area .submit:hover {
            background: #40728d;
            color: #fff;
            border: 2px solid #fff;
            /* border-color: transparent; */
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .wellcome-heading>p {
            color: #fff;
        }
        
        .wellcome-heading {
            margin-bottom: 100px;
        }
        /* --------------------------
:: 4.0 Special Area CSS
-------------------------- */
        
        .single-icon>i {
            font-size: 36px;
            color: #40728d;
        }
        
        .single-special>h4 {
            font-size: 22px;
            color: #40728d;
        }
        
        .single-icon {
            margin-bottom: 25px;
        }
        
        .single-special>h4 {
            font-size: 22px;
            color: #40728d;
            margin-bottom: 15px;
        }
        
        .single-special {
            border: 1px solid #eff2f6;
            padding: 40px;
            border-radius: 40px 40px 40px 0px;
            -webkit-transition-duration: 800ms;
            -o-transition-duration: 800ms;
            transition-duration: 800ms;
            margin-bottom: 30px;
        }
        
        .special_description_content>h2 {
            color: #40728d;
            font-size: 48px;
            margin-bottom: 30px;
        }
        
        .single-special:hover {
            -webkit-box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
        }
        
        .single-special p {
            margin-bottom: 0;
        }
        
        .app-download-area {
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-preferred-size: 1;
            flex-basis: 1;
            margin-top: 50px;
        }
        
        .app-download-btn a {
            border: 1px solid #ddd;
            background: #ffffff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 15px 30px;
            border-radius: 30px 30px 30px 0;
            -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .app-download-btn.active a,
        .app-download-btn a:hover {
            border-color: transparent;
            background-color: #40728d;
            color: #ffffff;
        }
        
        .app-download-btn a i {
            color: #47425d;
            font-size: 24px;
            margin-right: 15px;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .app-download-btn a p {
            font-size: 16px;
            line-height: 1;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .app-download-btn a p span {
            font-size: 12px;
            display: block;
        }
        
        .app-download-btn:first-child {
            margin-right: 20px;
        }
        
        .app-download-btn a:hover i,
        .app-download-btn.active a i,
        .app-download-btn.active a p,
        .app-download-btn a:hover p {
            color: #fff;
        }
        /* --------------------------
:: 5.0 Features Area CSS
-------------------------- */
        
        .single-feature {
            margin-bottom: 50px;
        }
        
        .single-feature>p {
            margin-bottom: 0;
        }
        
        .single-feature>i {
            color: #40728d;
            font-size: 30px;
            display: inline-block;
            float: left;
            margin-right: 10px;
        }
        
        .single-feature>h5 {
            font-size: 22px;
            color: #40728d;
        }
        
        .single-feature>p {
            margin-top: 15px;
        }
        /* --------------------------
:: 6.0 Video Area CSS
-------------------------- */
        
        .video-area {
            position: relative;
            z-index: 1;
            background-position: center center;
            background-size: cover;
            border: 20px solid #fff;
            border-radius: 20px;
            height: 650px;
            -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08);
        }
        
        .video-area:after {
            position: absolute;
            content: "";
            top: -20px;
            left: -20px;
            width: calc(100% + 40px);
            height: calc(100% + 40px);
            border: 1px solid #f1f4f8;
            z-index: 2;
            border-radius: 20px;
        }
        
        .video-area .video-play-btn a {
            width: 80px;
            height: 80px;
            background-color: #40728d;
            color: #fff;
            text-align: center;
            display: block;
            font-size: 36px;
            line-height: 80px;
            padding-left: 5px;
            border-radius: 50%;
            top: 50%;
            position: absolute;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 3;
        }
        
        .video-area .video-play-btn a:hover {
            background-color: #40728d;
            color: #fff;
        }
        /* --------------------------
:: 7.0 Cool Facts Area CSS
-------------------------- */
        
        .cool_facts_area {
            position: relative;
            z-index: auto;
            background: #40728d;
            background: -webkit-linear-gradient(to left, #60ceef, #40728d);
            background: -webkit-linear-gradient(right, #60ceef, #40728d);
            background: -webkit-gradient(linear, right top, left top, from(#60ceef), to(#40728d));
            background: -o-linear-gradient(right, #60ceef, #40728d);
            background: linear-gradient(to left, #60ceef, #40728d);
            padding: 80px 0 80px 0;
            top: -100px;
        }
        
        .cool_facts_area:after {
            position: absolute;
            bottom: -100px;
            left: 0;
            right: 0;
            width: 100%;
            height: 100px;
            background-color: #fff;
            content: ''
        }
        
        .cool-facts-content>i {
            color: #ffffff;
            font-size: 36px;
        }
        
        .counter-area {
            min-width: 100px;
            -ms-flex-item-align: end;
            align-self: flex-end;
        }
        
        .counter-area>h3 {
            color: #ffffff;
            font-size: 60px;
            margin-bottom: 0;
            line-height: 1;
        }
        
        .cool-facts-content>p {
            font-size: 18px;
            color: #ffffff;
            margin-bottom: 0;
        }
        /* --------------------------
:: 8.0 Screenshots Area CSS
-------------------------- */
        
        .app_screenshots_slides {
            padding: 0 6%;
        }
        
        .app_screenshots_slides .single-shot {
            opacity: 0.7;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            -webkit-transform: scale(0.85);
            -ms-transform: scale(0.85);
            transform: scale(0.85)
        }
        
        .app_screenshots_slides .center .single-shot {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }
        
        .app-screenshots-area .owl-dot {
            height: 11px;
            width: 11px;
            border: 2px solid #a49fba;
            border-radius: 50%;
            display: inline-block;
            margin: 0 6px;
            margin-top: 50px;
        }
        
        .app-screenshots-area .owl-dot.active {
            background-color: #40728d;
            border: transparent;
        }
        
        .app-screenshots-area .owl-dots {
            height: 100%;
            width: 100%;
            text-align: center;
        }
        /* --------------------------
:: 9.0 Pricing Plan Area CSS
-------------------------- */
        
        .pricing-plane-area {
            background: #f5f9fc;
        }
        
        .single-price-plan {
            background: #ffffff;
            border: 1px solid #ebebeb;
            border-radius: 30px 30px 30px 0;
            margin-bottom: 30px;
        }
        
        .single-price-plan .package-plan {
            padding: 40px 0;
            border-radius: 30px 30px 0 0;
        }
        
        .single-price-plan .package-plan>h5 {
            color: #40728d;
            font-size: 18px;
        }
        
        .single-price-plan .package-plan .ca-price h4 {
            color: #40728d;
            font-size: 48px;
            position: relative;
            z-index: 1;
            margin-bottom: 0;
            line-height: 1;
        }
        
        .single-price-plan .package-plan .ca-price span {
            font-size: 18px;
            color: #40728d;
        }
        
        .single-price-plan .plan-button>a {
            background: #726a84;
            padding: 10px 0;
            border-bottom-right-radius: 30px;
            color: #ffffff;
            font-size: 16px;
            font-weight: 500;
            display: block;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .single-price-plan .package-description>p {
            margin-bottom: 0;
            line-height: 1;
            padding: 15px 0;
            border-bottom: 1px solid #ebebeb;
        }
        
        .single-price-plan .package-description>p:first-child {
            border-top: 1px solid #ebebeb;
        }
        
        .single-price-plan.active .package-plan,
        .single-price-plan.active .plan-button>a,
        .single-price-plan:hover .plan-button>a {
            background-color: #40728d;
        }
        
        .single-price-plan.active .package-plan .ca-price>h4,
        .single-price-plan.active .package-plan .ca-price>span,
        .single-price-plan.active .package-plan>h5,
        .single-price-plan.active .plan-button>a {
            color: #fff;
        }
        /* --------------------------
:: 10.0 Testimonials Area CSS
-------------------------- */
        
        .clients-feedback-area .client-name>h5 {
            color: #40728d;
            font-size: 22px;
            margin-top: 5px;
        }
        
        .clients-feedback-area .star-icon>i {
            font-size: 18px;
            color: #f1b922;
        }
        
        .clients-feedback-area .client-description>p {
            max-width: 1010px;
            margin: auto;
            margin-bottom: 15px;
            font-size: 22px;
        }
        
        .clients-feedback-area .client>i {
            font-size: 48px;
            color: #40728d;
            margin-bottom: 30px;
        }
        
        .clients-feedback-area .client-name>p {
            color: #b5aec4;
        }
        
        .clients-feedback-area .slick-dots {
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        
        .clients-feedback-area .slick-dots li button {
            width: 12px;
            height: 12px;
            text-indent: -999999999999999999999999px;
            border: 3px solid #a49fba;
            background-color: #fff;
            border-radius: 50%;
            margin: 5.5px;
            outline: none;
        }
        
        .clients-feedback-area .slick-dots li.slick-active button {
            background-color: #40728d;
            border-color: #40728d;
        }
        
        .clients-feedback-area .slick-slide.client-thumbnail {
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 129px;
        }
        
        .clients-feedback-area .slick-slide img {
            display: block;
            width: 80px !important;
            height: 80px !important;
            border-radius: 50%;
            border: 5px solid #fff;
            -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
        }
        
        .clients-feedback-area .slick-slide.slick-current img {
            width: 100px !important;
            height: 100px !important;
        }
        
        .clients-feedback-area .slick-arrow {
            position: absolute;
            width: 30px;
            background-color: #fff;
            height: 100%;
            text-align: center;
            font-size: 24px;
            color: #b5aec4;
            display: block;
            line-height: 550%;
            left: 0;
            z-index: 90;
            cursor: pointer;
        }
        
        .clients-feedback-area .slick-arrow.fa-angle-right {
            left: auto;
            right: 0;
            top: 0;
        }
        /* --------------------------
:: 11.0 CTA Area CSS Start
-------------------------- */
        
        .our-monthly-membership {
            background: #306bda;
            background: -webkit-linear-gradient(to left, #60ceef, #40728d);
            background: -webkit-linear-gradient(right, #60ceef, #40728d);
            background: -webkit-gradient(linear, right top, left top, from(#60ceef), to(#40728d));
            background: -o-linear-gradient(right, #60ceef, #40728d);
            background: linear-gradient(to left, #60ceef, #40728d);
        }
        
        .membership-description>h2 {
            color: #ffffff;
            font-size: 36px;
        }
        
        .membership-description>p {
            color: #ffffff;
            margin-bottom: 0;
        }
        
        .get-started-button>a {
            background: #ffffff;
            height: 45px;
            min-width: 155px;
            display: inline-block;
            text-align: center;
            line-height: 45px;
            color: #40728d;
            font-weight: 500;
            border-radius: 23px 23px 23px 0;
        }
        
        .get-started-button>a:hover {
            background: #40728d;
            color: #fff;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .get-started-button {
            text-align: right;
        }
        /* --------------------------
:: 12.0 Team Area CSS Start
-------------------------- */
        
        .member-image {
            margin-bottom: 30px;
            border-radius: 30px 30px 30px 0;
            position: relative;
            z-index: 1;
        }
        
        .member-image img {
            border-radius: 30px 30px 30px 0;
        }
        
        .member-text>h4 {
            font-size: 22px;
            color: #40728d;
        }
        
        .member-text>p {
            color: #b5aec4;
            margin-bottom: 0;
        }
        
        .team-hover-effects {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(105, 75, 228, 0.8);
            border-radius: 30px 30px 30px 0;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transition: all 500ms;
            -o-transition: all 500ms;
            transition: all 500ms;
        }
        
        .single-team-member:hover .team-hover-effects {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }
        
        .team-social-icon {
            position: absolute;
            z-index: 5;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            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;
        }
        
        .team-social-icon>a {
            font-size: 14px;
            color: #fff;
            background: #40728d;
            height: 40px;
            width: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 10px 10px 10px 0;
            display: block;
            margin: 2.5px;
        }
        
        .single-team-member {
            margin-bottom: 50px;
        }
        /* --------------------------
:: 13.0 Contact Area CSS Start
-------------------------- */
        
        .address-text>p,
        .phone-text>p,
        .email-text>p {
            font-size: 18px;
            margin-bottom: 10px;
        }
        
        .address-text>p>span,
        .phone-text>p>span,
        .email-text>p>span {
            color: #40728d;
        }
        
        .footer-contact-area .line-shape {
            margin-left: 0;
        }
        
        .footer-contact-area .heading-text>p {
            margin-top: 50px;
        }
        
        .footer-contact-area .heading-text {
            margin-bottom: 50px;
        }
        
        #name {
            font-size: 18px;
            padding: 15px 15px;
            border-radius: 25px 25px 25px 0;
        }
        
        #email {
            font-size: 18px;
            padding: 15px 15px;
            border-radius: 25px 25px 25px 0;
        }
        
        #message {
            border-radius: 25px 25px 25px 0;
        }
        
        .btn.submit-btn {
            background: #40728d;
            height: 48px;
            min-width: 185px;
            color: #ffffff;
            font-weight: 500;
            border-radius: 22px 25px 22px 0;
        }
        
        .btn.submit-btn:hover {
            background: #40728d;
            color: #fff;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .footer-contact-area {
            background: #f5f9fc;
        }
        
        .footer-text>p {
            margin-bottom: 50px;
        }
        /* --------------------------
:: 14.0 Footer Area CSS Start
-------------------------- */
        /* footer {
          z-index: -0 !important;  
        }

        section {
            z-index: 1 !important;
        } */

        .footer-text>h2 {
            color: #40728d;
            font-size: 72px;
            font-weight: 700;
        }
        
        .footer-social-icon>a>i {
            background: #60ceef;
            font-size: 14px;
            color: #ffffff;
            height: 40px;
            width: 40px;
            line-height: 40px;
            font-weight: 500;
            border-radius: 10px 10px 10px 0px;
            margin-right: 10px;
        }
        
        .footer-social-icon>a>i:hover {
            background: #40728d;
            color: #fff;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }
        
        .social-icon {
            margin-bottom: 30px;
        }
        
        .footer-text {
            margin-bottom: 15px;
        }
        
        .footer-menu ul li {
            display: inline-block;
        }
        
        .footer-menu ul li a {
            border-right: 2px solid #726a84;
            display: block;
            padding: 0 7.5px;
            color: #726a84;
        }
        
        .footer-social-icon>a .active {
            background: #40728d;
        }
        
        .footer-menu ul li:last-child a {
            border-right: 0 solid #ddd;
        }
        
        .footer-social-icon {
            margin-bottom: 30px;
        }
        
        .footer-menu {
            margin-bottom: 15px;
        }
        
        .copyright-text>p {
            margin-bottom: 0;
        }

.price-value{
    font-size: 1.6rem ;
}

/*landing section*/

.tc-container h2 {
    font-size: 42px;
    line-height: 1.4;
    color: #ccc;
    margin-bottom: 60px;
    text-align: center;
}


/**
* Pricing Table
*/

.align-row-plans{
    display: flex;
    justify-content: center;
    align-items: self-start !important;
}

.tc-pricing-style-1 {
    align-items: center;
}

.tc-pricing-style-1 .tc-pricing-plan {
    position: relative;
    background-color: #fff;
    padding: 45px 30px;
    border-radius: 10px;
    box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
    z-index: 10;
    transition: 0.3s;
}

.tc-pricing-style-1 .tc-pricing-plan:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    background-color: #fff;
    height: calc(100% + 1px);
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 12px;
}

/*.tc-pricing-style-1 .tc-pricing-plan:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 47%;*/
/*    width: 100%;*/
/*    background-color: #40728d;*/
/*    height: 100%;*/
/*    transform: translate(-50%, -50%);*/
/*    z-index: -2;*/
/*    border-radius: 20px;*/
/*}*/

.pricing-top{
    padding-top: 20px;
    border-radius: 20px;
    background-color: #40728d;

}

.tc-pricing-style-1 .pricing-head {
    text-align: center;
}

.tc-pricing-style-1 .pricing-head .price {
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 12px;
}

.tc-pricing-style-1 .pricing-title {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.tc-pricing-style-1 .pricing-duration {
    position: relative;
    z-index: 10;
    padding: 13px;
    line-height: 1;
    background-color: #40728d;
    margin: 0 -30px 30px;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(30deg, #167fc9 11%, #40728d 83.4%);
}

/*.tc-pricing-style-1 .pricing-duration:before {*/
/*    content: '';*/
/*    z-index: -1;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 100%;*/
/*    background-color: #167fc9;*/
/*    background-image: linear-gradient(30deg, #167fc9 11%, #40728d 83.4%);*/
/*    opacity: 0;*/
/*    width: 0;*/
/*    transition: 0.4s;*/
/*}*/

.tc-pricing-style-1 .tc-pricing-plan:hover .pricing-duration:before {
    width: 100%;
    opacity: 1;
}

.tc-pricing-style-1 .pricing-content {
    position: relative;
}

.tc-pricing-style-1 .pricing-content .pricing-icon {
    margin-right: 10px;
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    right: -10px;
}

.tc-pricing-style-1 .pricing-content .pricing-icon > i {
    font-size: 150px;
    color: rgba(19, 19, 19, 0.09);
}

.tc-pricing-style-1 .pricing-content > ul {
    margin-bottom: 16px;
    margin-left: 7px;
}

.tc-pricing-style-1 .pricing-content > ul li {
    list-style: none;
    position: relative;
    padding-left: 22px;
    margin: 7px 0;
}

/*.tc-pricing-style-1 .pricing-content > ul li:before {*/
/*    content:"\e080";*/
/*    position: absolute;*/
/*    font-family:simple-line-icons;*/
/*    left: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    font-size: 14px;*/
/*    background: #40728d;*/
/*    color: #ffff;*/
/*    border-radius: 50%;*/
/*    width: 23px;*/
/*    height: 23px;*/
/*    text-align: center;*/
/*    line-height: 23px;*/
/*    text-indent: 1px;*/
/*}*/

.title-topic i{
    font-size: 1.4rem !important;
    padding: 0 5px;
    color: #40728d;
    vertical-align: text-top;
}

.tc-pricing-style-1 .pricing-content > ul li.not-in {
    text-decoration: line-through;
    color: #bbb;
}

.tc-pricing-style-1 .pricing-content > ul li.not-in:before {
    content:"\e082";
    background-color: #40728d;
}

.tc-pricing-style-1 .pricing-footer {
    text-align: center;
}


.tc-pricing-style-1 .pricing-footer > a {
    padding: 14px 17px;
    line-height: 1;
    text-align: center;
    background-color: #40728d;
    color: #fff;
    min-width: 120px;
    display: inline-block;
    border-radius: 40px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1.2rem;
    width: 220px;
}

.tc-pricing-style-1 .pb-row {
    -ms-flex-align: center;
    align-items: center;
}

.tc-pricing-style-1 .tc-pricing-plan.is-featured {
    padding: 90px 30px;
}

.tc-pricing-style-1 .tc-pricing-plan.is-featured .pricing-duration {
    padding: 18px;
}

.tc-pricing-style-1 .pricing-footer > a:hover,
.tc-pricing-style-1 .pricing-footer > a:focus {
    box-shadow: 0 10px 30px #ddd;
    background-color: #40728d;
}

.tc-pricing-style-1 .tc-pricing-plan.is-featured:before {
    background-color: #40728d;
}
.tc-pricing-style-1 .is-featured .pricing-head .price,
.tc-pricing-style-1 .is-featured .pricing-content > ul,
.tc-pricing-style-1 .is-featured .pricing-title {
    color: #fff;
}

.tc-pricing-style-1 .is-featured .pricing-content .pricing-icon > i {
    color: rgba(255, 255, 255, 0.1);
}

.tc-pricing-style-1 .is-featured .pricing-footer > a:hover {
    box-shadow: 0 10px 30px #131313;
}


.logo-section{
    img {
        max-width: 54%;
        max-height: 100%;
    }
}
.logo-section .classification-plan {
    margin-top: -7px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #726a84;
    font-size: 1.3rem;
}

.title-topic{
    font-weight: 700;
    color: #726a84;
    display: flex;
    margin-bottom: 8px;
    font-size: 1.2rem;
}

.ul-price-itens{
    color: #787d81;
    font-size: 1rem;
}

/*floating button*/
.float{
    position:fixed;
    width:65px;
    height:65px;
    bottom: 40px;
    right: 40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.float:hover {
    color: #FFFFFF;
    background-color: #1DA450FF;
}

.float i {
    font-size: 45px;
}

.c-text-info {
    margin-left: 250px;
    font-size: 332px;
        position: absolute;
        top: -134px;
        font-weight: 900;
        left: -12px;
        z-index: -1;
        color: #fff;
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

@media (max-width: 768px) {
    .float{
        width:50px;
        height:50px;
    }

    .float i {
        font-size: 30px;
    }

    .wellcome_area{
        background: #306bda;
        background: -webkit-linear-gradient(to left, #60ceef, #40728d);
        background: -webkit-linear-gradient(right, #60ceef, #40728d);
        background: -webkit-gradient(linear, right top, left top, from(#60ceef), to(#40728d));
        background: -o-linear-gradient(right, #60ceef, #40728d);
        background: linear-gradient(to left, #60ceef, #40728d);
    }

    .video-section{
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    .ul-price-itens{
        display: none;
    }

    .c-text-info {
        margin-left: 0;
    }

}

.bar-navigation-mobile{
    width: 100%;
    padding: 0 18px 0 18px;
    display: flex;
    justify-content: space-between;
}

.btn-getFree{
    border: none;
    padding: 5px 20px;
    border-radius: 9px;
    font-size: 26px;
    color: #ffffff;
    background-color: #f79230;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
    font-family: 'Cabin', sans-serif;
    white-space: initial;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.btn-getFree:hover, .btn-getFree:active, .btn-getFree:focus{
    background-color: #d07b29;
    color: #f3f3f3;
}

a.link-account-trial{
    border: none;
    padding: 5px 20px;
    border-radius: 9px;
    font-size: 26px;
    color: #ffffff;
    background-color: #f79230 !important;
    font-weight: 600;
    margin-top: 7px;
    cursor: pointer;
    font-family: 'Cabin', sans-serif;
    white-space: initial;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

a.link-account-trial:hover, a.link-account-trial:active, a.link-account-trial:focus{
    background-color: #d07b29 !important;;
    color: #f3f3f3;
}

.logo_mv{
    width: 100%;
    height: auto;
    margin-top: 12px;
}

.mv_logo_container {
    min-width: 40px;
    max-width: 60px;
    min-height: 40px;
    display: inline;
}

.mv_logo_container img {
    width: 100%;
    height: auto;
}

.ehr-info{
    padding: 0 16px;
    width: 100%;
}

.free-account-link{
    background-color: #128c7e !important;
}

.new-pricing-title {
    margin-bottom: 0;
    margin-top: -5px;
    font-size: 2.7rem;
    color: #40728d;
    font-weight: 700;
    text-align: center;
}

.new-pricing-subtitle {
    color: #726a84;
    font-size: 1.2rem;
    margin-bottom: 12px;
    margin-top: -6px;
    text-align: center;
}

.text_access_here{
    font-size: 1rem;
    display: block;
    font-weight: normal;
}

.pricing-month {
    font-size: 1.2rem;
    margin-left: -8px;
}

.align-header{
    margin-top: 9px;
    padding-bottom: 7px;
}

html {
    scroll-behavior: smooth;
}

.promo-btn {
    align-items: center!important;
}

.promo-asterisk-container {
    display: inline-flex!important;
    vertical-align: text-top!important;
}

.promo-asterisk {
    font-size: 1rem!important;
}