@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap');
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
* {padding: 0;margin: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.btn {outline: none !important;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
a, label {-webkit-user-select: none; /* Chrome/Safari */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */-o-user-select: none;user-select: none;}
a:hover {cursor: pointer;text-decoration: none;color: #4582E6;}
body{font-family: 'Poppins', sans-serif;}
strong{font-weight: 700;}
.gray-text{color: #484848;}
.font18{font-size: 18px;line-height: 30px;}
.font12{font-size: 12px;line-height: 20px;}
.font14{font-size: 14px;line-height: 24px;}
.font16{font-size: 16px !important;}
.font20{font-size: 20px;line-height: 30px;}
p{color: #171717;line-height: 25px;font-size: 16px;}
.medium{font-weight: 500 !important;}
textarea{resize: none;}
.form-control[readonly]{background-color: transparent;color: #484848;opacity: 0.5;}
.form-control[readonly]:focus{opacity:0.5;    border: 1px solid #c3bebe;}
/*sticky footer*/
.site { display: flex;min-height: 100vh;flex-direction: column;overflow-x: hidden}
.wrapper {flex: 1 0 auto;    overflow-x: hidden;}

header .navbar-nav .nav-link{color: #707070;    padding: 0 18px !important;align-self: center}
header nav{background-color: #fff;    box-shadow: 1px 0px 6px rgba(0,0,0,0.1);}
header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link.active {color: #4582E6;}
.landing_sec{/*    background-size: cover;*/
    background-position: center;background-repeat: no-repeat;height: 800px;position: relative}
.overlay{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.page_content {
    padding-top: 89px;
}
.download_btn img {
    width: 165px;
    margin: 0 8px;
}
.landing_sec .desc_block{position: relative}
h1 {
    font-size: 75px;
    color: #fff;
    font-weight:600;
    text-align: left;
    margin-bottom: 0;line-height: normal
}
.heading {
    text-align: center;
    margin-bottom: 45px;
}
header .navbar-nav .download_img img {
    width: 147px;
    vertical-align: middle;    margin: 0 4px;
}
header .navbar-nav li{display: flex}
.heading_text{margin-left: 350px;padding-top: 15px;padding-bottom: 25px;border-left: 2px solid #ddd;width: 100%;padding-left: 30px;line-height: normal}
.heading_text p{font-size: 50px;color: #fff;font-weight: 500;line-height: normal}
.heading_text p span{border-bottom: 4px solid #4582e6;}
.heading_text h1 span{font-family: roboto;font-weight: 600}
.heading .small_text{position: relative;text-transform: uppercase;font-size: 18px;font-weight: 500;color: #BCBCBC;line-height: normal;width: auto; display: inline-block;    letter-spacing: 5px;}
.heading .small_text:before{position: absolute;content: "";background: #bcbcbc;height: 3px;width: 40px;left: -50px;top: 12px;  }
.heading h2{color: #333;font-size: 46px;line-height: normal;font-weight: 700;position: relative;padding-bottom: 15px;}
.heading h2:after {position: absolute;content: "";height: 6px;width: 100px;left: 0;right: 0;margin: 0 auto;bottom: 0;border-radius: 10px;background-color: #4582E6;}

.feature_box .img_block img{max-width: 90%}
.sub_heading{margin-bottom: 20px}
.sub_heading h3 {font-size: 32px;font-weight: 700;color: #4582E6;position: relative;line-height: normal; display: inline-block;}
.sub_heading h3:after {position: absolute;content: "";background: #4582E6;height: 4px;width: 60px;right: -80px;top: 22px;}
.sub_heading p{font-size: 32px;font-weight: 700;color: #333;position: relative;line-height: normal;display: block}
.desc p{margin-bottom: 15px;}
.feature_box .desc p{color: #314B3C;line-height: 32px}
.feature_box{margin: 20px 0;display: inline-block}
.bg_dark{background-color: #12435B}
.bg_dark .heading p{color: #F1F1F1}
.bg_dark .heading h2{color: #fff}
.row-flex { display: flex; flex-wrap: wrap;}
.about_sec .bg_img{background-repeat: no-repeat;background-size: cover;background-position: center}
.about_sec p{color: #fff}
.about_sec .detail_block{padding: 50px 100px;}
.about_sec .detail_block .desc p{line-height: 32px;}
.desc_text{color: #314B3C}
.pricing_detail .desc_text{width: 60%;text-align: center;margin: 0 auto;line-height: 32px;}
.pricing_block{background-image: url("../images/pricing.png");background-repeat: no-repeat;background-position: top center;width: 360px;height: 221px;background-size: contain;margin: 30px auto 0;position: relative}
.pricing_block .pricing_text{font-size: 40px;font-weight: 700;text-align: center;color: #fff;padding-top: 62px;line-height: normal}
.pricing_block .pricing_text span{font-size: 18px;font-weight: 500;vertical-align: middle;display: block}
.pricing_block .absolute_text{position: absolute;right: 20px;bottom:10px;color: #fff;font-size: 14px;font-weight: 400;opacity: 0.2}
.btn-primary{border:2px solid #12435B;color: #12435B;font-weight: 500;text-align: center;padding: 8px 20px;border-radius: 6px;background-color: transparent}
.btn-primary:hover{background-color: #12435B;border-color: #12435B;}
.light_bg{background-color:#F8FAFF}
.blog_box{background-color: #fff;padding: 5px;border-radius: 5px;box-shadow: 1px 0px 6px rgba(0,0,0,0.1);position: relative}
.blog_box .bg_img{background-size: cover;padding-top: 65%;border-top-left-radius: 5px;border-top-right-radius: 5px;background-repeat: no-repeat;background-position: center}
.blog_box .desc{padding: 10px;width: 100%;display: inline-block}
.blog_box h5{font-size: 18px;font-weight: 500;    white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.blog_box p{color: #808080;font-size: 14px;margin-top: 8px;margin-bottom: 0}
.blog_box .btn{font-size: 14px;}
.blog_box .date {position: absolute;background-color: #4582E6;color: #fff;width: 62px;height: 62px;text-align: center;font-size: 28px;font-weight: 500;line-height: 26px;padding: 8px 2px;left: 0;top: 15px;}
.blog_box .date span{font-size: 16px;display: block}
.blog_box .date:after { position: absolute; content: "";background-image: url(../images/arrow.png); background-size: 6px;background-repeat: no-repeat; width: 6px; height: 6px; left: 0px; bottom: -6px;}
.btn-green {border: 2px solid #4582E6;color: #fff;font-weight: 500;text-align: center;padding: 8px 20px;border-radius: 6px;background-color: #4582E6;box-shadow: 1px 3px 6px rgba(0,0,0,0.1);min-width: 100px;}
.btn-green:hover {color: #4582E6; background-color: #fff;}
.submit_btn{text-align: center;margin: 20px 0;width: 100%;display: inline-block}
.contact_form form{margin: 50px 0 0;}
footer{background-color:#1C202B;padding: 50px 0}
footer p, footer a{color: #E2E2E2}
footer hr{border-top: 1px solid rgba(98,98,98,0.3);margin: 30px 0;}
footer .footer_sec3 .copyrights{opacity: 0.5;color: #b4b4b4}
footer .download_img a img { width: 158px;margin-left: -10px;}
footer .email{margin: 20px 0;display: inline-block;width: 100%;}
footer .email i {color: #4582E6;margin-right: 10px;}
footer ul li{margin: 10px 0;}
footer .footer_sec2 .column2,footer .footer_sec2 .column3{padding-left: 80px}
footer .footer_sec3 .footer_text{color: #b4b4b4}
footer h2{    font-size: 40px;color: #fff;font-weight: 700}

/* blog page */
.blog_page .static_content ul{padding-left: 10px;margin: 10px 0}
.blog_box1 .bg_img{background-size: cover;padding-top: 86%;border-radius:1px;background-repeat: no-repeat;background-position: center}
.blog_box1 .blog_a{height: 20px; margin-bottom: 10px;}
.blog_box1 .blog_a { height: 56px;overflow: hidden;transition: height 0.2s ease-in-out;}
.blog_box1 .blog_b { margin-bottom: 10px; overflow: hidden;transition: height 0.2s ease-in-out;}
.blog_box1 .read_more_link .less, .blog_box1.active .read_more_link .more{display: none;}
.blog_box1.active .read_more_link .less,  .blog_box1 .read_more_link .more{display: block}
.blog_box1.active .blog_a{height: auto;transition: height 0.2s ease-in-out;}
.blog_box1 .read_more_link{width: 100%;display: inline-block}
.blog_box1 .read_more_link a{color: #30D376;float: left;border-bottom: 1px solid transparent}
.blog_box1 .read_more_link a:hover{border-bottom: 1px solid #30D376}

.post-meta, .post-meta span a { color: #bbb;font-size: 12px;font-weight: 700;letter-spacing: 1px;text-align: right;text-transform: uppercase;}
.post-meta span:first-child:before{display: none;}
.post-meta span:before {content: "";margin: 0 10px 0 7px;display: inline-block; height: 4px; width: 4px; border-radius: 50%; vertical-align: middle; background-color: #ddd;}

.static_content .blog_box1 {background-color: #fff;padding: 40px 0; border-bottom: 1px solid #ddd;border-radius: 0;}
.static_content .blog_box1:last-child{border-bottom: none;margin-bottom: 40px}
.static_content .blog_q{font-size: 24px;color: #000;font-weight: 500;margin-bottom: 15px}

/* static pages */
.static_page_heading{font-size: 30px !important;font-weight: 600 !important;}

/*.static_content ul li{position: relative;color: #333;line-height: normal;margin: 10px 0;padding-left: 20px;line-height: 28px;}
.static_content ul li:after{position: absolute;content: "";background:#30D376;height: 10px;width: 10px;top:4px;left: 0; }
.static_content p{color: #333}*/

.static_content .update{font-size: 24px;font-weight: 500;color: #333;margin-bottom: 20px;}
.static_content .small-head{font-size:20px;font-weight: 500;margin-bottom: 15px;margin-top: 10px;display: inline-block;width: 100%;}
.static_content p{margin-bottom: 10px}
.static_content{margin-bottom: 40px;}
.pt-3 {padding-top: 40px !important;}
.pb-3{padding-bottom: 40px !important}
.pt-2 {padding-top: 10px !important;}
.pb-2{padding-bottom: 10px !important}

/* Faq */
.faq_sec{margin-top: 10px}
.faq_sec .faq{border-bottom: 1px solid #dadada;}
.faq_sec .small_head{margin-bottom: 0;}
.faq_sec .faq .q {cursor: pointer;padding: 20px 45px 20px 0;position: relative;    line-height: normal;font-size: 24px;    border-top: 1px solid #ddd;font-weight: 500}
.faq_sec .faq .a {display: none;color:#fff;font-size: 16px;line-height: 25px;padding: 0 0 20px;}
.faq_sec .close .a{height:0px; -webkit-transform: scaleY(0);-o-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0); float:left;  display:block;-webkit-transform-origin: top; -o-transform-origin: top;  -ms-transform-origin: top;transform-origin: top; -webkit-transition: -webkit-transform 0.1s ease-out; -o-transition: -o-transform 0.1s ease;-ms-transition: -ms-transform 0.1s ease;transition: transform 0.1s ease;}
.faq_sec .open .a{width: 100%; padding: 0 0 20px;display:block; -webkit-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1); -webkit-transform-origin: top;-o-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition: -webkit-transform 0.4s ease-out;-o-transition: -o-transform 0.4s ease;-ms-transition: -ms-transform 0.4s ease;transition: transform 0.4s ease; box-sizing: border-box;}
.faq_sec .open .a p{margin-bottom: 15px;}
.faq_sec .open .a p:last-child{margin-bottom: 0;}
.faq_sec .que_ans{opacity: 1;border-top: 1px solid #fff;float: none;color: #000;text-shadow: none;}
.faq_sec .open .q img{transform: rotate(180deg)}
.faq_sec .que_ans:hover{opacity: 1 !important;text-shadow: none;color: #000 !important;}
.faq_sec .close .vertical {transition: all 0.5s ease-in-out;transform: rotate(-90deg);}
.faq_sec .close .horizontal {transition: all 0.5s ease-in-out;transform: rotate(-90deg);opacity: 1;}
.faq_sec .open {opacity: 1;}
.faq_sec .open .vertical { transition: all 0.5s ease-in-out;transform: rotate(90deg);}
.faq_sec .open .horizontal {transition: all 0.5s ease-in-out;transform: rotate(90deg);opacity: 0;}
.faq_sec .circle { position: absolute;width: auto; height: auto; border-radius: 100%; right: 20px; top: 35px;}
.faq_sec  .circle .horizontal {position: absolute; background-color: #000;width: 24px; height: 2px; left: 50%; margin-left: -14px; top: 50%; margin-top: -4px;}
.faq_sec  .circle .vertical {position: absolute;background-color: #000;width: 2px;height: 24px;left: 50%;margin-left: -2.5px;top: 50%;margin-top: -15px;}

/* blog */
.blog_page_detail h3{font-size: 24px;margin:20px 0;line-height: 34px;color: #000;}
.blog_img { text-align: center}
.blog_img .img-fluid{ width: 100% !important;}
.blog-publish {color: #999 !important; text-transform: capitalize !important;}
.blog_page_detail h2 {

    font-size: 32px;
    line-height: 44px;
    margin: 40px 0 20px;

}
.static_content ul li{position: relative;color: #333;line-height: normal;margin: 10px 0;padding-left: 20px;line-height: 28px;}
.static_content ul li:after{position: absolute;content: "";background:#30D376;height: 10px;width: 10px;top:4px;left: 0; }
.static_content p{color: #333}
#success_message { display: none; }
#contact_form .help-block {color: #a94442;}

.pt-5 {padding-top: 70px !important}
.pb-5{padding-bottom: 70px !important}
.quote_info{text-align: center;position: relative;}
.quote_info .quote{position: relative;color: #808080;line-height: 30px;text-align: center;margin-bottom: 20px; display: inline-block;padding: 0 90px}
.quote_info .user_block img{width: 105px;height: 105px;margin: 15px auto;}
.quote_info .quote_writer{font-weight: 600;font-size: 20px;text-transform: uppercase;line-height: normal}
.quote_info .quote_writer span{display: block;color: #8D8D8D;font-weight: 500;font-size: 16px;text-transform: none}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: #4582E6;}
.owl-dots, .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 30px;}
.quote_info .quote:after{position: absolute;left: 0;top: 0;font-size: 70px;color: #F3F3F3;    content:"\f10d";font-family: FontAwesome;line-height: normal}
.quote_info .quote:before{position: absolute;right: 0;bottom: 0;font-size: 70px;color: #F3F3F3;    content:"\f10e";font-family: FontAwesome;line-height: normal}
.landing_sec .verified_text img {
    vertical-align: middle;
}
.landing_sec .verified_text {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0,0,0,0.15);
    line-height: normal;
    padding: 1px 20px 4px;
    float: left;
    display: inline-block;
}
.navbar-brand img{width: 180px;}
a.view_more_text {
    float: right;
    display: inline-block;
    color: #12435B;
    font-size: 14px;margin: 15px;
}
a.view_more_text:hover{border-bottom: 1px solid #12435B}
.view_more_btn{text-align: center;margin-top: 40px;}
@media(max-width:1600px){
    .landing_sec{height: 700px;}
    .about_sec .detail_block {padding: 50px 70px;}
    h1 { font-size: 60px;}
    .heading_text p {
        font-size: 40px;}
}

@media(max-width:1440px){
    .heading_text {
        margin-left: 385px;}
}

@media(max-width:1366px){
    .landing_sec{
        height: 650px;
    }
}
@media(max-width:1199px){
    h1 {
        font-size: 50px;
        line-height: normal;
    }
    .landing_sec {height: 550px;}
    .heading_text {
        margin-left: 340px;
    }
    .heading_text p {
        font-size: 30px;
        line-height: normal;
    }
}
@media(max-width:991px){
    .feature_box .img_block img { max-width: 100%;}
    .sub_heading p {    font-size: 28px;line-height: 36px}
    .feature_box .desc p{font-size: 14px;line-height: 28px;}
    .sub_heading h3 {font-size: 26px;}
    .sub_heading p {font-size: 22px;line-height: 30px;}
    .sub_heading h3:after{top: 18px;}
    .about_sec .bg_img{padding-top: 50%}
    .pricing_detail .desc_text {width: 90%;}
    .blog_box .desc { padding: 5px;}
    .blog_box p{    line-height: 23px;}
    .blog_box .date{width: 45px;height: 45px;font-size: 20px;line-height: 20px;padding: 5px 2px;}
    .blog_box .date span {font-size: 13px;}
    .navbar-brand img {width: 125px;}
    .page_content { padding-top: 73px;}
    header .navbar-nav .download_img img {
        width: 110px}
    header .navbar-nav .nav-link {
        padding: 0px 10px !important;
        font-size: 14px;
    }
    .heading_text {
        margin-left: 100px;}
}

@media(max-width:767px){
    .flex-ipad{display: flex;flex-direction: column-reverse}
    h1 {font-size: 40px; line-height: normal;}
    /*.landing_sec {height: calc(100vh - 70px);}*/
    .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navbar-toggler:focus{outline: none}
    .navbar-brand img{width: 120px;}
    .page_content {padding-top: 70px;}
    .feature_box .detail_block{margin-top: 20px;}
    .pb-5 { padding-bottom: 60px !important;}
    .pt-5 { padding-top: 60px !important;}
    .heading h2{font-size: 34px}
    .about_sec .detail_block {padding: 50px 30px;}
    .feature_box:last-child{margin-bottom: 0}
    .blog_box{margin-bottom: 30px;}
    .quote_info .quote {line-height: 28px;padding: 0 30px;font-size: 14px;}
    .quote_info .quote:after, .quote_info .quote:before{font-size: 40px;}
    .quote_info .quote:before{bottom: -50px}
    footer .footer_sec2 .column2, footer .footer_sec2 .column3 {padding-left: 0;}
    .heading .small_text{font-size: 16px;}
    .landing_sec {background-position: 41% center;}
    header .navbar-nav .nav-link{line-height: 30px;}
    header .navbar-nav .download_img img {
        width: 110px;
        margin: 7px 9px;
    }
    .heading_text {
        margin-left: 0;    padding-left: 15px;
    }
}
@media(max-width:575px){

}
@media(max-width:480px){
    .heading_text{border: none;text-align: center;padding: 0}
    .heading .small_text:before{display: none}
    h1 {font-size: 30px;line-height: normal;text-align: center}
    .heading_text p {
        font-size: 20px;line-height: normal}
    .download_btn img { width: 140px;}
    .heading h2 {font-size: 30px;}
    .pricing_block{width: 290px;height: 180px}
    .pricing_block .pricing_text {font-size: 32px; padding-top: 45px;}
    footer h2 { font-size: 32px;}
    footer{padding: 40px 0}
    .about_sec .detail_block .desc p {
        line-height: 28px;}
    .about_sec .detail_block {padding: 50px 15px;}
    .landing_sec .verified_text{    width: 200px;    right: 0; left: 0;margin: 0 auto}
    .landing_sec .desc_block {
        position: absolute;
        bottom: 64px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        width: 89%;
    }
}