@charset "utf-8";
/* CSS Document */

/*******
swatches.

Background grey: #ececec
Red: #ed1c24
Black: #0f0f0f
Text Grey: #939598

Font
font-family: 'Montserrat', sans-serif;

******/

body {
font-family: 'Montserrat', sans-serif;
background-color:#FFF;

} 
img{
width: 100%;	
}

/***********turn welcome off***********/
 .welcome {
	display: none;
}


home_menu_holder{
	display:none;
}

.home_logo{
		display:none;
		
	}

.homemenuholder{
	display: none;
}
a{
text-decoration: none;	
}
/*****************Navigations styles*********************/

.navigation_area{
overflow:hidden;
-webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.10);
box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.10);
}


/*NAVIGATION STYLES*/			
.nav_area { 
width:100%;
background-color:#FFFFFF;
overflow:hidden;
}

.nav_container {
width:100%;
padding:0;
margin:0 auto;
}
	
.mb_menu {
display:block;
float:right;
margin: 20px 20px 20px 15px;
cursor:pointer;
color:#FFF;
}

#logo img{
width:100%;
}

#logo {
display:inline-block;
max-width:90px;
float:left;
margin: 10px 0 8px 33px;

transition:0.9s;
}
		
.main_nav {
width:100%;
height:0;
overflow:hidden;
transition:0.1s;
}
		
.nav_open {
height:auto;
margin:0;
padding:0;
}
		
.main_nav li {
width:100%;
border-top: 1px solid #e6e7e8;
}
				 
.main_nav li a {
display:block;
font-family: 'Montserrat', sans-serif;
padding:20px 10px;
color: #0f0f0f;
font-weight:normal;
font-size:1em;
transition:0.4s;
}	
			



/*LINK STYLES*/
ul.main_nav a:active, .home_nav li a:active {
color:#ed1c24;
border-bottom:4px solid #ed1c24;
}

ul.main_nav a:hover, .home_nav li a:hover {
color: #ed1c24;
border-bottom:4px solid #ed1c24;
}
		


ul.main_nav a:hover {
text-decoration: none;
}

ul.main_nav a:visited {

text-decoration: none;
}
ul.main_nav a:active {

text-decoration: none;
}
ul.main_nav a:link {

text-decoration: none;
}

/*******************************home page welcome to arh styles************************/

.splash_image, .splash_about, .splash_contact, .splash_San, .filter_white {
	width:100%;
	height:400px;
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.splash_image{
	background-image:url(../images/mutiple_mask_mobile.jpg);
}

.welcome_text_area{
width:90%;
	margin-left:5%;
	margin-right: 5%;
	margin-top:140px;
	
}

.welcome_text_area h1{
	font-family: 'Montserrat', sans-serif;
	color:#FFFFFF;
	line-height:1.2em;
	font-size: 1.3em;
	font-weight:500;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.68);
	}


.download_cata{
	background-color:#FFFFFF;
	font-size:0.8em;
	width:200px;
	text-align: center;
	padding:15px 0px 15px 0px;
	margin-top:20px;
	-webkit-box-shadow: 6px 4px 11px 1px rgba(38,38,38,0.49);
-moz-box-shadow: 6px 4px 11px 1px rgba(38,38,38,0.49);
box-shadow: 6px 4px 11px 1px rgba(38,38,38,0.49);
}

#download{
	color:#ed1c24;
	width:200px;
}

#download:hover{
	color:#0f0f0f;
}




/*******************************products_home page************************/
.BG{
	background-color: #ececec;
}

.wrapper_two{
	max-width: 1020px;
     margin:0 auto;
	
	padding:5%;
	
}


.sub_holder{
margin-top:-70px;
position:relative;
	width:100%;
	z-index: 2;
}
.products_home_one {
	width:100%;
	background-color: #FFFFFF;
	padding-left:6%;
	padding-right: 6%;
	padding-top: 6%;
	margin-bottom:20%;
	-webkit-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
	color:#939598;
	
		}

.products_home {
	width:100%;
	background-color: #FFFFFF;
	padding-left:6%;
	padding-right: 6%;
	padding-top: 6%;
	margin-bottom:20%;
	-webkit-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
box-shadow: 0px -17px 35px -12px rgba(0,0,0,0.36);
	color:#939598;
	text-align: center;

		}

.products_home p {
	padding-top:7%;
	padding-bottom:7%;
	text-align: center;
	line-height: 1.2em;
	}

.products_home_one p {
	padding-top:7%;
	padding-bottom:7%;
	text-align: center;
	line-height: 1.2em;
	}
 
.products_home:hover{
	color:#ed1c24;
	-webkit-box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
-moz-box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
}

.products_home_one:hover{
	color:#ed1c24;
	-webkit-box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
-moz-box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
box-shadow: 0px -15px 51px -8px rgba(0,0,0,0.62);
}


/*******************************Who and what************************/

.hg_center{
	margin:0 auto;
	max-width: 1400px;
	padding-top:10%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
}

.hg_text{
	background-color:#FFFFFF;
	padding:6%;
-webkit-box-shadow: 0px 0px 39px -6px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 39px -6px rgba(0,0,0,0.38);
box-shadow: 0px 0px 39px -6px rgba(0,0,0,0.38);
	z-index: 2;
	position: relative;
	margin-bottom:-50px;
	
}

.hg_text a {
	color:#939598;
	font-weight: 500;
}

.hg_image{
width:100%;
margin-bottom:100px;
z-index: 1;
}



.hg_text p {
	color:#939598;
	font-size:0.9em;
	line-height: 1.4em;
}

.hg_text h1{
	color:#0f0f0f;
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:5px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

.dash{
	width:50px;
	background-color:#0f0f0f;
	height:4px;
}

.become_client{
	display:block;
	max-width: 300px;
	text-align: center;
	padding-top:6px;
	padding-bottom:6px;
	border: 2px solid #0f0f0f;
	
}

/*******************************SAFETY SECTION************************/


.safety_sec{
	width:100%;
	height:230px;
	background-image: url(../images/safety_mobile.jpg);
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.filter{
width:100%;
	height:230px;
	background-image: url(../images/filter.png);
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;	
}

.filter h1{
	color:#FFFFFF;
	text-align: center;
	font-size: 1.2em;
	margin-top:100px;
	
}


/*******************************Sfooter area************************/
.footer_area {
	width:100%;
	border-bottom: solid 10px #0f0f0f;
	-webkit-box-shadow: 0px -5px 26px -12px rgba(0,0,0,0.25);
-moz-box-shadow: 0px -5px 26px -12px rgba(0,0,0,0.25);
box-shadow: 0px -5px 26px -12px rgba(0,0,0,0.25);

}

#footer_holder{
padding:6%;
	overflow: hidden;
}

.footer_logo{
max-width: 200px;
	margin:0 auto;
	padding-bottom:30px;
}

.contact_footer {
	overflow: hidden;
}

#socials{
	margin-top:20px;
}
#socials img {
	width:40px;
	
}

.footer_area h1{
	font-size: 1em;
	color:#0f0f0f;
	margin-bottom:10px;
	margin-top:20px;
}

.footer_area p{
color:#939598;
	font-size:0.8em;
	line-height:1.4em;
}

/*******************************About style start here************************/


.splash_about{
	background-image: url(../images/about_home_mobile.jpg);
}


.filter_white{
	background-image:url(../images/filter_white.png);
}
/*******
swatches.

Background grey: #ececec
Red: #ed1c24
Black: #0f0f0f
Text Grey: #939598

Font
font-family: 'Montserrat', sans-serif;

******/


.about_us_holder{
padding-left:6%;
	padding-right:6%;
	padding-top:10%;
	padding-bottom:10%;
	}


.about_us_holder h1{
	font-family: 'Montserrat', sans-serif;
	color:#0f0f0f;
	font-size:1.3em;
	text-align: center;
	margin-bottom: 5px;
}

.dash_two{
	width:50px;
	background-color:#0f0f0f;
	height:4px;
	margin:0 auto;	
}


.about_us_holder p{
	font-family: 'Montserrat', sans-serif;
	color:#939598;
	font-size:0.8em;
	text-align: center;
	margin-bottom: 5px;
	line-height:1.3em;
}

.center_dash{
	width:350px;
	background-color:#0f0f0f;
	height:4px;
	margin:0 auto;
	
}



.heart_holder{
	width: 160px;
	border-radius: 200px 200px 200px 200px;


	margin: 0 auto;
}


#overlap{
z-index: 2;
position: relative;
	margin-top: -80px;
	border-radius: 200px 200px 200px 200px;
}

#overlap img {
	border-radius: 200px 200px 200px 200px;
}


/*******************************PARTNERS SECTION************************/

.partners_bg{
	background-color:#ececec;
	width:100%;
     margin-top:80px;
	min-height:600px;
	padding:6%;
}

.image_outer{
	width:200px;
	height:200px;
	margin:0 auto;
}

.image_holder{
	width:200px;
	height:200px;
	padding:20px;
	margin-top:-110px;
    position:relative;
	z-index: 2;
	border-radius: 200px 200px 200px 200px;
	
	-webkit-box-shadow: 0px -6px 22px -3px rgba(0,0,0,0.47);
-moz-box-shadow: 0px -6px 22px -3px rgba(0,0,0,0.47);
box-shadow: 0px -6px 22px -3px rgba(0,0,0,0.47);
	background-color: #FFFFFF;
	
}

.rafeek{
width:160px;
	height:160px;	
	border-radius: 200px 200px 200px 200px;
	margin:0 auto;
}

.rafeek img{
width:160px;
	height:160px;	
	border-radius: 200px 200px 200px 200px;	
}

.rafeek_content_holder{
	width: 100%;
	background-color: #FFFFFF;
	z-index: 1;
	margin-top:-50px;
    position:relative;
	padding-top:80px;
	padding-left:5%;
	padding-right:5%;
	min-height:300px;
}

.rafeek_content_holder h1{
	font-family: 'Montserrat', sans-serif;
	color:#0f0f0f;
	font-size:1.3em;
	text-align: center;
	margin-bottom: 5px;
}

.rafeek_content_holder p{
font-family: 'Montserrat', sans-serif;
	color:#939598;
	font-size:0.8em;
	text-align: center;
	margin-bottom: 5px;
	line-height:1.3em;	
}


/*******************************end of raf styles************************/

#spacer{
	min-height:200px;
}

/*******************************contact page styles************************/

.splash_contact{
	background-image: url(../images/contact_us_mobile.jpg);
}

.contact_area{
	width:100%;
	padding:6%;
	margin-bottom:100px;
}

.contact_max{
	width:100%;
	overflow: hidden;
}


.contact_max h1 {
	width:100%;
	font-family: 'Montserrat', sans-serif;
	color:#0f0f0f;
	font-size:1.3em;
	text-align: center;
	margin-bottom: 5px;
}

.details h1{
width:100%;
	font-family: 'Montserrat', sans-serif;
	color:#0f0f0f;
	font-size:1.3em;
	text-align:left;
	margin-bottom: 25px;
	margin-top:15px;
}

.details p{
font-family: 'Montserrat', sans-serif;
	color:#939598;
	font-size:0.8em;
	line-height: 1.4em;

	
		
}

.gmaps {
	width:100%;
	height:300px;
}


/*******************************REGISTER STYLES************************/


/*******
swatches.

Background grey: #ececec
Red: #ed1c24
Black: #0f0f0f
Text Grey: #939598

Font
font-family: 'Montserrat', sans-serif;

******/



.reg_bg{
	width:100%;
	min-height:300px;
	padding-top:7%;
	padding-bottom:7%;
	padding-left:6%;
	padding-right:6%;
	background-color:#ececec;
}

.reg_bg h1{
	font-family: 'Montserrat', sans-serif;
	color:#0f0f0f;
	font-size:1.3em;
	text-align:center;
	margin-bottom: 10px;
	margin-top:15px
}

.register_form_holder{
	width:100%;
	min-height:300px;
	background-color: #FFFFFF;
	margin:0 auto;
-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.24);
	
}

.spacer_reg{
	margin:60px 0px 60px 0px;
}


/****************************sanitize style starts here***************************/

.splash_San{
	background-image: url(../images/sanitize_mobile.jpg);
}


/*******
swatches.

Background grey: #ececec
Red: #ed1c24
Black: #0f0f0f
Text Grey: #939598

Font
font-family: 'Montserrat', sans-serif;

******/


.san_bg{
	width:100%;
	min-height:300px;
	padding-top:7%;
	padding-bottom:7%;
	padding-left:6%;
	padding-right:6%;
	background-color:#ececec;
}
.san_bg h1{
font-family: 'Montserrat', sans-serif;
	color:#0f0f0f;
	font-size:1.3em;
	text-align:center;
	margin-bottom: 10px;
	margin-top:15px	
}


.video_center{
	margin-top:30px;
	
	width:100%;
	padding:20px;
	}

.video_holder{
margin: 0 auto;
	background-color: #FFFFFF;
	width:100%;
	min-height:150px;
	
	-webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.24);
}



.san_details_bg{
	background-color:#FFFFFF;
	width:100%;
	min-height:400px;
	padding:30px;
	
}

.san_details_spacer{
	
}

.san_detailers_center {
	
	margin:0 auto;
	width:100%;
	min-height:400px;
	
}


.details_one h1{
font-family: 'Montserrat', sans-serif;
	color:#0f0f0f;
	font-size:1.3em;

	margin-bottom: 10px;
	
}

.points p{
	font-family: 'Montserrat', sans-serif;
	color:#939598;
	font-size:0.8em;
	
	margin-bottom: 5px;
	line-height:1.3em;	
}

.points li
{
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	padding-left:20px;
}

.adjust_details{
	padding-top:20px;
}


/****************************products page***************************/
.products_holder {
margin-top: 8%;
	margin-bottom:3%;
	margin-left:10%;
	height:80%;
	width:80%;
		
}



@media only screen and (max-width : 600px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}