/* CSS Document by Palakshi Dam -Krishna Tech */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@font-face {
    font-family: 'Rupee Foradian';
    src: url('font/Rupee_Foradian.ttf');
    font-weight: bold;
    font-style: normal;
}


body{font-family: 'Source Sans Pro', sans-serif; margin:0}
#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:80%; height:auto; margin:0 auto;}
#main-inner2{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner4{width:80%; height:auto; margin:0 auto; overflow:hidden}

#header_bac{background:#F7F7F7}
#header{width:100%; height:auto; float:left}
#header .logo{width:18%; height:auto; float:left}
#header .logo img{width:100%; height:auto; float:left}
#header .ph{width:80%; height:auto; float:left; margin:0 0 0 2%}
#header .ph p{width:auto; float:right; background:url('images/mob.png') #333333 left center no-repeat; color:white; margin:0; padding:1% 4% 1% 5%; border-radius:0 0 10px 10px; font-size:large}
#header .ph p span{color:#FFC000}

#slider{width:100%; height:auto; float:left}

#services{width:100%; height:auto; float:left; margin:2% 0 5% 0}
#services h2{text-align:center; font-family: 'Satisfy', cursive; font-size: xx-large; font-style:italic; color:#666666; margin:0}
#services h1{text-align:center; color:#982465; margin:0 0 2% 0}
#services .con{width:16%; height:auto; float:left; margin:1%; padding:1%}
#services .con img{width:40%; height:auto; float:left; margin:1% 30%}
#services h3{text-align:center; font-family: 'Satisfy', cursive; font-style:italic; color:#666666; margin:0}
#services .con span{width:20%; height:auto; float:left; margin:3% 40% 1% 40%; padding:1% 0; background:#C8C7C8}
#services .view{border-radius:50px; background:#5A1541; color:white; width:16%; height:auto; float:left; margin:1% 42% 1% 42%; text-align:center; padding:1%; text-decoration:none; transition:0.5s}
#services .view:hover{background:#8B2165}

#two{width:100%; height:auto; float:left; background:#6E2F53;}
#two .left{width:46%; height:380px; float:left; padding:2%; background:#2D1121; color:#DBDBDB}
#two .left h1{ margin-bottom:1%}
#two .left h3{padding:0; margin:0 0 2% 0; font-weight:normal; font-style:italic;}
#two .left p{width:100%; height:auto; float:left; margin:0.4% 0; line-height:170%}
#two .left a{color:#D449A0; text-decoration:none;}
#two .right{width:50%; height:380px; float:right; background:#6E2F53; color:white}
#two .right .con{width:40%; height:auto; float:left; margin:2% 5%}
#two .right .con img{width:18%; height:auto; float:left; margin:1% 41% 2% 41%}
#two .right .con h2{text-align:center; margin:0}
#two .right .con p{text-align:center; color:#EDECED; font-size:14px}

.testimonial_bac{background:#EEEEEE}
#testimonial{width:100%; height:auto; float: left; margin-bottom:2%}
#testimonial h1{color:#5a1541; text-align:center; margin-bottom:0;}
#testimonial b{width:10%; height:auto; float: left; margin:1% 45%; border-bottom:3px solid #a10267;}

.head_back{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
.head{width:100%; float:left; margin:4% 0 0% 0; padding:0; font-size:50px; color: #6E2F53; font-family: 'Satisfy', cursive; text-align:center;}
.head_span{width:20%; height:3px; float:left; margin:0 40%; padding:0 1%; background:#CCCCCC;}

.appointment_bac{background:url('images/banner1.jpg') no-repeat left fixed; background-size:cover; height: auto}
#appointment{width:100%; height:auto; float:left; padding:5% 0} 
#appointment h1{color:white; font-family: 'Satisfy', cursive; padding:1% 1% 0 1%; margin-bottom:2%; font-size:70px; width:98%; height:auto; float: left}
#appointment a{padding:1% 2%; font-size:large; background:#AC2D7F; color:white; border-radius:10px; float:left; margin:0 0 5% 1%; text-decoration:none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); transition:0.5s}
#appointment a:hover{background:#C43791}

.footer_bac{background:#333333}
#footer{width:100%; height:auto; float:left}
#footer .left{width:60%; float:left;}
#footer .left a{color:#EBEAEA; float:left; padding:2% 1%; text-decoration:none; transition:0.5s}
#footer .left a:hover{color:#D04298}
#footer .right{width:40%; float:right;}
#footer .right a{border: #4c4c4c 2px solid; margin:2% 0.5%; float:right; width:20px; height:20px; padding:1%; background:#FFFFFF; border-radius:50px; transition:0.5s}
#footer .right a:hover{border:#B80000 2px solid}
#footer .right .img{width:90%; height:auto; float:left; margin:5%; transition:0.5s}
#footer .right .img:hover{opacity:0.70}
#footer .low{width:100%; height:auto; float:left; border-top:1px #585858 solid; padding-top:0.5%}
#footer .low p{float:left; color:white; font-size:small; margin:0.5% 0}
#footer .low .p{float:right}
#footer .low p a{color:#DBDBDB; text-decoration:none; transition:0.5s}
#footer .low a:hover{color:#D04298}

.banner_bac{background: url(images/banner.jpg) no-repeat left fixed; background-size:cover; height: auto}
#banner{width:100%; height:auto; float:left; margin:2% 0}
#banner h1{text-align:left; float:left; color:#FFFFFF; padding:2% 0 3% 0; font-family: 'Satisfy', cursive;}
#banner .right{width:auto; float:right; padding:4% 0}
#banner a{text-align:right; color:#ffc0a4; font-size: medium; text-decoration:none; transition:0.5s}
#banner a:hover{color:#CCCCCC}
#banner strong{visibility:visible;}
#banner span{color: white; font-size: medium; text-align:right;}

#static{width:100%; height:auto; float:left; padding:3% 0}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{text-align:justify; line-height:150%; color:#333333; font-size:14px}
#static span{font-size:14px; color:#333333;}
#static ul li{font-size: 14px; color:#333333; list-style:none; margin:0.5% 0 0.5% -2%; width:102%; height:auto; float:left;}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}

#appointment{width:100%; height:auto; float:left; padding:3% 0}

#book_appointment{width:80%; height:auto; float:left; padding:3% 10%}

.container {
  float:left;
  padding:2%;
  width: 35%;
  margin-right:2%
}
.container .con{
	width:100%; 
	height:auto; 
	float:left; 
	margin:3% 1%; 
	padding:0;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);

}
.container h3 {
  color: #191919;
  text-align:center; 
  font-weight: bold;
  width:100%; 
  height:auto; 
  float:left;
  padding:1% 0 16% 0;
  font-size:xx-large
}
panel-content{
	width:100%; 
	height:auto; 
	float:left; 
	margin:0;
	}
.container h4{width:96%; float:left; margin:0; text-decoration:none; color:red; padding:2%; background:white; transition:0.5s}	
.container .a{width:96%; float:left; margin:0; text-decoration:none; color:red; padding:2%; background:white; font-family: 'Rupee Foradian'; font-size: small; transition:0.5s}
.container .a:last-child{border-bottom:none}
.container .a:hover{color:#3F9FAA}
.container .a span{font-family: 'Source Sans Pro', sans-serif; color: #333333; font-size:small;}
.container .a b{color: red; font-size:small;}

.container .intro {
  font-size: 1.25em;
}
.container .js .panel-title {
  margin: 0;
}
.container .panel-title a {
  border-bottom: none;
  color: #CCCCCC;
  display: block;
  padding:5px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;
  letter-spacing:1px
}
.container .panel-title a .icon {
  color: #FFC000;
  position: absolute;
  right: 2%;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.container .panel-title a:hover,
.container .panel-title a:focus {
  color: white;
}
.container .panel-title a:hover .icon,
.container .panel-title a:focus .icon {
  color: #ECC140;
}
.container .panel-title a.active {
  color: white;
}
.container .panel-title a.active .icon {
  color: #ECC140;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container .js .accordion {
  margin: 2em 0;
}
.container .accordion .panel-title a {
}
.container [id^="panel-"] {
  padding-bottom: 2em;
}
.container .backg{background:url('images/1.jpg') left top no-repeat}
.container .backg2{background:url('images/2.jpg') left top no-repeat}
.container .backg3{background:url('images/3.jpg') left top no-repeat}
.container .backg4{background:url('images/4.jpg') left top no-repeat}
.container .backg6{background:url('images/6.jpg') left top no-repeat}
.container .backg5{background:url('images/5.jpg') left top no-repeat}
.container .backg7{background:url('images/7.jpg') left top no-repeat}


.form{width:57%; height:auto; float:left; margin-left:2%}
.form h2{background:url('images/icon10.png') left center no-repeat; padding:2% 0 2% 10%; border-bottom:1px #C0C0C0 solid }
.form .box{width:95%; height:auto; float:left; margin:1.5% 1%; padding:1.7% 1%; border:1px #C0C0C0 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#333333; transition:0.5s}
.form .box:hover{border:1px #791B50 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);}
.form .box:focus{border:1px #791B50 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);}
.form .box1{width:97.4%; height:auto; float:left; margin:1.5% 1%; padding:1.7% 1%; border:1px #C0C0C0 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#333333; transition:0.5s}
.form .box1:hover{border:1px #791B50 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);}
.form .box1:focus{border:1px #791B50 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);}
.form p{color:#333333; margin:2% 0}
.form p a{text-decoration:none; color:#D24DA1;}
.form .submit{background:#5A1541; color:white; float:right; border-radius:20px; border:none; font-family: 'Source Sans Pro', sans-serif; padding:2%; font-size:medium; cursor:pointer; transition:0.5s}
.form .submit:hover{background:#A10267}






.container1 {
  float:left;
  padding:2%;
  width: 96%;
}
.container1 h3 {
width:97%; height:auto; float: left;
  color:#C93737;
  text-align: left; 
  font-weight: 500;
  background:url(images/question.png) left top no-repeat;
  padding-left:3%;
  border-bottom: #CCCCCC 1px solid
}
.container1 .panel-content{
	width:100%; 
	height:auto; 
	float:left; 
	margin:0;
	}
.container1 a {
  border-bottom: 1px solid #ec407a;
  color: #607d8b;
  text-decoration: none;
}
.container1 a:hover,
.container1 a:focus {
  color: #ec407a;
  border-bottom: none;
}
.container1 .intro {
  font-size: 1.25em;
}
.container1 .js .panel-title {
  margin: 0;
}
.container1 .panel-title a {
  border-bottom: none;
  color:#C93737;
  display: block;
  padding:5px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;
}
.container1 .panel-title a .icon {
  color: #9e9e9e;
  position: absolute;
  right: 0;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.container1 .panel-title a:hover,
.container1 .panel-title a:focus {
  color: #0066FF;
}
.container1 .panel-title a:hover .icon,
.container1 .panel-title a:focus .icon {
  color: #ec407a;
}
.container1 .panel-title a.active {
  color: #37474f;
}
.container1 .panel-title a.active .icon {
  color: #ec407a;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container1 .js .accordion {
  margin: 2em 0;
}
.container1 .accordion .panel-title a {
}
.container1 [id^="panel-"] {
  padding-bottom: 2em;
}
.container1 p{ width:95%; float:left; margin:1% 1% 1% 0.5%; color:#333333; text-align:justify; background:#fbfbfb; padding:1% 1% 1% 3%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); line-height:140%; background:url(images/ans.png) left top no-repeat;}
.read{text-align:center; width:22%; border:none; margin:0 39%; padding:0}


#contact{width:40%; height:auto; float:left; padding:0 0; margin:3% 30%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);}
#contact h4{color:#A10267; text-align:center; margin:1% 0 0 0} 
#contact p{text-align:center}

#rate_chart{width:100%; height:auto; float:left; padding:3% 0;}
#rate_chart .con{width:100%; height:auto; float:left; margin:1% 0; border-bottom:1px #999999 solid; padding-bottom:1%}
#rate_chart .con:last-child{border-bottom: none}
#rate_chart .con .left{width:18%; height:auto; float:left; margin-right:2%;}
#rate_chart .con .left img{width:80%; height:auto; float:left; margin:1% 10% 2% 10%;}
#rate_chart .con .left h2{text-align:center; color:#666666}
#rate_chart .con .right{width:77%; height:auto; float:left; border-left:1px #999999 solid; padding-left:2%}
#rate_chart .con .right p{font-family: 'Rupee Foradian'; color: #333333; font-size:small;}
#rate_chart .con .right span{font-family: 'Source Sans Pro', sans-serif; color: #333333; font-size:small;}
#rate_chart .con .right b{color: red; font-size:small;}
#rate_chart .con .right .con1{width:30%; height:auto; float:left;}
#rate_chart a{padding:1.5% 3%; color:white; background:#5A1542; float:right; text-align:center; text-decoration:none; border-radius:30px; margin-top:5%; transition:0.5s}
#rate_chart a:hover{background:#95286F}

#tandc{width:100%; height:auto; float:left; padding:3% 0;}
#tandc p{color:#333333; line-height:150%; font-size:14px;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:100%; height:auto; margin:0 auto;}
#main-inner2{width:100%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:100%; height:auto; margin:0 auto; overflow:auto}

#header .logo{width:80%; height:auto; float:left; margin:0.5% 10% 0% 10%}
#header .ph{width:100%; height:auto; float:left; margin:0}
#header .ph p{width:79%; float: left; background:url('images/mob.png') #333333 left center no-repeat; color:white; margin:0 1%; padding:5% 4% 5% 15%; border-radius:10px; font-size: medium}
#header .ph p span{color:#FFC000}

#services .con{width:96%; height:auto; float:left; margin:2% 1%; padding:1%}
#services .con img{width:50%; height:auto; float:left; margin:1% 25%}
#services .view{border-radius:50px; background:#5A1541; color:white; width:70%; height:auto; float:left; margin:2% 15%; text-align:center; padding:3% 0; text-decoration:none; transition:0.5s}

#two .left{width:96%; height: auto; float:left; padding:2%; background:#2D1121; color:#DBDBDB}
#two .left p{width:100%; height:auto; float:left; margin:0.4% 0; line-height:150%; font-size:small}
#two .left a{color:#D449A0}
#two .right{width:98%; height: auto; float:right; background:#6E2F53; color:white; padding:1%}
#two .right .con{width:98%; height:auto; float:left; margin:2% 1%}
#two .right .con img{width:20%; height:auto; float:left; margin:1% 40% 2% 40%}

.head{width:100%; float:left; margin:4% 0 0% 0; padding:0; font-size: xx-large; color: #6E2F53; font-family: 'Satisfy', cursive; text-align:center;}
.head_span{width:50%; height:3px; float:left; margin:0 25%; padding:0 1%; background:#CCCCCC;}

#appointment{width:100%; height:auto; float:left; padding:7% 0} 
#appointment h1{color:white; font-family: 'Satisfy', cursive; padding:1% 3% 0 3%; margin-bottom:2%; font-size: xx-large; width:94%; height:auto; float: left}
#appointment a{padding:3% 5%; font-size:large; background:#AC2D7F; color:white; border-radius:10px; float:left; margin:2% 0 5% 3%; text-decoration:none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); transition:0.5s}

#footer .left{width:100%; float:left;}
#footer .left a{color:#EBEAEA; float:left; font-size:small; padding:4% 1%; text-decoration:none; transition:0.5s}
#footer .right{width:100%; float: left;}
#footer .right a{border: #4c4c4c 2px solid; margin:2% 1%; float:left; width:30px; height:30px; padding:1%; background:#FFFFFF; border-radius:50px; transition:0.5s}
#footer .low p{float:left; color:white; font-size:small; width:98%; margin:1.5% 1%; text-align:center}

#banner h1{text-align:center; float:left; color:#FFFFFF; padding:3% 0; width:100%}
#banner .right{width:100%; float: left; padding:0 0 4% 0}
#banner a{text-align:center; color:#ffc0a4; font-size:small; width:100%; float:left; margin:0; padding:0; transition:0.5s}
#banner a:hover{color:#CCCCCC}
#banner strong{visibility: hidden}
#banner span{color:#FFFFFF; font-size:small; text-align:center; width:100%; float:left; margin:1% 0; padding:0}

#book_appointment{width:100%; height:auto; float:left; padding:5% 0}

.container {
  float:left;
  padding:1%;
  width: 98%;
  margin-right:0%
}
.container .con{
	width:98%; 
	height:auto; 
	float:left; 
	margin:3% 0% 3% 2%; 
	padding:0;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);

}
.container .a{width:96%; float:left; margin:0; text-decoration:none; color:red; padding:4% 2%; background:white; font-family: 'Rupee Foradian'; font-size: small; transition:0.5s}
.container .a span{font-family: 'Source Sans Pro', sans-serif; color: #333333; font-size: small; line-height:160%}
.container .a b{color: red; font-size:small;}
.container input[type=checkbox]{
  width: 25px; /*Desired width*/
  height: 25px; /*Desired height*/
  margin-bottom:-3%
}

.form{width:96%; height:auto; float:left; margin:2%}
.form h2{background:url('images/icon10.png') left center no-repeat; padding:5% 0 5% 20%; border-bottom:1px #C0C0C0 solid }
.form .box{width:95%; height:auto; float:left; margin:1.7% 1%; padding:3% 1%; border:1px #C0C0C0 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); font-family: 'Source Sans Pro', sans-serif; font-size: small; color:#333333; transition:0.5s}
.form .box1{width:97.4%; height:auto; float:left; margin:1.7% 1%; padding:3% 1%; border:1px #C0C0C0 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); font-family: 'Source Sans Pro', sans-serif; font-size: small; color:#333333; transition:0.5s}
.form .submit{background:#5A1541; color:white; float: left; border-radius:20px; border:none; font-family: 'Source Sans Pro', sans-serif; padding:4% 6%; margin:2% 0 4% 0; font-size:medium; cursor:pointer; transition:0.5s}

#contact{width:96%; height:auto; float:left; padding:0; margin:6% 2%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.0);}
#contact h4{color:#A10267; text-align:center; margin:2% 0 0 0} 
#contact p{text-align:center}

.container1 h3 {
  width:88%; 
  height:auto; 
  float:left;
  color:#C93737;
  text-align: left; 
  font-weight: 500;
  background:url(images/question.png) left top no-repeat;
  padding-left:12%;
  font-size:medium;
  border-bottom: #CCCCCC 1px solid
}
.container1 .panel-title a {
  border-bottom: none;
  color:#C93737;
  display: block;
  padding:5px 0 15px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 200ms ease 0s;
  -moz-transition: color 200ms ease 0s;
  transition: color 200ms ease 0s;
  width: 100%;
}
.container1 .panel-title a .icon {
  color: #9e9e9e;
  position: absolute;
  right: 0;
  font-size:xx-large;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
  transition: all 200ms ease 0s;
}
.container1 p{ width:88%; float:left; margin:1% 1% 1% 0.5%; font-size:small; color:#333333; text-align:justify; background:#fbfbfb; padding:4% 1% 1% 10%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); line-height:150%; background:url(images/ans.png) left top no-repeat;}

#rate_chart{width:100%; height:auto; float:left; padding:5% 0;}
#rate_chart .con{width:100%; height:auto; float:left; margin:2% 0; border-bottom:1px #999999 solid; padding-bottom:1%}
#rate_chart .con:last-child{border-bottom:1px #999999 solid}
#rate_chart .con .left{width:28%; height:auto; float:left; margin-right:2%;}
#rate_chart .con .left h2{text-align:center; color:#666666; font-size:small}
#rate_chart .con .right{width:67%; height:auto; float:left; border-left:1px #999999 solid; padding-left:2%}
#rate_chart .con .right p{font-family: 'Rupee Foradian'; color: #333333; font-size: smaller}
#rate_chart .con .right span{font-family: 'Source Sans Pro', sans-serif; color: #333333; font-size:smaller;}
#rate_chart .con .right b{color: red; font-size:smaller;}
#rate_chart .con .right .con1{width:100%; height:auto; float:left; margin:1% 0}
#rate_chart .con .right .con1 h4{margin:0}
#rate_chart a{padding:4% 0%; color:white; background:#5A1542; width:50%; float:right; text-align:center; text-decoration:none; border-radius:30px; margin:3% 25% 5% 25%; transition:0.5s}

#static{width:96%; height:auto; float:left; padding:5% 2%}
#static img{width:98%; height:auto; float:left; margin:1%}
#static p{text-align:justify; line-height:150%; color:#333333; font-size:small}
#static span{font-size: small; color:#333333;}
#static ul li{font-size: small; color:#333333; list-style:none; margin:1.5% 0 1.5% -10%; width:107%; height:auto; float:left; line-height:150%; text-align:justify}
#static ul li::before {content: "\2714 " "\00a0 " "\00a0 ";}
#static table td{padding:1%; font-size:small; color:#666666;}


}