body {
	padding: 0;
	margin: 0;
	font-family: 'Lato';
}

.clearC:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.container {
	max-width: 1180px
}

.banner-img {
	background:  center;
	height: 100vh;
	background-size: cover;
	width: 100%;
	background:url(../images/bannernew2.jpg) center no-repeat; 
	position: relative;
}

.max-content {
	max-width:1920px;
	margin:0 auto
}

.banner-img:after {    content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
        background: rgba(2, 25, 33, 0.4);
    top: 0; }

header {
	height: 100px;
	transition: all 0.8s ease
}

.menu-sec {
	height: 100px;
	align-items: center!important;
	display: flex!important;
}

.menu-head {
	padding: 25px;
	padding-top:40px;
	transition: all 0.8s ease
}

.mid-content {
	text-align: center;
	padding-top: 25%
}

.mid-content h1 {
	font-size: 65px;
	color: #343f45
}

.mid-content h2 {
	color: #1059a8;
	font-size: 36px;
	margin-top: 12px
}

.expertise {
	    min-height: 200px;
	background: #1059a8;
	padding: 50px;
	position: relative
}

.exprt-cont {
	
	color: #fff;
	text-align: left;
	line-height: 1.2;
	float: left;
	text-align:center
}

.exprt-cont  h3 {font-size: 25px;}
.exprt-cont  p {    font-size: 25px;
     font-weight: 300; 
    line-height: 35px;}

.exprt-cont button {
	border-radius: 25px;
	background: #fff;
	color: #1059a8;
	width: 170px;
	height: 45px;
	margin-top: 30px;
	box-shadow: 1px 2px 2px 2px #0f5096
}



.exprt-img {
	float: right;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1;
	
}


.exprt-img img{
	
	padding-left:130px
}
.nxt {
	background: #fff;
	z-index: 5;
	position: relative;
	min-height: 200px;
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
}

.nxt h1{
	font-weight:400;
	line-height: 1.4;
}

.nxt p{
	font-size:21px;
	margin-top:35px;
	line-height: 1.7;
	font-weight: 300; 
}

header {
	background: #fff;
	transition: all 0.8s ease;
	    
}

header  .max-content {border-bottom: 1px solid #ccc}

header .menu-head {
	padding-top: 40px;
	transition: all 0.8s ease
}

.menu ul {
	float: right
}

.menu ul li {
	display: inline-block;
	margin-right: 2rem
}

.menu ul li a {
	
	color: #333;
	font-size: 17px;
	opacity: 0;
	transition-property: opacity transform;
	transition-duration: .3s !important;
	transition-timing-function: ease !important;
}

.menu ul li a:hover {
	text-decoration: none
}

.menu ul li:first-child a {
	-webkit-transition-delay: 0.60s;
	-moz-transition-delay: 0.60s;
	-o-transition-delay: 0.60s;
	transition-delay: 0.60s;
}

.menu ul li:nth-of-type(2) a {
	-webkit-transition-delay: 0.50s;
	-moz-transition-delay: 0.50s;
	-o-transition-delay: 0.50s;
	transition-delay: 0.50s;
}

.menu ul li:nth-of-type(3) a {
	-webkit-transition-delay: 0.40s;
	-moz-transition-delay: 0.40s;
	-o-transition-delay: 0.40s;
	transition-delay: 0.40s;
}

.menu ul li:nth-of-type(4) a {
	-webkit-transition-delay: 0.30s;
	-moz-transition-delay: 0.30s;
	-o-transition-delay: 0.30s;
	transition-delay: 0.30s;
}

.menu.open li>a {
	opacity: 1;
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);
}

.wrapper-menu {
	width: 30px;
	height: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	transition: transform 330ms ease-out;
	float: right;
}

.line-menu.start {
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transform-origin: right;
}

.line-menu.half {
	width: 70%;
}

.open .line-menu.half {
	width: 50%;
}

.line-menu {
	background-color: #333;
	border-radius: 2px;
	width: 100%;
	height: 2px;
}

.line-menu.end {
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transform-origin: left;
}

.open .wrapper-menu {
	transform: rotate(-45deg);
}

.open .line-menu.start {
	transform: rotate(-90deg) translateX(3px);
}

.open .line-menu.end {
	transform: rotate(-90deg) translateX(-3px);
	align-self: flex-end;
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}


body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: #1059a8;
}

.parallax {
  
    min-height: 500px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.whatwedo{background:#e8ebf0;text-align:center;
	padding-bottom:70px;padding-top:70px;}
.whatwedo h1{
	font-weight:400;
	
}
.whatwedo p{
	
	font-size:21px;
	margin-top:35px;
	line-height: 1.7;
	font-weight: 300; 
}

.spec{
	text-align:center;
	height:160px;
	font-weight:400;
	padding-top: 55px;
    padding-bottom: 55px;
}




.text-block h1{font-weight:400;}
.text-block p{margin-top:30px;font-size:19px;font-weight: 300; }
.mobile-menu ul{
	background:#fff;
	right:0;
	width:150px;
	height:100%;
	font-weight:600;
	transition:all 0.3s
}

.mobile-menu ul li{padding:12px;border-bottom:1px solid #ccc;margin-right:0;padding-left:25px}
.mobile-menu ul li:first-child{padding-top:20px}

.grid .row{margin:0;padding:0}


.footer-sec-one{background:#303030;min-height:150px;padding:55px;}
.work h1{color:#fff}
.work button{float:right;background:#4ac4f3;color:#fff;width:200px;height:50px;border-radius:4px;font-weight:600;font-size: 18px;}

.footer-sec-two{ padding-top:50px; padding-bottom:50px; background: #fdfdfd;border-top: 1px solid #eee;}

.hello p{font-size: 25px;}

.hello .sendmsg{    background: #073169;
    color: #fff;
    width: 200px;
    height: 46px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 18px;}

	.f-heading {
		color: #073169
	}

.contact-det{float:right;text-align:right;}


.contact-det .mob-no{font-size:17px}

.adres p{font-size:16px}

 /*
footer{    background: #021c3e;
    color: #ffffff;
    text-align: center;
    padding: 15px;
	height: 60px;}
	*/
	/*
footer {
    background: #ffffff;
    color: #000000;
    text-align: center;
    padding: 15px;
    height: 60px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.18);
}
*/
footer {
    background: #ffffff;
    color: #000000;
    text-align: center;
    padding: 15px;
	height: 60px; 
	border-top: 1px solid #ddd;
}

.scrl-btn{width:19px;border:1px solid #fff;border-radius:20px;height:30px;display:block;margin:0 auto;}

.scrl-btn:after{content:'';border:2px solid #fff;width:2px;height:7px;margin-left:7px;position:absolute;border-radius:20px;margin-top:8px}
.scroll{position:absolute;left:0;right:0;bottom:5%;    z-index: 22;}
    
.scrl-nam{text-align:center;color:#fff;    letter-spacing: 1px;}


.btn { cursor:pointer}

.grid { min-height:500px; background:#fff;    display: flex;
    align-items: center; overflow:hidden; position:relative}
.grid:nth-child(odd) {background:#e9eef1}

.img-block {    height: 500px;
    width: 50%;
    position: absolute;
    right: 0; background-size:cover !important}
	

	
.grid1 {background:url('../images/grid1.jpg') no-repeat center; right:0 }	
.grid2 {background:url('../images/grid2.jpg') no-repeat center; left:0 }	
.grid3 {background:url('../images/grid3.jpg') no-repeat center; right:0}	
.grid4 {background:url('../images/grid4.jpg') no-repeat center; right:0}	
.grid5 {background:url('../images/grid5.jpg') no-repeat center; left:0}	
.hrservgrid {background:url('../images/hrserv.jpg') no-repeat center; left:0}	


.grid:nth-child(even) .text-block { padding-left:8%}
	
.scroll-dwn{cursor:pointer}

	
 
.bnr-txtC h3 { font-size:34px; color:#fff; line-height:40px; margin-bottom:48px; font-weight:400}	

.bnr-txtC ul { list-style-type:none; margin:0; padding:0}
.bnr-txtC ul li { font-size:18px; color:#fff; line-height:22px; margin-bottom:13px; font-weight:400; position:relative; padding-left:25px}	
.bnr-txtC ul li:after{    
content:""; position:absolute; left:0; 
  top:5px;
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;  
  border-left: 8px solid #fff;}
.txtC{    position: relative;
    z-index: 11;
    padding-top: 25%;}
 

.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
.logo { cursor:pointer}
.menu a.active { font-weight:600}

 label.error {
	position: absolute;
	font-size: 13px;
	/*left: 0;*/
	color: #f00;
	bottom: -15px;
	margin: 0;
}
.form-control.error {
	border: 1px solid #f00
}

.relativeC{
	position: relative;
}

.frmSubmit  { display:inline-block; margin-top:20px}

.hrServ {
	min-height: 600px;
}
.hrServ .img-block {
	min-height: 600px;
	z-index: 1;
	
	
}
/* 

.hrServ .img-block.aos-animate {
	opacity: 0.2 !important;
} */

.hrServ .listBlock {
	position: relative; z-index: 2;
	 color: #fff
}


.hrServ .listBlock h4 { font-size: 20px; font-weight: 600; margin: 20px 0 20px 0}
.hrServ .listBlock ul {     padding: 0 0 0 20px;
    margin: 0;}
.hrServ .listBlock ul li {    margin: 0 0 10px 0;}
.hrServ h5 {    font-size: 15px;
    line-height: 21px; font-weight: 600; margin: 30px 0 20px 0}

@media only screen and (min-width: 1280px) and (max-height: 800px) {
.txtC {
	padding-top: 16%;
}
}


.hrServ .img-block {background: linear-gradient( to bottom, rgb(0, 170, 193) 0%, rgb(14, 148, 123) 100%);}

.with-icon  {    font-size: 18px;
    display: flex;
    justify-content: flex-end;
	align-items: center; margin-bottom: 5px }
	.with-icon span {     display: flex;
		align-items: center;
		border-right: 1px solid #ccc;
		padding-right: 10px;
		margin-right: 10px; }
.with-icon img { width: 17px}

.footer-rightC {
	display: flex;
    flex-direction: column;
}

.map-section {
	margin: 10px 0 0 0; 
}