/* --------------------------
:: 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 url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@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';
/* --------------------------
:: 1.0 Base CSS Start
-------------------------- */
:root {
    --c-white:rgb(255, 255, 255);
    --c-red:rgb(255, 255, 255);
    --c-willow:rgb(200, 218, 197);
    --c-golden:rgb(250, 190, 0);
    --c-apple-green:rgb(130, 185, 40);
    --c-olive-green:rgb(120, 165, 20);
    --c-jade:rgb(30, 160, 125);
    --c-medium-gray:rgb(130, 130, 130);
    --c-platinium:rgb(236, 236, 236);
    --c-heading:rgb(110, 202, 80);
    --page-max-width:1400px;
    }
* {margin:0;padding:0;}
body {font-family:/*'Cabin'*/ 'Inter', sans-serif;background-color:#FFF;}
h1,
h2,
h3,
h4,
h5,
h6 {font-family:/*'Cabin'*/ 'Inter', 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_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:180px;width:50px;background-color:#479738;color:#FFF;text-align:center;height:40px;line-height:40px;z-index:999 !important;}
a,
a:hover,
a:focus,
a:active {text-decoration:none;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 {font-weight:300;color:#479738;font-size:48px;margin:0;}
.section-heading {margin-bottom:60px;}
.line-shape-white,
.line-shape {width:80px;height:2px;background-color:#479738;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 {animation:2000ms linear 0s normal none infinite running colorlib-load;background:transparent none repeat scroll 0 0;border-color:#DDDDDD #DDDDDD #479738;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% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
    }
@keyframes colorlib-load {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
    }
.wellcome_area,
.special-area {max-width:var(--page-max-width);margin:22px auto 0 auto;background-color:var(--c-platinium) !important;border-radius:20px;}
/* --------------------------
:: 2.0 Header Area CSS
-------------------------- */
.header_area {left:0;position:absolute;width:100%;z-index:99;top:0;margin:0 auto;padding:0 4%;}
.header_area > div {max-width:var(--page-max-width);}
.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;transition-duration:500ms;padding:35px 15px;}
.menu_area nav ul li > a:hover {color:#78AA28;}
.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 0;}
.sing-up-button > a:hover {background:#479738;color:#FFF;border:2px solid #FFF;transition-duration:500ms;}
/* stcicky css */
.header_area.sticky {background:#479738;background:linear-gradient(to left, #479738, #000);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.jpg);height:769px;position:relative;z-index:1;background-position:top center;}
.wellcome_area:after {position:absolute;width:100%;left:0;height:2px;background-color:#FFF;content:'';bottom:0;z-index:2;}
.welcome-thumb {width:43%;position:absolute;bottom:0;right:95px;z-index:9;}
.welcome-thumb img {height:auto;width:100%;max-width:647px;}
.wellcome-heading > h2 {font-size:64px;font-weight:800;line-height:71px;color:#FFFFFF;position:relative;z-index:3;}
.get-start-area .email {background:#9572E8;height:50px;max-width:260px;border:none;border-radius:24px;padding:0 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:#BCCCA3;opacity:1;}
.get-start-area .email:focus {border:none;border-radius:30px;}
.get-start-area .submit {background-color:#FFF;color:#479738;font-weight:500;display:inline-block;border:none;height:50px;min-width:167px;line-height:46px;text-align:center;border-radius:24px 24px 24px 0;margin-left:10px;cursor:pointer;}
.get-start-area .submit:hover {background:#78AA28;color:#FFF;border:2px solid #FFF;transition-duration:500ms;}
.wellcome-heading > p {color:var(--c-white);font-size:18px;font-weight:600;}
.wellcome-heading {max-width:709px;margin-bottom:100px;}
.wellcome-heading span {color:var(--c-heading);}
/* --------------------------
:: 4.0 Special Area CSS
-------------------------- */
.single-icon > i {font-size:36px;color:#78AA28;}
.single-special > h4 {font-size:22px;color:#141414;}
.single-icon {margin-bottom:25px;}
.single-special > h4 {font-size:22px;color:#141414;margin-bottom:15px;}
.single-special {border:1px solid #EFF2F6;padding:40px;border-radius:40px 40px 40px 0;transition-duration:800ms;margin-bottom:30px;}
.special_description_content > h2 {color:#479738;font-size:48px;margin-bottom:30px;}
.single-special:hover {box-shadow:0 10px 90px rgba(0, 0, 0, 0.08);}
.single-special p {margin-bottom:0;}
.app-download-area {display:flex;margin-top:50px;}
.app-download-btn a {border:1px solid #DDD;display:flex;align-items:center;padding:15px 30px;border-radius:30px 30px 30px 0;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);justify-content:center;}
.app-download-btn.active a,
.app-download-btn a:hover {border-color:transparent;background-color:#479738;}
.app-download-btn a i {color:#47425D;font-size:24px;margin-right:15px;transition-duration:500ms;}
.app-download-btn a p {font-size:16px;line-height:1;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:#479738;font-size:30px;display:inline-block;float:left;margin-right:10px;}
.single-feature > h5 {font-size:22px;color:#141414;}
.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;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:#FB397D;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%;transform:translate(-50%, -50%);z-index:3;}
.video-area .video-play-btn a:hover {background-color:#A865E1;color:#FFF;}
/* --------------------------
:: 7.0 Cool Facts Area CSS
-------------------------- */
.cool_facts_area {position:relative;z-index:auto;background:#A865E1;background:linear-gradient(to left, #7873ED, #A865E1);padding:180px 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;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;transform:scale(0.85)}
.app_screenshots_slides .center .single-shot {opacity:1;transform:scale(1);}
.app-screenshots-area .owl-dot {height:11px;width:11px;border:2px solid #479738;border-radius:50%;display:inline-block;margin:50px 6px 0 6px;}
.app-screenshots-area .owl-dot.active {background-color:#479738;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:#000;font-size:18px;}
.single-price-plan .package-plan .ca-price h4 {color:#479738;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:#479738;}
.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;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:#479738;}
.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:#5B32B4;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 auto 15px auto;font-size:22px;}
.clients-feedback-area .client > i {font-size:48px;color:#897CEB;margin-bottom:30px;}
.clients-feedback-area .client-name > p {color:#B5AEC4;}
.clients-feedback-area .slick-dots {display:flex;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:#FB397D;border-color:#FB397D;}
.clients-feedback-area .slick-slide.client-thumbnail {display:flex;justify-content: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:0 4px 20px rgba(0, 0, 0, 0.1);box-shadow:0 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:#479738;}
.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:#000;font-weight:500;border-radius:23px 23px 23px 0;}
.get-started-button > a:hover {background:#479738;color:#FFF;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:#5B32B4;}
.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;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: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:#9A81D7;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:#687E5E;font-weight:bold;}
.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:#479738;height:48px;min-width:185px;color:#FFFFFF;font-weight:500;border-radius:22px 25px 22px 0;cursor:pointer;}
.btn.submit-btn:hover {background:#78AA28;color:#FFF;transition-duration:500ms;}
.footer-contact-area {background:#F5F9FC;}
.footer-text > p {margin-bottom:50px;}
/* --------------------------
:: 14.0 Footer Area CSS Start
-------------------------- */
.footer-text > h2 {color:#A7ACA4;font-size:72px;font-weight:700;}
.footer-social-icon > a > i {background:#9B69E4;font-size:14px;color:#FFFFFF;height:40px;width:40px;line-height:40px;font-weight:500;border-radius:10px 10px 10px 0;margin-right:10px;}
.footer-social-icon > a > i:hover {background:#FB397D;color:#FFF;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:#FB397D;}
.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;}
/* --------------------------
:: Languagepicker
-------------------------- */
.languagepicker {display:inline-block;padding:0;height:40px;overflow:hidden;transition:all .3s ease;margin:0 10px 10px 0;vertical-align:top;float:left;}
.languagepicker:hover {height:120px;}
.languagepicker a {color:#000;text-decoration:none;}
.languagepicker li {display:block;padding:0 10px;line-height:40px;}
.languagepicker li:hover {background:#479738;color:#FFF;transition-duration:500ms;}
.languagepicker a:first-child li {border:none;}
.languagepicker li img {margin-right:5px;}
.roundborders {border-radius:5px;}
.large:hover {height:245px;}
.estlatlogo_container {position:relative;top:100px;height:100px;width:100%;}
.estlatlogo {background-color:#FFFFFF;height:73px;width:226px;text-align:center;}