body {margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clr {clear: both;}
.logo {float: left; padding:2px 0px;}
.logo img {width: 100%;}
p {	margin:0px; padding:0px; font-family: Arial; font-size: 16px; color: #333333; line-height:26px; text-align: justify;}
a{ border:none; list-style:none; text-decoration:none; color:#333;}
* {box-sizing: border-box; margin: 0; padding: 0;}
h1 { margin: 0px; font-family: 'Open Sans', sans-serif; font-weight:100;text-align:center;font-size:40px;color:#4c4c4c; margin-bottom:20px !important; background:url(../images/line3.png) bottom center no-repeat; padding-bottom:10px !important; }
h2 {margin: 0px; font-family: 'Open Sans', sans-serif; font-weight:200; font-size:40px; text-align: center; font-weight:100; color:#4f4f4f;line-height:30px;
	margin-bottom: 0px;padding:1% 0% !important;}
h3 {margin: 0px; font-family:Century Gothic; font-weight:100;font-size:25px; color:#414141;}
h4 {margin: 0px; font-family: 'Open Sans', sans-serif; font-weight:100; font-size:23px; text-align:center; color: #FFFFFF; line-height:30px; padding:10px 0px !important; margin-bottom:1%; }
.photo2{ width:100%; float:left;}
.photo2 img{ width:100%; float:left;}

h5 { margin: 0px; font-family: 'Open Sans', sans-serif; font-weight:100; font-size:40px; text-align:center; color: #FFFFFF; line-height:30px; padding-bottom:15px !important; margin-bottom:1%; background:url(../images/line1.png) bottom center no-repeat; }
h6 {margin: 0px; padding: 0px; color:#000000; font-size:35px; font-weight:normal; text-align:left; font-family:Arial; padding-top: 4px!important; padding-bottom:10px !important; }
.sosalmidiya{   padding:3% 3%}
.sosalmidiya img{  float:left; margin:3% 2%; padding:2% 3%; border:#FFF 1px solid;  }
.header {float: left;}
.header_left {float: left;}
.header_right {float: right; padding-top:25px;}
.top_right{ width:5%; float:right; margin-right:0%; padding-right:0px; padding-left:1px; padding-top:0px; padding-bottom:0px; border-left:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid; }
.top_left{ float:left; }
.gallery{ width:31%; float:left; margin:1%;  }
.gallery1{
	width: 45%;
	float: left;
	margin: 1%;
}
.gallery img{ width:100%; float:left; }
.box_sec{ width:96%; float:left; margin:2%;}
.box_sec1{ width:95%; margin:auto; }
.box_sec2{
	width: 96%;
	float: left;
	margin-top: 1%;
	margin-right: 2%;
	margin-left: 2%;
}
.three_box2 {width: 31.3%; float: left; margin: 1%;}
.box1 {
	width: 15%;
	float: left;
	margin: 1%;
	color: #FFF;
	border-radius: 100%;
	font-size: 31px;
	border: 1px solid #65d04a;
	text-align: center;
	padding: 11px 0px;
	background-color: #65d04a;
}
.box1:hover {background:#373435; border:#FFF 1px solid;}
.box2 {width: 77%;float: left; margin: 2%; padding-top:10px;}
.box3 {width:100px; margin: auto;height:100px; background:#373435; color:#FFF; border-radius: 100%; font-size:31px; border:#FFFFFF 1px solid; text-align: center; 
padding:15px 0px;}
.box3:hover {background:#373435; border:#f57e57 1px solid;}
.product{ width:100%; float: left; padding:26px 0px;}
.five_box{ width:19.9%; float:left; text-align:center; border-right:#8e8e8e 1px solid   }
.four_box_sec{ width:100%; float:left; border-bottom:#d0c5e5 2px dotted; border-top: #d0c5e5 2px dotted; padding:2% 0%;    }
.four_box { width: 23%; float: left; margin: 1%; }
.text_box{ width:100%; float:left; }
.text01 { width: 100%; margin: auto; font-family: 'Roboto', sans-serif; padding-bottom:5px; margin-top:10px;}
.text01 li { background: url(../images/arrow2.png)  left top no-repeat; background-position: 1px 8px; display: block; text-decoration: none; padding-left:20px; list-style: none; font-family: Arial;  font-size: 16px; color: #333333; line-height:26px; text-align: justify; }

.text02 { width: 80%; margin: auto; font-family: 'Roboto', sans-serif; padding-bottom:5px; margin-top:5px; margin-left:5%;}
.text02 li { background: url(../images/arrow3.png)  left top no-repeat; background-position: 1px 8px; display: block; text-decoration: none; padding-left:20px; list-style: none; font-family: Arial;  font-size: 16px; color: #333333; line-height:26px; text-align: justify; }

.text03 { width: 100%; margin: auto; font-family: 'Roboto', sans-serif; padding-bottom:5px; margin-top:10px;}
.text03 li { background: url(../images/arrow2.png)  left top no-repeat; background-position: 1px 8px; display: block; text-decoration: none; padding-left:20px; list-style: none; font-family: Arial;  font-size: 16px; color: #333333; line-height:26px; text-align: justify; }

.text {font-family: 'Open Sans', sans-serif; font-size: 16px;color: #333333;line-height:30px;text-align: justify; padding:8px 0px; margin-bottom:0px;}
.text1 {font-family:Arial;font-size: 16px;color: #000000;line-height:25px; padding-top:0px; }
.text2 { font-family:Arial;font-size: 16px;color: #3e3e3e;line-height:30px;	}
.text20 {
	font-family: Arial;
	font-size: 16px;
	color: #3e3e3e;
	line-height: 30px;
	border: medium solid #F00;
	text-align: center;
}
.text3 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-align:center; line-height:18px; padding:0px 20px;}
.text4 {font-family: 'Open Sans', sans-serif; font-size:14px;color: #000000; text-align:justify; line-height:25px; padding:0px 0px;}
.text5 {font-family: 'Open Sans', sans-serif; font-size:14px;color: #000000; text-align:justify; line-height:25px; padding:22px 0px 0px 0px; }
.text6 {font-family: 'Open Sans', sans-serif; font-size:20px;color: #FFFFFF; text-align:justify; line-height:31px; padding:22px 0px 0px 0px; }
.text7 {font-family: 'Open Sans', sans-serif; font-size:17px;color: #FFFFFF; text-align:justify; line-height:25px; padding-top:10px;}
.text8 {font-family: 'Open Sans', sans-serif; font-size:15px;color: #333333; text-align:justify; line-height:23px; padding-top:0px;}
.text9 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	color: #3e3e3e;
	line-height: 35px;
}
.text10 { font-family:Arial;font-size:17px;color: #3e3e3e;line-height:30px;	}
.text11 { font-family:Arial;font-size:17px;color: #3e3e3e;line-height:30px;	}
.text12 { font-family:Arial;font-size:17px;color: #3e3e3e;line-height:30px; background:url(../images/icon5.png) left top no-repeat; background-position:1px 3px; padding-left:77px;   text-align:justify; 	}
.text22 {
	font-family: Arial;
	font-size: 28px;
	color: #3e3e3e;
	line-height: 30px;
	text-align: center;
}
.bg-orange {
background: #ffbc13;
color: #FFFFFF;
display: inline-block;
border-radius: 3px;
display: block;
clear: both;
border: none;
cursor: pointer;
font-family: arial;
text-align: center;
line-height: 40px;
font-size: 16px;
width: 135px;
margin: auto;
    margin-top: auto;
margin-top: auto;
margin-top: 10px;


}
.bg-orange:hover {
    background: #464159;
    color: #fff;
}
.form-style .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.form-style .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}


.name{ float:right; font-family: 'Open Sans', sans-serif; font-size:14px;color: #000000; font-weight:bold; }
.left_box { width: 48%; float: left; margin: 1%; }
.right_box {width: 48%; float: right;margin: 1%;}
.call{
	width: 100%;
	color: #65d04a;
	font-weight: bolder;
	font-size: 20px;
	margin-top: 10px;
	background-position: 1px 3px;
	padding-left: 75px;
	line-height: 25px;
	padding-top: 10px;
	background-image: url(../images/icon23.png);
	background-repeat: no-repeat;
}
.call span{ color:#000000; font-size:16px; }
.time{
	width: 90%;
	float: right;
	color: #65d04a;
	font-size: 20px;
	font-weight: bolder;
	margin-top: 10px;
	padding-top: 4px;
	background-position: 1px 5px;
	padding-left: 60px;
	line-height: 25px;
	background-image: url(../images/time23.png);
	background-repeat: no-repeat;
}
.time span{ color:#000000; font-size:16px;  }
.appointment{
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	background: url(../images/make.png) left top no-repeat;
	padding-left: 45px;
	line-height: 24px;
	text-align: center;
}
.appointment span{
	color: #FFFFFF;
	font-size: 16px;
}
.red{
	padding: 15px 20px;
	float: right;
	background-color: #65d04a;
}
.bg_box1{ width:80%; float:left; background:url(../images/bg1.jpg) left top repeat-y; background-size:100% 100%; padding:3%;}
.bg_box2{  float:left; border:#000 2px solid; padding:3% 6% 4% 4%;    }
.section1 { width: 100%; float: left;}
.section2 { width: 100%; padding-top:10px; padding-bottom:10px; float: left; border-top:#a2a2a2 1px solid;  }
.section3 {width: 100%; float: left; background:#f5f5f5; }
.section4 {width: 100%;float: left;	padding-bottom: 40px; padding-top:15px; padding-left:10px; padding-right:10px; }
.section5 {width: 100%; float: left; background:#f2f2f2;padding-bottom:20px;  padding-top:20px; }
.section6 {width: 100%;float: left; padding:40px 0px; background:#373435; }
.section7 {width: 100%; float: left; padding: 40px 0px 40px 0px;  border-top:#FFF 4px solid;}
.section8 {width: 100%; float: left; background: url(../images/bg2.jpg) left top no-repeat; background-size:cover;    padding-top:6%; padding-bottom:6%;}
.section9 {width: 100%; float: left;  padding:10px 0px 40px 0px;}
.section10 {width: 100%;float: left; background:url(../images/bg3.jpg) left top no-repeat; background-size:cover; padding-bottom:3%; padding-top:4%;     }
.section11 {
	width: 100%;
	float: left;
	padding: 10px 0px;
	background-color: #65d04a;
}
.section12 {width: 100%; float:left; padding:10px 0px;}
.map{ width:100%; float:left; height:400px; border-bottom:#FFF 3px solid; border-top:#FFF 3px solid;   }
.map img{ width:100%; float:left; height:400px;}
.wight_box{ width:100%; float:left; background:#FFF; border-radius:10px; padding:15px 20px; }
.from{width:100%;  float:left; background: none; border:#FFFFFF 1px solid; line-height:33px; padding:0px 6px; color:#FFF;}
.from2{ width:100%; float:left; padding:10px 0px 90px 10px; line-height:24px; color:#FFF; border:#FFFFFF 1px solid; background:none;}
.submit{ width:100px; float:right; margin-top:20px; color:#000000;  display: inline-block; font-weight: bold; font-family: arial; text-align:center; font-size:14px; padding:6px 10px;line-height:20px; background:#FFFFFF; text-decoration: none; display: block; text-transform: uppercase;}

.submit a:hover {background:#f06136;color: #fff;}
.gmail {float: left; font-family: 'Open Sans', sans-serif; font-size:16px; background: url(../images/gmail.png) left top no-repeat;background-position:1px 4px;color:#000; font-weight:normal;padding-left:25px;line-height:31px; margin-left:20px;}
.gmail3 {float: left; font-family: 'Open Sans', sans-serif; font-size:19px; background: url(../images/gmail3.png) left top no-repeat; background-position:1px 11px;color:#000; font-weight:normal;padding-left:30px;line-height:35px; }
.phone {float: left;font-family: 'Open Sans', sans-serif;font-size:16px;background: url(../images/phone%27.png) left top no-repeat;background-position:1px 4px;color:#FFF; font-weight:normal;padding-left:25px;line-height:31px; }
.phone2 {float:left;font-family: 'Open Sans', sans-serif;font-size:20px; background:url(../images/phone3.png) left top no-repeat; background-position:1px 8px;color:#FFF; font-weight:normal;padding-left:30px; line-height:31px; margin-top:10px; }
.phone3 {float:left;font-family: 'Open Sans', sans-serif;font-size:19px; background:url(../images/phone4.png) left top no-repeat; background-position:2px 9px;color:#000; font-weight:normal;padding-left:28px; line-height:35px; }
.contect_box1{ width:48%; float:left; padding-left:15%;}
.contect_box2{ width:48%; float:left; padding-left:10%;}
.top_box{ width:33%; float:left; }
.heding{ width:100%;  font-family:Arial, Helvetica, sans-serif;  font-size:32px; text-align:center; color:#000; background:url(../images/line4.jpg) bottom center no-repeat; margin:2% 0%; } 
.heding1{ font-family:Arial;font-weight:100; text-align:left; text-transform: uppercase; font-size:38px; color:#FFF; border-bottom:#FFF 1px solid;  padding-top:10px;line-height:30px;  margin-bottom:1% !important; padding-bottom:14px; }
.heding2{ font-family:Arial;font-weight: bold; text-align:center; text-transform: uppercase;font-size:38px;color:#000; background:url(../images/line3.png) bottom center no-repeat; padding-top:10px;line-height:30px;  margin-bottom:1% !important; padding-bottom:14px; }
.wapper { width: 100%; float: left;}
/*****************************/     
.banner2 {width: 100%;float: left;height:300px;}
.banner2 img {width: 100% !important;height:300px;}

.banner {
	width: 100%;
	float: left;
	height:535px;
}
.banner img {
	width: 100% !important;
	height:535px;
}
@media only screen and (max-width: 1200px) {
.banner img {
	width: 1040px !important;
	height:535px;
	float: left;
}
}

.header1 {display: none;left: 10px;position: absolute;top: 10px;}
.more {width:130px; margin: auto; margin-top:25px;}
.more a {
	font-size: 18px;
	color: #ea5a2f;
	padding: 8px 10px;
	display: block;
	text-align: center;
	font-weight: 600;
	font-family: "Lucida Console", Monaco, monospace;
	text-decoration: underline;
}
.more a:hover {color:#373435;   }
.more1 { float:right; margin-top:20px;  }
.more1 a { display:block; color:#ea5a2f;    font-weight: 600;
	font-family: "Lucida Console", Monaco, monospace;
 text-align:center; line-height:40px;   font-size:18px;  padding:0px 20px; }
.more1 a:hover {color:#000; }
.more2 { width:30px; margin:auto; margin-top:20px; }
.more2 a {color:#FFFFFF; display:block; color:#000; display:block; border-radius:100px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:28px; background:#FFFFFF;  font-size:28px;  border:#212020 1px solid;  }
.more2 a:hover {  color:#f57e57; }

.bg_box{ width:98%; float:left; border:#000 1px solid;  padding:1%; border-radius:4px; margin:1%;}
.footer_box1 {width: 40%; margin: 1%;float: left;}
.footer_box2 {width: 38%;margin: 1%;float: left;}
.footer_box3 {width: 15%;margin: 1%;float: left;}
.coppy {
	float: left;
	color: #000000;
	margin: 10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.oxford {float: right;margin-top: 5px;}
.oxford  ul{ margin:0px; padding:0px;}
.oxford  li{ list-style:none; display:block; }
.oxford a  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000 !important;
	font-size: 14px;
	text-decoration: none;
	list-style: none;
}
.oxford a:hover {text-decoration: underline;}
.left_sec{ width:30%; float: left; margin:1%  }
.right_sec{ width:61%; float: right; margin:1%}
.left_part{ width:10%; float:left; margin:1%;}
.right_part{ width:85%; float:left; margin:1%;}
visible .row {overflow: visible;}
/* main menu styles */

#nav{ margin:0px; padding:0px;}   
#nav li {float:left;list-style:none; font-size:18px; margin:0px 0px;  line-height:18px;  }
#nav a {font-weight:normal; text-decoration:none;font-family: 'Open Sans', sans-serif; display:block ; padding:8px 12px;  text-transform: uppercase;  }
/* selected menu element */
#nav .current a, #nav li:hover > a {color:#f06136; }
/* sublevels */
#nav ul li:hover a, #nav li:hover li a {background:none;text-transform: none; color:#000; }
#nav ul li a:hover {
	background: #bcb15e;
	color: #000;
}
#nav ul li:first-child > a {-moz-border-radius-topleft:5px; /*some css3*/ -moz-border-radius-topright:5px;  line-height:20px;  }
#nav ul li:last-child > a {-moz-border-radius-bottomleft:10px; /*some css3*/-moz-border-radius-bottomright:10px; }
/* drop down */
#nav li:hover > ul {opacity:1;visibility:visible;}
#nav ul {
	opacity: 0;
	visibility: hidden;
	padding: 0;
	position: absolute;
	z-index: 9999;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	background-image: url(../images/arrow_top.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#nav ul li {float:none; margin:0;  border-bottom:#39464f  1px solid;  line-height:22px; }
#nav ul a { font-weight:normal; font-size:16px; }
#nav ul ul { width:245px; left:222px; top:144px;}
.active{
	color: #EE3A26;
	font-weight: bolder;
	border: 1px solid #EE3A23;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-position: right center;
    background-repeat: no-repeat;
}
/*****************************/
.open .sub-menu {display: block;}
.sub-menu {display: none; position: absolute; top: 100%; width: 200px; background: #088999; padding: 5px 5px; margin-top: 0px;}
.sub-menu li {display: block;width: 100%; line-height: 20px;}