@import url(https://fonts.googleapis.com/css?family=Space+Grotesk:100,300,400,500,700,900&display=swap);
@import url('https://fonts.googleapis.com/css?family=DM+Sans:100,300,400,500,700,900&display=swap');
body{font-family:"DM Sans";color:#242424;}
body.dark{color:#FFFFFF;background:#000000;}
img{max-width:100%;}
.logo{padding-bottom:15px;}
.alt_font,h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk";}
.dark{background-color:#000000;}
.sticky{background-color:#000000;}
.navbar-brand img{transform:scale(1);-webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s;max-height:60px;}
.sticky .navbar-brand img{transform:scale(0.8);-webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s;max-height:55px;}
.nav-link{font-family:"Space Grotesk",sans-serif;font-size:17px;line-height:1;font-weight:400;letter-spacing:.02em;color:#FFFFFF;}
.navbar-toggler{border:none;}
.navbar-toggler:focus,.navbar-toggler:active{outline:none;box-shadow: none;}
.navbar .nav-link{padding-left:25px;}
.navbar .nav-link.active{padding-left:10px;}
.navbar .nav-link i{display:none;}
.navbar .nav-link.active i{display:inline-block;}

.carousel-caption{left:0%;right:0%;text-align:left;bottom:8%;}
.whyus h3.title{font-weight: 400;letter-spacing: .02em;font-size: 34px;line-height: 1.2058em;}
/*#DetailForm > div{padding-right:15px;}*/
form input[type="text"],form input[type="email"],form textarea{margin-bottom:10px;width:100%;padding:10px 15px;background:transparent;border:none;border-bottom:1px solid #FFFFFF;color:#FFFFFF;}
form input[type="text"]:focus,form input[type="email"]:focus,form textarea:focus{outline:none;}
form textarea{resize:none;}
/*form input[type="submit"]{padding:10px 40px;background:#1c8d12;border:1px solid #1c8d12;color:#FFFFFF;}*/
.alt_error{color:#1c8d12;min-height:1.45em;}

.why-images{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;transform:scaleX(1.1);transition:opacity 0s .35s,transform 0s .35s;}
.why-images .img-active{opacity:1;transform:scaleX(1);transition:opacity .35s cubic-bezier(.215,.61,.355,1) 0s,transform .5s cubic-bezier(.215,.61,.355,1) 0s;z-index:5;}

.bg{background:url('../images/banner.jpg');background-size:cover;background-position:top center;background-repeat:no-repeat;}

@keyframes text-marquee-left{
	0%{transform:translateX(0)}
	100%{transform:translateX(-100%)}
}
@keyframes text-marquee-right{
	0%{transform:translateX(-100%)}
	100%{transform:translateX(0)}
}
.animate-text{display:flex;overflow:hidden;white-space:nowrap;flex-direction:row;}
.ctitle{font-size:105px;line-height:1em;font-weight:400;}
.animate-direction-left{animation:text-marquee-left 30s linear infinite;}
.animate-direction-right{animation:text-marquee-right 30s linear infinite;}

.clients img{filter:brightness(0) invert(1);}
#alt_error{color:#FF0000;}
.contact form .btn,.btn-web{background:#FFFFFF;color:#252525;opacity:0.85;}
.contact form .btn:hover,.btn-web:hover{background:#FFFFFF;color:#252525;opacity:1;}
footer a{text-decoration:none;color:inherit;}
.footer-link{display:block;}
.footer-link:hover{color:#FFFFFF;}

@media screen and (max-width:767px){
	.ctitle{font-size:50px !important;line-height:50px !important;}
}
@media screen and (max-width:576px){
	.navbar-brand{padding-top:0;padding-bottom:0;}
	.sticky .navbar-brand{height:50px;}
	.navbar-brand img{max-height:45px;}
	.carousel video{min-height:35vh;}
	.carousel-caption{bottom:4%;padding-bottom:0.65rem;}
	.carousel .display-2{font-size:calc(1.525rem + 2vw);}
	.carousel .display-5{font-size:calc(1.425rem + 1.7vw);}
	.aboutp{font-size:calc(1.1rem + 0.3vw);}
	.simg{max-width:80px;}
	.whyus h3.title{font-size:28px;line-height:1em;}

}