html , body
{
	overflow-x:hidden;
	    color: #5D5E5E;
}
html , body{  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;}
a {
	color:#18f0a3;
	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;
}
.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-regular
{
	font-weight:400
}
.font-regular p
{
	font-weight:400
}
.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-24
{
	font-size:1.5rem
}
.font-26
{
	font-size:1.625rem
}
.font-32
{
	font-size:2rem
}
.font-38
{
	font-size:2.375rem
}

.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;
}
.orange
{
	color:#FF993E
}
.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:#FF993E;
}
.social_footer li a:hover
{
	background:#0D988C;
	color:#FFF
}

.banners {

    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: '';display:none
}

.ai-fs
{
	    align-items: flex-start;
}
.green
{
	color:#0D988C
}
nav li a
{
	font-weight:500;
	text-transform:uppercase
}
.logo img
{
	display:block
}
.insideImg h1
{
	font-size:4.25rem
}
footer
{
	background:#0099CE;

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


.order1
{
	order:1
}
.order2
{
	order:2
}
.underline{
text-decoration:underline
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.logo img
{
	width:240px;
}
nav{
position:relative
}
nav:before{
    background: url(../img/header_bg.png) no-repeat left center / contain;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    content: '';
    height: 7px;
    z-index: 50;
}
header nav li:first-child
{
	padding-left:0;
}
header nav li:last-child
{
	padding-right:0;
}
.footer_menu li
{
	width:100%;
	display:inline-block;
	padding-bottom:10px;
}

.social_footer li a {
    width: 30px;
    height: 30px;
    background: #FFF;
    color: #0099CE;
    font-size: 0.9rem;

    display: inline-block;
    margin-right: 10px;
}
.grey
{
	color:#5D5E5E
}
.blue
{
	color:#0099CE
}
.inside_title
{
	
}
.inside_title:before {
    background: url(../img/header_bg.png) no-repeat left center / contain;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 300px;
    content: '';
    height: 7px;
    z-index: 50;
}
.about_img
{
	overflow:hidden
}
.about_img .img-bg
{
	height:100%;
	background-size:cover;
	background-position:bottom right;
	background-repeat:no-repeat;
	transition:all 1s ease-in-out;
	overflow:hidden
}
.about_img .img-bg:hover
{
	transform:scale(1.2);
}

.bg_hover , .bg_hover img
{
	transition:all 1s ease-in-out;
	overflow:hidden
}
.bg_hover:hover img
{
	transform:scale(1.2);
}
.about_bg2
{
	 background: url(../img/1x/about_bg2.png) no-repeat left center / cover;
}
.font2
{
	font-family: 'Indie Flower', cursive;
}
.what_we_do{
	display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: flex-end;
    align-items: flex-end;
}
.what_we_do h3
{
	padding-left:20px;
}
.what_we_do.column
{
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.what_we_do.column h3
{
	padding-top:20px;
}
.what_we_do img
{
	max-height:75px
}
.what_we_do div
{
	    display: contents;
}
.about_us_page:before
{
    background: url(../img/1x/bg2.png) no-repeat left center / contain;
    position: absolute;
    bottom: -55px;
    left: 0;
    width: 100%;
    content: '';
    height: 40px;
    z-index: 50;
}
.contact_info
{
}
.contact-address-box
{
	border-bottom:1px solid #aaa;
}
textarea
{
	resize:none;
	background:transparent
}
.contact-form button {
    color: #FFF;
    text-align: center;
    background: #0099CE;
    float: left;
    font-weight: bold;
    font-size: 20px;
    padding: 15px 40px;
    line-height: inherit;
	margin-top:20px;box-shadow: -4px 4px 0px lightgrey;transition:all 1s ease-in-out;
}
.contact-form button:hover
{
	transform:translateY(-10px);
	background:#FF993E
}


.read_more
{
    color: #FFF;
    text-align: center;
    background: #FF993E;
    float: left;
    padding: 10px 20px;
    line-height: inherit;
	margin-top:20px;box-shadow: -4px 4px 0px lightgrey;	transition:all 1s ease-in-out;
}
.read_more:hover
{
	transform:translateY(-10px);
	background:#0099CE
}

.read_more.read_more2
{background:#0099CE
}
.read_more.read_more2:hover
{ background: #FF993E;
}
.news_box
{
    position: absolute;
    bottom: 30px;
    left: 20px;
    z-index: 50;
    background: url(../img/1x/news_bg.png) no-repeat left center;
    padding: 20px 20px;
    width: 200px;
	
}
.details_date
{
	background: url(../img/1x/news_bg.png) no-repeat left center;
	padding: 5px 5px;
}
.jc-c
{
	justify-content:center
}
.collection_hover:before
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
	width:100%;
	height:100%;
    background: rgba(255,153,62,0.6);
	content:'+';
	display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
	color:#FFF;
	font-size:70px;
	font-weight:bold;
	opacity:0;transition:all 1s ease-in-out;
}
.home_products .collection_hover:before
{
	background: rgba(0,157,79,0.6);
}
.collection_main:hover  .collection_hover:before
{
	opacity:1;
}
.collection_hover{
overflow:hidden
}
.collection_hover img{transition:all 1s ease-in-out;}

.collection_main:hover img{
transform:scale(1.2)
}

.banners {

     height: calc(100vh - 130px);
    position: relative;
}


.main_bg {
    width: 100%;
    height: calc(100vh - 130px);
    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: url(../img/1x/banner_bg.png) no-repeat top center / cover;
    z-index: 50;
    content: '';
}
.filter
{
	padding:50px;
	text-align:center;
}
.filter a {
    color: #FFF;
    text-align: center;
    background: #FF993E;

    padding: 10px 20px;
    line-height: inherit;
	margin:0 10px;
    box-shadow: -4px 4px 0px lightgrey;
    transition: all 1s ease-in-out;
	display:inline-block
}
.home_title.inside_title:before
{

    -webkit-transform: translate(0,-50%);
    left: calc(50% - 120px);
	width: 240px;
}
.bo-1
{
	position:absolute;
	left:20%;
	bottom:-20px;
	z-index:50;
	width:100%;
	border-top:10px solid #FF993E;
}
.bo-2
{
	position: absolute;
    left: 10%;
    bottom: -40px;
    z-index: 50;
    width: 100%;
    border-top: 20px solid #fff5ec;
}
.bo-1.bo-3
{
border-top:10px solid #009D4F;
}

.bo-2.bo-4
{
	border-top: 20px solid #cee9db;
}
.home_products_box
{
	background: url(../img/1x/hombg.png) no-repeat center center / contain;
}
.leftLst
{
	position:absolute;
	top:40%;
	-webkit-transform: translate(40%,0);
	left:-50px;
	z-index:50;
	cursor:pointer;
	background:none;
	transform: rotate(180deg);
}
.rightLst
{
	position:absolute;
	top:40%;
	-webkit-transform: translate(40%,0);
	right:-10px;
	z-index:50;
	cursor:pointer;
	background:none;
}
.leftLst img , .rightLst img
{
	width:30px;
}
.home_about:before
{
	display:none !important
}
.home_about .about_img_box 
{
	padding-bottom:10px;
	border-bottom:10px solid #0099CE;
	position:relative;
}
.home_about .about_img_box .about_img
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.home_about .about_img_box:before
{
    position: absolute;
    bottom: -49px;
    right: 60px;
    z-index: 50;
    content: '';
    width: 29px;
    height: 39px;
    background: #b4e1f0;
}
.w-b
{
	position: absolute;
	z-index:0;
	right:0;
	bottom:0;
}
.w-b-0
{
	width:10px;
	right:auto;
	left:0;
	height:20%;
	background:#00269A;
}
.w-b-1
{
	width:10px;
	height:90%;
	background:#FFE800;
}
.w-b-2
{
	width:10px;
	height:50%;
	background:#FF993E;
}
.w-b-3
{
	width:10px;
	height:110%;
	background:#4D008C;
}
.w-b-4
{
	width:10px;
	height:70%;
	background:#E50695;
}
.wb-main
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    width: 200%;
    border-top: 10px solid #009D4F;
}

.popup_img
{
	width:100%;
	height:580px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	text-align:center
}
.close_button
{
    content: '×';
    position: absolute;
	cursor:pointer;
    top: 0;
    left: -40px;
    width: 30px;
    /* height: 30px; */
    /* font: 30px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; */
    color: #FFF;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    z-index: 5000;
    line-height: 25px;
    font-size: 19px;
    border: 2px solid #FFF;
    /* padding-bottom: 5px; */
    border-radius: 5px;
}
.fancybox-close-small
{
	opacity:0 !important
}

.go_down {
  position: fixed;

  right: 15px;
  bottom: 15px;
  z-index: 99999;
}
.go_down i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #0099CE;
    color: #fff;
    transition: all 0.4s;
}


.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}
.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #0099CE;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #f6b024;
  color: #fff;
}
.min-width
{
	min-width:1000px;
}
.contact_info .contact-address-box:last-child
{
	border:0
}
.contact_info .contact-address-box a:hover
{
	color:#ff993e
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
@media all and (max-width: 960px){
	.trigger{right:35px;}
	.min-width{min-width:100%}
	.fancybox-slide > *{width:100%;margin:0}
	.popup_img{height:450px;}
	.close_button{top:-35px;left:20px}
	.fancybox-slide > *{overflow: initial !important;}
	.d_m_block{display:inline-block !important}
	.contact_flex div{margin-bottom:25px;}
	.title_border {margin-bottom: 50px;}
	.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}
	.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.6rem;}
.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;
	}
.trigger {
 
    z-index: 5000000;
}header nav li a.active {
    color: #000;
}
	nav{
		position: fixed;
		z-index: 500;
		width: 320px;
		height: 100vh;
		box-sizing: border-box;
		background: #0099CE;
		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}

.insideImg .img-bg{height:200px;}
header{padding:20px;}
.logo img{max-width:200px}
.trigger{top:5px;}
.insideImg h1{font-size:3.25rem;}
.news_page .pr-50 , .collection_page .pr-50  , .boxes .pr-50 , .about_page_resp .pr-50 , .pr-50 , .home_products .pr-25 , .home_range_section .pr-25{padding-right:0}
.pl-50 , footer .pl-25{padding-left:0}
footer .colw-35{padding-bottom:25px;}
.news_details_page{margin-top:25px;}
.collection_page .colw-80{width:100%}
.filter{padding:0;margin-bottom:25px;}
.filter a{width:100%;margin:5px;}
.fancybox-inner .colw-50{width:100%;padding:20px}
footer .colw-30 , footer .colw-20{margin-bottom:20px;}
.about_page_resp h2{line-height:initial}
.about_bg2 h2{font-size:2rem}
.what_we_do{margin:15px 0}
.about_img.pl-50{padding-left:0}
.about_img .img-bg{height:200px;margin-top:25px;}
.slick-slider{margin-bottom:0 !important}
.home_products_box , .home_range_section{margin-bottom:50px;}
.inside_title {
    padding: 20px 0;
}
.w-b{display:none}
.home_about {
	line-height:initial
}
.banners_text .colw-40{width:100%}
.banners_text h1 {
    font-size: 2.5rem;line-height:initial
}
}





.footer_logo img
{
	filter: brightness(0) invert(1);

}



.cur
{
	cursor:pointer
}
.careers_main_box .careers_text
{
	height:70px;
	overflow:hidden
}
.careers_main_box.hide .careers_text 
{
	height:auto;
	overflow:hidden
}
.search
{
    display: inline-block;
    padding-left: 50px;
   
}
.input_search
{
    width: 0 !important;
    height: 0;
    padding: 20px 0!important;
	border:0 !important
}
.input_search.active
{
    width: 200px !important;

}
.search img
{

	 cursor:pointer
}		/* styles unrelated to zoom */
		/** { border:0; margin:0; padding:0; }
		p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}*/

		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(../images/icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }
		.slick_pop img{width:auto;max-height:100%}
		.t-shadow{    text-shadow: 0 10px 20px #000;}