@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;900&display=swap');

*
{	
	font-family: 'Urbanist', sans-serif;
	font-size:14px;
	color:#000
}

html , body
{
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;

}
.transition
{
	transition:all 0.5s ease-in-out;
}
body
{
	
}
a {
	color:#000;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}
.displaynone
{
	display:none !important
}
.vError
{
	border:red 1px solid !important
}
.form-error
{
    color: red;
    font-size: 10px !important;
    padding-top: 5px;
    display: inline-block;
}
.h100{
	height:100%
}
.FormResult  , .FormResult1
{
	color:green;
	width:100%;
}
.dnone
{
	display:none
}
.d-block{
	display:block
}
.d-flex
{
	display:flex;
	flex-wrap: wrap;
}
.italic
{
	font-style:italic
}
.white
{
	color:#FFF
}
.font-light
{
	 font-weight: 300;
}
.font-medium
{
	 font-weight: 500;
}
.font-semibold
{
	 font-weight: 600;
}
.font-black
{
	 font-weight: 900;
}
.font-12, .font-12 *
{
	font-size:0.75rem
}
.font-13, .font-13 *
{
	font-size:0.8125rem
}
.font-14, .font-14 *
{
	font-size:0.875rem
}
.font-16, .font-16 *
{
	font-size:1rem
}
.font-18 , .font-18 *
{
	font-size:1.125rem
}
.font-20, .font-20 *
{
	font-size:1.25rem
}
.font-22, .font-22 *
{
	font-size:1.375rem
}
.font-24, .font-24 *
{
	font-size:1.5rem
}
.font-26, .font-26 *
{
	font-size:1.625rem
}
.font-28, .font-28 *
{
	font-size:1.75rem
}
.font-30, .font-30 *
{
	font-size:1.875rem
}
.font-32, .font-32 *
{
	font-size:2rem
}
.font-36, .font-36 *
{
	font-size:2.25rem
}
.font-40, .font-40 *
{
	font-size:2.2rem
}
.font-42, .font-42 *
{
	font-size:2.625rem
}
.font-45, .font-45 *
{
	font-size:2.8125rem
}
.font-50, .font-50 *
{
	font-size:3.125rem
}
.font-55, .font-55 *
{
	font-size:3.437rem
}
.font-62, .font-62 *
{
	font-size:3.875rem
}
.font-90, .font-90 *
{
	font-size:5.625rem
}
.text-center
{
	text-align:center
}
.line-height13
{
	line-height:1.3rem
}
.line-height14
{
	line-height:1.4rem
}
.line-height15
{
	line-height:1.5rem
}
.line-height2
{
	line-height:2rem
}
.line-height3
{
	line-height:3rem
}
.line-height4
{
	line-height:4rem
}
.inline-block
{
	display:inline-block
}
.flex-row {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.flex-column {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.jc-fs
{
	    justify-content: flex-start !important;
}
.jc-sb
{
	    justify-content: space-between !important
}

.trigger{
	width: 40px;
	height: 40px;

	position: absolute;
	top: 40px;
    right: 11px;
	z-index: 999999999;
	display: none;

}

.trigger > div{
	position: relative;
}

.trigger > div > span{
	position: absolute;
	height: 2px;
	width:60%;
	margin:0 20%;
	background: #555453;
	top:12px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.trigger > div > span:nth-child(2){
	top:19px;
}

.trigger > div > span:nth-child(3){
	top:27px;
}

.trigger > div.close > span:nth-child(1){
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 19px;
	background:#FFF
}

.trigger > div.close > span:nth-child(2){
	display: none;
}

.trigger > div.close > span:nth-child(3){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 19px;background:#FFF
}

.trigger, .sitewrapper{
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.slided{
	-ms-transform: translate(-320px,0); /* IE 9 */
	-webkit-transform: translate(-320px,0); /* Safari */
	transform: translate(-320px,0); /* Standard syntax */
}
.white
{
	color:#FFF
}
.blur {
    
    background: transparent !important;
}
.z-100
{
	z-index:100
}
.relative
{
	position:relative;
}
b
{
	font-weight:700
}
.txt-justify
{
	text-align:justify
}
.py-100
{
	padding-top:100px;
	padding-bottom:100px
}
.px-100
{
	padding-right: 100px;
	padding-left: 100px
}
.ai-fs
{
	align-items:flex-start
}
.line-height2
{
	line-height:2rem
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.blue
{
	color:#1868A8
}
header {
    border-bottom:1px solid #506070;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
	z-index:500;
	background: rgba(76,97,114,0.3);
}
header nav li {
    margin: 0 20px;
}
header a {
  
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
	
}
header nav li a:hover, header nav li a.active {
    color: #4C6172;
}
header nav li a.active {
	font-weight:900
}

.header-tel span
{
	color:#FFF;
}
.header-tel a:hover , .header-tel:hover span
{
	 color: #4C6172;
}
footer
{
	display:inline-block;
	width:100%;
	background:rgba(76,97,114,0.6);
}
.black , .black p{
color:#000
}

.social_footer a , .social_footer span{
    color: #000;
    padding: 0 5px;
	font-size:16px;
}
.pl-100
{
	padding-left:100px;
}
.footer_links li a
{
	color:#000;
}
.footer_links li
{

	padding:10px 0
}
.footer_info a:hover , .footer_links li a:hover , .social_footer li:hover span
{
	color:#1868A8
}
.shadow1:before
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	z-index:50;
	background:rgba(140,153,164,0.5);
}
.color1
{
	color:#1868A8
}
.color2
{
	color:#4C6172
}
.color3 , .color3 *
{
	color:#8C99A4
}
.bg1
{
	background:rgba(191,198,204,0.4)
}
.some_issue .colw-33 
{
	padding:10px
}
.some_issue .colw-33 div
{
	background:#4C6172;
	border-radius:15px;
	color:#FFF;
	padding:40px 60px;
	text-align:center
}
.parallax_section {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax_section:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 50;
    background: rgba(76,97,114,0.6);
}
.get_free
{
	border:1px solid #FFF;
	border-radius:50px;
	color:#FFF;
	padding:10px 20px;
}
.get_free:hover
{
	transform:translateY(-5px);
	color:#1868A8
}
.get_free:hover svg path
{
	fill:#1868A8
}
.get_free svg path
{
	transition:all 0.5s ease-in-out;
}

.what_we_do .colw-33 
{
	padding:10px;
	margin-bottom:50px
	
}
.what_we_do .what_box
{

	border-radius:55px;
	overflow:hidden;
	max-width:430px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.16)

}
.what_we_do .colw-33 img
{

	border-radius:55px;

}
.what_info
{
	background:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:50;
	padding:10px 30px;
}
.contact-address-box .color3 a:hover
{
	color:#1868A8
}
.contact-address-box b
{
	color:#1868A8
}
input[type=text] , textarea
{
	border:1px solid #8E99A3;
	border-radius:15px;
	height:55px;
	font-size:14px;
	font-weight:300;
	color:#8C99A4
}
textarea
{
	height:130px;
	background:#FFF;
	resize:none;
}
.contact-form button:hover {
    transform: translateY(-5px);
    background: #8C99A4;
}
.contact-form button {
    color: #FFF;
	float:right;
    text-align: center;
    background: #1868A8;
    float: right;
    padding: 10px 50px;
	border-radius:25px;
    line-height: 22px;
    margin-top: 20px;
    transition: all 1s ease-in-out;
}
.social span{
color:#1868A8;
border:2px solid #1868A8;
border-radius:50%;
padding:10px;transition:all 0.5s ease-in-out;
}
.social  li{
margin-right:5px;
}
.social li:hover span
{
	color:#8C99A4;
}
.success
{
	color:green
}
.request_form
{
	background:#FFF;
	padding:50px 80px;
	border-radius:25px;
}
.bg2
{
	background:#BFC6CC
}
.read_more:hover
{
	color:#4C6172;transform:translateX(5px);
}
.banners {
    margin-bottom: -5px !important;
}
.main_bg {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.banners_bg {
    position: absolute;
    transition: all 1s ease-in;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;background-repeat:no-repeat;background-size:cover
}
.banners_bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(140,153,164,0.44);
    z-index: 50;
    content: '';
}.banners_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    padding-top: 10vh;
}


.banners  .slick-dots li
{
	width:50px;
	height:5px;
	border-radius:25px;
}

.banners .slick-dots li 
{
	margin:0 2.5px;
}
 .banners .slick-dots li button
{
	width:50px;
	height:5px;border-radius:25px;
	background:#F2F2F2;transition: all 0.5s ease-in;
	padding:0
}
.banners .slick-dots li button:before
{
	display:none
}
 .banners .slick-dots li button:hover , .banners .slick-dots li.slick-active button
{
	background:#1868A8;
}
.banners .slick-dots {
    bottom: 10vh;
}

#overlay{
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(191,198,204,1);
  transition: 1s 0.4s;
  width: 100%;
  height: 100%;
  font-size: 2em;
	font-family: 'Roboto', sans-serif !important;
}

#overlay > div{
  text-align: center;
  display: table;
  width:100%;
  height: 100%;
}

#overlay > div > div{
  vertical-align: middle;
  display: table-cell;
}

#overlay .linewidth {
    width: 100px;
    margin: 0 auto;
}

#overlay #progstat {
    font-size: 1.8em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 700;
}

#progress {
    height: 1px;
    background: #000;
    display: none;
}
@media all and (max-width: 960px){.time_after:after{display:none}.timelinebox .colw-33:last-child{padding-bottom:0 !important}
	.header_search input[type='text']{width:100%}
	.space_header{display:none}
	header{position:relative;}
.slided {
    -ms-transform: translate(-320px,0);
    -webkit-transform: translate(-320px,0);
    transform: translate(-320px,0);
}
.trigger{
		display: block;
	}

	nav{
		position: fixed;
		z-index: 500;
		width: 320px;
		height: 100vh;
		box-sizing: border-box;
		background: #555453;
		left: 100%;
		padding: 20px;
		top: 0;
		transition: .7s;
		-moz-transition: .7s;
		-webkit-transition: .7s;
		z-index:100000
	}

	nav ul{
		margin:0;
		padding-top:8vh !important
	}

	nav ul li{
		margin:0;
		padding: 10px;
	}

	nav ul li a{
		padding: 5px 15px;
		line-height: 30px;
		text-align: left;
		position: relative;
		width: 100%;
		color:#FFF;
		box-sizing: border-box;
		display: block;
	}

	header li .ddm{
		position: relative;
		top: 10px;
		padding: 10px;
		opacity:1;
		overflow:inherit;
		background:none;
		top:-5px;
		left:20px;
		visibility:visible
	}

	.ddm li {
    		display: block;
    		float: none;
    		width: 100%;
		box-sizing: border-box;
    		padding: 0 15px;
		text-align: left;
	}

	.ddm li a{
		text-align: left;
	}

	header .tophd ul.hdlang {
		margin-right: 60px;
	}

	header .tophd ul.hdlang {
		margin-right: 60px;
	}

	header .tophd ul.hdlang li{
		display: inline-block;
		width: auto !important;
	}
.flex-row-m{flex-direction:column}
.footer_links{text-align:center;padding:25px 0}
footer .colw-30{padding:25px 0}
.pb-50-m{padding-bottom:50px}
.contact-form .pl-10{padding-left:0}.contact-form .pr-10{padding-right:0}
h1, h2, h3, h4, h5, h6 {line-height: initial;}
.insideImg .img-bg{height:300px;}
.py-50-m{padding-top:50px;padding-bottom:50px;}
.px-50.py-50-m{padding-right:25px;padding-left:25px;}
.jc-fs-m{justify-content:flex-start !important;    align-items: flex-start;}
.request_form{padding:50px 20px;}
.main_bg{height:60vh}
.header-tel{display:none}
}