@charset "utf-8";

/* CSS Document */



body{margin:0; padding:0; font-size:17px;}

@font-face { font-family: "CeraPro-Thin"; src: url("../fonts/CeraPro-Thin.eot"); src: url("../fonts/CeraPro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro-Thin.woff2") format("woff2"), url("../fonts/CeraPro-Thin.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "CeraPro-Thin"; src: url("../fonts/CeraPro-Thin.eot"); src: url("../fonts/CeraPro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro-Thin.woff2") format("woff2"), url("../fonts/CeraPro-Thin.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "CeraPro-Light"; src: url("../fonts/CeraPro-Light.eot"); src: url("../fonts/CeraPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro-Light.woff2") format("woff2"), url("../fonts/CeraPro-Light.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "CeraPro-Regular"; src: url("../fonts/CeraPro-Regular.eot"); src: url("../fonts/CeraPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro-Regular.woff2") format("woff2"), url("../fonts/CeraPro-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "CeraPro-Medium"; src: url("../fonts/CeraPro-Medium.eot"); src: url("../fonts/CeraPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro-Medium.woff2") format("woff2"), url("../fonts/CeraPro-Medium.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "CeraPro-Bold"; src: url("../fonts/CeraPro-Bold.eot"); src: url("../fonts/CeraPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro-Bold.woff2") format("woff2"), url("../fonts/CeraPro-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }

.main-header{}

.main-header .navbar {padding: .5rem 0;}
.responsive-main{margin:0; padding:0;}


.lead-2 {font-size: 20px; font-weight: 400; color: #000;}
.display-5 {font-size: 40px;  line-height: 1.2; font-family: "CeraPro-Thin"; padding: 0; margin: 0;}
.lead-1 {font-size:40px;  color: #000; font-family: "CeraPro-Thin";}
.lead-3 {
	font-size: 20px;	
	color: #000000;
	font-family: "CeraPro-Regular";
}
.card-title {font-family: "CeraPro-Regular";}
.card-text {font-family: "CeraPro-Light"; font-size: 15px; line-height: 26px;}


.main-banner .modal-header .close { padding: 0 10px 5px 0; margin: -1rem -1rem -1rem auto; color: #007bff; font-size: 37px; font-weight: normal; opacity: 0.90;}


.main-banner .modal-dialog { max-width: 800px;  margin: 30px auto;}
.main-banner .modal-body {position:relative;  padding:0px 20px 20px 20px;}

.main-header .nav-link {font-size:18px; font-family: CeraPro-Light; color:#000;}
.main-header .btn-outline-primary {font-size: 14px; font-weight: 500; font-family: "CeraPro-Bold";}
.desktop-heade{padding-top:8px;}
.bg-white{background:#fff;}
.main-banner{margin:0; padding:0; width:100%; position:relative;}
.main-banner-left{margin:0 0 80px 0; padding:140px 0 50px 40px; float:left; width:100%; background-repeat: no-repeat !important;}
.main-box .card {display: block;}

p{color: #000;}

.btn-primary {color: #fff; background-color: #007bff; border-color: #007bff; font-family: "CeraPro-Bold";}
.btn-outline-primary {color: #007bff; border-color: #007bff; font-family: "CeraPro-Bold";}
.responsive-main .btn-group-lg > .btn, .btn-lg {padding: .5rem 2rem;}

.text-left-main{margin-left:50px;}

.featurette-heading{font-size:32px; font-family: "CeraPro-Regular";}

.featurette-text{font-size:24px; font-weight:400; color:#767676; font-family: "CeraPro-Regular";}

.featurette-text-1{font-size:21px; font-weight:400; color:#000; font-family: "CeraPro-Regular";}

.featurette-text-2 {font-size:28px; font-weight: 400; color:#000000; font-family: "CeraPro-Regular";}

.featurette-text-3{font-size:17px; font-weight:400; color:#767676; font-family: "CeraPro-Regular";}



.blue-bg{background:#306eff; box-shadow: 0 0 70px 0 rgba(25,62,172,0.5);}

.footer-text{font-size:12px; line-height:18px; color: rgba(255,255,255,0.5); font-weight:300; font-family: "CeraPro-Light";}

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

.text-center-footer ul{margin:0; padding:0; list-style:none;}

.text-center-footer li{margin:0; padding:0;}

.text-center-footer li a{color:#fff !important; text-decoration:none; font-size:16px; font-weight:400; font-family: "CeraPro-Regular";}

.footer-btn .btn-primary {color: #306eff; background-color: #fff; border-color: #fff; font-size: 16px; font-weight: 500; font-family: "CeraPro-Bold";}

.footer-btn .btn-primary:hover{background-color: #004cfd;  border-color: #004cfd; color: #FFF;}



.footer-btn-1{margin:10px 0;}

.footer-btn-1 .btn-primary-1 {color: #fff; background-color: #306eff; border-color: #fff; font-size: 16px; font-weight: 500; font-family: "CeraPro-Bold";}

.footer-btn-1 .btn-primary-1:hover{background-color: #fff;  border-color: #fff; color: #004cfd;}



.footer-social-media {text-align: left;}


.footer-social-media .fa {padding: 15px 10px 15px 0; font-size: 24px !important; text-decoration: none;}

.footer-social-media .fa:hover {opacity: 0.7;}

.footer-social-media .fa-facebook {background: #306eff; color: #97b6ff;}

.footer-social-media .fa-twitter {background: #306eff; color: #97b6ff;}

.footer-social-media .fa-linkedin {background: #306eff; color: #97b6ff;}

.footer-social-media .fa-instagram {background: #306eff; color: #97b6ff;}

.footer-address{text-align: left;}

.footer-address p{font-size:16px; line-height:20px; color: rgba(255,255,255,0.5); font-weight:300;}

.footer-copy-text {font-size:16px; color: #fff; font-weight:400; font-family: "CeraPro-Light";}
.footer-phone{font-size:16px; color: rgba(255,255,255,0.5) !important; font-weight:300;}
.footer-phone a{font-size:16px; color: rgba(255,255,255,0.5) !important; font-weight:300; text-decoration:none;}
.footer-phone a:hover{font-size:16px; color: rgba(255,255,255,0.5) !important; font-weight:300; text-decoration:none;}

.tablet-main {margin: 0; padding: 0; position: absolute; top: 8px; right: 90px;}
.box-shadow{/*box-shadow: 0 0 3px 3px #eee;*/ box-shadow: 0 0 26px 0 rgba(0,0,0,0.1);}
.card {border:none; border-radius: 0;}









@media (min-width: 992px) and (max-width: 1199px) {
	.main-banner-left{ padding:100px 0 0 0; float:left; width:100%;  background-size: 100% !important;}
	.main-header .nav-link {font-size: 14px;}
	.lead-3 {font-size: 18px;}
	.card-title {font-size: 17px;}
    .card-text {font-size: 15px;}
	.text-left-main {margin-left: 10px;}
	.featurette-heading {font-size: 24px;}
	.featurette-text {font-size:20px; line-height: 28px;}
    .featurette-text-1 { font-size: 18px;}
    .featurette-text-2 {font-size: 24px;}
	.featurette-text-3 {font-size: 16px;}
	}

@media (min-width: 768px) and (max-width: 991px) {

.text-left-main{margin-left:15px; padding-top: 0 !important;}
.featurette-heading {font-size:18px;}	
.featurette-text {font-size:16px; line-height: 22px;}
.featurette-text-1 { font-size: 16px;}
.featurette-text-2 {font-size: 20px;}
.col-lg-12.mb-4.px-5 {padding-left: 0 !important;  padding-right: 0 !important;}
.featurette-text-3 {font-size: 15px;}
.lead-3 {font-size: 16px;}

.display-5 {font-size:35px; text-align:center;}
.lead-1 {font-size:35px; text-align:center;}
.lead-2 {font-size:18px; text-align:center;}
.lead .btn.btn-primary.btn-lg {width: auto; display: table; margin: auto;}


.main-banner-left{ padding:80px 0 0 0; float:left; width:100%;  background-size: 100% !important;}
.card-title {font-size: 15px;}
.card-text {font-size: 14px;}
.lead-3 {font-size: 18px;}
.footer-copy-text {text-align: left;}
.mob-logo {text-align: left; margin-bottom: 20px; }
.mob-row{padding-left:30px; padding-right:30px;}
.footer-text.py-4.d-block.d-sm-block.d-xl-none.d-md-block.d-lg-none {text-align: left; padding-top:10px !important; padding-bottom:10px !important;}
.footer-btn .btn-primary {font-size: 16px;}
.footer-btn-1 .btn-primary-1{font-size: 16px;}
.responsive-main {margin: 0 auto; width: auto; display: table;}


	}

@media (min-width: 600px) and (max-width: 767px) {

.text-left-main{margin-left:0; margin-bottom:25px;}	

.text-center-footer{text-align:left;}	
.display-5 {font-size:28px;}
.lead-1 {font-size:28px;}
.lead-2 {font-size:20px;}
.lead-3 {font-size: 18px;}
.footer-copy-text {text-align: left;}
.main-banner-left{ padding:60px 0 0 0; margin:0 0 60px 0; float:left; width:100%;  background-size: 100% !important;}
.mob-row{padding-left:30px; padding-right:30px;}
.responsive-main {margin: 0 auto; width: auto; display: table;}
.responsive-main button {font-size: 15px;}
.responsive-main a {font-size: 15px;}

	}

@media (max-width: 599px) {

.text-left-main{margin-left:0; margin-bottom:25px;}	

.text-center-footer{text-align:left;}
.display-5 {font-size:20px; text-align:center;}
.lead-1 {font-size:20px; text-align:center;}
.lead-2 {font-size:16px; text-align:center;}
.lead-3 {font-size: 17px;}
.lead .btn.btn-primary.btn-lg {width: auto; display: table; margin: auto;}
.card-text {font-size: 16px;}
.footer-copy-text {text-align: left;}
.featurette-heading {font-size: 24px;}
.featurette-text {font-size: 18px;}
.featurette-text-1 {font-size: 18px;}
.featurette-text-2 {font-size: 22px;}
.main-banner-left{ padding:40px 0 0 0; margin:0 0 40px 0; float:left; width:100%;  background-size: 100% !important;}
.mob-row{padding-left:30px; padding-right:30px;}
.mob-logo{margin-bottom:20px;}
.container.mt-7 { margin-top: 10px !important;}
.container.my-5 {margin-bottom: 10px !important; margin-top: 5px !important;}
.container.my-5.main-box {margin-top: 10px !important;}
.navbar-brand img {max-width: 120px;}
.responsive-main {margin: 0 auto; width: auto; display: table;}
.responsive-main button {font-size: 15px;}
.responsive-main a {font-size: 15px;}
.responsive-main .btn-group-lg > .btn, .btn-lg {padding: .5rem 1rem;

	

	}