@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

body{font-family: 'Montserrat', sans-serif; margin:0; padding:0; font-size:16px; color:#000; line-height:30px;}




a{text-decoration:none; color:#333;}
a:hover{color:#333;}
a, .header, .logo img, .btn{-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}


h1{font-size: calc(24px + (48 - 24) * ((100vw - 300px) / (1400 - 300)));}
h2{font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1400 - 300)));}
h3{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1400 - 300)));}
h4{font-size:18px;}
.lead{font-size:30px; line-height:40px;}

.spacer{height:145px;}
.header{width:100%; position:fixed; z-index:999; padding:0; background:#fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.1); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.1);}
.header .container{padding:15px;}
.headertop .container{padding:0;}
.headertop a{color:#fff;}
.headertop i{font-size:20px; vertical-align: middle;}
.header.shrink{padding:0; margin-top: -46px;}
.header .btn{font-size:20px;}
.logo img{max-width:200px;}
.shrink .logo img{max-width:100px;}


.bg-primary{background:#253a7d!important;}
.bg-light{background:#f5f6f7!important;}

.text-danger{color:#ec1e26!important;}
.text-primary{color:#253a7d!important;}








.btn, .btn-danger{display: inline-flex; padding:12px 25px; font-size:14px; text-transform: uppercase; font-weight:400; align-items: center; border-radius:0; 
background-image: linear-gradient(0deg,transparent,transparent 50%,#ed1e26 0,#ed1e26);
background-position:0 -100%;
background-size: 100% 200%;
transition: all .25s ease-in;

}
.btn:hover{background-color: transparent;transition: all .25s ease-in-out;background-position: 0 0;color:#fff;border-color:#ed1e26;}

.btn-dark{background-color:#333; border-color:#333;}
.btn-danger{background-color: #ed1e26; border-color: #ed1e26;}
.btn-danger:hover{background-color:#333;transition: all .25s ease-in-out;background-position: 0 0;color:#fff;border-color:#333; background-image: linear-gradient(0deg,transparent,transparent 50%,#333 0,#333);}
.btn-primary{background-color: #253a7d; border-color: #253a7d;}

.btn-lg{font-size:18px;}
.btn-sm{padding:8px 15px;}
.btn:focus{box-shadow:none;}








.access ul{margin:0; padding:0; list-style:none;}
.access li{display:inline-block; margin:0 0 0 36px;}
.access li a{font-size:18px; color:#253a7d; display:block; height:38px; line-height:38px; font-weight:700;}
.access li a:hover, .access li a.active{color:#ed1e26;}

.banner{position:relative; font-size:24px;}
.banner:after{position: absolute; content:''; width: 100%; height: 100%; top:0; left:0; background:#1b1f32; opacity:.4;}

.listgroup{margin:0; padding:0; list-style:none; font-size:18px; font-weight:700;}
.listgroup li{margin-bottom:40px; column-gap: 20px; display: flex; align-items: center;}
.candybox{padding:70px 0; overflow: hidden;}
.candybox:after{position: absolute; content:''; width: 100%; height: 100%; top:0; left:0; background:url("images/candy.png"); opacity:.3; background-position: center -500px; background-repeat: no-repeat;}
.candybox a{color:#fff;}

.list{margin: 0;padding: 0;list-style: none;}
.list li{margin-bottom: 10px; display: flex; column-gap: 20px;}
.list li:before{font-family:'Line Awesome Free'; display:flex; content:'\f00c'; color:#ec1e26; font-size:20px; font-weight:700;}

.thumbox{ -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.11);
box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.11);}


.innerbanner{width:100%; background:#21c1a5; height:90px;}









.footer{font-size:14px; font-weight:500; color:#333;}
.footer a{display:block; font-size:14px; margin:0; color:#333; font-weight:500;}
.footer a:hover{color:#ed1e26;}
.footer h4{font-weight:500; text-transform: uppercase;}
.social a {display:inline-block; margin: 0 5px; font-size:30px; color:#253a7d;}
.f-logo{max-width:200px;}




.form-control{background:0!important; font-size:13px; padding:0 10px; text-transform:uppercase; height:50px; margin-bottom:5px; }
.form-control:focus{border-color: #2d9874; box-shadow: none; background-color:#eaf5f1; text-transform:none;}
.error{font-size: 13px; display: block; color: #f70000; margin-top: 5px;}
textarea.form-control{height:120px; padding-top:10px; resize:none;}

.form-control::place-holder{text-transform:none;}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  text-transform:none;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  text-transform:none;
}
#newsletterform .form-control{background:#fff!important; height:40px;}
#newsletterform .btn{height:45px; padding:0;}


.contact-bg{position:relative; background:url(images/girl-bg.jpg) center center; width:100%; background-size: cover;}
.contact-bg:after{position:absolute; content:''; width:100%; height:100%;  top:0; background:rgba(255, 255, 255, .6);}
.formbox{position:relative; background:rgba(255, 255, 255, .8); border-radius:10px 10px 0 0;}

.orbox{width:40px; height:40px; border-radius:100px; text-align: center; padding:6px;}

@media (min-width:1400px){
	.container{max-width:1230px;}
}
@media (max-width:1400px){
	.container{max-width:1230px; }
}

@media (max-width:1199.98px){
}

@media (max-width:991.98px){
	.logo img {max-width:90px;}
	.shrink .logo img{max-width:90px;}
	.spacer {height: 124px;}
	.header .btn{padding:10px;}
	.access li a{font-size:14px;}
	.snav{padding: 10px; width: 40px; cursor: pointer; z-index: 998!important; background:#ed1e26; border:0; border-radius:10px;}	
	.snav i{display:block; background:#fff; height:2px;}
	.snav i+i{margin-top:5px;}
	.snav:focus{outline: none;}
	.snav.openbtn i:nth-child(1){
	-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
	-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
	-o-transform: rotate(45deg) translateX(5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
	transform: rotate(45deg) translateX(5px) translateY(5px);}
	.snav.openbtn i:nth-child(2){opacity:0;}
	.snav.openbtn i:nth-child(3){
	-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	transform: rotate(-45deg) translateX(5px) translateY(-5px);}
	.btn-lg {padding: 10px 30px; font-size:16px;}
#nav {display:none; position:absolute; background:#ec1e26; top:0; right:0; left:0;}
.access ul {display: flex;align-items: center;justify-content: center;flex-flow: column;height: 100vh;gap: 8vh;}
.access ul li {margin: 0;}
.access ul li a {font-size: 24px; color:#fff;}
.access ul li a img {display: inherit;margin:0 0 0 5px;}
.access li a:hover, .access li a.active {color: #333;}
.lead {font-size: 18px; line-height: 30px;}


	
}

@media (max-width:767.98px){
.banner {font-size: 16px;}
.banner h1{font-size:20px;}

}

@media (max-width: 575.98px) {

	.btn{font-size:12px; padding:8px 20px;}
	.spacer {height: 106px;}
	body{font-size:13px; line-height:20px;}
	.form-control {height:40px;}
	.banner img{height:170px; object-fit: cover;}
	.banner h1{font-size:16px;}
	.banner .btn{font-size:13px;}
	.innerbanner{height:37px;}
	.listgroup{font-size:14px;}
	.listgroup li{margin-bottom:14px;}
	.listgroup img{max-width:50px;}
	.lead {font-size: 14px; line-height: 20px;}
	.candybox {padding: 45px 0;}
	.candybox h2{font-size:20px;}
	.candybox a{display:block;}
	.footer{font-size:12px;}
	.footer h4{font-size:14px;}
	.f-logo{max-width:100px;}
	.headertop{font-size:10px;}
	.list li{margin-bottom:4px;}
	.header.shrink {padding: 0; margin-top: -36px;}
	.logo img {max-width:70px;}
	.shrink .logo img{max-width:70px;}
	.orbox{padding:10px;}
	

}