@import url('https://fonts.cdnfonts.com/css/avenir-lt-std');
@import url('https://fonts.cdnfonts.com/css/helvetica-2');
body{padding: 0px; margin: 0px; background-image: url(../tpl_images/bg.webp); background-attachment: fixed;background-position: center;background-size: cover;}
img{max-width:100%;}
ul{list-style: none; padding-left: 0px;}
a{outline:none;color: #000; text-decoration: none;}
a:hover{color: #8c7700;text-decoration: none;}
img{max-width:100%;}
ul{list-style: none; padding-left: 0px;}

h1{font-family: 'Avenir LT Std', sans-serif; font-size: 60px; font-weight: 700;}
h2{color: #3d5975; font-family: 'Avenir LT Std', sans-serif; font-size: 22px; font-weight: 700;}
h3{font-family: 'Avenir LT Std', sans-serif; font-size: 25px; font-weight: 700;}
p{font-family: 'Helvetica', sans-serif; font-size: 16px; font-weight: 300;}
.low{font-size: 14px}

@media  (max-width:767px){h1{font-size: 35px;} h2{font-size: 20px;} h3{font-size: 22px;} p{font-size: 17px;} body{background-image: none;}}
@media  (max-width:575px){h1{font-size: 32px;} h2{font-size: 18px;} h3{font-size: 20px;} p{font-size: 16px;}}

/* header section start*/
header {background-color: #fff;}
header .navbar{justify-content: flex-end!important;}
header .hlogo{ position: absolute; top: 0;}
header .video-container { width:100%; padding: 0px;}
nav.navbar{display: grid; padding: 40px 0px 10px;}
header #video-bg{width:100%; top: -35px; position: relative;}
header .navbar .navbar-nav .nav-link{color: #fff; padding: 15px 60px 15px 10px; font-weight: 300; font-family: 'Avenir LT Std', sans-serif; font-size: 14px;}
header .row{position: fixed; background:#1e2d3b; width: 100%; z-index: 999;}
header .navbar-toggler{padding: 1px 6px;}
header .navbar .navbar-nav .nav-item {display: block; text-align: center;}
header .navbar-nav .nav-item.active .nav-link{color: #f4d968 !important;}
header .navbar-nav .nav-item .active .lock{opacity: 10;}
header .nav-item .lock {width: 12px; opacity: 0; margin-top: 14px; position: absolute; transform: translate(-50%, -50%);}
header .nav-item:hover .lock {opacity: 10;}
header .navbar .navbar-nav .nav-item:hover .nav-link{color: #f4d968;}
header .justify-content-end {justify-content: flex-end!important;}
header .cap{max-width: 700px; position: absolute; text-align: center; color: #fff; top: 320px; left: 50%; transform: translate(-50%, -50%); width: 100%;}
header h1{ line-height: 1.2; letter-spacing: 5px;}
header .cap img{ cursor: pointer; margin-top: 20px}
header #down {margin-top: 100%; padding-bottom: 25%;} 
@media  (max-width:1400px){header .hlogo{bottom: -56%; z-index: 2;}}
@media  (max-width:1199px){header #video-bg{top: 0px;} header .hlogo{width: 280px;} header .cap {top: 250px;} header  h1{ font-size: 40px;}}
@media  (max-width:991px){header .hlogo{width: 255px;} header .cap {top: 235px;} header h1{font-size: 45px;} header .navbar-light .navbar-toggler i{color: #fff; font-size: 30px;} header .navbar-toggler:focus {box-shadow: none !important;} header .navbar-light .navbar-toggler i:active{ color: #f4d968!important;}.navbar-light .navbar-toggler {border-color: transparent !important;}header .navbar-nav .nav-item .nav-link{color: #fff !important;} header .navbar-light .navbar-nav .nav-link{background-color: #1e2d3b; padding: 15px!important; font-size: 16px; font-weight: 600;} ul.navbar-nav {border: 2px solid #fff;}header .navbar-light .navbar-nav .nav-item:hover .nav-link{color:#edcd1f!important; border-radius: 0px;}header .navbar-light .navbar-nav{background-color: #1e2d3b; padding-bottom: 0px;}header .navbar-light{justify-content: end !important;}header .navbar .nav-item{border: 1px solid #fff;} header .navbar-collapse{position: absolute; top:90px; z-index:99; flex-grow:1; right: 15px; width: 200px; padding-left: 14px;}}
@media  (max-width:768px){header #video-bg{position: relative; top: 0; width: 100%; height: 432px; object-fit: cover; margin-bottom: -7px;} header .hlogo{width: 245px;} header .navbar-light .navbar-toggler i{font-size: 25px;}  header .cap img{ margin-top: -10px; width: 30px;} header .cap {top: 200px;} header  h1{ font-size: 35px;} header .navbar-collapse{top:55px;}}
@media  (max-width:576px){header .row{position: relative; background:#1e2d3b; width: auto; z-index: 999;}
nav.navbar{padding: 10px 0px 10px;}header #video-bg{height: 324px; object-fit: cover;} header .cap {top: 180px;} header .cap img{ margin-top: -16px; width: 25px!important;} header .hlogo{width: 155px;} header  h1{ font-size: 25px; letter-spacing: 2px;}}
@media  (max-width:376px){header #video-bg{height: 310px; object-fit: cover;} header .cap {top: 185px;} header .cap img{ margin-top: -30px; width: 20px!important;} header h1{font-size: 25px!important;} ul.navbar-nav{margin-left: 34px;}}
/* header section end*/

/* service section start*/
.services {background-color: #fff;}
.services hr{height: 8px; width: 90px; background-color: #edcd1f; opacity: 1; margin:  5px auto 4px;}
.services h1{color: #c6c6c6; margin-bottom: 0px;}
.services p{color: #3b3a3a;}
.services .card-body{ background-color: #f7f7f7; padding: 30px;}
/* service section end*/

/* About section start */
.about{background-image: linear-gradient(to right, #f7f7f7 50% , transparent 50%); margin-bottom: 40px;}
.about hr{height: 8px; width: 90px; background-color: #edcd1f; opacity: 1;}
.about h1{color: #c6c6c6; margin-bottom: -18px;}
.about p{color: #3B3A3A; line-height: 1.6;margin-bottom: 20px;}
@media (max-width:767px){.about{background-color: #f7f7f7; margin-bottom: 0px;}}
/* About section end */
    
/* counter section starts */
.counter{background-color: #edcd1f;}
.counter .vl { height: 60px; border-right: 2px solid #fff; margin: auto 60px auto 60px;}
.counter h1{color: #fff;}
.counter h2{color: #3d5975;}
@media  (max-width:575px){.counter .vl {margin: auto 20px auto 20px;}}
/* counter section end */

/* project section starts */
.project {background-color: #fff;}
.project h1{color: #c6c6c6;}
.project .hr{height: 8px; width: 90px; background-color: #edcd1f; margin-top: 15px !important; opacity: 1;}
.project .images{overflow: hidden;}
.project img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.project .images:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); filter: brightness(80%);}
/* project section end */

/* contact section starts */
.contact .form-control {margin-bottom: 8px; border: 1px solid #000; background-color: #f7f7f7; font-family: 'Helvetica', sans-serif; font-size: 15px; font-weight: 300; resize: none;}
.contact h1{color: #c6c6c6;}
.contact h2{color: #1e2d3b;}
.contact p{color: #3B3A3A; padding-bottom: 0px;}
.contact  .form-control:focus {background-color: #f7f7f7; border:1px solid #3b3a3a; box-shadow: none;}
.contact {background-color: #fff;}
.contact .hr{height: 8px; width: 90px; background-color: #edcd1f; margin-top: 15px !important; opacity: 1;}
.contact .hr1{height: 10px; width: 65px; background-color: #edcd1f; margin-bottom: 10px; opacity: 1;}
.contact button{font-family: 'Helvetica', sans-serif; font-size: 15px; font-weight: 300; color: #edcd1f!important; background-color: #3b3a3a; padding: 11px 60px; border: 1px;} 
.contact button:hover{color: #3b3a3a!important; background-color: #edcd1f;}
.contact ::placeholder{color: #b5b5b5;}
@media  (min-width:992px){.contact .firstcol{padding-right: 6%;} .contact .secondcol{padding-left: 6%;}}
@media  (max-width:767px){.contact button{padding: 10px 50px;}}
@media  (max-width:575px){.contact button{padding: 8px 40px;}}
/* contact section end */

/* footer section starts */
footer {background-color: #fff;}
.icons > a > i {background-color: #e0e0e0; color: #fff; padding: 6px; width: 34px; height: 34px; border-radius: 50%; text-align: center; line-height: 24px; font-size: 18px;}
.icons > a > i:hover {background-color: #edcd1f;}
footer p{font-family: 'Avenir LT Std', sans-serif; font-size: 15px; font-weight: 300;}
/* footer section end */

#ee{position: relative;padding: 56.25% 0 0 0;}
video{position: absolute;right: 0;top: 0;width: 100%;height: 100%;}

.btn{background: #000;color: #f4d968!important;font-family: 'Helvetica', sans-serif;border-radius: 0;}
.btn:hover{color: #000!important;background: #f4d968;}