@font-face {
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  body{
	font-family: 'Titillium Web';
  
  }
  
  
  .clear{
  clear:both;
  }
  .head-page{/* padding-top:10px; */}
  header{background-color:#4bbdcf;padding: 10px 0px 25px 0px;}
  
  .border-right-menu{
  border-right:1px solid #fff;
  }
  .float-left-menu{
  float:left;
  
  }
  .float-right-menu{
  float:right;
  }
  
  .btn-language{background-color:transparent;color: #fff;padding: 4px;}
  .ul-language{
	  min-width:100px;
  }
  .ul-language ul{
  padding:0px 5px;
  margin:0px;
  }
  .ul-language ul li{
	  list-style:none;
	  }
	  .ul-language ul li a{
		  color:#333;
	  }
	  
	  .login-div{
  
	  color:#fff;
	  }
	  
	  .login-div a{
			  color:#fff;
			  font-size: .875rem;
			  padding: 4px 10px;
			  display:block;
	  }
	  
	  .border-left-menu{
	  border-right:1px solid #fff;
	  }
	  
	  .logo-company{
	  }
	  
	  h1{
	  font-size: 20px;
	  color:#fff;
	  margin-top:10px;
	  border-left:1px solid #fff;
	  margin-left: 24px;
	  padding:5px;
	  }
	  
	  .phone-icon{
	  position:absolute;
	  color:#fff;
	  font-size: 36px;
	  left: -5px;
	  top: 4px;
	  }
	  
	  .call-now{
	  padding-left: 40px;
	  color:#fff;
	  }
		  .call-now p{
		  font-size:18px;
		  margin-bottom:0px;	
		  }
		  
		  .cart-div{
		  background-color:#fff;
		  padding: 8px 10px;
		  margin-left:50px;
		  min-width: 80px;
		  text-align: center;
		  box-shadow: 0px 0px 5px #2e8998;
		  }
		  .div-content-cart{
		  display:inline;
		  margin:0 auto;
		  }
		  
		  .circle-icon{
		  background-color: #ff525f;
		  /* padding: 0px; */
		  width: 23px;
		  height: 23px;
		  border-radius:50%;
		  color:#fff;
		  position:absolute;
		  right: -15px;
		  top: -5px;
		  }
		  
		  .circle-site{
		  background-image:url(../images/Repeat%20Grid%201.png);
		  background-repeat:repeat-x;
		  width:100%;
		  height: 6px;
		  position:absolute;
		  bottom:0px;
		  left:0px;
		  }
		  
		  .icon-home{
		  padding-top: 17px;
		  color:#fff;
		  background-color: #212121;
		  position:absolute;
		  width: 47px;
		  height: 54px;
		  font-size: 20px;
		  text-align:center;
		  display: block;
		  border-radius: 5px 0px 0px 5px;
		  color:#fff;
		  }
		  .icon-home:hover{
		  color:#fff;
		  }
		  
		  
		  
		  
		  
  /*		.....................search............*/
  
  .back-dash{
	  /* background-color: #1976d2; */
  }
  .h3-activity{font-size: 15px;text-shadow: 0px 0px 2px #000;color:#fff;margin:0px;padding: 7px 8px 7px 47px;background-color: #4bbdcf;border-radius: 33px 10px 30px 27px;}
  .h3-activity:lang(ar){
	  padding-right:12px;
	  padding-left:50px;
  
  
  }
  .head-accordion{
	  cursor:pointer;
	  
  }
  .card-item{
  margin-bottom:20px;
  }
  
  .icon-accordion {
	  text-align: center;
	  position: absolute;
	  padding-top: 12px;
	  height: 40px;
	  left: 0px;
	  color: #fff;
	  top: -2px;
	  width: 40px;
	  font-size: 15px;
	  border-radius: 50%;
	  background-color: #575756;
	  border: 1px solid #323232;
	 }
  .icon-accordion:lang(ar) {
  left:0px;
  right:auto;
  }
  .head-accordion{padding:0px;border: none;}
  
  .card-item{
  border:none;
  }
  
  
  
  
  
  
  /*.................footer...............*/
  
  footer{
  color:#fff;
  background-color: #4bbdcf;
  padding:40px 0px;
  position:relative;
  }
  
  
  footer h4{
  font-size:20px;
  }
  
  footer h3{
	  font-size:18px;
	  font-weight:bold;
  }
  
  .subscribe{padding-right: 88px;}
  
  .subscribe-input{
  border-radius:0px;
  }
  
  .btn-subscribe{
  position:absolute;
  right:0px;
  background-color: #575756;
  color:#fff;
  position:absolute;
  right:0px;
  top:0px;
  padding: .425rem .75rem;
  font-size: 1rem;
  border:0px;
  }
  
  
  .line-footer{
  height:1px;
  background-color:#fff;
  margin:20px 0px;
  }
  
  .footer-ul{
  padding:0px;
  margin:0px;
  }
  
  .footer-ul li{
  list-style:none;
  }
  .footer-ul li a{
  color:#fff;
  }
  
  .last-footer{
  background-color:#3398A8;
  padding:20px 0px;
  color:#fff;
  }
  
  .circle-footer{
	  background-image: url(../images/footer-circle.png);
	  background-repeat: repeat-x;
	  width: 100%;
	  height: 6px;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  transform: rotate(180deg);
  }
  
  
  
  
  
  
  
  
  .main-details-search{
	  margin-bottom:10px;
	  position:relative;
	  border-radius: 15px;
	  padding:10px;
	  /* width: 300px; */
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ffffff+100 */
	  background: #ffffff; /* Old browsers */
	  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ffffff 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	  border: 2px solid #eee;
	  box-shadow: 1px 2px 6px #eee;
  }
  
  .h6-search{
	  font-weight:bold;
	  font-size:14px;
	  color:#676767;
  }
  
  .item-search-main{
	  margin-bottom: 10px;
  }
  /*......................check box................*/
  
  
  .checkbox > input[type=checkbox] {
	  visibility: hidden;
  }
  
  .checkbox {position: relative;display: block;width: 60px;height: 27px;margin:0px;float: right;margin-top: -5px;}
  
  .checkbox label {
	  position: absolute;
	  display: block;
	  top: 0px;
	  left: 0px;
	  width: 57px;
	  height: 24px;
	  cursor: pointer;
	  transition: all 0.5s linear;
	  -webkit-transition: all 0.5s linear;
	  -moz-transition: all 0.5s linear;
	  z-index: 1;
	  background-image:url(../images/approve6.png);
	  background-position:right center;
	  border: 1px solid #b9b9b9;
	  border-radius: 40px;
  
  
  }
  
  .checkbox input[type=checkbox]:checked + label {
	  background-position:left center;
  }
  
  
  .btn-search{
	  background-color: #4bbdcf;
	  color:#fff;
	  margin-bottom: 20px;
  }

  .btn-small-menu{
	border: none;
	background-color: transparent;
	padding: 5px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	display: none;
  }
  
  .btn-search-filter{
  display:none;
  width:100%;
  background-color: #4bbdcf;
  padding: 10px;
  color: #fff;
  margin-bottom: 20px;
  }
  .right-pic{
  text-align:right;
  }
  
  /*...............................social icon ..................*/

.social-wrap {padding:0px; float:right;}
.social-wrap:lang(ar){float:left;}
.social-wrap ul{margin-bottom:0px;margin: 0px;padding: 0px;}
.social-wrap ul li{
list-style:none;
border-bottom:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:inline-block;
}
.social-wrap li a {border-radius: 3px;margin:0px 0px 0px 5px;padding:0px 0px 0px 0px;width:30px;height:30px;display:block;background: #191919;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
.social-wrap li a.facebook {
background: #fff url(../images/facebook.png) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.facebook:hover {
background: #191919 url(../images/facebook.png) no-repeat -0px -0px;
}
.social-wrap li a.twitter-social {
background: #fff url(../images/twitter-1.png) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.twitter-social:hover {
background: #191919 url(../images/twitter-1.png) no-repeat -0px -0px;
}
.social-wrap li a.google-p {
background:#fff url(../images/google.png) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.google-p:hover {
background: #191919 url(../images/google.png) no-repeat -0px -0px;
}


.social-wrap li a.rss {
background:#fff url(../images/rss.png) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.rss:hover {
background: #191919 url(../images/rss.png) no-repeat -0px -0px;
}


.social-wrap li a.youtube-social{
background:#fff url(../images/youtube.png) no-repeat -0px -45px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.youtube-social:hover {
background: #191919 url(../images/youtube.png) no-repeat -0px -0px;
}


.p-contact{font-size:20px;margin:20px auto;color:#4bbdcf;max-width:500px;margin-bottom: 70px;}

.contact-icon{padding: 15px;border-radius:50%;border: 5px solid #3bb1c4;color: #3bb1c4;font-size:40px;width: 80px;height: 80px;}

.h3-contact{margin: 10px 0px;font-size: 25px;}

.p-contact-desc{
font-size:20px;
}

.h2-contact{
margin-top:40px;
}


.input-control{
	padding: 12px;
	border-radius:5px;
	border: 1px #a9a9a9 solid;
	width:100%;
	outline:none;
	margin-bottom:20px;
	color: #333;
}
.btn-message{
	background-color: #4bbdcf;
	box-shadow: 4px 1px 2px #b7b7b7;
	color:#fff;
	border: 1px solid #2f7884;
	padding: 10px;
	min-width:100px;
	transition:1s;
	cursor: pointer;
	border-radius: 5px;
}
.btn-message:hover{
	border-radius:15px;
}

.img-conatct{
max-width:300px;
}

.p-about{
margin-top:20px;
font-size:20px;
}
.album-name{/* display:block; */margin-bottom:20px;display: inline-block;font-size: 0;width: 100%;border: 10px solid #e9e6e6;/* border-bottom: none; */background: #fff;padding: 10px;height: 200px;/* background-clip: padding-box; */border-radius: 10px;}
.album-img{width:100%;height: 100%;border-radius:10px;}

.h4-album{position:absolute;right: 10px;background-color:#000;font-size:18px;color:#fff;bottom: 22px;padding:5px;}




/*................paging.............*/
	
.page_navigation a, .alt_page_navigation a{
	padding: 5px 10px;
	margin:2px;
	color: black;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color: #ffffff;
	/* border: 1px solid #d0d0d0; */
	margin-bottom: 10px;
	border-radius: 5px;
}
.page_navigation a:lang(ar), .alt_page_navigation a:lang(ar){
	float: right;

}
.active_page{
	background-color:white !important;
	color:black !important;
}	
.content li{
list-style:none;

}
.clear{

	clear:both;
}
.active_page{
	background-color: #4bbdcf !important;
	color:#fff !important;
}

.content{

margin:0px;
padding:0px;}


.h3-product{
font-size:25px;
}

.h3-more-dec{
font-size:25px;
padding-bottom:10px;
border-bottom:1px solid #333;
display:inline-block;

}
.h4-price{
font-size:18px;
font-weight:bold;
}
.p-more-describtion{
font-size:18px;
}
.catgory{
padding-left:60px;
margin-bottom:20px;
    border-bottom: 1px solid #d9d9d9;

}
.search-icon{font-size:40px;position: absolute;left: 0px;color: #3bb1c4;}

.catgory h3{font-size: 18px;font-weight: bold;margin-bottom: 0px;}

.catgory p{font-size: 14px;}


.input-number{
margin-top:5px;
}
.input-number button{
z-index:1 !important;
}

.color-orange{
color:#E27305;
}


.cart-list{position:fixed;right:0px;top:20%;background-color:#FFF;box-shadow: 0px 0px 3px #bfafaf;color:#333;/* width:40px; */text-align:center;font-size: 30px;padding: 10px;}

.cart-list:hover{
	color: #4bbdcf;
}

.circle-number{
    background-color: #ff525f;
    padding-top: 1px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: -6px;
    top: -9px;
    font-size: 14px;
}

.input-billing{border-radius:20px;padding:10px;height: auto !important;}

.border-billing{/* border-radius:10px; */border: 1px solid #e3e3e3;padding: 30px;}

.padding-modal{
	padding:20px;
	/* color:#fff; */
	font-size: 16px;
}
.modal-button{
	
padding:0px 0px 20px 0px;	
}
.modal-content{
	border-radius:0px;
}
.icon-pop{
	/* padding:20px; */
	color: #eaeaea !important;
	text-shadow: 0px 0px 4px #000;
	font-size: 20px;
	width: 80px;
	height: 80px;
	text-align: center;
	/* line-height: 42px; */
	display: block;
	border-radius: 50%;
	vertical-align: middle;
	padding-top: 25px;
	margin: -27px auto 0px auto;
	border: 3px solid #e27305;
	box-shadow: 1px 1px 5px #000;
	background-color: #efa510;
}

.back-dark-blue{
	    background-color: #4bbdcf;
		color:#fff;

}

.btn-Continue{background-color: #4bbdcf;color:#fff;margin:20px 0px;border-radius: 20px;min-width: 120px;}
.ul-user ul{
margin:0px;
padding:10px;
}

.ul-user li{
border-bottom:1px solid #CCC;
list-style:none;
}

.ul-user ul li i{
width:25px;
}

.ul-user ul li a:hover{
color:#E27305;
}



/*.....................admin......................*/

.big-back{
	padding:70px 20px;
	background-image: url(../images/body-pattern2.png);
    background-color: #eee;
}
.big-content{
}

.menu-admin{
	background-color: #3bb1c4;
	border-radius:15px;
	padding:20px;
	margin-bottom: 40px;
	margin-top: 61px;
}


.profil-pic{
	border-radius:50%;
	width: 100px;
	height: 100px;
	border:5px solid #fff;
	margin-top: -86px;
}

.menu-items{
	list-style:none;
	margin:0px;
	padding:0px;
		margin-top:20px;

}
.menu-items li{
	margin-top: 40px;
	font-size:18px;
}

.menu-items li a{
color:#fff;
}
.active-menu{
	font-weight: bold;
	color: #ffffff;
	/* text-shadow: 1px 1px 1px #000; */
}


.active-menu:hover{
	color: #ffffff;
}
.white-back{
	width: 50px;
	height: 50px;
	background-color: rgba(255,255,255,.3);
	display:  inline-block;
	text-align: center;
	padding: 14px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 22px;
	text-shadow: 1px 1px 2px #000;
}
.head-title{
	color:#fff;
	font-size: 21px;
	padding:  0px;
	margin: 0px;
	margin-left: 36px;
}
.btn-1{
	color:#fff;
	margin-top:20px;
}


.line-acc{
	height:2px;
	background-color:#CCC;
	margin-bottom:20px;
}

.edite-icon {
    position: absolute;
    background-color: #4b91c9;
    color: #fff;
    padding: 7px;
    text-shadow: 2px 2px 2px #7b7b7b;
    border-radius: 50%;
    /* right: 20px; */
    width: 26px;
    top: 0px;
    font-size: 12;
    border: 0px;
    outline: none;
    cursor: pointer;
}

.wrong-input{box-shadow: 0px 0px 10px rgba(255,0,0,.4);}





 /*	  ...................search..........*/

.main-search-inner{
	border-radius: 18px;
	border: 7px solid #eee;
	/* padding: 7px 5px; */
	background-color:#fff;
	box-shadow: 5px 4px 2px #b7b3b3;
	margin-bottom: 40px;
}

.select-search{
	border:none;
	width:100%;
	padding: 2px 0px;
	/* font-weight:bold; */
	outline:none;
	background-color: transparent;
	/*	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;*/
}

.select-search::placeholder{
	color:#CCC;
	font-weight:lighter;
}

.medical-center{
	border:none;

	padding: 5px 35px 5px 8px;

	width:100%;
	background-color:transparent;
	font-size: 14px;
}
.item-search{
	width: 44%;
	float:left;
	padding: 2px 5px;
	border-right: 10px solid transparent;
	border-image: url(../images/border.png) 30 stretch;
}

.last-item{
	border-right:none;
}
.search-border{
	border-right:2px solid #eee;
}

.search-by{
	color:#333;
	/* font-weight:bold; */
	font-size: 14px;
}
.item-1{
	background-repeat:no-repeat;
	background-position:right top;
}

.item-2{
	background-repeat:no-repeat;
	background-position:right top;
}

.item-3{
	background-repeat:no-repeat;
	background-position:right top;
}

.item-4{
	background-repeat:no-repeat;
	background-position:right top;

}

.item-search-button{
	float:right;
	width:12%;

}
.btn-search-result{
	border-radius:0px 5px 5px 0px;
	color:#fff;
	border: none;
	width: 100%;
	height: 57px;
	cursor:pointer;
	transition:.3s;
	background-color: #60a7dd;
}
.btn-search-result:hover{
	font-size:22px;
}
.main-result{

	border-radius: 14px;

	padding:20px;


	border: 10px solid #eee;

	box-shadow: 2px 2px 2px #b3b3b3;
	margin-bottom:20px;
}





.item-search-2{
	width: 29%;
	float:left;
	padding: 2px 5px;
	border-right: 10px solid transparent;
	border-image: url(../images/border.png) 30 stretch;
}




/*.........branch..........*/

.big-item-branch{padding:20px;box-shadow: 0px 0px 10px #d5d4d4;border-radius: 10px;margin-bottom: 30px;}

.branch-name{font-size:16px;/* margin-bottom: 12px; */padding: 6px 0px;}



.btn-message-pop{border: 1px solid #0e58ab;color: #fff;/* padding:5px; */border-radius:5px;text-transform: uppercase;background-color: #2a6ab2;font-size: 14px;}



/*........................contact form...................*/
.input-pop {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
    padding: 10px 0px;
    outline: none;
    margin-bottom: 20px;
    font-size: 14px;
}

.button-contact {
    position: fixed;
    bottom: 20px;
    left: 20px;
    color: white;
    font-weight: bold;
    padding: 2px 5px;
    z-index: 5;
    background-color: #585858;
    padding: 10px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 28px;
    text-align: center;
    text-shadow: 0px 0px 4px #000;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
}

.btn-conatct{
	min-width:130px;
	padding:5px;
	background-color:#333;
	color:#fff;
	border:none;
}
.padding-contact-pop-up{
	padding: 30px 20px;
}
.img-pop-2{
	background-image:url(../images/patient-pop-img.jpg);
	background-position:center center;
}




.img-2{
	display:none;
}

.head-padding{
	height:190px;
}

.btn-close-pop{border-radius:50%;width:40px;height:40px;text-align:center;color:#fff;border:none;right: -19px;top: -14px;position:absolute; background-color:#333;transition:.5s; cursor:pointer}
.btn-close-pop:lang(ar){
left: -19px;
right:auto;
}
.btn-close-pop:hover{
background-color:#e60000;

}

.modal-width {
    max-width: 700px;
}
.padding-contact-pop-up h3{
font-size:20px;
}





.album-name{/* display:block; */margin-bottom:20px;display: inline-block;font-size: 0;width: 100%;border: 10px solid #e9e6e6;/* border-bottom: none; */background: #fff;padding: 10px;height: 265px;/* background-clip: padding-box; */border-radius: 29px;}
.album-img{width:100%;height: 100%;border-radius:10px;}

.h4-album{position:absolute;right: 10px;background-color:#000;font-size:18px;color:#fff;bottom: 22px;padding:5px;border-radius: 5px 0px 0px 5px;}


.content li {
list-style:none;
}