body{font-family: "Poppins", sans-serif; font-size:14px; color:#000; line-height:28px; font-weight:300; overflow-x:hidden; position: relative; background:#fff;}





a{color:#000; text-decoration:none;}
a:hover{color:#000;}
a, .logo img, .btn, .shrink.navbar-expand-lg, .mail a:hover i{-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, h2, h3, h4{font-weight:700;}
h1{font-size: clamp(20px, 4.2vw, 48px); margin:30px 0;}
/*---------------Header Start -----------------*/


.spacer{height:278px;}
.header{position:fixed; width:100%; z-index:99; background:#fff;top:0;}
.navbar .btn-link{padding-right:0;}
.shrink .header{background:#fff;}



.logo img{max-width:180px;}
.shrink .logo img{max-width:150px;}
.bg-primary{background-color:#001243!important;}




/*---------------Header End -----------------*/


/*---------------Button Start -----------------*/

.btn{padding: 10px 30px; font-size: 14px; font-weight:600; color:#fff; border-radius:0; text-transform: uppercase;}
.btn:hover{color:#fff; background:#000;}
.btn-lg{font-size:24px; padding:12px 70px;}
.btn-sm{padding:8px 15px; font-size:14px!important;}
.btn-light{background-color:#fff!important; border:2px solid #000!important; color:#000!important;}
.btn-light:hover{background-color:#000!important; border-color:#000!important; color:#fff!important;}
/*---------------Button End -----------------*/



/*---------------Menu Start -----------------*/
/*.navbar>.container{justify-content: center;}*/



.navbar-nav{margin:0; padding:0; list-style:none; flex-direction: row;}
.navbar-nav li{display:inline-block;}
.navbar-nav li a{color:#202c61; display:inline-block; text-transform:uppercase; margin: 0 20px; padding:0; letter-spacing:2px; line-height:38px; font-size:16px;}
.navbar-nav li a:hover, .navbar-nav li a.active{color:#3a8ce7!important;}

.collapse:not(.show) {display: inline-block;}

.hamburger .line{
  width: 24px;
  height: 1px;
  background-color: #000;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger:hover{
  cursor: pointer;
}
.hamburger.is-active .line:nth-child(2){
  opacity: 0;
}
.hamburger.is-active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}
.hamburger.is-active .line:nth-child(3){
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

/*---------------Menu End -----------------*/


/*---------------Banner Start -----------------*/

.f-banner{margin-left:85px; margin-right:85px;}
.f-banner .slick-track img{height: calc(90vh - 194px); width:100%; object-fit:contain;}

.homebanner {
	overflow: hidden;
	background: url("images/homebanner.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
	height: calc(100vh - 194px);}

.bottomcontent{max-width:450px;}






/*---------------Form Start -----------------*/
.form-control{margin-bottom:20px; line-height: 40px; border-radius: 0; background: #f9f9f9; font-size: 14px; border: 2px solid #ccc;}
textarea.form-control{height:100px!important;}
.form-floating>label{color:#000; padding:10px; font-size:16px;}
.form-control:focus{box-shadow:none; border-color:#719aed;}
.error{color:#F10307; display:block; margin-top:10px;}
.form-floating>.form-control{margin-bottom:10px; height:50px; min-height:50px;}
.form-floating>.form-control:not(:placeholder-shown)~label::after{background:none!important;}
.form-floating label:after{display:none;}
.form-select{border-radius:0; line-height:40px; margin-bottom:20px; border: 2px solid #ccc; background-color: #f9f9f9;}
.form-select:focus{box-shadow:none;}



/*---------------Form End -----------------*/


section, .section{padding-bottom:5vw; padding-top:5vw;}

.mail{display:flex; justify-content: center;}
.mail a, .mail i{color:#fff;}
.mail i{margin-right:10px; font-size:20px; border:2px solid #fff; border-radius:100px; padding:10px;}
.mail a:hover{color:#52aff1;}
.mail a:hover i{background:#52aff1; color:#fff; border:2px solid #52aff1;}




.container{position:relative;}


@media (min-width:1400px){}

@media (max-width:1199.98px){
	.f-banner .slick-track img {
    height:100%;
    width: 100%;
    object-fit: contain;
}
}
@media (max-width:991.98px){
/*	.navbar>.container{justify-content: space-between;}*/
	.spacer{height:175px;}
	.nav-link{font-size:14px;}
	.btn-lg {font-size: 18px;padding: 8px 25px;}
	.homebanner{background-size:contain; height:400px;}
	
}

@media (max-width:767.98px){
	.spacer{height:127px;}
	.logo img, .shrink .logo img{max-width: 190px;}
	.collapse:not(.show) {display: none;}
	.navbar-nav {flex-direction: column; line-height:44px;}
	.homebanner {background-size: contain;height: calc(100vh - 579px);}
	.f-banner {margin-left:30px;margin-right:30px;}
	.f-banner .slick-track img{height: 480px; object-fit:cover;}
	
}

@media (max-width: 575.98px) {
	.logo img, .shrink .logo img {max-width: 120px;}
	body{font-size: 14px; line-height:30px;}
	.mainbanner .slick-track img, .homebanner img{height:50vh;}
	.homebanner {background-size: cover; height: 230px;}
	.f-banner .slick-track img{height:160px; object-fit:cover;}
	.f-banner {margin-left:15px;margin-right:15px;}
}

@media (max-width: 376.98px) {
	textarea.form-control{height:100px!important;}
	.f-banner {margin-left:15px;margin-right:15px;}
	.homebanner {background-size: cover; height:170px;}
}