.banner {position:relative; height:500px;}
.banner img {height:500px; object-fit:cover; width:100%;}
.header {padding:20px 0;}
.btn,.form-control {border-radius:2px;}
body {font-family:'Roboto Flex',sans-serif;}
.custom-heading,h1,h2,h3,h4,h5,h6 {font-family:'Playfair Display',serif; font-weight:bold;}
.topmenu {list-style:none; margin:0; padding:0; display:flex; justify-content:flex-end;}
.topmenu li {display:inline;}
.topmenu li a {display:inline-block; padding:8px 25px; color:#222; text-decoration:none; text-transform:uppercase; letter-spacing:2px; font-size:13px; transition:all 0.5s ease-in-out; border-radius:2px;}
.topmenu li.active a {background-color:#00aa4f; color:#fff;}
.topmenu li a:hover {background-color:#006c31; color:#fff;}
.offcanvas {background:#006c31; color:#fff;}
.offcanvas.offcanvas-start {width:260px;}
.mobile-menu {list-style:none; margin:0; padding:0;}
.mobile-menu li a {display:block; padding:8px 10px; text-decoration:none; border-bottom:solid 1px #ddd; color:#fff; transition:all 0.5s ease-in;}
.mobile-menu li a:hover {background-color:#00aa4f; color:#fff;}

.header-top {background-color:#006c31; font-size:14px; padding:6px 0;}
.header-top ul {list-style:none; margin:0; padding:0;}
.header-top ul li {display:inline;}
.header-top ul li a {color:#ddd; display:inline-block; padding:0 5px; text-decoration:none;}
.header-top ul li a:hover {color:#fff;}

ul.social-icons {font-size:20px;}

.banner-cover {position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0, 0, 0, 0.5); display:flex; justify-content:center; color:#fff; align-items:center;}
.sub-banner-heading {letter-spacing:2px; color:#ddd;}

.heading-area {margin-bottom:40px; text-align:center;}
.b-area {text-align:center; padding:30px 20px 15px; box-shadow:0 0 15px #ddd; border-radius:3px; margin-bottom:20px;}
.b-area:hover {box-shadow:0 0 25px #ccc;}
.rounded {border-radius:3px;}
.gallery-wrapper {background:#ea3d56; padding:50px 0; color:#fff;}

.our-clients {padding:40px 0;}
.our-clients img {height:50px; margin:0 auto;}

section.contact {background-color:#291734;}
.page-footer .border-top {border-top:none!important; background:linear-gradient(to right, rgba(86,86,120,0.1) 0, rgba(86,86,120,0.6) 50%, rgba(86,86,120,0.1) 100%); height:1px;}
.copyright {background-color:#21122a; color:#fff; font-size:12px; text-align:center; padding:15px 0; border-top:solid 1px #34223f;}
.page-footer .social-icons a {font-size:30px; display:inline-block; padding:0 10px;}