@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');

/*font-family: 'Lato', sans-serif;*/

body {background: #fff; margin: 0; font:16px 'Lato', sans-serif; color: #333; line-height:24px;}
html {
  scroll-behavior: smooth;
}


hr{border-top-color:#cccccc; margin:1rem 0;}

.line{background:#dfdfdf; width:96px; height:1px; margin:10px 0 20px; border:0; position:relative;}
.line:before{content:''; position:absolute; left:0; right:0; width:27px; height:3px; background:#c43834; margin:0 auto; top:-1px; transform: skew(120deg);}



a{text-decoration: none !important; color:#333}

a:hover{color:#000; text-decoration:none;}

.btn:focus, button:focus{outline:none; border:none; text-decoration:none;}

a, .header, .logo img, .menu, .btn, .header.full, .nav ul, .row, .header.full, .header.full .headertop, #footerbanner{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}



h1, h2{font-size:36px; color: #000; margin:0 0 10px 0; padding:0; font-weight:300;}
h2{font-size:24px;}







.headerspace{height:116px;}

.header{width:100%; z-index:99; position:fixed; height:auto; background:#fff; padding:0;
background:#fff; padding:0;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
}
.headertop{background:#c43834; font-size:13px; padding:5px; position:relative;}
.headertop i{margin:0 10px; color:#fff;}
.headertop a{color:#fff; font-size:13px;}
.headertop a:hover{color:#333;}
.headertop:before{content:''; position:absolute; left:-20px; margin:0 auto; top:0; width:0; height:0; border-top:34px solid #c43834;
border-left:20px solid transparent;}

.headertop:after{content:''; position:absolute; right:-20px; margin:0 auto; top:0; width:0; height:0; border-top:34px solid #c43834;
border-right:20px solid transparent;}






.logo img{max-width:214px;}
.header.full .logo img{max-width:180px;}
.bg-grey{background:#f2f2f2;}
.bg-green{background:#00ab50;}
.login{text-transform:uppercase; font-size:13px;}
.login i{margin:0 10px; font-size:16px; vertical-align:middle;}



.btn{font-weight:400; text-transform:uppercase; font-size:18px; border:0;}
.btn, .btn-danger{background:#c43834;}
.btn:hover{background:#333;}
.btn-lg{padding:12px 40px;}








.topmenu ul {list-style: none; padding: 0; margin:0;width:100%;}
.topmenu li {display: inline-block; margin:0 0 0 40px; position:relative;}
.topmenu li a {font-size:16px; color: #000; padding:0; text-decoration: none; text-transform:uppercase; display:block; padding:0;}
.topmenu li a:hover, .topmenu li a.active{color: #c43834;}

.topmenu li ul {display: none; margin: 0; width:300px; position: absolute; z-index:9999; border-top:40px solid transparent;}
.topmenu li:hover ul {display: block;}
.topmenu li li {display: block; margin: 0px; padding: 0; background:#767878; }
.topmenu li li a {display: block; font-size:11px; color:#fff; margin: 0; padding:5px 15px; border-top: 1px solid #9a9c9c; text-align: left; font-weight:400;}
.topmenu li li a:hover {color: #fff !important; background:#20b24f;}
.topmenu li li a:hover, .topmenu li li a.active{color: #fff; background:#c43834;}

#snav{display:none;}


.banner{width:100%; position:relative; background:url(images/banner-new.jpg); background-size:cover; height:auto;}
.caption{color:#fff; font-size:24px; line-height:normal; text-align:center;}
.caption h1{font-size:46px; font-weight:400; color:#fff;}
.caption h1 span{font-weight:700; display:block; font-size:70px; text-transform:uppercase;}
.gallerytab{border-bottom:0;}
.gallerytab img{opacity:.5;}
.gallerytab a{position:relative; padding:0; border:0;}
.gallerytab a, .nav-link{border:0!important;}
.gallerytab img, .nav-link{background:#000;}
.gallerytab .nav-item:hover .nav-link, .gallerytab .nav-link.active{background:#c43834;}
.gallerytab a span{position:absolute; left:0; right:0; text-align:center; color:#fff; top:50%; transform:translate(0, -50%); font-size:18px;}


.midbanner{background:url(images/midbanner.jpg) fixed; background-size:cover; height:260px;}
.partnerbanner{background:url(images/ourpartner.jpg) fixed; background-size:cover; height:346px;}
.contactbg{background:url(images/contact.jpg) fixed; background-size:cover; height:260px;}

.list{margin:0; padding:0; list-style:none; font-size:16px; text-align:left !important; column-count:2; column-gap:40px;}
.list li{margin-bottom:10px; padding-left:20px; position:relative;}
.list li:before{font-family:'Font Awesome 5 Free'; position:absolute; left:0; content:'\f00c'; color:#333; font-size:14px; font-weight:700;}

.partner img{margin:0 50px;}


.testimonial{
    position: relative;
	height:250px;
}
.testimonial span{ font-weight:700; display:block;}
.carousel-indicators li {
    position: relative;
    width:14px;
    height: 14px;
    margin-left:10px;
    text-indent: -999px;
	cursor:pointer;
	background:#ccc;
	border-radius:100px;
	border:0;
	cursor:pointer;
}
.carousel-indicators .active {
    background:#c43834;
}


#contactform input[type="text"], textarea{
	font-size:13px;
	border-bottom:1px solid #ccc;
	border-top:0;
	border-right:0;
	border-left:0;
	background:rgba(255, 255, 255, 0.6);
	line-height:45px;
	padding:0;
	width:100%;
	margin-bottom:40px;
}
	textarea{height:120px; margin-bottom:20px;}

#contactform label{color:#333; margin:8px 0;}
#contactform select{border-radius:0; background:rgba(255, 255, 255, 0.6); height:46px;}
textarea:focus, input:focus{outline: none;}



.btn.focus, .btn:focus{box-shadow:none;}
.error{display:block; color:#ff0303;font-size:13px; margin-left:10px; text-transform:none; letter-spacing:normal;}

#footerform input[type="text"], textarea, .form-control{
	font-size: 13px;
    font-weight: 400;
    color:#333;
    width: 100%;
    line-height:40px;
    padding:0 10px;
    background:none;
    border:1px solid #ccc;
	border-radius:3px;
    outline: none;
}
#footerform, .col-form-label{text-align:right;}
.footer{color:#9a9a9a; line-height:24px; background:#222;}

.progress{margin:20px 0; border-radius: 100px;}
.progress-bar {background-color: #c43834;}



@media (min-width: 1200px) {
.container {max-width: 1230px; position:relative;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.banner .container{position:absolute;}
.banner{height:576px;}
.gallerytab a span{font-size:14px;}
.form-group{margin-bottom:6px;}
#footerform, .col-form-label{padding:0;}
.partner img{margin:0 25px;}
}
@media (min-width: 768px) and (max-width: 991.98px){
.logo img{max-width:176px;}
h1,h2{font-size:25px;}
#nav {display:none; position:absolute; right:15px; background:#333; min-width:270px; padding:0; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3); top:55px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important;float:right;}
.topmenu li {display: block;line-height: normal;margin:0; border-bottom:1px solid #444;}
.topmenu li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.topmenu li a:hover{background:#c43834; color:#fff;}

.topmenu li ul{width:100%; position:relative; border-top:0;}
.topmenu li li{border-bottom:0;}
.topmenu li li a{height: 40px; line-height: 30px; color:#fff; border-top-color:#333;}
.header i{margin:0 10px 0 0;}
.caption{font-size:30px;}
.header.full #nav{top:55px;}
.btn{font-size:14px; padding:10px 30px;}
.list{ column-count:2;}
.gallerytab a span{font-size:14px;}
.gallerytab a, .nav-link{margin-bottom:10px;}
.headerspace{height:96px;}
}
@media (min-width: 576px) and (max-width: 767.98px){
#nav {display:none; position:absolute; right:15px; background:#333; min-width:270px; padding:0; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3); top:54px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important;float:right;}
.topmenu li {display: block;line-height: normal;margin:0; border-bottom:1px solid #444;}
.topmenu li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.topmenu li a:hover{background:#c43834; color:#fff;}

.topmenu li ul{width:100%; position:relative; border-top:0;}
.topmenu li li{border-bottom:0;}
.topmenu li li a{height: 40px; line-height: 30px; color:#fff; border-top-color:#333;}
.header.full #nav{top:54px;}
.footer{font-size:12px;}
.caption{font-size:30px;}
.header i{font-size:20px; margin:0 10px 0 0;}
.logo img{max-width:176px;}
.btn-lg{padding:10px;}
.list{ column-count:1;}
.gallerytab a span{font-size:10px; line-height:13px;}
.gallerytab a, .nav-link{margin-bottom:10px;}
h1{font-size:24px;}
.btn{font-size:12px;}
.testimonial{height:370px;}
.form-group{margin-bottom:6px;}
#footerform, .col-form-label{padding:0;}
.progress {margin:10px 0;}
.headerspace{height:96px;}
}
@media (max-width: 575.98px) {
#nav {display:none; position:absolute; right:15px; background:#333; min-width:270px; padding:0; box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3); top:41px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important;float:right;}
.topmenu li {display: block;line-height: normal;margin:0; border-bottom:1px solid #444;}
.topmenu li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.topmenu li a:hover{background:#c43834; color:#fff;}

.topmenu li ul{width:100%; position:relative; border-top:0;}
.topmenu li li{border-bottom:0;}
.topmenu li li a{height: 40px; line-height: 30px; color:#fff; border-top-color:#333;}
.header.full #nav{top:41px;}
body{font-size:13px; line-height:20px;}
.caption{font-size:10px; line-height:14px;}
.expand-btn {top:-50px;}
.header.full .expand-btn{top:-40px;}
.footer{font-size:12px;}
h1, h2, h3{font-size:18px; margin:0;}
.btn{font-size:12px;}
.btn-lg {padding: 7px 20px;}
.list{ column-count:1;}
#contactform input[type="text"]{margin-bottom:10px; line-height:36px;}
textarea {height:80px;}
.header i{font-size:20px; margin:0 10px 0 0;}
.caption{font-size:20px; line-height:24px;}
.caption h1{font-size:20px;}
.caption h1 span{font-size:34px;}
.headerspace{height:76px;}
.lead{font-size:14px;}
.partner img {margin: 20px;width: 110px;}
.rightlogo{width:60px;}
.logo img {max-width: 60px;}
.header.full .logo img {max-width:60px;}
.gallerytab a, .nav-link{margin-bottom:10px;}
.gallerytab a span{font-size:9px; line-height:14px;}
.carousel-indicators li{display:none;}
.testimonial{height:300px;}
#footerform input[type="text"], textarea, .form-control{line-height:35px;}
.form-group{margin-bottom:6px;}
#footerform, .col-form-label{padding:0;}
.midbanner, .contactbg{height:250px;}
.list{font-size:13px;}
.list li{margin-bottom:5px;}
.progress {margin:10px 0;}
}