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

@import url('https://fonts.googleapis.com/css?family=Gugi|PT+Sans|Roboto+Condensed');
@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
/* font-family: 'PT Sans', sans-serif;
   font-family: 'Gugi', cursive;
   font-family: 'Roboto Condensed', sans-serif;
   font-family: 'Tajawal', sans-serif;
*/
@import url(animate.css);
*, html, body, div, dl, dt, dd, ul,ol,li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
ul{list-style:none}
section, header, projects {padding: 0em 0;}
*,*:before,*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}

.ani *{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

body{font-family: 'PT Sans', sans-serif;  /* font-family:Arial, Helvetica, sans-serif;*/font-size:16px;  margin:0; padding:0; background:#FFF; color:#5c5c5c;}
.cl{clear:both;} .fl{float:left!important;} .fr{float:right!important;} .nd{display:none}
img{border:0;} /*a img{opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;}*/
a{text-decoration:none; color:#505050; -o-transition:color 0.3s ease-out, background 0.3s ease-in; -ms-transition:color 0.3s ease-out, background 0.3s ease-in; -moz-transition:color 0.3s ease-out, background 0.3s ease-in; -webkit-transition:color 0.3s ease-out, background 0.3s ease-in; transition:color 0.3s ease-out, background 0.3s ease-in;} a:hover{color:#000;} 

img, embed, object, video {max-width:100%;}
.tint img{max-width:100%; opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;} 

.bg1{background:#73216d!important; color:#FFF} .bg1 a{color:#FFF} .bg1 a:hover{color:#ab7195}
.bg2{background:#50034a!important; color:#FFF} 
.bg3{background:#f5f5f5!important; color:#333}	.bg1 h3{color: #FFF;}
.bg4{background:#FFF!important;}
.bg5{background:#444444!important; color:#FFF} .bg5 a{color: #FFF;} .bg5 a:hover{color: #a2a2a2;}

.topContact{ padding-top:4px;}
.topContact img{padding:0 5px 0 10px}
.topContact a{color:#FFF} .topContact a:hover{color:#d5ecc8}

#sticker{ position: sticky; top:0px; left:0px; z-index: 999992; }
#sticker.fixed-sticker{ background:#FFF; /*background:url(../images/cov3h.jpg) bottom; transition: all .6s ease-in-out;*/  box-shadow: 0 5px 5px -5px #bebebe;  }
#sticker .logo{padding:10px 0;}
#sticker .logo img{width:250px;}
#sticker.fixed-sticker .logo{ padding:10px 0;}
#sticker.fixed-sticker .logo img{width:200px;}
#sticker .menuMain{margin-top: 10px;}
#sticker.fixed-sticker .menuMain{margin-top: 3px;}

#sticker .topCall{padding: 30px 0 0 20px;}
#sticker.fixed-sticker .topCall{padding: 25px 0 0 20px;}

.topCall{float:right; color:#50034a; font-family: 'Roboto Condensed', sans-serif;  letter-spacing: -1px;}

/*.logo{order:1 }
.menuMain{order:2 ;}
.topCall{order:3 ;}*/

h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family: 'Roboto Condensed', sans-serif; line-height:normal!important;}

h1{font-size:35px; color:#73216d; padding-bottom:30px; font-weight: bold;  text-transform:capitalize; position: relative;}
h1 span{font-size:26px; line-height:15px; line-height: 10px!important; font-weight:normal;}

.heading h1 {display: inline-block;padding-bottom: 5px;position: relative; text-align: center; display: table; margin: 0 auto; margin-bottom:40px}
.heading h1:before{content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left:25%;border-bottom: 2px solid #b083ad;}

.heading.gry h1{color: #6c6c6c;}
.heading.whi h1{color: #FFF;}

h2{padding-bottom: 10px; font-size:20px; font-family: 'Roboto Condensed', sans-serif; width:100%;}
h3{font-size:26px; color:#73216d; margin-bottom:10px;}
h4{font-size:20px; color:#73216d; margin-bottom:10px;}

::selection{background:#333;color:#FFF;}::-moz-selection{background:#333;color:#FFF;}::-webkit-selection{background:#333;color:#FFF;}
.main{max-width:1200px;  margin:0 auto;}
.sub{width:100%;} .two{width:50%; float:left} .three{width:33.333333333%; float:left;} .four{width:25%; float:left} .tint{width:100%; } ptb{ border:0}
.fx{display:flex; flex-wrap:wrap;} 
.topMain{  width:100%; /*background:#FFF; background-color:rgba(255,255,255,0.95); box-shadow: 0 5px 5px -5px #bebebe*/}
.logo{padding:5px 0;}

.hyli{background: #c5a4c3!important; color:#FFFFFF!important; z-index:90; position:relative}
.hyli.homer{color:#FFFFFF!important;}

.cont{line-height:22px;}
.cont.c{text-align:center} .cont.j{text-align:justify}
.cont p{padding-bottom:15px}

.menuMain{padding-top:15px;}

.tint{-webkit-background-size: 100%;  -moz-background-size: 100%;  -o-background-size: 100%; background-size: 100%;
-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;
background: url(../images/cov3.jpg) no-repeat center center fixed;  
}

.tint.non{-webkit-background-size: 100%;  -moz-background-size: 100%;  -o-background-size: 100%; background-size: 100%;
-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;
background:none;  
}
.cov1{background: url(../images/cov1.jpg) no-repeat center center fixed; color: #FFF;}
.cov2{background: url(../images/cov2.jpg) no-repeat center center fixed; color: #FFF;}
.cov4{background: url(../images/cov4.jpg) no-repeat center center fixed; color: #FFF;}
/*.cov4{background: url(../images/cov4.jpg) no-repeat center center fixed;}*/
.cove{-webkit-background-size: 100%;  -moz-background-size: 100%;  -o-background-size: 100%; background-size: 100%;
-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.cove h3{color:#FFF}

.split.hAbt img{vertical-align: bottom; max-width: 450px; align-content: flex-end;}
.treatments img{width:calc(100%);}
.treatments ul{padding: 0; margin: 0;}
.treatments li{display:table; margin: 0px 0 10px 0;  transition: all .6s ease-in-out; border-radius: 20px; padding:4px 10px 4px 4px;}
/*.treatments li:hover{background: #e9e9e9;}*/
.treatments li span{background: #73216d!important; color: #FFF; border-radius: 20px; padding:2px 7px; display:inline-block;}

.tableGrid table, .tableGrid  table td{ border:solid #ccc;}
.tableGrid  table{ width:100%;  border-width: 1px 0 0 1px;}
.tableGrid  table td{padding: 5px; border-width: 0 1px 1px 0;}
.tableGrid  table tr{ transition: all 0.5s ease-in-out;}
.tableGrid  table tr:hover{background-color: #CCC;}

.div2 img{margin-bottom: 20px;}
.icon1{ width: 160px; height: 160px; margin: 0 auto; margin-bottom: 20px; border: 5px solid #d0d0d0; border-radius: 50%; background: #FFF; padding: 20px;  } 
.icon1{border-radius: 50%;}

.moreBtn{ margin-top:10px;}
.moreBtn a{padding:5px 20px;   font-size:14px; line-height:inherit;   border:1px solid #73216d; color:#FFF;background: #73216d; border-radius:30px }
.moreBtn a:hover{color:#FFF; background:#ab7aa7; border:1px solid #ab7aa7}

.faci{padding:20px; font-family: 'Roboto Condensed', sans-serif; font-size:20px ;text-align: center;}
.faci img{max-width: 100px; margin-bottom: 20px; }
.offLar .faci img{max-width: 150px; margin-bottom: 20px; }


.department{text-align: center; display: block; position: relative; padding: 30px; transition: all 0.5s ease-in-out; }
.department{margin:10px;}
.departmentIcon{background:#73216d; margin: 0 auto; margin-bottom: 20px; width: 150px; height:150px; border-radius: 50%; padding: 20px;}
.departmentIcon img{ border-radius: 50%;}
.departmentTitle{font-family: 'Roboto Condensed', sans-serif; font-size:20px ; /*color: #73216d;*/}
.departmentCont{padding: 10px 0;}
/*.department::after {content:"";  opacity: 0.2;top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1; background-color:#FFF    }
.department:nth-child(1)::after{background:url(../images/department1.jpg);background-size: 100%; }
.department:nth-child(2)::after{background:url(../images/department2.jpg);background-size: 100%; }
.department:nth-child(3)::after{background:url(../images/department3.jpg);background-size: 100%; }*/

/*.department.im1,.department.im2, .department.im3, .department.im4 {background-color:rgba(255,255,255,0.5); border-radius:10px}*/
.department.im1::after{background:url(../images/department1.jpg);background-size: 100%; }
.department.im2::after{background:url(../images/department2.jpg);background-size: 100%; }
.department.im3::after{background:url(../images/department3.jpg);background-size: 100%; }
.department.im4::after{background:url(../images/department4.jpg);background-size: 100%; }

.doctor{text-align:center; padding: 20px; }
.doctorPic{ width: 200px; height: 200px; margin: 0 auto; margin-bottom: 20px; border-radius: 50%; }
.doctorPic img{border-radius: 50%;}
.doctorTitle{ font-family: 'Roboto Condensed', sans-serif; font-size: 24px;}
.doctorTitle span{ font-size: 18px;}
.doctor a{color:#FFFFFF}
.doctor a:hover{color:#b5a6b4}

.testimonials{text-align: center;}
.testimonialsPic{border-radius: 50%; width: 200px; height: 200px; margin:0 auto}
.testimonialsPic img{border-radius: 50%;}
.testimonialsCont{padding:20px 0;}
.testimonialsTitle{color: #73216d; font-size:18px; font-weight:bold;}
.testimonialsTitle span{ font-size:16px;}

.packages{background: #FFF; color:#333; margin: 20px;}
.packagesCont{padding: 20px; }
.packagesTitle{color:#73216d; font-family: 'Roboto Condensed', sans-serif; font-size:24px ; margin-bottom: 10px;}
.packagesTitle span{font-size:18px;}
	
.client{ margin: 10px; padding: 10px; border:1px solid #CCC; background:#FFFFFF} 
.client img{ display:table; margin:0 auto}

.appointmentMain{background-color: rgba(255, 255, 255, 0.3); padding: 20px;}
.appointmentSub{display: flex; justify-content:space-between;}
.appointmentSub input{width:calc(50% - 10px)!important}

.appointment input{width:100%; float:left; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 14px 10px; border:#bbbbbb solid 1px; }
.appointment input[type=checkbox]{ width:auto; padding:0px; margin:0 10px 10px 0 ; }
.appointment textarea{width:100%; height:128px; margin:5px 0 15px 0; padding:13px 0 14px 10px; resize: none; resize:vertical; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#5b5a5a; border:#bbbbbb solid 1px;   }
.appointment span.ValidationErrors {display:inline-block;  color:#cf0000; margin-bottom:10px;  font-size:14px; }
.captcha label{float:left;margin-bottom: 20px;font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px; }
.captcha input[type="text"]{float:left; height:38px; width:100px; padding:8px 5px;font-size: 15px;  text-align:center; border:#d6d4d1 solid 1px;cursor: pointer;}
.appointment input[type=submit]{ float:left; width:100px; background:#73216d; color:#FFF; padding:10px 0px; display:block; margin-left:0px;  border:0; cursor:pointer; }
.appointment input[type=submit][disabled=disabled],button[disabled=disabled], .appointment input[type=submit]:disabled,button:disabled {background:#ffed00; color:#ccc129;}
.appointment select{width:100%; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 13px 10px; border:#bbbbbb solid 1px;   }
.reserve1sub{padding:0 10px 0 0px}

.why{padding:20px;font-family: 'Roboto Condensed', sans-serif; font-size:20px ;text-align: center;}
.whyHead{font-size: 60px; color: #000; font-weight: bold;}
.whyDis{color: #616161; font-size:24px}
.why img{max-width: 80px; margin-bottom: 20px; }

.footer{padding:10px;}
.footer iframe{width:calc(100%);}
.footer h2{padding-bottom: 20px; font-size:18px; color:#FFF}
.footeSub{padding:5px;} .footeSub strong{width:calc(100px); display:inline-block}
/*.footer ul{}.footer li{}*/

.footeSub a{color:#FFF;}
.footer li a{width:100%; border-bottom:1px dotted #ab7195; color:#FFF; display:block; padding:5px 0;}
.footer li a:hover{ color:#ab7195}

.copy a{color:#999}
.copy a:hover{color:#FFF}

.values{margin-bottom:30px;}
.values:last-child{margin-bottom:0px;}
.valuesTitle{ font-size: 22px; color: #000; font-family: 'Roboto Condensed', sans-serif; text-align: center; }
.values .icon1{ width: 100px; height: 100px; padding: 10px; }

.list { margin-top:0px;} .list ul{list-style:none} 
.list li{display:block; padding: 2px 0px 3px 20px; margin:0px 0; vertical-align:middle;}
.list li:before{content: ""; position: absolute; width:10px; height:10px; margin:7px 0 0 -20px;  background:#73216d; border-radius: 50%;}

.map iframe{height:250px;}
.contactus{font-size:20px; padding:0px 0;}
.contactus i{color:#999; display:inline-block; width:30px  }
.contactus strong{ width:100px; display:inline-block; }
.contactusSub{display:block; padding:5px 10px;}

.reserveForm1 {}
.reserveForm1 input{width:100%; float:left; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 14px 10px; border:#bbbbbb solid 1px; }
.reserveForm1 input[type=checkbox]{ width:auto; padding:0px; margin:0 10px 10px 0 ; }
.reserveForm1 textarea{width:100%; height:128px; margin:5px 0 15px 0; padding:13px 0 14px 10px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#5b5a5a; border:#bbbbbb solid 1px;   }
.reserveForm1 span.ValidationErrors {display:inline-block;  color:#cf0000; margin-bottom:10px;  font-size:14px; }
.captcha label{float:left;margin-bottom: 20px;font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px; }
.captcha input[type="text"]{float:left; height:38px; width:100px; padding:8px 5px;font-size: 15px;  text-align:center; border:#d6d4d1 solid 1px;cursor: pointer;}
.reserveForm1 input[type=submit]{ float:left; width:100px; background:#73216d; color:#FFF; padding:10px 0px; display:block; margin-left:10px;  border:0; cursor:pointer; }
.reserveForm1 input[type=submit][disabled=disabled],button[disabled=disabled], .reserveForm1 input[type=submit]:disabled,button:disabled {background:#d5bcd3; color:#FFF;}
.reserveForm1 select{width:100%; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 13px 10px; border:#bbbbbb solid 1px;   }
.reserve1sub{padding:0 10px 0 0px}
.reserveForm1 .sub{}

.reserveForm1 .sub:nth-child(2), .reserveForm1 .sub2:nth-child(2) {position:fixed!important; top:-1000px!important;  left:-3000px!important; }

.topLSocial i{color:#FFFFFF; padding:0 5px;}
.lang{font-size:14px} .lang a:hover img{opacity:0.7;} .lang img{margin: 0 1px 0 5px;}

.cont.picMach{}
.cont.picMach img{ max-width: 150px; float: left; padding: 0 20px 20px 0;}

.timesMain{ display:flex; flex-wrap:wrap; margin-bottom:10px; }
.times{ text-align:center; background:#c5a4c3; color:#000; padding:5px; margin:2px; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase}
.times span{color:#FFF; font-weight:bold}

.times.dn{display:none}

@media only screen and (min-width:240px){/* Mob V*/.isMov{display:block} .noMov{display:none} .main{padding-left:20px; padding-right:20px;} .ptb{padding:30px 0;}
	.topSocial, .topContact, .lang{display:table; margin:0 auto;}
	.topLSocial{display:none;}
	.logo{float:left;  font-size: 20px;}
	.topCall{position: absolute; right: 30px; top:-20px; }
	.leftMain, .rightMain{width:calc(100%); padding:0px 0 20px 0}
	.menuMain{position:absolute; right:0px;}
	.topRight {float:right;}
	.topMain{top:0; /*position:absolute; */  z-index:100;/**/}
	.split, /*.doctor,*/ .div2, .values, .treatments{width:calc(100%);}
	.faci, .why{width:calc(50%);}
	.div2:first-child{margin-bottom: 30px;}
	.treatments img{ margin-bottom: 20px;}
	.packages.pa4{width:calc(100%); }
	.client{width:calc(100% - 22px);}
}
@media only screen and (min-width:320px){} 
@media only screen and (min-width: 480px){ /* Mob H*/.isMoh{display:block} .noMoh{display:none}}
@media only screen and (min-width: 768px){ /* Tab V*/.isTav{display:block} .noTav{display:none}
	.logo, .topContact, .copy, .topLSocial{float:left;}
	.menuMain, .topRight, .topSocial, .lang{float:right;}
	.topLSocial{display: block;}
	.topMain{ position:sticky; z-index:100; top:0; }
	.topRight{margin-top:10px;}
	.menuMain{position:relative;}
	.split{width:calc(50%);}
	.treatments{width:calc(50% - 20px);}
	.split.hAbt:first-child, .treatments.mir:first-child{order: 2;}
	.split.hAbt:last-child,  .treatments.mir:last-child{order: 1;}
	.faci, /*.doctor,*/ .why{width:calc(25%);}
	.packages{width:calc(33.333333333% - 40px); }
	.packages.pa4{width:calc(50% - 40px); }
	.footer{width:calc(50%); float:left}
	.div2{width:calc(50% - 20px);}
	.div2:first-child{margin-bottom: 0px;}
	.values{width:calc(33.3333333% - 20px);}
	.hyli{border-radius: 20px;}
	.treatments img{ margin-bottom: 0px;}
	/*.treatments.sikImg{position: sticky; top: 100px; height: 500px;}*/
	.reserveForm1 .sub{width:33.333%; float:left}
	.reserveForm1 .sub2{width:50%; float:left}
	.client{width:calc(50% - 22px);}
	.aboutCont{width:calc(30%);}
	.aboutPic{width:calc(70% - 30px);}
}
@media only screen and (min-width: 992px){/* Tab H*/.isTah{display:block} .noTah{display:none}
	.topRight, .topSocial{float:right;}
	.topCall{position:relative;  font-size: 28px; top: 0; right: 0; font-weight: bold;}
	.footer{width:calc(29%);}
	.footer.s{width:calc(13%);}
	.packages.pa4{width:calc(25% - 40px); }
	.leftMain, .rightMain{width:calc(50%); padding:20px;}
	.client{width:calc(25% - 22px);}
}
@media only screen and (min-width: 1200px){/*Desktop*/.isDec{display:block} .noDec{display:none} .main{padding-left:0px; padding-right:0px;} .ptb{padding:60px 0; }}