@import url(bootstrap.min.css);
@import url(slick.css);
@import url(all.min.css);
@import url(fancybox.css);

@font-face{
	src: url(../fonts/telegraf/Telegraf-Regular.ttf);
	font-family: Telegraf;
}
@font-face{
	src: url(../fonts/telegraf/Telegraf-UltraBold-800.ttf);
	font-family: Telegraf; font-weight: bold;
}
@font-face{
	src: url(../fonts/telegraf/Telegraf-UltraLight.ttf);
	font-family: Telegraf; font-weight: 300;
}

*{ outline: none !important; text-decoration: none !important; }
img{ max-width: 100%;  }

body{font-family: Telegraf; overflow-x: hidden;color: #000; font-size: 14px; top: 0 !important; letter-spacing: 1px;}
h1, h2, h3, h4, h5, h6, strong, li, a, p{}

.f400{font-weight: 400 !important;}
.f800{font-weight: 800 !important;}
.f300{font-weight: 300 !important;}

.bgdarkgray{ background-color: #3F3F3F; color: #fff; }
.clrwhite{ color: #fff; }
.clrred{color: #EB564F;}

.header{background-color: transparent; position: fixed; left: 0; right: 0; top: 0; z-index: 4343; transition: all ease 0.2s; border-bottom: 1px solid #ccc;}
.header.fixed{box-shadow: 0 0 15px rgba(0,0,0,0.1); background-color: #fff;}
.header nav{background-color: transparent;}

.header.headFix{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.logo{max-width: 300px;}

.header .navigation li a{color: #fff; text-transform: uppercase;}

.header1{ position: static; background-color: #fff; border-bottom: 1px solid #dfdfdf;}

.navigation{ margin: 0 0 0 auto; }

.header.headFix .navigation li a{ color:#000;  }


.header1 .navigation li a{color: #000;}

.banner{background-position: center; background-size: cover;}
.hmbanner{height: 100vh; background-size: cover; background-image: url(../images/banner-hm.jpg);}

.bannercntwrp{
	height: 100vh; display: flex; align-items: flex-end;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+23,0.45+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 23%, rgba(0,0,0,0.45) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0.45) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */

}
.hmbncntwrap{ color: #fff; }
.hmbncntwrap h1{font-size: 70px; text-transform: uppercase; font-weight: bold;}

.hmbnright p{ text-transform: uppercase; font-weight: bold; margin: 0; }
.hmbnright span{font-size:18px;}

.pagesec-heads{ font-size: 50px; }


.onhmproject{ background-image: url(../images/OGMTypicalOffice1.png); position: relative; background-position: center; min-height: 300px;}
.onhmproject-title{font-size: 60px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; top: 0; transform: translateY(60px);}
.onhmproject_btn{ transition: all ease 0.3s; opacity: 0;}
.onhmproject_btn a.btn{ background-color: #D94F30; color: #fff; }
.onhmproject_btn a.btn:hover{ background-color: #232323; }
.onhmproject_heading{ transition: all ease 0.3s; }

.onhmproject:hover .onhmproject_heading{ transform: translateY(-50px); opacity: 0; }
.onhmproject:hover .onhmproject_btn{ transform: translateY(-100px); opacity: 1; }
a.onhmproject{ color:#fff; display: flex; align-items: center;}
a.onhmproject .onhmproject-title{ transform: none; display: flex; align-items: center; justify-content: center;}


.tabbread a{ color:#000; font-size: 30px; text-transform: uppercase; vertical-align: middle;}
.tabbread span{ color: #D94F30;font-size: 45px; display: inline-block; vertical-align: top; transform: translateY(-11px); margin: 0 10px;}
.tabbread a.active{color: #D94F30;}

.btnswrap a{ border-radius: 30px; }
.btnswrap a.readll1{ background-color: #343434; width: 210px; color: #fff; }
.btnswrap a.readll2{ background-color: #D94F30; width: 210px; color: #fff;}

.portlist{ margin: 0;padding: 0; list-style: none; }
.portlist li{padding: 13px 0 13px 35px; border-top: 1px solid #dfdfdf; position:relative;}
.portlist li span{ color: #D94F30; font-weight: bold; margin: 0 20px 0 0; position:absolute; left:0; }
.portlist li:nth-child(1){ border-top: none; }

.granum{font-size:70px;}
.graphfrap{ position: relative; }
.graphfrap p{background-color: #fff; z-index: 4; position: relative; padding-right:20px;}
.graphfraplin:before{ position: absolute; left: 0; right: 0; bottom: 28px; content: ''; height: 1px; background-color: #f00; }

.readbtn1{background-color: #232323; color: #fff; padding: 6px 20px; border-radius: 40px;}
.readbtn1:hover{ background-color: #D94F30; color: #fff;}

.readbtn2{ background-color: #D94F30;  color: #fff; padding: 6px 20px; border-radius: 30px;}
.readbtn2:hover{ background-color: #000; color: #fff;}


.teamwrp{ background-color: #f0f0f0; height: 100%; }

.teamprof h5{ color: #D94F30; }


.calbtncontpage{ font-size: 30px; color: #343434; }



.footer{ background-color: #3F3F3F; font-size: 14px;}
.ft-logo{ max-width: 220px; }

.ftlinks{margin: 0 -15px; padding: 0; list-style: none;}
.ftlinks li{ display: inline-block; margin: 0 15px;}
.ftlinks li a{ color:#fff; }
.ftlinks li a:hover{ color: #D94F30; }
.ftheads{color: #D94F30; text-transform: uppercase; font-weight: bold; font-size: 20px;}

.ftcall{color: #D94F30; font-size:30px;}

.ftvisitbtn{ color: #D94F30; border: 1px solid #D94F30; padding: 5px 30px; border-radius: 30px;}
.ftvisitbtn:hover{ background-color: #D94F30; color:#fff; }



.careersinpage{ min-height: 100vh !important; height: auto !important;}
.careersinpage .bannercntwrp{ min-height: 100vh; height: auto !important; padding: 100px 0;}
.careersinpage form input{
	border-radius: 30px; padding: 10px 30px; border: none;
}
.careersinpage form button{ padding: 10px 40px; }


@media(max-width: 768px){
	.careersinpage .bannercntwrp{ min-height: 100vh; height: auto !important; padding: 100px 0;}
.logo{ max-width:200px;}
.allprojectmin{ min-height:300px; height: auto; }
}
@media(max-width: 991px){
	.menu_toggle{   box-shadow: none !important; width: 35px; height: 35px; border-radius: 50%; padding: 0; position: relative;}
	.menu_toggle span{
		border-top: 1px solid #fff; background-color: #fff; margin: 7px 0; display: block; width: 20px; position: absolute; left: 0; right: 0; margin: auto;
		transition: all ease 0.2s;
	}
	.menu_toggle span:nth-child(1){ top:8px; }
	.menu_toggle span:nth-child(2){ top: 16px; }
	.menu_toggle span:nth-child(3){ bottom: 8px; }

	.menu_toggle.active{ position: relative; z-index: 445; background-color: #D94F30;}
	.menu_toggle.active span:nth-child(1){ transform: rotate(45deg) translate(6px, 6px); }
	.menu_toggle.active span:nth-child(2){ display: none; }
	.menu_toggle.active span:nth-child(3){ transform: rotate(-45deg) translate(5px, -5px); }

	.header1 .menu_toggle span{ background-color:#000 ; border-top: 1px solid #000; }
	.header1 .menu_toggle.active span{ border-color:#fff; }

	.headFix .menu_toggle span{ border-color:#000; }

	.menu_wrp{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; background-color:rgba(0,0,0,0.8); padding: 50px 30px 30px 30px;}
	.navigation{display: block;}
	.navigation li{display: block; text-align: right;}
	.navigation li a{ color:#fff !important; font-size: 20px; }
	.navigation li a:hover{ color: #D94F30 !important;}
}
@media(min-width: 991px){
	.fold3hmwrapimg{ margin-top: -150px; position: relative; }
	.mllgwrap{ margin-left: 13px; }

	.ftcall{font-size: 50px;}
	.calbtncontpage{ font-size: 50px; }
	.allprojectmin{ height:calc(100vh - 100px); }

	.parahe{ min-height: 230px; }
}
@media(min-width: 1200px){
	.fold3hmwrapimg{ margin-top: -250px; position: relative; }
}
@media(max-width:768px){
    .prbanner{ height:45vh !important; }
}
@media(min-width: 768px) and (max-width: 991px){
	.allprojectmin{ min-height:400px; height: auto; }
}

.careersfrom label.error{ color:#f00; }


@media(max-width:576px){
    .graphfraplin:before{ width:1px; height:70px; left:50%; top:80%;}
    .tabbread a{font-size:15px;}
    .tabbread span{font-size:30px;}
}