body{font-family: 'Red Hat Display', sans-serif; margin:0; padding:0; font-size:16px; color:#000; line-height:24px; font-weight:400;}

:root {
  --color-blue: 74 155 247; /* #4a9bf7 in decimal RGB*/
  --color-red: 228 30 38; /* #e41e26 in decimal RGB*/
  --color-dark: 0 0 0; /* #000 in decimal RGB*/
  --color-white: 255 255 255; /* #ffffff in decimal RGB*/
}
.border-info{border-color:rgb(var(--color-blue))!important;}
.text-info{color:rgb(var(--color-blue))!important;}
.img-height{aspect-ratio:1/1; object-fit: cover; height: 100%; width:100%;}
a{color:#000; text-decoration:none;}
a:hover{color:#e72327;}
a, img, .btn, .shrink.navbar-expand-lg, .thumbpic, .thumb h5{-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, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-bottom: 3vw;
}
h1, .h1 {
  font-size: clamp(24px, 4vw, 48px);
}
h2, .h2 {
  font-size: clamp(24px, 4vw, 40px);
}
h3, .h3 {
  font-size: clamp(24px, 4vw, 36px);
}
h4, .h4 {
  font-size: clamp(24px, 4vw, 30px);
}
h5, .h5 {
  font-size: clamp(20px, 4vw, 24px);
}
h6, .h6 {
  font-size: 18px;
}

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




.header{position:fixed; width:100%; z-index:99; background:#fff; border-bottom: 1px solid #212529;}
.header .btn-link{font-size:clamp(18px, 2vw, 24px); padding:0; text-decoration:none;}
.header .btn-link:hover{background:none; border:0;}
/*.navbar{position:fixed; width:100%; z-index:9; background:#fff;}*/

.spacer{height:142px;}
.logo img{max-width:180px;}
.shrink .logo img{max-width:120px;}

.btn{font-size:14px; text-decoration:none; padding:10px 25px; font-weight:700; border-radius:5px;}
.btn:hover{background:#000; color:#fff; border-color:#000;}
.btn:focus{box-shadow:none;}
.btn-lg{font-size:18px; padding:14px 30px;}
.btn-sm{padding:6px 15px;}



.social a{color:#000; font-size:20px; margin:0 5px;}
.social a:hover{color:#e41e26;}








.navbar>.container{display:block;}
.navbar-nav .nav-link.active, .nav-link:hover, .navbar-nav .nav-link.show {color:rgb(var(--color-blue));}
.nav-link {font-size: 14px;color:rgb(var(--color-white));display: block;margin:0 14px; text-transform:uppercase;}
.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}





.banner{background:url("images/banner.jpg")center center no-repeat; width:100%; background-size:cover; position:relative; text-align: center; color:rgb(var(--color-white)); text-transform: uppercase;}
.banner:after{position: absolute; content:''; width:100%; height:100%; background:#000; opacity:.2; top:0; left:0;}
.banner h4{margin-bottom:2rem;}
.banner h1{font-size: clamp(24px, 5vw, 72px); margin-bottom:0;}

.thumb{position:relative;}
.thumbpic{position:relative; border:1px solid #fff;}
.thumbpic:before{position: absolute; content:''; inset:0; width:100%; height:100%; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 28%);}
.thumbpic img{aspect-ratio:1/1; object-fit: cover; height:100%; width:100%;}
.thumb h5{font-weight:700; margin-bottom: 0;color: #fff;position: absolute; bottom: 30px;left: 0;right: 0; font-size: clamp(16px, 4vw, 24px);}
.thumbpic:hover{border:1px solid #d71c24;}
.thumb:hover h5{bottom:40px;}

.cardbox .card{text-align: center; padding: 20px; border:0;}
.cardicon{width:60px; margin:0 auto;}
.cardbox .card-title{font-weight:700;}
.redicon{filter: invert(20%) sepia(97%) saturate(2639%) hue-rotate(344deg) brightness(92%) contrast(95%);}
.blueicon{filter: invert(55%) sepia(57%) saturate(2591%) hue-rotate(191deg) brightness(100%) contrast(94%);}


.brand{display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: center;}
.brand img{height: 60px; border: 1px solid #ccc; padding: 10px;}











.list, .listbox{margin: 0;padding: 0;list-style: none;}
.list img{margin-bottom:20px;}
.list li{margin-bottom: 10px; display: flex; column-gap:10px;}
.list li:before{font-family: bootstrap-icons !important; display:flex; content:'\f7f6'; font-size:14px; font-weight:700; color:rgb(var(--color-red));}


.listbox{border:1px solid #bfbfbf; padding:20px; font-weight:700;}
.listbox img{width:60px; display: block; margin:0 auto 10px;}


.midbanner{background:#000;}
.midbanner h5{font-size: clamp(16px, 4vw, 24px);}
.midbanner img{aspect-ratio:4/1; object-fit:cover; opacity:.4;}
.lineicon{margin-top:15px;}
.lineicon a{font-size:18px; font-weight:700;}
.lineicon i{font-size: 20px;margin: 0 8px 0 0;width: 20px;height: 20px;padding:20px;display: flex;justify-content: center;align-items: center;background: #e41e26;
color:#fff; border-radius:5px;}
.lineicon{display: flex; align-items:center;}
.keypic{height:450px; object-fit:cover; width:100%;}






input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
	 -webkit-box-shadow: 0 0 0 50px #f8f9fa inset !important;
}



.form-control{line-height:30px; border-radius:4px; background:#f8f9fa; border: 0; border-bottom:1px solid #000; border-radius:0; padding-left:0!important;}
textarea.form-control{height:100px!important;}
.form-control:focus{box-shadow:none;}
.error{color:#F10307; display:block; margin-top:10px;}
.form-floating>label{color:#000; padding-left:0;}














.footer{font-size:14px; background:rgb(var(--color-dark)); color:rgb(var(--color-white));}
.footer img{width:80px;}
.footer h5{font-size:16px; color:rgb(var(--color-white)); font-weight:700; text-transform:uppercase;}
.f-menu a{line-height:34px; text-transform: uppercase;}
.footer a{font-size:14px; color:#fff; display:block;}
.footer a:hover{color:#e41e26;}
.f-social i{font-size:20px;}
.f-social a{border:0; padding:0; display:inline-block; color:rgb(var(--color-white)); margin:0 5px;}
.f-social a:hover, .f-social i:hover{color:#e41e26!important;}
.f-last{background:#202020; color:#545454;}
.f-call{font-size:24px!important; margin-top:5px; display: block!important;}


.contactpic img{max-width:80px;}








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

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

@media (max-width:991.98px){
	.spacer {height:104px;}
	.logo img, .shrink .logo img{max-width:100px;}
	.nav-link{font-size:11px; margin:0 6px;}
	.navbar .btn-lg{font-size:14px; padding:10px 12px;}
	.nav-link:after{margin-left:12px;}
	.headericon i{font-size: 25px;}
	.midbanner img{height:250px;}
	.companypic{height: inherit!important;}
	.f-social i {font-size: 30px;}
	.header .btn{padding:10px 15px;}
	
}


@media (max-width:767.98px){
	.spacer {height:64px;}
	.btn-lg {font-size: 14px;padding: 10px 20px;}
	.lg-link{font-size:40px;}
	.nav-link{font-size:16px;}
	.nav-link:after{display:none;}
	.navbar-toggler:focus{box-shadow:none;}
	.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}
	.navbar-collapse{position: absolute;left:0; right:0; top:68px; background-color:#1c5f97; padding:0 8px;}
	.navbar-collapse{top:0;}
	.f-social a{margin:0 3px;}
	.footer a{display:inline-block; margin-right:5px;}
	section, .section {
  padding-bottom:4vw;
  padding-top:4vw;
}

}

@media (max-width: 575.98px) {
	body{font-size:13px; line-height:16px;}
	.midbanner img{height:200px;}
	.companypic{height: inherit!important;}
	.f-social a{display: inline-block!important;}
	textarea.form-control {height: 100px!important;}
}