body, html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #373e40;
	font-family: 'Barlow', sans-serif;
}
body {
	overflow-x: hidden;
	background-color: #fff;
}
a, a:visited, a:active, a:link, a:focus {
	transition: all 0.5s;
	text-decoration: none;
	cursor: pointer;
	color: #373e40;
	outline:none !important;
}
a:hover {
	text-decoration: none;
}

@media (min-width: 1400px) {
	.container {
		max-width: 1340px;
	}
}

header {  z-index: 99; position: relative; background:#283a6a;  }


@media (min-width:768px) {
	header{
		padding: 15px;		
		width: 100%;
	}
	
}

@media (min-width:1280px) {
	header{
		padding: 15px 50px;		
		width: 100%;
	}	
}


.logo {
    width: 310px;
    transition: all 0.5s;
    z-index: 2;
    float: left;
    margin-top: 8px;
}
.logo img { width: 100%; transition: all 0.5s; }

.phone { font-size:20px; font-weight: 800; color:#fff; border:3px solid rgba(255,255,255,0.3); border-radius: 50px; cursor: default; line-height: 20px; padding: 15px 30px; display: inline-block; float: right; transition: all 0.5s; }
.phone:hover { background-color:#EE344A; border-color:#EE344A; color:#fff; }




@media (max-width:991px) {
	.phone { display: none; }
	
}


.skmenu { display: inline-block;float: none; margin-top: 10px; }

.navbox { position: absolute; width: calc(100% - 680px); margin-left:310px; text-align: center; z-index: 1; }

.skmenu-list > li {
    text-align: center;
    display: table-cell;
	padding: 0px 15px;
}

.skmenu-list > li > a {
    display: block;
    color:#fff;
    padding: 10px 0; 
    line-height: 20px;
    text-decoration: none;
    position: relative;
	font-size: 16px; font-family: 'Rubik', sans-serif;
	font-weight: 500;
}

.skmenu-list > li > a, .skmenu-list > li > a:visited, .skmenu-list > li > a:active, .skmenu-list > li > a:link { color:#fff !important; }

.skmenu-list > li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
	bottom:0;
	position: absolute;
}

.mobileMenu { float: left; margin-right: 15px; display: none; }
.mobileMenu .skMobileMenuBtn { display: block; padding: 5px 10px; font-size: 12px; font-weight: 600; color:#fff !important; border:2px solid #fff; }

.skMenuOverlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); top:0; left: 0; display: none; z-index: 99; }

.nav-mobile-head { display: none; }


.footmob-menu { display: none !important; }

@media (max-width:1570px) {
	.navbox { width: calc(100% - 580px); margin-left:260px; }
	.phone { padding: 10px 15px; }
	.logo {
		margin-top: 2px; width: 260px;
	}
	.skmenu {
		margin-top: 4px;
	}
	
}

.callusicon { width: 34px; height: 34px; display: none; float: right; background-color:#2ecc71; color: #fff; transition: all 0.5s; text-align: center; line-height: 34px; border-radius: 4px;}
.callusicon:hover { background-color: #27ae60; }

@media(max-width:991px) {
	.nav-mobile-head { display: block; text-align: right; }
	
	header { padding: 15px; }
	.mobileMenu { display: block; }	
	.logo {
		width: calc(100% - 100px);
		margin-top: 3px;
		text-align: center;
	}
	.logo img { height: 34px; width: auto; }
	
	.navbox { z-index: 100; position: fixed; display: none; width: calc(100% - 30px); height: calc(100% - 30px); left: 15px; top: 15px; background-color:#fff; border-radius: 15px; margin-left: 0; color: #000; padding: 30px; }
	.skmenu-list > li {
		display: block;
		padding: 0px 0px;
	}
	
	.skmenu { display: block; }
	.skmenu-list > li > a, .skmenu-list > li > a:visited, .skmenu-list > li > a:active, .skmenu-list > li > a:link {
		color: #283a6a !important; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: bold;
	}
	.skmenu-list { display: block; width: 100%; padding: 0; margin: 0; }
	
	.sk-active { display: block; }
	
	.callusicon { display: block; }
	
	.footmob-menu { display: block !important; position: absolute; bottom: 0; padding: 15px 0 !important; border-top:1px solid rgba(0,0,0,0.1); width: 100% !important; left: 0; text-align: center; font-weight: bold; font-size: 21px; color:#e64c4c; }
	
}
@media(min-width:992px) {
	.skMenuOverlay { display: none !important; }
}

.margin-top-50 { margin-top:50px; }




.flus { position: relative; background-color:#f2f4fb; padding: 60px 0; }

.h-item {    position: relative; border:1px solid rgba(0,0,0,0.15); height: 440px; border-radius: 20px; overflow: hidden; padding: 100px 60px 60px; margin-bottom: 30px; transition: all 0.5s ease-in-out; z-index: 2; }
.h-item::before { position: absolute; content: ' '; width: 90px; height: 90px; border-bottom-right-radius: 80px; background-color:#e64c4c; transition: all 0.5s; top:0; left: 0; z-index: 3; border-bottom:10px solid #fff; border-right:10px solid #fff; }

.h-item::after {
  content: "";
  background: url("../images/h-bg.jpg");
  background-position: center; background-size: cover;
	-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
  opacity: 0.15;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;	
}

.h-item.h-yellow::before { background-color:#3847a0; }
.h-item.h-green::before { background-color:#76d03b; }
.h-item.h-purple::before { background-color:#bf20aa; }

.h-item .labels { position: absolute; top:20px; right: 0; border-radius: 0 0 0 15px; height: 30px; background-color:#e64c4c; font-size: 14px; font-weight: bold; color: #fff; line-height: 30px; padding: 0 15px; }
.h-item.h-yellow .labels { background-color:#3847a0; }
.h-item.h-green .labels { background-color:#76d03b; }
.h-item.h-purple .labels { background-color:#bf20aa; }

.h-item:hover {
	 box-shadow: 0px 5px 19px 8px rgba(52,68,191,0.2) !important;
 }

.h-item:hover::before { width: 100px; height: 100px; border-bottom-right-radius: 90px; }

.h-item h2 { font-size:32px; font-weight: bold; margin:0 0 20px; }
.h-item p { font-size:18px; font-weight: 400; margin:0 0 20px; }

@media (max-width:1400px) {
	.h-item { height: 590px; }
}

@media (max-width:991px) {
	.h-item { height: auto; }
}

.btn-radius { border-radius: 50px; }
.btn-prime { color:#fff !important; padding-left: 25px; padding-right: 25px; font-weight: bold; min-width: 180px; text-align: left; }
.btn-prime i { float: right; }

.modal-body {
    padding: 30px; font-size:14pt;
}

@media (min-width:1199px) {
	.modal-body { padding: 60px; }
}

.modal-header {
    padding: 1.5rem 1rem;
	font-weight: bold; background-color:#1378f4; color:#fff;
}

.formbox { margin-top:50px; padding: 30px; border:2px solid #CED8E0; }

.contTitle h2 { font-size:22px; font-weight: bold; margin: 0 0 30px; }

.fluidcontact { position: relative; margin-top:30px; }
.fluidcontactMap { width: 60%; position: relative; float: left; }
.fluidcontactDesc { width: 40%; position: relative; float: left; padding-left: 60px; }

@media (max-width:991px) {
	.fluidcontactMap { width: 100%; float: none; }
	.fluidcontactDesc { width: 100%; float: none; padding-left: 0px; }
}

.fluidcontactMap iframe { width: 100%; height: 100%; min-height: 500px; }

footer { position: relative; background-color: #1D1D1D; padding: 40px 0; }

.footerlogo { max-width:230px; opacity: 0.5; }