html *{max-height:1000000px;}
body{font-family:'Titillium Web', sans-serif;}
#menu{position:absolute;z-index:100000;width:100%;}
.bold{font-weight:700;}
#go-top{width:40px;height:40px;position:fixed;bottom:20px;right:20px;z-index:1000;}
.btn{padding-right:2rem;padding-left:2rem;}
@media (min-width:768px){#carouselExampleSlidesOnly{height:55vw;overflow:hidden;background:#000;}
}
@media (max-width:768px){#go-top{bottom:10px;right:10px;width:60px;height:60px;}
}
.list-inline li.list-inline-item:not(:last-child){margin-right:1rem;}
.list-inline li.list-inline-item a{color:#fff;transition:all 0.4s;}
.list-inline li.list-inline-item a:hover{color:#f00;text-decoration:none;}
.carousel-inner, .carousel-item{max-height:100% !important;height:100%;}
.caption-container{position:absolute;width:100%;height:100%;left:0px;top:0px;align-items:center;justify-content:center;}
[class^="display-"]{font-weight:200;}
.icon{width:48px;}
.box{position:relative;box-shadow:0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);}
.box img{filter:grayscale(100%);}
.box .fill{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:1;transition:background 0.2s;}
.box .fill svg{width:100%;height:auto;}
.box .fill svg rect{fill:rgba(255,0,0,0.5);transition:all 0.2s;width:100%;height:auto;}
.box:hover .fill svg rect{fill:rgba(23,162,184,0.5);}
.box .title{position:absolute;display:block;bottom:0px;text-align:center;width:100%;padding:1rem;text-transform:uppercase;z-index:2;color:#fff;font-size:1.5rem;}
.bg-1{background:rgba(255,0,0,0.5);}
.bg-2{background:rgba(35,106,149,0.5);}
.icon-right{position:absolute;width:150px;bottom:10px;right:10px;}
#about{background:url(../img/gear.jpg) no-repeat;background-size:cover;background-attachment:fixed;}
.form-control{border-radius:0;}
#contact{position:relative;}
#contact-detial{background:#fff;color:#fff;position:absolute;width:100%;height:100%;top:0px;left:0;z-index:10;padding:10px;display:flex;align-items:center;justify-content:center;background:url(../img/engineering-workers-1.jpg) center right no-repeat;//background-size:contain;background-attachment:fixed;}
#map{width:100%;height:50vw;filter:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);}
.box-2 .title, .box .title{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.parsley-errors-list{display:none;}
.parsley-errors-list.filled{background:red;color:#fff;padding-left:5px;display:block;font-size:14px;list-style:none;}
.parsley-error{border:1px solid #f00;}
#mobile-menu{position:absolute;background:#fff;top:75px;width:100%;padding:0px;right:15px;}
#mobile-menu li{display:block;margin-right:0px}
#mobile-menu li a{padding:5px 20px;display:block;color:#fff;border-bottom:1px solid #fff;}
textarea{font-size:1rem;}
@media (max-width:1024px) and (min-width:768px){.icon-right{width:100px;}
}
@media (max-width:768px){#contact-detial{position:relative;height:100vw;}
#map{height:100vw;}
}
@media (max-width:576px){.icon-right{position:relative;width:100%;right:auto;bottom:auto;}
}