*{outline: none!important;box-sizing: border-box;}

html { scroll-behavior: smooth; }
body{font-size: 16px;font-family: 'Poppins', sans-serif;}
h1{text-transform: uppercase;color: #fff;}
h2{}
h3{font-size: 35px;font-weight: bold;text-transform: uppercase;}
h4{font-size: 20px;padding-top: 15px;text-transform: uppercase;}
h5{}
h6{font-weight: bold;font-size: 1.2rem;}
a{color: initial;vertical-align: middle;transition: all .2s ease 0s;-o-transition: all .2s ease 0s;-webkit-transition: all .2s ease 0s;-ms-transition: all .2s ease 0s;}
a:hover{text-decoration: none;color: #ad8604;}
p{margin-bottom: 15px;line-height: initial;color: rgb(51 51 51 / .8);font-size: 14px;}
ul{}
ul li{}
label{font-size: 12px;margin-bottom: 3px;}
img{vertical-align: middle; max-width: 100%}
.btn-primary:focus, .btn-primary.focus{box-shadow:initial!important; border:1px solid #ef3037}
.btn-primary.full{width: 100%}
.form-control:focus {color: #495057;background-color: #fff;border-color: #ad8604!important;outline: 0;box-shadow: initial!important;}

.btn-primary, .btn-border{vertical-align: top;display: inline-block;padding: 12px 35px;border: 1px solid #ad8604;border-radius: 25px;background-color: #ad8604;border-color: #ad8604;transition: all .2s ease 0s;-o-transition: all .2s ease 0s;-webkit-transition: all .2s ease 0s;-ms-transition: all .2s ease 0s;text-transform: uppercase;font-size: 15px;}
.btn-primary:hover{background-color: #333!important;border-color: #333!important;}
.btn-border{border: 1px solid #ef3037;color: #ef3037; background:#fff}
.btn-border:hover{background-color: #333!important;border-color: #333!important;color: #fff;}

input.form-control, textarea.form-control{font-size: 14px!important;border-radius: 2px;padding: 8px 10px;height: initial;border: 1px solid #d4d4d4;line-height: initial;color: black;}
input.form-control::placeholder, textarea.form-control::placeholder {color: #d4d4d4;opacity: 1;}
input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder {color: #d4d4d4;}
input.form-control::-ms-input-placeholder, textarea.form-control::-ms-input-placeholder {color: #d4d4d4;}
input[type=radio], input[type=checkbox]{margin-right: 5px;vertical-align: middle; width: 16px; height: 16px;}
textarea.form-control{min-height: 100px;}

header{transition: all .2s ease 0s;-o-transition: all .2s ease 0s;-webkit-transition: all .2s ease 0s;-ms-transition: all .2s ease 0s;}
header .logo{}
header .logo img{width: 135px;}
header nav{}
header nav ul{padding: 0;margin: 0;}
header nav > ul > li{list-style-type: none;display: inline-block;vertical-align: top;position: relative;}
header nav > ul > li.active a{color: #ad8604;font-weight: 500;}
header nav > ul > li a:hover{color: #ad8604;}
header nav > ul > li > a{padding: 26px 14px;display: inline-block;text-transform: uppercase;}
header nav > ul > li .submenu:after{content:'\f107';font-family: fontawesome;position: absolute;right: 0;}
header nav ul ul{display: none;margin: 0;}
header nav ul li:hover ul{display:block;list-style: none;position: absolute;width: 220px;left: 0;text-align: left;background: #fff;z-index: 9;}
header nav ul ul li{width: 100%;float: left;border-bottom: 1px solid #f3f3f3;}
header nav ul ul li:nth-child(odd){}
header nav ul ul li a{font-size: 13px!important;padding: 8px 10px;display: block;font-weight: 400;}

header.sticky{position: fixed;top: 0;width: 100%;background: #fff;z-index: 9;border-bottom: 1px solid #e4e4e4;padding: 5px 0px!important;}
header.sticky .logo img{width: 75px;}
header.sticky nav > ul > li > a{padding: 11px 14px;font-size: 14px;}
header .resp, header nav .nav-close{display: none;}

.banner .item {height: 500px;position: relative;}
.banner .item img {width: 100%;height: 100%;object-fit: cover;}
.banner .item .cover {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;}
.banner .item .header-content{text-align:center}
.banner .item .cover h2{color: #fff;font-size: 50px;letter-spacing: -1px;font-weight: bold;text-transform: uppercase;margin: 0;}
.banner .item .cover p{margin: 15px auto 25px auto;max-width: 750px;color: rgb(255 255 255 / .9);font-size: 18px;}
.banner .item .cover .btn-primary{display: inline-block;}
.banner .owl-item.active h2 {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.3s;}
.banner .owl-item.active p {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.3s;}
.banner .owl-item.active .btn-primary {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.banner .owl-nav .owl-prev {position: absolute;left: 15px;top: 43%;opacity: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: rgba(0, 0, 0, 0.5) !important;width: 40px;cursor: pointer;height: 40px;position: absolute;display: block;z-index: 1000;border-radius: 0;}
.banner .owl-nav .owl-prev span {font-size: 1.6875rem;color: #fff;}
.banner .owl-nav .owl-prev:focus {outline: 0;}
.banner .owl-nav .owl-prev:hover {background: #007bff !important;}
.banner .owl-nav .owl-next {position: absolute;right: 15px;top: 43%;opacity: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background: rgba(0, 0, 0, 0.5) !important;width: 40px;cursor: pointer;height: 40px;position: absolute;display: block;z-index: 1000;border-radius: 0;}
.banner .owl-nav .owl-next span {font-size: 1.6875rem;color: #fff;}
.banner .owl-nav .owl-next:focus {outline: 0;}
.banner .owl-nav .owl-next:hover {background: #c90447 !important;}
.banner:hover .owl-prev {left: 0px;opacity: 1;}
.banner .owl-nav{display:none}
.banner.innerpage{}
.banner.innerpage .item{height: 200px;}
.banner.innerpage h2{margin-bottom: 5px!important; text-align: left;}
.banner.innerpage .breadcrumbs, .innerpage .breadcrumbs a{color: rgba(255, 255, 255, .5);vertical-align: top;float: left;font-size: 14px;margin-right: 5px;}
.banner.innerpage .breadcrumbs a:hover{color: #fff}

.about-content h3{color: #ad8604}

.servicelist{}
.servicelist h3{text-align: center;margin-bottom: 30px; color: #ad8604}
.servicelist h4{text-align: center;padding: 15px 0 0 0;margin: 0;}

footer{background: #1b1a1a;color: #fff;}
footer img{margin-bottom: 20px;}
footer p{color: rgb(255 255 255 / .8);font-size: 13px;margin: 0;/* text-align: justify; */}
footer ul{margin: 0;padding: 0;padding-left: 20px;}
footer ul li{}
footer ul li a{color: rgb(255 255 255 / .8);font-size: 14px;}
footer ul li a:hover{color: #fff}

.copyright{background: black; text-align: center;}
.copyright p{color: rgb(255 255 255 / .8);font-size: 14px;margin: 0;}

.reviews{}
.reviews h2{}
.reviews p{padding: 10px 100px;font-size: 15px;}
.reviews span{}
.reviews span img{width: auto!important;margin: 0 auto 10px auto;}
.reviews span h5{margin: 0;}
.reviews span p{margin: 0; padding: 0}

.whatwedocss{}
.whatwedocss img{border-right: 1px solid #f8f9fa;box-sizing: border-box;float: left;padding: 5px 20px;margin-right: 20px;width: 250px;}
.whatwedocss h3{display: inline-block;padding-top: 30px;font-size: 28px; color: #333}
.whatwedocss p{}

.contactform h3{margin-bottom: 20px;color: #ad8604;}
.contactform h5{margin-bottom: 15px;}
.contactform i{color: #ad8604; margin-right: 5px; width: 20px; text-align: center;}

.about-content{}
.about-content ul{}
.about-content ul li{line-height: initial; color: rgb(51 51 51 / .8); font-size: 14px;}

@media(max-width:767px){
    header .resp{display:block;font-size: 25px;padding: 20px 0px;color: #ad8604;cursor: pointer;}
    header .resp.close i:before{content: '\f00d'; color: red}
    header.sticky{position: initial;}
    header nav ul.menu{display:none;position: fixed;left: 0;width: 100%;z-index: 9;text-align: left;top: 93px;background: black;}
    header nav ul li{width: 100%!important;float: left!important;border-bottom: 1px solid #333!important;font-size: 15px;}
    header nav ul li a{color:#fff;display: block;padding: 10px 15px!important;}
    header nav ul ul{display:block!important;position:initial!important;width: 100%!important;float: left;background: none!important;}
    header nav ul ul li:last-child{border-bottom:0!important}
    header nav ul ul li a{font-size:13px!important; padding: 8px 25px!important}
    header nav > ul > li .submenu:after{right:15px;}
    header nav ul.show{display:block}
    .banner .item{height:400px;}
    .banner .item .cover h2, h3{font-size:30px;}
    .banner .item .cover h2 br{display:none}
    .col-md-9.pl-5{padding-left: 15px!important;}
    footer .col-md-3.pb-5{text-align:center}
    
}
