@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500&display=swap');
@font-face {
font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Regular.eot');
    src: url('fonts/Rokkitt-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Rokkitt-Regular.woff2') format('woff2'),
        url('fonts/Rokkitt-Regular.woff') format('woff'),
        url('fonts/Rokkitt-Regular.ttf') format('truetype'),
        url('fonts/Rokkitt-Regular.svg#Rokkitt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.hero-section h1, .unb-detail h2,
.about-sec h2, .project-sec h2, .pro-bx h3, .tech-sec h2,
.tech-sec h3, .clients-bx h3, .testimonial-wrapper h2,
.gallery-sec h2, .customized-sec h2, .ft-lf h2, .info-bx a{
	font-family: 'Rokkitt';
	}
.RobotFont, .unb-detail h4, .unb-detail p, .lined-bx,
.pro-bx p, .tech-sec p, .clients-ul li, .test-bx p, .ft-lf p,
.fm-sec #submit, .fm-sec .form-control, .lower-ft, .nav-ul li a,
.contact-info a{
	font-family: 'Roboto', sans-serif;
}
body{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
}
.top-navigation{
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
    background: linear-gradient(180deg, #332C25 0%, rgba(29, 25, 21, 0.575916) 50%, rgba(0, 0, 0, 0) 99.48%);
    min-height: 140px;
	}
.nav-inner{
	padding-top:20px;
	}
.nav-ul{
	float:right;
	margin:15px 0 0;
	padding:0;
	}
.nav-ul li{
	float:left;
	margin-right:45px;
	list-style:none;
	}
.nav-ul li a{
	font-weight:500;
	text-transform:uppercase;
	font-size:18px;
	color:#fff;
	padding:5px 7px 5px;
	display:inline-block;
	}
.nav-ul li a:hover{
	text-decoration:none;
	border-bottom:3px solid #D1E21A;
	}
.contact-info{
	padding:5px 50px;
	float:right;
	border-left:1px solid #fff;
	}
.contact-info a{
	color:#fff;
	font-size:18px;
	}
.hero-section{
	text-align:center;
	display:flex;
    align-items: center;
	justify-content:center;
	height:100vh;
/*	background:url(../images/hero-bg.jpg) no-repeat center center; */
	}
.hero-content{}

.hero-section h1{
	color:#fff;
	font-size: 140px;
    line-height: 130px;
}

.unb-detail{
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
	min-height:500px;
	background:url(../images/triangle-building-bg.jpg) no-repeat center center;
    background-size: cover;
	}
.unb-detail h2{
	font-size:60px;
	color:#4994B5;
	margin-bottom:100px;
	}
.unb-detail h2 span{ color:#D1E21A;}
.unb-detail h4{ color:#fff; margin-bottom:20px;}
.unb-detail p{ color:#fff; font-weight:300;}
.unb-bx{
	padding:0 50px;
	}
.unb-img{
	margin-bottom:20px;
	}
.unb-img img{ width:100px;}
.about-sec{
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	color:#fff;
	background:url(../images/experience-bg.jpg) no-repeat center center;
	background-size: cover;
	}
.about-sec h2{
	font-size:150px;
	color: #D1E21A;
	line-height:90px;
    margin:40px 0 70px;
	}
.about-sec h2 span{
	color:#fff;
	font-size:120px;
	}
.about-text { 
/*	max-width:1400px; 
	margin:0 auto;*/
	margin-bottom:80px;
	}
.about-text p{
	text-align:left;
	font-size:24px;
	font-weight:300;
	margin-bottom:40px;
	}
.about-text p b{ font-weight:600;}
.project-sec{
	text-align:center;
	padding-top:70px;
	padding-bottom:60px;
	background:#295265;
	}
.project-sec h2{
	font-size:72px;
	color:#fff;
	margin-bottom:100px;
	line-height: 74px;
	}
.project-sec h2 span{
	color: #D1E21A;
}
.pro-bx{
	padding:0 30px;
	}
.pro-bx h3{
	font-size:40px;
	color:#062835;
    font-weight: 600;
	margin-bottom:20px;
	}
.pro-bx p{
	font-size:22px;
	color:#fff;
	font-weight:300;
	padding:0 50px;
	min-height:160px;
	}
.circle-img img{
	
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.circle-img:hover img{
	transform:scale(1.03);
	}
.tech-sec{
	color:#fff;
	text-align:center;
	padding-top:150px;
	padding-bottom:330px;
/*	background:url(../images/technology-bg.jpg) no-repeat center center; */
	background-size: cover;
	}
.tech-sec h2{
	color:#fff;
	font-size:96px;
    line-height: 92px;
	}
.tech-sec h2 span{
    color: #D1E21A;
	}
.tech-sec h3{
	font-size:34px;
	}
.tech-sec p{
	font-size:18px;
	font-weight:300;
	}
.lined-bx{
	position:relative;
	text-align:center;
	display:inline-block;
	text-transform:uppercase;
	color:#9cadb4;
	font-size:18px;
	font-weight:600;
	}
.lined-bx:before{
	content:'';
    position: absolute;
    top: 12px;
	left:-115px;
	width:100px;
	height:1px;
	background:#9cadb4;
	}
.lined-bx:after{
	content:'';
    position: absolute;
    top: 12px;
	right:-115px;
	width:100px;
	height:1px;
	background:#9cadb4;
	}
.lined-wrapped{ 
	text-align:center;
}

.clients-sec{
	color:#fff;
	padding-top:50px;
	padding-bottom:80px;
/*	background:url(../images/clients-bg.jpg) no-repeat center center; */
	background-size: cover;
	}
.clients-wrapper{
	padding-top:60px;
	}
.clients-bx h3{
	font-size:46px;
	}
.clients-ul {
	margin:0;
	padding:0;
	}
.clients-ul li{
	list-style:none;
	font-size:16px;
	}

.testimonial-wrapper{
	padding-top:80px;
	}
.testimonial-wrapper h2{
	font-size:70px;
	text-align:center;
	margin-bottom:30px;
	}
.rating-star{
	width:100%;
	float:left;
	margin-bottom:20px;
	}
.star-bx{
	float:left;
	margin-right:5px;
	}
.star-bx img{ width:25px;}
.test-bx p{
	font-size:16px;
	}
.test-bx h6{ font-weight:600; margin-bottom:0;}

.gallery-sec{
	padding-top:60px;
	padding-bottom:80px;
	background:#013047;
	}
.gallery-container{
	max-width:1600px;
	margin:0 auto;
	}
.gallery-ul{ padding:0; margin:0; width:100%; float: left; text-align:center;}
.gallery-ul li{
	margin: 0 30px 50px;
	list-style:none;
	display:inline-block;
	}

.gallery-sec h2{
	margin:20px 0 90px;
	color:#fff;
	font-size:64px;
	text-align:center;
	}
.gallery-sec h2 span{color: #D1E21A;}
.gallery-ul li a{ display:block; overflow:hidden;}
.gallery-ul li a img{ max-width:100%;}
.normal-img{}
.hover-img{ display:none;}
.gallery-ul li a:hover .normal-img{ display:none;}
.gallery-ul li a:hover .hover-img{ display:block;}
.customized-sec{
	color:#fff;
	min-height: 600px;
	text-align:center;
	padding-top:130px;
	padding-bottom:150px;
	background:url(../images/lights-bg.jpg) no-repeat center center;
	background-size: cover;
	}
.customized-sec h2{
	font-size:64px;
	color:#fff;
	}
.customized-sec h2 span{
	color: #D1E21A;
	}
.footer-section{
	padding-top:150px;
	padding-bottom:40px;
	background:url(../images/email-bg.jpg) no-repeat center center;
	background-size: cover;
	}
.ft-lf h2{
	color:#fff;
	font-size:70px;
    line-height: 66px;
	margin-bottom:18px;
	}
.ft-lf h2 span{
	color: #D1E21A;
	}
.ft-lf p{
	color:#fff;
	font-size:16px;
	font-weight:300;
	padding-top:20px;
	}
.footer-section footer{
	max-width:1600px;
	margin:0 auto;
	}
.info-bx{
	margin-bottom:20px;
	}
.info-bx a{
	display:inline-block;
	font-size:22px;
	margin-bottom:0;
	}
.info-bx a{
	color:#fff;
	}
.info-bx a:hover{ text-decoration:none;}
.info-a{
	text-decoration:underline;
	}
.info-a:hover{
	text-decoration:none;
	}
.fm-sec #submit{
	float:right;
	background:#4395b3;
	color:#102932;
	border-radius:15px;
	padding:10px 20px;
	min-width:210px;
	color:#122933;
	font-size:22px;
	outline:none;
	border:none;
	text-transform:uppercase;
	}
.fm-sec #submit:hover{
	background:#D1E21A;
	}
.fm-sec .form-control{
	font-size:22px;
	border-radius:0;
	border:none;
/*	font-weight:300; */
	}
.fm-sec .form-group{
	margin-bottom:30px;
	}
.fm-sec .form-control[type=text],
.fm-sec .form-control[type=email],
.fm-sec textarea.form-control{
	min-height:60px;
	padding:10px 20px;
	}

.fm-sec{
	padding-left:30px;
	}
.fm-sec .error{ color:red;}
.success-msg{ color:#fff;}
.lower-ft{
	padding-top:240px;
	color:#fff;
	}
.hamburger-icon{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 38px;
    display: none;
	z-index: 999;
	}
.hamburger-icon span{
	display: block;
    width: 100%;
    height: 5px;
    margin-bottom: 6px;
    background: #d4d4cc;
	}

.hamburger-icon.active span:first-child{ display: none;}
.hamburger-icon.active span:nth-child(2){
	transform: rotate(50deg);
    position: relative;
    top: 15px;
    left: 1px;
    width: 37px;
}
.hamburger-icon.active span:nth-child(3){
	transform: rotate(-50deg);
    position: relative;
    top: 4px;
}

@media (min-width: 1820px){
/*	.container{max-width: 1800px;} */
	.container-1800{max-width: 1800px; margin:0 auto;}
}
@media (max-width: 1819px){

}
@media (max-width: 1630px){
	.hero-section h1{font-size: 100px;line-height: 90px;}
	.m-logo img{ width:480px;}
	.unb-bx{ padding: 0 25px;}
	.unb-detail h2{ font-size:50px;}
	.project-sec h2 br{ display:none;}
	.project-sec h2{ padding:0 15px;}
	.pro-bx{ padding:0 20px;}
	.pro-bx p{min-height: 180px;padding:0 30px;font-size: 20px;}
	.pro-bx h3{font-size: 36px;}
	.tech-sec h2{font-size: 80px; line-height: 80px;}
	.gallery-ul li{ margin: 0 20px 40px;}
	.gallery-ul li a{ width:340px}
	.footer-section footer{max-width: 1200px;}
	.ft-lf h2{font-size: 60px; line-height: 56px;}
}

@media (max-width: 1200px){
	.hide-on-desk{ display: none;}
	.show-on-desk{ display: block;}
	.unb-bx{ padding: 0 25px 20px;}
	.unb-detail h2 br{ display:none;}
	.hero-section h1{font-size:80px;line-height: 70px;}
	.m-logo img{ width:420px;}
	.about-sec h2{ font-size:110px;}
	.about-sec h2 span{ font-size:88px;}
	.project-sec h2{ font-size:60px;}
	.pro-bx{ padding:0;}
	.pro-bx p{padding:0px; min-height: 200px;}
	.tech-sec{padding-bottom: 240px;}
	.about-text p{ font-size: 22px;}
	
	.gallery-sec h2{font-size: 52px;margin: 20px 0 60px;}
	.gallery-ul li{ margin: 0 15px 30px;}
	.gallery-ul li a{ width:280px}
	.ft-lf p br{ display:none;}
	.ft-lf h2{font-size: 50px; line-height: 46px;}
	.fm-sec{ padding-left:0; padding-top:20px;}
	.lower-ft{padding-top: 50px;}
	.footer-section footer{ padding:0 15px;}
	
}
@media (max-width: 992px){
	.hide-on-md{ display: none;}
	.show-on-md{ display: block;}
	.unb-detail h2{ font-size:50px; margin-bottom:60px;}
	.hero-section h1{font-size:70px;line-height: 60px;}
	.m-logo img{ width:350px;}
	.nav-ul li{ margin-right: 20px;}
	.unb-detail{ padding-top: 60px;  padding-bottom: 50px;}
	.pro-bx p{ min-height:inherit;padding: 0px 15px;}
	.pro-bx{ padding-bottom:30px;}
	.tech-sec h2{font-size: 70px;line-height: 65px;}
	.tech-sec h2 br{ display:none;}
	.tech-sec h3{ font-size: 26px;}
	.clients-bx h3{ font-size: 40px;}
	.testimonial-wrapper h2{font-size: 60px;}
	.hero-section h1 br, .customized-sec h2 br, .gallery-sec h2 br{ display:none;}
	.footer-section{ padding-top: 80px;padding-bottom: 20px;}
	.customized-sec{min-height: 450px;}
	.lined-bx{ font-size: 16px;}
	.gallery-sec h2{font-size: 40px;}
	.circle-img{ padding:0 40px;}
	.tech-sec{padding-top: 120px; padding-bottom: 120px;}
	
}
@media (min-width: 767px){
	.nav-inner{ display: block !important;}
}
@media (max-width: 767px){
	.nav-inner{ display:none;}
	.nav-inner.active, .hamburger-icon{ display:block;}
	.nav-inner.active{position: absolute;left: 0;top: 0; width: 100%;padding-top: 15px; background: #183f54; padding-bottom: 10px;}
	.nav-ul{ width:100%; text-align:center;margin: 10px 0 0;}
	.contact-info a{ font-size:14px;}
	.nav-ul li{display: inline-block;  margin:4px 0; float:none; width: 100%;}
	.contact-info{padding: 0px 20px 10px;float: left; border:0}
	.top-navigation{ min-height: 100px;}
	.project-sec h2{ font-size: 50px; line-height: 54px; margin-bottom: 70px;}
	.unb-detail h4{ font-size:22px}
	.container{max-width: 100%;}
	.mob-menu{ display: block;}
	.fm-sec .form-control[type=text], .fm-sec .form-control[type=email], .fm-sec textarea.form-control{min-height: 46px; padding: 5px 20px;font-size: 18px;}
	.fm-sec #submit{ font-size: 20px;padding: 8px 20px;min-width: 150px; border-radius: 10px;}
	.ft-lf h2{ font-size: 36px;  line-height: 40px;}
	.fm-sec .form-group{ margin-bottom:15px;}
	.copyrights{ font-size:14px;}
	.customized-sec h2{ font-size: 48px;}
	.customized-sec{min-height: 430px; padding-top: 90px; padding-bottom: 120px;}
	.gallery-sec h2{font-size: 34px; line-height:36px;}
	.circle-img{ padding:0 15px;}
	.about-text p, .pro-bx p{ font-size:18px;}
	.about-text{margin-bottom: 40px;}
	.about-sec h2{margin: 40px 0;}
	.unb-bx{padding: 0 0px 20px;}
	.pro-bx h3{font-size: 34px;}
	.test-bx, .clients-bx{ padding-bottom:30px;}
	.testimonial-wrapper{padding-top: 30px;}
	.clients-sec{padding-bottom: 40px;}
	.testimonial-wrapper h2{font-size: 40px;}
	.gallery-ul li{margin: 0 5px 15px;}
	.gallery-ul li a{ width: 175px;}
	.m-logo img{width: 250px;}
	.hero-section h1{font-size: 56px; line-height: 56px; padding:0 15px;}
	.about-text p{ text-align:center;}
	
}

@media (max-width: 490px){
	.unb-detail h2, .project-sec h2, .tech-sec h2, .clients-bx h3, .testimonial-wrapper h2, .gallery-sec h2, .customized-sec h2 {font-size: 36px; line-height: 40px;}
	.about-sec h2, .about-sec h2 span {font-size: 46px; line-height: 50px;}
	.gallery-ul li a{ width: 160px;}
	.nav-ul li a{ font-size:16px;}
	
	}
@media (max-width: 390px){
	.m-logo img{width: 200px;}
	.hero-section h1{font-size: 50px; line-height: 50px; padding:0 15px;}
	}


.parallax-window {
    min-height: 400px;
    background: transparent;
}
.fancybox-is-open .fancybox-bg{
	opacity: .99 !important;
	}
.fancybox-infobar,
.fancybox-button.fancybox-button--zoom,
.fancybox-button.fancybox-button--play,
.fancybox-button.fancybox-button--thumbs{ display:none !important;}	

.fancybox-button.fancybox-button--arrow_right, .fancybox-button.fancybox-button--arrow_left{
	background:#D1E21A;
	width:50px;
	height:50px;
	}
.fancybox-button.fancybox-button--arrow_left svg, .fancybox-button.fancybox-button--arrow_right svg{
	display:none;
	}
.fancybox-button.fancybox-button--arrow_right > div, .fancybox-button.fancybox-button--arrow_left > div{
	position:absolute;
	left:13px;
	top:18px;
	width:30px;
	height:30px;
	background:url(../images/right-arrow.png) no-repeat center center;
	background-size:contain;
	}
.fancybox-button.fancybox-button--arrow_left > div{
	left:10px;
	background:url(../images/left-arrow.png) no-repeat center center;
	background-size:contain;
	}