/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 0px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:17px;
}
.social-circle li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-circle a {
 background-color: #ED3237;   
}
.soci-head		{margin-bottom: 2%;font-size: 22px;}
.soci-head span	{/*border-bottom: 1px solid #3d7f52;*/}


/*************new menu****/
nav {
	
	
  display: block;
  /*background: #E95546;*/
}

.menu { display: block; }

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
  font-size: 17px;
  text-decoration: none;
  padding: 55px 9px 12px 6px;
  display: block;
  color: #ed3237;
  transition: all 0.2s ease-in-out 0s;
  font-family: Montserrat, 'Open Sans', sans-serif;
}
.reva-eco	{float: right;}

.menu li a:hover,
.menu li:hover>a {
  color: #000;
  /*background: #ED3237;*/
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 16px;
  font-weight: normal;
  display: block;
  color: #797979;
  background: #fff;
  padding: 9px 10px;
  font-family: Montserrat, 'Open Sans', sans-serif;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  background: #6d9a62;
  color: #fff;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #E95546;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;


}

.responsive-menu:hover {
  background: #6d9a62;
  color: #fff;
  text-decoration: none;
}

a.homer { /*background: #FC6D58; */}
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #E95546; }
}
 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  padding-top:20px;
  width:40%;
  margin: 0;
  background: none;
}


.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #fff;
  color: #797979;
}

.menu li a:hover,
.menu li:hover>a {
  background: #6d9a62;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}
.menubar	{padding: 15px 10px 15px 10px;}


	ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
      }
      ul li {     
          list-style:none;
                   
      }
      ul li img {
          cursor: pointer;
      }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
      .modal-dialog {
          max-width:500px;
          padding-top: 90px;
      }
      @media screen and (min-width: 768px){
          .modal-dialog {
              width:500px;
              padding-top: 90px;
          }          
      }
      @media screen and (max-width:1500px){
          #ads {
              display:none;
          }
      }
	  
 .skitter-themes { text-align: center; margin-bottom: 10px; }
.skitter-themes ul { }
.skitter-themes ul li { display: inline-block; }
.skitter-themes ul li a { padding: 10px; display: inline-block; color: black; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 2px; border: 2px solid; margin: 0 5px 10px 5px; }
.skitter-themes ul li a.active { color: #999; }

.skitter-animations { text-align: center; margin: 20px 0 10px 0; }
.skitter-animations h3 { text-transform: uppercase; margin: 0 0 10px 0; }
.skitter-animations ul { }
.skitter-animations ul li { display: inline-block; }
.skitter-animations ul li a { display: inline-block; color: black; text-decoration: none; font-size: 14px; border-bottom: 1px solid; margin: 0 5px 10px 5px; }
.skitter-animations ul li a.active { color: #999; }

@media (max-width: 767px) {
  .skitter-themes ul li a { 
    margin: 0 2px 5px 2px;
    padding: 5px;
    font-size: 12px;
  }
}

/* ------------------------------------------
  Skitter custom settings
---------------------------------------------*/
.skitter-large-box {
  width: 100%;
}
.skitter-small-box {
  max-width: 100%;
}
.skitter-medium-box {
  max-width: 100%;
}

/*********Product*****/
.caption h4		{padding: 11px 10px 10px 7px;text-align: center;}
.thumbnail 		{border:0px;margin-top:5%;padding:0px;border-radius: 0px;background-color: #f6f4f4;}
#product		{margin-top: 3%;}

.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}


/* normal button style */
.myButton {
    width: 100%;
    height: 100%;
    background-color:#0099cc;
    text-align: center;
    color: #FFF;
    position: relative;
}
/* button hover style if required */
.myButton:hover {
   
}
/* generated element for shine effect.
 * normal state is semi-transparent
 * white but with zero width. Set no
 * transition here for no mouse-leave
 * animations. Otherwise the effect
 * will play in reverse when your mouse
 * leaves the element
 */
.myButton:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
   
}
/* on hover we animate the width to
 * 100% and opacity to 0 so the element
 * grows and fades out
 */
.myButton:hover:after {
    width: 100%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.side-menu				{margin:0px 0px;padding:10px;display:block;width:100%;margin-top: 6%;}	
.side-menu ul li		{margin:0px;padding:1px 0;display:block;transition: all 0.5s ease;-moz-transition: all 0.5s ease;
								-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;border-bottom:1px solid #EFF1F8}
.side-menu ul li a		{font-size:14px;font-family: 'Open Sans', sans-serif;color:#222222;margin:0px;padding:12px;width:100%;display:block;}	
.side-menu ul li i		{float:right;padding:5px;}

/*.side-menu ul li a.active  {background:#3F8054;color:#fff;}*/
side-menu ul li a:hover 	{background:#3F8054;color:#fff;}
.side-menu .active					{background:#EC3237;color:#fff;}

.prod-desc {
    margin: 30px 0px;
    padding: 0px;
    display: block;
}
.prod-desc h2 {
    margin: 0px;
    padding: 0px 0 10px;
    width: 100%;
    /*font-family: 'Open Sans Condensed', sans-serif;*/
    font-size: 21px;
    display: block;
    color: #3E3E3E;
    font-weight: bold;
    text-align: left;
    /*border-bottom: 1px solid #bdbdbd;*/
}

.prod-desc h6			{font-size:24px;font-family: 'Open Sans', sans-serif;color:#333;margin:0px;}

.prod-desc p {
    color: #686868;
    font-size: 15px;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 0;
    margin: 0px;
}


.cont-img span {
    font-family: 'Sakkal Majalla';
    font-size: 30px;
    color: #002041;
    padding: 0px 0;
    font-weight: bold;
}
.cont-img ul li {
    color: #686868;
    font-size: 15px;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 0 0 10px;
    margin: 0px;
	margin-left: 3%;
}
.cont-img ul li i {
	
    padding: 5px 0;
    color: #3F8054;
	position: absolute;
	margin-left: -3%;

}

.serv-pic 				{margin:30px 0px 50px;padding:0px;display:inline-block;width:100%;}
.serv-pic img			{border:1px solid #D8D8D8;padding:10px;margin: 0px 0 20px;}
.serv-pic p			    {font-size:16px;font-family: 'Open Sans', sans-serif;color:#5A5A5A;margin:0px;padding:10px 0; text-align:center;font-weight:bold;} 


/***********images effect***/
.ser-area						{padding:0px;width:234px;margin-bottom: 4%;}
.ser-main-pic					{margin: 0px 0px 0;padding: 0px;width: 100%;display: block;-webkit-transition: all 0.7s;-moz-transition: all 0.7s;
								-o-transition: all 0.7s;transition: all 0.7s;border: 5px solid #ccc;}
.ser-img-main-box				{width: 100%;display: block;overflow: hidden;position:relative;}
.ser-main-pic img				{width: 100%;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;-webkit-transform: scale3d(1, 1, 1);
								transform: scale3d(1, 1, 1); padding: 5px;border: 1px solid #fff;}
.ser-main-pic img:hover 		{ -webkit-transform: scale3d(1.2, 1.2, 1);transform: scale3d(1.2, 1.2, 1);}

.ser-img-main-box:after 		 {content: ""; position: absolute; top:-260%; left:-260%; width:180%; height:180%;
 								 opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13);
								 background: linear-gradient(to right,rgba(255, 255, 255, 0.13) 0%,
   								 rgba(255, 255, 255, 0.13) 77%,	rgba(255, 255, 255, 0.5) 92%,
								 rgba(255, 255, 255, 0.0) 100%);}
.ser-img-main-box:hover:after 			{opacity: 1;top: -30%;left: -30%;  transition-property: left, top, opacity;
								 transition-duration: 0.9s, 0.9s, 0.22s; transition-timing-function: ease;}
.ser-img-main-box:active:after 			{ opacity: 0;}	


.prod-desc span {
    margin: 0px 0px;
    padding: 0px;
    width: 20%;
    background: #ED3237;
    height: 3px;
    display: block;
}
.prod-desc h3  {font-size:20px}
.product-info .first   {margin-top: 15%;font-size: 19px;font-weight: 600;}
.first-point {margin-top: 2%;font-size: 20px;font-weight: 600;}
.pro-info				{margin-top:2%;}
.pro-info li			{margin-bottom:1%;}
.point-body				{font-size: 15px;margin-top: 2%;}
.all-head				{font-size: 19px;color: #3f3f3f;padding: 0px 0;font-weight: bold;}
.safety-info h4			{font-size: 19px;color: #3f3f3f;padding: 0px 0;font-weight: bold;}
.safety-info p 			{font-size: 17px;text-align: justify;padding: 10px 10px 10px 10px;background: #f5f5f5;margin-bottom: 2%;margin-top: 2%;}
.cont-img				{margin-top: 1%;}
.cont-img1				{margin-top:4%}
.pro-head h2  {text-align: center;margin-top: 0%;background: #e1dede;padding: 10px 0px 10px 0px;color: #000;font-size: 27px;}
.list-out 				{margin-top:4%;}



.sl-wrapper .sl-image .sl-caption {text-align:center;}



@import "lesshat";



.client-logo	{margin-top:2%;margin-bottom:2%;background-image: url("../images/TEstimonials-Background-.jpg");background-repeat: no-repeat; background-size: cover;background-attachment:fixed;}
.title1			{color:#fff;font-size: 2em;margin-top: 10px;}

.bx-wrapper {
  width: 100%;
  border: 0px !important;
  box-shadow: none !important;
  margin-top: 4%;
  background: none !important;
}
.cont-img ol li {
    color: #686868;
    font-size: 15px;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 0 0 10px;
    margin: 0px;
        margin-left: 0px;
    margin-left: 3%;
}
.cont-img p  {font-size: 16px;}
.all-head1 {
    font-size: 19px;
    color: #3f3f3f;
    padding: 0px 0;
    font-weight: bold;
    text-align: center;
	margin-bottom:2%;
}
#process		{border: 1px solid;}
.dilu			{background: #f5f5f5;}
#deceased{
    background-color:#FFF3F5;
	padding-top:10px;
	margin-bottom:10px;
}
.remove_field{
	float:right;	
	cursor:pointer;
	position : absolute;
}
.remove_field:hover{
	text-decoration:none;
}
.panel-title1	{text-align:center;margin-top: 2%;}
.panel-primary > .panel-heading1 {color: #fff;background-color: #ed3237;border-color: #ed3237;padding: 10px 10px 10px 10px;}
.panel-primary {border-color: #ed3237;}
.btn-primary   {color: #fff;background-color: #ed3237;border-color: #ed3237;}
.enquiry-page  {background-image: url("../images/enquiry-bg.jpg");background-repeat: no-repeat; background-size: cover;}
.panel-heading1 p {text-align: center;margin-top: 1%;font-size: 16px;}