html , body
{
	overflow-x:hidden
}
a {
	color:#18f0a3;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}
.txt-right
{
	text-align:right;
}
.displaynone
{
	display:none !important
}
.vError
{
	border:red 1px solid !important
}
.form-error
{
	color:red;
}
.h100{
	height:100%
}
.FormResult  , .FormResult2
{
	color:green;
	width:100%;
	display:inline-block
}
.dnone
{
	display:none
}
.d-flex
{
	display:flex;    flex-wrap: wrap;
}
.white
{
	color:#FFF
}
.font-light
{
	font-weight:300
}
.font-bold
{
	font-weight:700
}
.font-14
{
	font-size:0.875rem
}
.font-16
{
	font-size:1rem
}
.font-18
{
	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-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-height15
{
	line-height:1.5rem
}
.line-height2
{
	line-height:2rem
}
.top-header
{
	background:#24262A
}
.blue
{
	color:#1AACE2;
}
.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;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.bg_grey
{
	background:#F2F2F2;
}
.slick-dots li button:before
{
	font-size:12px !important;
}
.slick-dots li.slick-active button:before
{
	color:#0099DE !important;
}
footer a:hover
{
	color:#0D988C;
}
.social_footer li a:hover
{
	background:#0D988C;
	color:#FFF
}

.banners {
    overflow: hidden;
    height: 85vh; 
    position: relative;
}


.main_bg {
    width: 100%;
    height: 85vh;
    overflow: hidden;
    position: relative;
}
.banners .banners_bg {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.banners_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
}
.banners_text {
    position: absolute;
    top: 5vh;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.banners_bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 50;
    content: '';
}
.logo
{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 5000;
}
.ai-fs
{
	    align-items: flex-start;
}
.green
{
	color:#0D988C
}
nav li a
{
	font-weight:bold;
	padding-bottom:5px;
	text-transform:uppercase
}
.logo img
{
	display:block
}
.insideImg h1
{
	font-size:3.25rem
}
footer
{
	background:#006977;

}
a
{
	text-decoration:none;
	color:inherit
}
.d-block
{
	display:block !important
}
.w-100
{
	width:100%
}
.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 */
}
.relative
{
	position:relative
}
.jc-sa
{
	justify-content: space-around;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #7e7f81;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7e7f81;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #7e7f81;
}
.order1
{
	order:1
}
.order2
{
	order:2
}
.underline{
text-decoration:underline
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.top-header-right
{
	float:right;
}
.top-header-right li{
	margin-left:15px;
}
.top-header-right li a{
	color:#FFF
}
header.active{
position:fixed;
top:0;
left:0;
z-index:50000;
width:100%;
background:#FFF
}
header a
{
	color:#000
}
footer h2
{
	position:relative
}
footer h2:before
{
	position:absolute;
	bottom:20px;
	left:0;
	width:80px;
	height:5px;
	background:#0D988C;
	content:'';
}
.footer_links li
{
	width:100%;
	display:inline-block;
	margin-bottom:20px;
	position:relative;
	padding-left:30px;
}
.footer_links li:before
{
	position:absolute;
	top:10px;
	left:0;
	width:15px;
	height:3px;
	background:#0D988C;
	content:'';
}
.footer_links li a:hover
{
	color:#0D988C
}

.footer_links li a
{
	font-weight: 400;
}
.footer_info span
{
	color:#0D988C
}
.social_footer li a {
    width: 30px;
    height: 30px;
    background: #FFF;
    color: #0D988C;
    font-size: 0.9rem;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
}
.title_border
{
	position:relative;
}
.title_border:before
{
	position:absolute;
	top:60px;
	left:0;
	width:80px;
	height:5px;
	background:#0D988C;
	content:'';	
}
.title_border.center:before
{
 left: 50%;
    transform: translate(-50%, 0);
	}
.grey
{
	color:#363636
}


.about_f_icon
{
    position: absolute;
    bottom: -35px;
    right: -35px;
    z-index: 50;
}
.z-index-30
{
	z-index:30
}
.about_b_icon
{
	width:260px;
	height:260px;
	position: absolute;
    top: -30px;
    left: -30px;
    z-index: 50;
	background:#0D988C;
	z-index:20;
	border-radius:25px;
}
.newsletter_section
{
	height:450px;
	position:relative;
	background:url('../img/newsletter.jpg') no-repeat top center;
}
.newsletter_shadow
{
	background:rgba(0,0,0,0.7);
	height:100%;
	padding-left:100px;
}


.subscribe_newsletter input[type='text']
{
	border-radius:50px;
	background-color:transparent;
	font-size:1rem;
	height:45px;
	border:1px solid #FFF;
	color:#FFF
}

.subscribe_newsletter button[type='submit']
{
    border-radius: 50px;
    background: transparent;
    font-size: 1rem;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    color: #FFF;
}

.services_b_icon
{
	width:260px;
	height:260px;
	position: absolute;
    top: -20px;
    left: -20px;
    z-index: 50;
	background:#0D988C;
	z-index:20;
	border-radius:25px;	
}

.services_main:nth-child(2n+2) .order1
{
	order:2
}
.services_main:nth-child(2n+2) .order2
{
	order:1
}
.services_main:nth-child(2n+2) img
{
	float:right;
}

.services_main:nth-child(2n+2) .services_b_icon
{
	left:auto;
	right:-20px;
}
.categories_bg
{
	max-width:327px;
	max-height:327px;
	overflow:hidden
}
.categories_bg:hover .categories_info
{
	 transition:all .5s ease-in-out;
	  transform: translateY(-100%);

}
.categories_bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: url(../img/c_bg.png) no-repeat left bottom;
    content: '';
}

.categories_info
{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;	
	background:rgba(13,152,140,0.8);
}
.products_box
{
	background:#F5F5F5;
	border-radius:15px;
	box-shadow: 0 0 5px #EDEDED;
}
.products_main .colw-25
{
	width:calc(25% - 20px)
}
.home_story
{
	max-width:410px;
}
.view_all {
    background: #0D988C;
    color: #FFF;
    border-radius: 5px;
    padding: 15px 40px;
    font-weight: bold;
	display: inline-block;
    border-bottom: 4px solid #006977;
}


.view_all_products
{
    background:transparent;
    color: #FFF;
    border-radius: 5px;
    padding: 15px 30px;
    font-weight: bold;
	display: inline-block;
    border: 1px solid #FFF;	
	margin-left:15px;
}




/*bannbers*/
.banners {
    overflow: hidden;
    height: 85vh; 
    position: relative;
}


.main_bg {
    width: 100%;
    height: 85vh;
    overflow: hidden;
    position: relative;
}
.banners .banners_bg {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.banners_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
}
.banners_text {
    position: absolute;
    top: 5vh;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.banners_bg:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
	display:none;
    z-index: 50;
    content: '';
}
.w-155
{
	width:190px;
	background: url(../img/fleche.svg) no-repeat bottom center #0099DE !important;
	    background-position: 5% 100% !important;
}
.top-header-mail a:hover , .top-header-right a:hover
{
	color:#0D988C;
}
header nav li:last-child{
padding-right:0
}

.sub_products_menu {
    text-align: center;
}

.sub_products_menu ul li {
    display: inline-block;
    margin: 5px;
}
.sub_products_menu ul li a:last-child {
    border-right: 1px solid #7e7f81;
}
.sub_products_menu ul li a {
    color: #7e7f81;
    border: 1px solid #7e7f81;
    border-right: 0;
    padding: 15px 30px;
    display: inline-block;
}
.sub_products_menu.active13
{
	    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	padding-bottom:0 !important;
	background:#FFF;
	z-index:500;
	padding-top:20px;
}

.header_search input[type='text'] {
    border-radius: 50px;
    background-color: transparent;
    font-size: 1rem;
    height: 45px;
    border: 1px solid #9b9b9b;
    color: #9b9b9b;
}
.header_search button[type='submit'] {
    border-radius: 50px;
    background: transparent; color: #9b9b9b;
    font-size: 1rem;
    height: 41px;
    position: absolute;
    top: 0.15rem;
    right: 0.1rem;
    width: 3.75rem;
}
.header_search input[type='text']::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9b9b9b;
  opacity: 1; /* Firefox */
}

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

.header_search input[type='text']::-ms-input-placeholder { /* Microsoft Edge */
  color:  #9b9b9b;
}
.sub_box {
   
    text-align: center;
    /*padding: 15px 0; background: #FFF;*/
    border-top: 4px solid #0D988C;
    position: relative;
}
.sub_box:before {
    position: absolute;
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: 50;
    background: #0D988C;
}



.datasheet-form input[type='text']
{
	color: #7e7f81;
    border: 1px solid #7e7f81;
}


.datasheet-form select
{
	color: #7e7f81;
    border: 1px solid #7e7f81;
	
	
}
.datasheet-form textarea
{
	resize:none;
	background:#FFF;
	
	
	color: #7e7f81;
    border: 1px solid #7e7f81;
}
.datasheet-form button[type='submit']
{
	background:#0D988C;
	color:#FFF;
	padding:10px 25px;
	font-size:16px;
}
.ask_data
{
	position:absolute;
	right:0;
	top:5px;
	z-index:50;
	font-size:16px;
	color:#0D988C;
	    text-transform: capitalize;
		font-weight:400;
		cursor:pointer
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.remark { display:none; }
@media all and (max-width: 960px){
	.ask_data{display:inline-block;position:relative;top:auto;margin-top:50px}
	.datasheet-form .pl-15{padding-left:0;} .datasheet-form .pr-15{padding-right:0}
	#ask_data h2{text-transform:capitalize}
	.sub_products_menu ul li{width:100%;}.sub_products_menu ul li a{width:100%}
	.ww-100{width:100%}
	.header_search {width:100%;margin: 20px;}
	.d_m_block{display:inline-block !important}
	.contact_flex div{margin-bottom:25px;}
	.title_border {margin-bottom: 0;}
	.title_border:before{top:50px;}
	.google_map_box{margin-top:25px;padding-top:0}
	.about_b_icon , .about_f_icon , .services_b_icon{display:none}
	.newsletter_section  .colw-50{width:100%;padding:0 25px}
	.services_main  img , .home_story img{margin-bottom:25px;}
	.categories_bg {margin-bottom:25px;}
	.categories_info{top:0 !important}
	.products_main .colw-25{width:100%;text-align:center;margin-right:0}
	.logo{position:relative;}
	header .py-30{padding:0}
	header .container{padding:0}
	.trigger{top:40px;}
	.banners_text   h1{font-size:1.5rem}
	.view_all_products{margin-left:0;margin-top:15px}
	
html , body{font-size:14px;}
.mini_container{width:96%;padding:0 2%}
.font-55 {font-size: 2.437rem;}
.font-32 {font-size: 1.4rem;}
.top-header-right{float:none;width:100%;display:inline-block;text-align:center}
.top-header-right ul li{display:inline-block;width: auto !important;}
.top-header{text-align:center;}
.top-header .pl-40{padding:0}
.top-header .inline-block{padding-bottom:10px;}
.subscribe_newsletter button[type='submit']{top:0.15rem}
.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;}
.img-bg{background-size:cover}
.font-62 {font-size: 2.5rem;}
.banners_text   .colw-50{width:100%}
.home_clients_resp{margin-bottom:50px}
.careers_box .colw-50{width:100%;margin-right:0;margin-left:0}
.main_bg , .banners{height:50vh}
.banners_text{top:0}
.datasheet-form .mr-15{margin-right:0}
}
.cur
{
	cursor:pointer
}
.careers_main_box .careers_text
{
	height:70px;
	overflow:hidden
}
.careers_main_box.hide .careers_text 
{
	height:auto;
	overflow:hidden
}
.sub_download img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}.flex-row3 {
    display: flex !important;
    justify-content: normal;
    flex-direction: row;
    align-content: center;
    align-items: center;
}.sub_download span {
    text-decoration: underline;
    color: #808080;
    padding-left: 5px;
}