@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');
*
{
	
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:16px;
}
html , body
{
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;

}
a {
	color:#363636;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}
.roboto , .roboto p
{
	font-family: 'Roboto', sans-serif;
}
.displaynone
{
	display:none !important
}
.vError
{
	border:red 1px solid !important
}
.form-error
{
	color:red;
}
.h100{
	height:100%
}
.FormResult  , .FormResult1
{
	color:green;
	width:100%;
}
.dnone
{
	display:none
}
.d-flex
{
	display:flex;
	flex-wrap: wrap;
}
.italic
{
	font-style:italic
}
.white
{
	color:#FFF
}
.font-light
{
	
	font-weight:300
}
.font-normal
{
	font-weight:400
}
.font-light p
{
	font-weight:300
}
.font-bold
{
	font-weight:700
}
.font-12
{
	font-size:0.75rem
}
.font-14
{
	font-size:0.875rem
}
.font-16
{
	font-size:1rem
}
.font-18 , .font-18 p
{
	font-size:1.125rem
}
.font-20
{
	font-size:1.25rem
}
.font-22
{
	font-size:1.375rem
}
.font-26
{
	font-size:1.625rem
}
.font-32
{
	font-size:2rem
}
.font-40
{
	font-size:2.2rem
}
.font-42
{
	font-size:2.625rem
}
.font-55
{
	font-size:3.437rem
}
.font-62
{
	font-size:3.875rem
}
.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
}
.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: 23px;
    right: 11px;
	z-index: 9999;
	display: none;

}

.trigger > div{
	position: relative;
}

.trigger > div > span{
	position: absolute;
	height: 2px;
	width:60%;
	margin:0 20%;
	background: #24262A;
	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;
}

.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;
}

.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;
}
.title_border.center:before {
    left: 50%;
    transform: translate(-50%, 0);
}
.title_border:before {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #0065B1;
    content: '';
}
header
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background:#FFF;
	background:rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
}
.z-100
{
	z-index:100
}
.relative
{
	position:relative;
}
b
{
	font-weight:700
}
.txt-justify
{
	text-align:justify
}
.pl-80
{
	padding-left:80px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.top-header
{
	background:#36556B
}
.top-header-left li
{
	margin-right:15px;
}
.top-header-left li:last-child
{
	margin-right:0;
}
.top-header-left a
{
	color:#FFF
}
.top-header-left a:hover , .top-header-right a:hover
{
	color:#0065B1
}
.top-header-right a
{
	color:#FFF;
	font-weight:300;
	font-size:0.875rem;
	font-family: 'Montserrat', sans-serif;
}

.top-header-right li
{
	margin-left:35px;
}
header a
{
	color:#808080;
	text-transform:uppercase;
	font-size:1rem;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
}
header a:hover
{
	color:#0065B1;
}
header nav li {
    padding: 0 15px;
}
.overlay
{
	background:rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
	

}
.footer_center span
{
	font-size:18px;
}
footer iframe
{
	border:0;
	background:lightgrey;
	width:100%
}
.py-100
{
	padding-top:100px;
	padding-bottom:100px;
}
.py-80
{
	padding-top:80px;
	padding-bottom:80px;
}
.read_more
{
	border-bottom:1px solid #0065B1;
	color:#0065B1;
	letter-spacing:2px;transition:all 1s ease-in-out;
}
.read_more:hover , .blog-listing .colw-50:hover .read_more ,  .blog-listing .colw-25:hover .read_more
{
	color:#363636;letter-spacing:3px;
	transform: translateX(-10px);
}
.blog-listing .colw-50 a h3 , .blog-listing .colw-25 a h3
{
	transition:0.8s;
}

.blog-listing .colw-50:hover a h3 , .blog-listing .colw-25:hover a h3
{
	color:#0065B1
}
.back
{
	background:#ECECEC;
	letter-spacing:2px;
	color:#808080
	
}
.back:hover
{
	color:#FFF;letter-spacing:3px;
	background:#0065B1;
}
.min_container
{
	width:1000px;
	margin:0 auto
}
.gallery_slick_for 
{
	margin-bottom:0 !important
}
header li .ddm li a
{
	color:#808080;
	font-weight:300
}
.parallax_about {
   
    background-repeat: no-repeat;
	background-size:cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
	padding:75px 0;line-height: 1.3rem;
	
}
.parallax_about:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
	background:rgba(0,0,0,0.75);
    content: '';
}
.bl-4
{
	border-left:4px solid #0065B1;
}
.team_listing  .colw-50:nth-child(2) , .team_listing  .colw-50:nth-child(3)
{
	background:#F2F2F2;
}
.bg_grey
{
	background:#F2F2F2;
}
.contact-form input[type=text]
{
	border:0;
	background:#FFF;
	border-radius:10px;
	height:45px;
	font-size:1rem;
	font-weight:300
}
.contact-form textarea
{
	border:0;
	background:#FFF;
	border-radius:10px;
	height:100px;
	resize:none;
	font-size:1rem;
	font-weight:300
}
.contact-form button {
    color: #FFF;
    text-align: center;
    background: #0065B1;
    border-radius: 5px;

    font-weight: bold;
    font-size: 12px;
    padding: 15px 40px;
	letter-spacing:2px;
}
.tabs li , .ear .ear_title
{
	background:#F2F2F2;
	margin-bottom:3px;
	color:#808080;
	width:100%;
	display:inline-block;
	padding:25px 30px;
	cursor:pointer;transition:0.8s;
}
.tabs li:hover
{
	background:#0065B1;
	color:#FFF;
}
.tabs li:hover path , .tabs li.active path
{
	fill:#FFF
}
.tabs li.active
{
	background:#0065B1;
	color:#FFF;
	font-weight:700	
}
.tabs li.active svg
{

	transform:rotate(180deg)
}

.tab-content{
	display: none;
	opacity: 0;
	transform: translateY(15px);
	animation: fadeIn 0.5s ease 1 forwards;
}
.tab-content.active{
	display: block
}
@keyframes fadeIn
{
	100%{
		opacity: 1;
		transform: none;
	}
}
.blue
{
	color:#0065B1
}
.contact_social span
{
	color:#0065B1;
	font-size:18px;
}
.contact_social span:hover
{
	color:#000;
}
.tab-content iframe
{
	border:0
}
.services_title
{
	background:#f2f2f2;
	border-bottom:1px solid #BFBFBF;
	border-top-right-radius:10px;
	border-top-left-radius:10px
}
.services_box
{
	background:url('../images/services_bg.png') no-repeat top center / cover #FAFAFA;
	min-height:250px;

}
.services_shadow
{
	box-shadow: 0 0 30px #eaeef1;
}

.row_min
{
	margin:0 -25px;
}
.other_abso
{
	position:absolute;
	left:0;
	bottom:0;
	z-index:500;
	width:100%;padding: 50px 0 10px 0;
	background:url('../images/other_bg.png') no-repeat bottom center / cover;
}
.color1
{
	color:#36556B
}
.ear_desc
{
	background:#f9f9f9;
	display:none
}
.ear li
{
	width:100%
}
.ear .ear_title
{
	margin-bottom:0;
	width:100%
}

.ear .ear_title.active
{
	background: #0065B1;
    color: #FFF;
    font-weight: 700;
}
.ear .ear_title:hover
{
	background: #0065B1;
    color: #FFF;
}
.ear .ear_title svg {

}
.ear .ear_title:hover rect, .ear .ear_title.active rect {
    fill: #FFF;
}

.ear .ear_title.active  #Rectangle_35
{
	display:none
}
#tabs-1
{
	display:block
}
.loss_abso
{
	position:absolute;
	top:10px;
	left:10px;
	width:calc(100% - 30px);
	height:calc(100% - 20px);
	z-index:50;
	    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(10px);
}
.loss_abso li
{
	padding:2px 0;
	padding-left:30px;
	position:relative;
	display:inline-block;
	width:100%;

}
.loss_abso li:before
{
	content:'●';
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	color:#0065B1;
	font-size:18px;
}
.top-header-right .ddm
{
	background:#36556B;
	width:150px;
	padding:15px ​10px 10px 15px;
	left:-10px;
}
.top-header-right .ddm a
{
	color:#FFF
}
.top-header-right .ddm li
{
	margin-left:0;

}
.top-header-right .ddm li:last-child
{
	padding-bottom:0
}
nav li
{
	position:inherit
}
.ddm.inner
{
	width:100%;
	background:none;
	top:50px;
}
.ddm .ddm_main
{

	width:100%;
	position:relative;
	top:30px;
	background:#FFF;
	padding:50px 80px;
	box-shadow:0px 3px 5px #808080
}
.ddm .ddm_main li
{
	padding:10px 0
}
.ddm .ddm_main li a:hover
{
	color:#1AACE2;
}
.products_box
{
	height:325px;
	background:#FFF;
	border-radius:10px;
	box-shadow:0 0 5px #707070;
}
.products_hover
{
	width:100%;
	height:100%;
	background:rgba(0,101,177,0.9);
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	opacity:0;
	visibility:hidden;
	transition:all 0.5s ease-in-out;
}

.products_hover span
{
	letter-spacing:2px;
}
.products_main:hover .products_hover
{
	opacity:1;
	visibility:visible
}
.products_main:hover h2
{
	color:#0065B1;
}
.youtube iframe
{
	width:100%;
	border:0
}
.black
{
	
	color:#000
}
.border-r-header
{
	border-left:1px solid #36556B;
}
header li .ddm .rexton_list li

{
	width:25%;
}
header li .ddm .rexton_list li.colw-25
{
	border-right:1px solid #CBCBCB;
	padding-left:50px;

}
header li .ddm .rexton_list li:first-child.colw-25
{

}
header li .ddm .rexton_list li:last-child.colw-25
{
	border-right:0;
}
header li .ddm .rexton_list li h3
{
	color:#0065B1;
}
header li .ddm .rexton_list li li
{
	width:100%
}
.products_desc li
{padding:2px 0;
	padding-left:30px;
	position:relative;
	display:inline-block;
	width:100%;	
}

.products_desc li:before
{
	content:'●';
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	color:#0065B1;
	font-size:18px;
}
.newsletter_section {
    background: #0065B1;
    color: #FFF;
}
.subscribe_newsletter input[type='text'] {
    border-radius: 15px;
    background-color: transparent;
    font-size: 1rem;
    height: 45px;
    border: 1px solid #FFF;
    color: #FFF;
}
.subscribe_newsletter button[type='submit'] {
border-radius: 15px;
    background: #FFF;
    font-size: 1rem;
    height: 45px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 65px;
    color: #0065B1;transition:all 1s ease-in-out;
}
.subscribe_newsletter button[type='submit']:hover {
	transform: translateX(5px);
	background:#f2f2f2;
}
.subscribe_newsletter input[type='text']::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}

.subscribe_newsletter input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

.subscribe_newsletter input[type='text']::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}

.parallax_home {
   
    background-repeat: no-repeat;
	background-size:cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
	height:820px;
	padding:75px 0;line-height: 1.3rem;
	
}
.parallax_home:before {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
	background:rgba(0,0,0,0.75);
    content: '';*/
}
.appointment_bg
{
	background:rgba(255,255,255,0.4);backdrop-filter: blur(10px);
	border-radius:20px;
	padding:60px;
}
.contact-form .appointment_bg  button {
    color: #FFF;
    text-align: center;
    background: none;
	border:1px solid #FFF;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    padding: 15px 40px;
    letter-spacing: 2px;transition:all 1s ease-in-out;
}
.contact-form .appointment_bg  button:hover
{
	background:#0065B1;transform: translateY(5px);
}
.js-fs
{
	justify-content:flex-start
}
.home_about
{
	
		background:url('../images/home.png') no-repeat center center / cover;
}

.learn_more {
    color: #FFF;
    text-align: center;
    background: #0065B1;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    padding: 20px 40px;display: inline-flex;

    letter-spacing: 2px;transition:all 1s ease-in-out;
}
.learn_more:hover
{
	background:#36556B;transform: translateY(-15px);
}
.fixed_wp
{
	position:fixed;
    bottom: 20px;
    right: 15px;
	z-index:50
}
.fixed_wp span{
	font-size:40px;
	color:#25D366;
}


.main_bg {
    width: 100%;
    height:100vh;
    overflow: hidden;
    position: relative;
}
.banners .banners_bg {
      transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
      transform: scale(1.1);

}
.banners .slick-active .banners_bg
{
    transform: scale(1); transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
}
.banners_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
}
.banners_bg:before {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 50;
    content: '';*/
}
.banners_text {
    position: absolute;
    top: 10vh;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;

	
	border-radius:20px;
	

}
.banners_text .colw-40
{
	background:rgba(255,255,255,0.8);backdrop-filter: blur(10px);padding:50px;border-radius:15px;
}


/* END OF HEADER STYLING FOR WEB*/

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#36556B;
  transition: 1s 0.4s;
  width: 100%;
  height: 100%;
  font-size: 2em;
}

#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: #FFF;
}

.mobile_menu{display:none}
@media all and (max-width: 960px){
.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: #24262A;
		left: 100%;
		padding: 20px;
		top: 0;
		transition: .7s;
		-moz-transition: .7s;
		-webkit-transition: .7s;
		z-index:100000
	}

	nav ul{
		margin:0;
	}

	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;
	}
.slided .trigger > div > span{background:#FFF}
.slided .trigger {top: 5px;}
.footer_center {margin-top:25px;}
.pl-5 , .pl-50 , .pl-80 , .pl-15 {padding-left:0;}
.pr-5 ,  .pr-50 , .pr-20 , .pr-25{padding-right:0}
.px-50{padding-left:25px;padding-right:25px;}
.pb-50{padding-bottom:25px;}
.tabs{margin-bottom:25px;}
.top-header{display:none}
.mobile_menu{display:inline-block}
.ddm_main .colw-60{display:none}
.ddm .ddm_main{top:0;box-shadow:none;background:none;padding:0}
header li .ddm{left:0;height:auto}
.ddm.inner{top:0}nav ul li a{padding:0}
header li .ddm .rexton_list li.colw-25{padding-left:0;border:0}
nav{overflow:scroll}
header li .ddm .rexton_list li h3{color:#;}
.close span{background:#FFF !important}
.trigger{z-index:999999}
.min_container{width:100%}
.font-62 {font-size: 2.2rem;}
.font-42 {font-size: 2.1rem;}
.font-bold , .font-light , h1, h2 {line-height: initial;}
.font-32 {font-size: 1.6rem;}
.mt-m-25{margin-top:25px;}
.mt-m-50{margin-top:50px;}
.mt-m-75{margin-top:75px;}
.mb-m-50{margin-bottom:50px}
.mb-m-25{margin-bottom:25px}
.flex-row-m{display:inline-block !important}
.team_listing .colw-50{padding:50px 20px}
.txt-cntr-m{text-align:center}
.txt-cntr-m .d-block{display:inline-block}
.loss_abso{position:relative;left:0;width:100%;height:auto;padding:50px 0}
.py-100 {padding-top: 50px;padding-bottom: 50px;}
.title_border:before{bottom:55px;}
.appointment_bg{padding:25px;}
.main_bg{height:50vh}
.banners_text .colw-40{padding:25px;}
.banners_text{top:5vh}
.banners_text img{max-width:150px;}
.banners {margin-bottom:0 !important}
.ddm .ddm_main li{padding:5px 0}
.pb-45{padding-bottom:15px;}
}