* {
	padding: 0;
	margin: 0 auto;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype'),
        url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Le-Jour-Serif';
  src:url('../fonts/Le-Jour-Serif.woff') format('woff'),
        url('../fonts/Le-Jour-Serif.woff2') format('woff2'),
        url('../fonts/Le-Jour-Serif.eot'),
        url('../fonts/Le-Jour-Serif.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Le-Jour-Serif.ttf') format('truetype');
		

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
    font-family: 'neue_haas_grotesk_displa95Blk';
    src: url('../fonts/neuehaasdisplayblack-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplayblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display75Bd';
    src: url('../fonts/neuehaasdisplaybold-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaybold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display45Lt';
    src: url('../fonts/neuehaasdisplaylight-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaylight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display65Md';
    src: url('../fonts/neuehaasdisplaymediu-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaymediu-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display35Th';
    src: url('../fonts/neuehaasdisplaythin-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaythin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}
ul{list-style:none}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}



body {
font-family: 'Poppins', sans-serif;
color: #000000;
font-size: 16px;
font-weight: 300;
line-height: 1.625;


}

h1,h2,h3{font-family: "Inter Tight", sans-serif;    line-height: 50px;font-size: 45px;font-weight: 700;letter-spacing: 2px;}


.pad100{padding:100px 0}
.navbar-brand{width:150px}
nav.navbar-expand-lg.navbar-light.header {position: fixed;left: 0;right: 0;top: 0;z-index: 999;backdrop-filter: blur(26px);border-bottom: 1px solid #97939391;/* background: rgba(0,0,0,.12156862745098039);*/
}

nav.navbar-expand-lg.navbar-light.fixed {background: #f6f6f6;box-shadow: 10px 10px 10px #b7b7b721;-webkit-animation: slide-down 1.0s;animation: slide-down 1.0s;}
.black{display:none}
nav.navbar-expand-lg.navbar-light.header.fixed .black {display: block;}
nav.navbar-expand-lg.navbar-light.header.fixed .white {display:none;}
nav.navbar-expand-lg.navbar-light.fixed .nav-link {color:#000}
@-webkit-keyframes slide-down{ 0%{opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
    }
    100%{opacity:.9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
        
    }}
    
    @keyframes slide-down{
        0%{opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
        100%{opacity:.9;
        -webkit-transform:translateY(0);
        transform:translateY(0)
            
}}



.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    
}

.navbar-expand-lg .navbar-brand img {
    width:187px;
	margin:18px 0;
    
}

ul.navbar-nav li {
    position:relative!important;
    margin-left:40px;
}


ul.navbar-nav {
    margin-right:0px;
}

ul.navbar-nav li:first-child{margin-left:0;}


.navbar-light .navbar-nav .nav-link {
   
    color: #fff;
    padding:18px 0;
	font-weight: 400;
    font-size: 14px;
   	text-transform:uppercase;
    letter-spacing: 1px;
    position: relative;
    
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #e9550c;
}

.main-nav {
    width:65%;
    float: left;
    flex-wrap: wrap;
     justify-content: flex-end;
    
}
.topnav {
    width: 100%;
    flex: auto;
    position: relative;
	margin-top:10px;
    
}



.navbar-light .topnav .navbar-nav .nav-link:hover {
    color: #00adf1;
}

.width100 {
    width: auto !important;
}


.dlfx {
    justify-content: flex-end;
    display: flex;
    
}


ul.dropdown_hover {
    opacity: 0;
    transform: translateY(70px) translateZ(0);
    transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
    position: absolute;
    left: 0;
    width: 200px;
    margin: 0;
    list-style: none;
    visibility: hidden;
	
}

.nav-item ul.dropdown_hover li {
    margin: 0;
    border-bottom: solid 1px #2d4990;
    background: #29417c;
    transition: all ease-in-out 0.3s;
}

nav.navbar-expand-lg.navbar-light.header .nav-item ul.dropdown_hover li a {
    display: block;
    padding: 10px 20px;
    color: #fff!important;
    font-size: 13px;
}


.dropdown_hover .nav-link:after{display:none}

ul.navbar-nav li:hover ul.dropdown_hover {
    display: block;
    opacity: 1;
    transform: translateZ(0);
    visibility: visible;
	
}

.navigation_black nav.navbar-expand-lg.navbar-light.header{background:#000}
.mt92{margin-top:92px}

/*dropdown css*/
.navbar-nav li.nav-item:hover .dropdown-menu { opacity: 1;
    top: 100%;
    visibility: visible;}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:100%;margin: 0;width:300px;left: 0;opacity: 0;
    visibility: hidden;display:inherit;transition: 0.3s;    top: calc(100% + 30px);}
.dropdown-menu {border-radius:0; top:100%; padding:30px 0;border: 1px solid rgb(0 0 0 / 3%);}
.width700{min-width:840px;left:-200px;padding:30px;}
.dropdown-menu ul{padding-left:20px}
.dropdown-menu li { list-style:none;margin-left: 0 !important;}
.dropdown-menu li a {color:#000 !important;margin:0!important;transition:all .4s ease-in-out}
.dropdown-menu li a::before {display:none !important;}
.dropdown-menu li a {display:block;color: #000 !important;padding: 5px 10px !important;}
.dropdown-menu li:last-child a {border:0;}
.dropdown-menu li a:hover {color:#26abe2 !important;padding-left: 15px !important;}
.width700 h6{font-size:25px;font-weight:700;border-bottom:1px solid #d6d4d4;margin-bottom:20px;padding-bottom: 5px;color:#00adf1}
.width300{width:24.6%;display:inline-block;padding:0 10px}
.dropdown-menu .width300:first-child{padding-left:0px}
.width300 strong{font-size:18px;color:#00adf1}
.width300 ul{margin-top:5px}
.bg-grey{background-color:#F5EFE6;}
.container-fluid {padding-left:50px;padding-right:50px}
.pd100{padding:100px 0;}
.heading{font-size:45px;margin-bottom:25px;color:#04000b;font-weight:900;}
.home-banner{position: relative;height:700px;overflow: hidden;}
.banner-section{position: absolute;left: 0;right: 0;top: 0;width: 100%;background:#00000085;height: 100%;}
.banner-title{display: flex;height: 100vh;align-items:center;width: 600px;margin: 0;}
.banner-title h2{font-weight:700;font-size:55px;color:#fff;text-align:left;line-height:65px;margin-top:80px;margin-bottom: 0;letter-spacing:2px}
.banner-title p{font-size:18px;color:#fff;margin-top:10px;}
.banner-title a {color: #fff;background: #FF9800;padding: 10px 40px;border-radius: 30px;font-size: 15px;letter-spacing: 1px;margin-top: 25px;display: inline-block;}
.rotate-text {
    -webkit-animation: rotateText 20s linear infinite;
    animation: rotateText 20s linear infinite;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 36px;
}

.rotate-circle svg {
    width: 220px;
    height: 220px;
    fill: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@-webkit-keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.client-slider  .slick-slide {display:flex;margin:0 20px!important}
.client-slider .client-thumb{height:100px;display:flex;align-items: center;justify-content: center}
.client-slider{border-bottom:1px solid #ccc;padding:60px 0;}
.overview p{font-size:30px;margin: 0;padding:0 20px}
.about-home h5{font-size:50px;font-weight:600;margin-bottom:30px}
.about-home span{color:#BCC0CB}



.work-section h2{font-size: 150px;font-weight: 600;line-height: 150px}
.work-section .work-subheading{font-size:36px;line-height:50px;font-weight:500}
.work-heading{display:flex;align-items:center}
.work-heading img{width:240px}


.line-sec{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top:30px}
.line-sec{position:relative}
.line-sec:after{content:'';position:absolute;left:0;bottom: 50%;width:100%;height: 1px;background:#ccc;}
.service-thumbnail{padding:70px 30px;border-left: 1px solid rgba( 0, 0, 0, 0.20);transition:all .8s ease-in-out;position:relative}
.line-3{border-right: 1px solid rgba( 0, 0, 0, 0.20);}
.line-6{border-right: 1px solid rgba( 0, 0, 0, 0.20);}
.line-7{border-right: 1px solid rgba( 0, 0, 0, 0.20);}
.service-discrip h5{font-size:20px;margin-bottom:20px;margin-top:40px;}
.service-discrip p{margin:0}
.service-icon{width:60px;margin:0}
.service-icon img{width:100%}
.service-thumbnail::before {position: absolute;content: "";width: 0;height: 100%;background:#000;right: 0;top: 0;z-index: -1;transition: ease all 0.5s;}
.service-thumbnail:hover::before {width: 100%;left: 0;}
.service-thumbnail:hover .service-discrip h5, .service-thumbnail:hover .service-discrip p{color:#fff}
.service-thumbnail:hover .black-icon{display:none}
.service-thumbnail .white-icon{display:none}
.service-thumbnail:hover .white-icon{display:block;}
.whychoose-thum{border: 1px solid #ccc;border-radius: 20px;padding: 20px;margin-top: 30px;min-height: 320px;position:relative;overflow:hidden}
.whychoose-thum:before {
    position: absolute;
    content: "";
    bottom: 0;
    left:0%;
    height:0;
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    background-size: 101% 101%;
    background: #000;
    z-index:-1;
}

.whychoose-thum:hover:before {
    left: 0;
    bottom:0;
     height:100%;
}
    

.whychoose-thum h5{font-size:20px;margin-bottom:20px;}
.whychoose-thum p{margin:0}
.whychoose-thum:hover h5, .whychoose-thum:hover p{color:#fff}
.testimonials-thumb{text-align:center;padding: 0 140px;}
.testimonials-thumb p{font-size:25px;line-height:40px}

/*.service-box:after{content:'';width:0;height:1px;background:#ff9406;position:absolute;left:0;bottom:-1px;transition:all .8s ease-in-out;}
.service-box:hover:after{width:100%;}
.service-heading{margin:0}
.service-heading h3{font-size:32px}
.service-thumb, .content-thumb {display: flex;align-items: center;overflow: hidden;}
.service-thumb .service-img{width:200px;margin-right:30px;margin-left:-32%;transition:all .8s ease-in-out}
.service-box:hover .service-img{margin-left:0;}
.service-icon{width:40px;transform: rotate(-45deg);transition:all .6s ease-in-out}
.service-box:hover .service-icon{transform: rotate(0deg);}
.service-icon img{width:100%}*/
.content-thumb{padding-left:50px;height: 160px;}
.service-content{width:380px}
.colum-1 .project-thumb img{height:400px;object-fit:cover}
.project-slider{margin-top:50px}
.project-thumb{margin:0 15px;position:relative}
.hgt-512{height:500px;object-fit:cover}
.hgt-300{height:300px;object-fit:cover}
.project-title h6{font-size:25px;color:#fff;position: absolute;bottom: 40px;left: 50px;text-transform: uppercase;letter-spacing: 2px;}


.static-service{padding:20px;border:1px solid #ccc;border-radius:15px;min-height: 244px;text-align: center;margin-top: 25px;}
.static-icon{width:80px;margin-bottom:20px}
.static-service p{margin-bottom:0}

.inner-banner {padding:70px 0;background: #0b2d5d;color:#fff}
.inner-banner p{font-size:20px}
.innerbanner-title ul{padding-left:0}
.innerbanner-title ul li{margin-top:10px;}
.innerbanner-title ul li .fa{padding-right:10px;color:#f19a32}
.banner-form{background: #002f70;padding: 30px;border-radius: 15px;border: 3px solid #f19a32;}
.banner-form h5 {font-size:25px;color:#f19a32;}
.banner-form .form-group { margin-bottom:25px;}
.banner-form .form-control:focus{background-color:transparent;outline:0;box-shadow:none}
.banner-form  .form-control {color: #fff;height:50px;padding: 5px 0;border-radius: 0;border: none;font-size: 14px;border-bottom: 1px solid #ffffff47 !important;resize:none;background:transparent;opacity: .6;}
.banner-form  .form-group{margin-bottom:8px;}
.banner-form  .digital-btn{padding: 8px 25px;border: 0;outline: none;margin-top: 30px;background: #f1a63a;font-size: 13px;letter-spacing: 1px;}
.banner-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
.banner-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
.banner-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color:#fff;
}
.banner-form .form-control:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}



footer{background-color:#000;color: #fff;padding:50px 0 0;}
.footer-top{max-width:950px;margin:0 auto;padding-bottom:50px}
.footer-top h5{font-size: 120px;text-transform: uppercase;font-weight: 600;line-height:130px}
.footer-top span{text-transform: capitalize;font-weight:400;color: #f79723;}
.footer-top a.ft-btn{font-size: 16px;color: #fff;background: #f79723;padding: 35px 70px;border-radius: 50px;letter-spacing: 1px;margin-top: 10px;vertical-align: top;display: inline-block;margin-right:35px;line-height:20px}
.footer-border{border: 1px solid #f5f4f45e;border-left: 0;border-right: 0;}
.footer-grid{padding: 50px 0 35px;height: 100%;}
.first-grid{border-right: 1px solid #f5f4f45e;padding-left: 80px;}
.pl-80{padding-left:80px}
footer .pl-50{padding-left:50px}
a.call{font-size: 20px;color: #f1f1f1bd;font-weight:600;letter-spacing: .5px;margin-bottom:10px}
footer h6{color:#f19a32;font-size:20px;letter-spacing: 1px;opacity:.8;margin-bottom:23px;position:relative;}

footer ul{margin:0;padding:0}
footer .footer-grid ul li{margin-bottom:10px;}
footer .footer-grid ul li a:after{content:'';position:absolute;left:0;bottom:-5px;width:0px;height:1px;background:#fc8902;transition: all .8s ease-in-out;}
footer .footer-grid ul li a {font-size: 15px;transition: all .4s ease-in-out;position:relative;}
footer p {font-size:15px}
footer .footer-grid ul li a:hover:after{width:100%}
footer ul li a, footer p {color:#fff;    opacity: .6;}
footer ul li a:hover{color:#fc8902;opacity:1}
.social{margin-top:30px}
.social  li {display:inline-block;position:relative}
.social  li a{padding-right:20px;font-size:20px !important}
.social  li a:after{display:none}
.social  li a:before{display:none}
.news-form form{display:flex;background:#fff;}
.news-form .digital-btn{background:#fc8902;padding: 8px 15px;border-radius: 0;}
.news-form .form-control{font-size:13px;opacity:.8;border-radius:0;padding: 0.375rem 0.75rem!important;border: 1px solid #ced4da;color: #000 !important;}
.copy-right{padding:10px 0}
.copy-right p{margin-bottom:0;color:#fff;opacity:.8;padding:10px 0;font-size:13px;text-align: right;}
.copy-right p a{margin:0;color:#fff;opacity:.6;padding:10px 0;font-size:14px;}
.copy-right p span{margin:0 10px;}
.digital {width: 40px;margin-top: 8px;margin-right: 0;}


@media only screen and (max-width: 992px) {
  .dropdown-menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .dropdown-menu {
    width: 40vw;
    flex-wrap: wrap;
  }
}