/* General */
body{ font-family: 'Roboto', sans-serif; font-size: 14px; background-color: #fff; color: #999999; }
a{ color: #7daff1; }

.fade{transition:opacity .15s linear}
@media (prefers-reduced-motion:reduce){
	.fade{transition:none}
}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
@media (prefers-reduced-motion:reduce){
	.collapsing{transition:none}
}

.container{ position: relative; max-width: 1200px; width: 100%; }
/* Landing Header */
.landing-header{ padding: 15px 0; position: absolute; left: 0; top: 0; right: 0; z-index: 999; }
.landing-header .landing-logo a{ font-size: 17px; color: #fff; text-decoration: none; }
.landing-header .landing-logo img{ margin-right: 15px; }
.landing-header .landing-logo b{ font-weight: bold; }

.landing-banner{ background-image: url(../images/banner/landing-banner-bg.jpg?63); background-size: cover; background-position: center; padding: 120px 0 30px; }
.landing-banner-inner{ max-width: 900px; margin: 0 auto; }
.landing-banner-inner .banner-title{ color: #fff; font-size: 43px; margin-bottom: 30px; }
.landing-banner-inner .banner-title .decoration{ position: relative; }
.landing-banner-inner .banner-title .decoration:before{ content: ""; position: absolute; top: 100%; right: 0; width: 63px; height: 15px; background-image: url(../images/banner-title-decoration.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.landing-banner-inner .banner-text{ font-size: 18px; line-height: 1.7; max-width: 480px; margin: 0 auto 20px; color: #fff; }
.landing-banner-inner .banner-btn{ color: #2b375a; font-size: 15px; background-color: #ffdc1e; border-radius: 30px; padding: 10px 35px; font-weight: 500; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; transition: all ease 300ms; }
.landing-banner-inner .banner-btn:hover,
.landing-banner-inner .banner-btn:focus{ background-color: #2b375a; color: #fff; box-shadow: none; }
.banner-box-row{ margin-top: 35px; }
.banner-box-row .banner-box{ background-color: #fff; border-radius: 15px; padding: 20px; max-width: 240px; margin: 0 auto 25px; }
.banner-box-row .banner-box img{ margin-bottom: 18px; max-width:100px;}
.banner-box-row .banner-box h3{ color: #070707; font-size: 19px; }
.banner-box-row .banner-box b{ font-weight: 900; }
.banner-box-row .banner-box h3 .text-yellow{ color: #ffdc1d; font-size: 20px; }
.pre-reg.btn {color: #2b375a;
    font-size: 15px;
    background-color: #ffdc1e;
    border-radius: 30px;
    padding: 10px 35px;
    font-weight: 500;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;}

    .partner.plain.btn {color: #8a8a8a;
    font-size: 15px;
    background-color: none;
    border:3px solid  #efefef;

    border-radius: 30px;
    padding: 10px 35px;
    font-weight: 500;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;}

.landing-about-section{ padding: 70px 0 90px; overflow: hidden; }
.landing-about-section .container{ position: relative; }
.landing-about-section .container:before{ content: ""; width: 100%; height: 100%; top: 44px; left: 41.666%; background-color: #faf9fd; position: absolute; }
.landing-about-section .b-icon{ position: absolute; left: -75px; top: -130px; font-size: 195px; font-weight: 600; color: #ebe9f3; height: 340px; width: 340px; background-color: #faf9fd; text-align: center; border-radius: 200px; line-height: 340px; }
.landing-about-section .landing-about-left h3{ color: #232323; font-weight: 500; font-size: 26px; margin-bottom: 20px; }
.landing-about-section .landing-about-left p{ color: #747474; font-weight: 400; font-size: 15px; margin-bottom: 18px; max-width: 420px; }
.landing-about-section .landing-about-left .btn-success{ background-color: #61ca63; border-color: #61ca63; padding: 15px 35px; text-transform: uppercase; font-size: 14px; margin-top: 30px; }
.landing-about-section .landing-about-right{ padding-left: 55px; }
.landing-about-section .landing-about-right .bg-dark{ background-color: #2b375a !important; border-radius: 0; font-size: 15px; font-style: italic; max-width: 430px; line-height: 1.6; margin-bottom: 35px; }
.landing-about-section .landing-about-right .bg-dark .card-body{ padding: 20px 25px; }
.landing-about-section .landing-about-right h3{ color: #000000; font-size: 25px; font-weight: bold; margin-bottom: 30px; }
.features-row .feature-col{ margin-bottom: 30px; }
.features-row .feature-col img{ margin-bottom: 10px; max-width:60px; }
.features-row .feature-col h4{ color: #454d6b; font-size: 17px; font-weight: 600; }
.features-row .feature-col p{ color: #707070; }

.landing-partners-section{ padding: 50px 0 100px; }
.section-subtitle{ color: #959bac; font-size: 14px; margin: 0; }
.section-title{ font-size: 36px; color: #2b375a; margin-bottom: 25px; }
.partners-wrap{ padding: 20px 0; }
.partners-wrap .partner-item{ max-width: 16%; display: inline-block; vertical-align: top; margin-bottom: 30px; padding: 0 10px; }
.partners-wrap .partner-item img{ max-width: 100%; }
.partners-wrap .partner-item .partner-title{ font-size: 12px; text-transform: uppercase; color: #2b375a; background-color: #edeef0; padding: 4px 12px; border-radius: 20px; display: inline-block; margin-top: 5px; }

/* Landing Footer */
.landing-footer{ background-color: #2b375a; color: #fff; }
.landing-footer .footer-logo{ color: #fff; text-decoration: none; margin-bottom: 5px; display: inline-block; }
.landing-footer .footer-logo span{ margin-left: 10px; font-size: 21px; font-weight: bold; vertical-align: middle; }
.landing-footer .footer-top{ padding: 40px 0 60px; }
.landing-footer .footer-top .container{ max-width: 700px; width: 100%; }
.landing-footer .footer-top .footer-content{ max-width: 350px; }
.landing-footer .footer-top .footer-content p{ margin-left: 65px; font-size: 12px; margin-bottom: 0; }
.landing-footer .contact-info{ margin-bottom: 20px; font-size: 12px; }
.landing-footer .contact-info label{ display: block; font-weight: bold; margin-bottom: 5px; }
.landing-footer .contact-info a{ color: #fff; }
.landing-footer .social-icons a{ font-size: 28px; color: #ffdc1e; display: inline-block; margin-right: 15px; }
.landing-footer .footer-bottom{ text-align: center; padding: 10px 0; background-color: #212c4b; color: #909dc4; }

/* Modal */
.modal-backdrop.show{ opacity: 0.2; }
.modal-dialog{ max-width: 450px; }
.close{ font-size: 14px; color: #C26C6C; position: absolute; right: 20px; top: 15px; font-weight: 500; opacity: 1; z-index: 99; }
.close .text{ vertical-align: middle; }
.close .icon{ font-size: 30px; color: #111; margin-top: -5px; display: inline-block; vertical-align: middle; font-weight: 300; }
.pre-register-wrap{ padding: 80px 15px 25px; background-image: url(../images/welcome-gradient-hor.png); background-size: 100% auto; background-position: top 20px center; background-repeat: no-repeat;}
.pre-register-wrap h4{ font-weight: bold; color: #2b375a; font-size: 19px; margin-bottom: 18px; }
.pre-register-wrap p{ max-width: 350px; margin-left: auto; margin-right: auto; color: #a6aebe; font-size: 13px; }
.pre-register-wrap .subscription-form{ max-width: 350px; margin-left: auto; margin-right: auto; }
.pre-register-wrap .subscription-form .form-label{ display: block; text-transform: uppercase; color: #6e7791; font-size: 12px; text-align: left; font-weight: 500; }
.pre-register-wrap .subscription-form .form-control{ border-radius: 3px; height: 36px; padding: .375rem 1rem; border: 0 none; box-shadow: 0 5px 15px 2px rgba(0,0,0,0.08); margin-bottom: 10px; font-size: 13px; }
.pre-register-wrap .subscription-form .form-control::-webkit-input-placeholder { color: #bdbdbd; }
.pre-register-wrap .subscription-form .form-control:-ms-input-placeholder{ color: #bdbdbd; }
.pre-register-wrap .subscription-form .form-control::placeholder { color: #bdbdbd; }
.pre-register-wrap .subscription-form .btn{ color: #2b375a; font-size: 15px; background-color: #ffdc1e; border-radius: 30px; padding: 10px 35px; font-weight: 500; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; transition: all ease 300ms; }
.pre-register-wrap .subscription-form .btn:hover,
.pre-register-wrap .subscription-form .btn:focus{ color: #fff; background-color: #2b375a; box-shadow: none; }
.mce-responses{ padding-bottom: 10px; text-align: left; }
.mce-responses #mce-error-response{ color: red; }
.mce-responses #mce-success-response{ color: green; }


@media screen and (min-width: 1024px){
	.features-row .feature-col{ padding-right: 30px; }
}
@media screen and (max-width: 1024px){
	.partners-wrap .partner-item{ max-width: 25%; }
}
@media screen and (max-width: 768px){
	.landing-about-section .landing-about-right{ padding-left: 30px; }
}
@media screen and (max-width: 767px){
	.partners-wrap .partner-item{ max-width: 100%; width: 33%; margin-left: -2px; margin-right: -2px; }
	.banner-box-row .banner-box{ width: 100%; }
	.landing-about-section .container:before{ display: none; }
	.landing-about-section .landing-about-left p{ max-width: 100%; }
	.landing-about-section .landing-about-left{ margin-bottom: 30px; }
	.landing-about-section .landing-about-right{ padding-left: 15px; }
	.landing-about-section{ padding: 70px 0 30px }
	.landing-partners-section{ padding: 20px 0; }
}
@media screen and (max-width: 575px){
	.landing-banner-inner .banner-title{ font-size: 36px; line-height: 1.4; }
	.landing-banner-inner .banner-title .decoration:before{ height: 10px; width: 46px; }
	.landing-footer .footer-top .footer-content p{ margin-left: 0; }
	.landing-footer .footer-top .footer-content{ max-width: 100%; margin-bottom: 30px; }
	.landing-footer .footer-top{ padding-bottom: 20px; }
	.landing-footer .footer-logo{ margin-bottom: 15px; }
	.partners-wrap .partner-item{ width: 48%; }
}