/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width: 100% !important;
	background: #fff;
	border-radius: 3px;
}
/* start editing from here */
a {
	text-decoration:none;
}
.gallery_townvu{/*overflow:auto;*/}
.txt-rt {
	text-align:right;
}/* text align right */
.txt-lt {
	text-align:left;
}/* text align left */
.txt-center {
	text-align:center;
}/* text align center */
.float-rt {
	float:right;
}/* float right */
.float-lt {
	float:left;
}/* float left */
.clear {
	clear:both;
}/* clear float */
.pos-relative {
	position:relative;
}/* Position Relative */
.pos-absolute {
	position:absolute;
}/* Position Absolute */
.vertical-base {
	vertical-align:baseline;
}/* vertical align baseline */
.vertical-top {
	vertical-align:top;
}/* vertical align top */
nav.vertical ul li {
	display:block;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width:100%;
}
.reservation_pro_img {
	    float: left;
    margin-right: 10px;
    overflow: hidden;
    max-width: 90px;
    max-height: 90px;
    min-width: 90px;
}
.reservation_pro_img img {
  border-radius: 5px;
}
.reservation_pro_name {
	font-size: 36px;
    display: inline-block;
    width: 69px;
    text-align: center;
    height: 69px;
    padding-top: 13px;
    color: #000;
    background: #ecebeb;
    border-radius: 37px;
}
.choose_card_section img {
	vertical-align: middle;
}
.choose_card_section input[type="radio"], input[type="checkbox"] {
	position: relative;
	top: 3px;
}
h5 .choose_card_section .glyphicon {
	top: 2px !important;
}
.applied_gift_card {
	clear:both !important;
}
/*end reset*/
html, body {
	font-size: 100%;
	background: #FFF;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
h1, h2, h3, h4, h5, h6, a, p {
	margin:0;
}
ul, label {
	margin:0;
	padding:0;
}
body a:hover, body a {
	text-decoration:none;
}
/*-- main --*/
.copyright p {
	font-size: 1em;
	color:#fff;
	margin: 4em 0 0;
	line-height: 1.8em;
	text-align: center;
}
.copyright p a {
	color:#EA4C89;
}
.copyright p a:hover {
	text-decoration:underline;
}
.main {
	padding:4em 0;
}
.main h1 {
	font-size: 3em;
	color:#fff;
	text-align: center;
	text-transform: capitalize;
}
.nav-btm-menu-btm-grid {
	padding: 0.6em 0.5em;
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
	margin-bottom: 3px;
	border-radius: 2px;
}
.pro_list {
}
.pro_list h3 {
	font-size: 16px;
}
.pro_list .glyphicon {
	position: relative;
	top: 5px;
}
.green_check_wraper {
	text-align:center;
}
.green_check {
	font-size: 29px;
	color: #449d44;
	border: solid 2px;
	padding: 14px;
	border-radius: 31px;
}
.nav-btm-menu-btm-grid-left {
	float:left;
	width:20%;
	position:relative;
}
.nav-btm-menu-btm-grid-left-pos {
	position: absolute;
	top: 3%;
	right:45%;
}
.nav-btm-menu-btm-grid-left1 {
	float: left;/*margin-left:1.5em;*/
}
.nav-btm-menu-btm-grid-right {
	float:right;
}
#calender{}
.thanks_appointment{margin-top: 10px;}
.thanks_appointment .btn-secondary{}
.thanks_appointment h2{font-size: 20px;margin-bottom: 6px;}
.thanks_appointment h3{font-size: 20px;margin-bottom: 10px;}
.button_width {
	width: 100%;
	margin-bottom: 10px;
	background-color: #ff8d00;
	border-color: #ff8d00;
	padding: 12px 0px;
	font-size: 16px;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #ff8d00;
	border-color: #ff8d00;
}
.nav-btm-menu-btm-grid-left1 h3 {
	color: #333;
    margin: 0;
    line-height: 1em;
    font-size: 20px;
    margin-right: 10px;
}
.nav-btm-menu-btm-grid-left1 h3.prnt_service_category_name {
	    line-height: 3.6em;
}
.nav-btm-menu-btm-grid-left1 h3.select_emp {
	font-weight: normal;
	font-style: normal;
	color:#000;
	padding-left: 10px;
}
.nav-btm-menu-btm-grid-left1 p {
	color: #717171;
	font-size: 0.8em;
}
.nav-btm-menu-btm-grid-right h4 {
	font-size: 14px;
	color: #ff8d00;
	margin:1em 0 0;
}
.nav-btm-menu-btm-grid-right h4.prnt_arrow {
	line-height: 4em;
}
.nav-btm-menu-btm-grid-right h4.book_btn {
	margin: 1em 0 0;
	padding-right: 4px;
}
.nav-btm-menu-btm-grid-left1 h3.pro_servive_name {
	color:#000;
}
.nav-btm-menu-btm-grid-right h4 .h4_msg {
	margin: 0.4em 0 0;
}
.nav-btm-menu-btm-grid-right h4.h4_msg {
	color: #333 !important;
    margin-top: unset;
    font-size: 19px;
}

.form-control {
   

}
.form-group label{ }
.main-info-grid1 h5{}

.staff_list h3 {
	font-size: 14px !important;

    color: #000;
    position: relative;
    float: left;
    line-height: 33px;
    padding: 0px 10px;
}
.staff_img {
	width: 50px;
	height: 50px;
	float: left;
	overflow: hidden;
	border-radius: 30px;
	background: #fff url(../images/tv_user_avtar.png) center no-repeat;
	background-size: 50px;
}
.staff_img img {
	width: 100%;
}
.main-info-grid1 h5 {
	text-align: left;
	color: #000;
	font-size: 1.2em;
	padding: 0.8em 5px;
	background: #FFFFFF;
	position: relative;
	overflow: hidden;
	border-bottom: solid 1px #e4e4e4;
	border-radius: 2px;
	padding-left: 10px;
	
}
.main-info-grid1 h5 a {
	color: #000;
	text-decoration: none;
	position: relative;
	top: 1px;
}
.main-info-grid1 h5 a.cart_section {
	text-align: right;
	float: right;
	width: 30px;
	height: 30px;
	border: solid 1px;
	border-radius: 30px;
	color:#000 !important;
	position: relative !important;
}
.main-info-grid1 h5 .glyphicon {
	left: 7px;
	top:7px;
}
.main-info-grid1 h5 a.cart_section .glyphicon {
	font-size: 15px;
    left: -7px;
    top: 3px;
}
.main-info-grid1 h5 a.cart_section .item_incart {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #48f262;
	border-radius: 10px;
	top: 10px;
	left: 12px;
	z-index: 1;
}
.back_button {
	font-size: 12px;
	float: left;
	top: 6px;
	position: relative;
	left: -10px;
	color: #000;
}
.john {
/*border-left:2px solid #0588F8;*/
}
.scrollbar {
	border-bottom: 1px #E2E2E2 solid;
	padding: 10px 0;
	background: none;
	padding-top: 4px;
	background: #fff;
	position:relative;
}
#style-2::-webkit-scrollbar-track {
 background-color:#D3D3D3;
}
#style-2::-webkit-scrollbar {
 width:5px;
 background-color: #f5f5f5;
}
 #style-2::-webkit-scrollbar-thumb {
 background-color:#0077B5;
}
.main-info {
	width:99%;
	margin: 0em auto;
}
.main-info-grid1, .main-info-grid2, .main-info-grid3 {
	float:left;
	width:100%;/*width:38%;*/
}
.main-info-grid3 {
	float:left;
	width:20%;
}
.main-info-grid2 {
	margin:0 1em;
}
.main-info-grid2 h3 {
	padding: .5em;
	background:#219FBA;
	color: #fff;
	font-size: 1.3em;
	text-align: center;
}
.main-info-grid2 h3 span {
	background:url(../images/6.png) no-repeat 0px 0px;
	display:inline-block;
	width:16px;
	height:16px;
	padding-right: 1em;
}
.main-info-grid2-infol {
	float: left;
}
.main-info-grid2-infor {
	float: right;
}
.main-info-grid2-info {
	padding: 1em;
	background: #1C8399;
}
.main-info-grid2-infol p {
	font-size:14px;
	color:#fff;
}
.main-info-grid2-infol h4 {
	font-size: 3em;
	color: #fff;
	letter-spacing: 4px;
}
.main-info-grid2-info {
	padding: 1em 3em;
}
.main-info-grid2-info-bottom {
	background:#fff;
}
.main-info-grid2-info-bottom ul li {
	display:inline-block;
	font-size:1em;
	color:#E28E2B;
}
/*-- w3layouts --*/
.main-info-grid2-info-bottom ul li span {
	color:#999;
	padding-left:.5em;
}
.main-info-grid2-info-bottom ul li:nth-child(2) {
	float:right;
}
.main-info-grid2-info-bottom ul {
	padding: 1em 1.5em;
	border-bottom:1px solid #EDEDED;
}
.main-info-grid2-info-bottom ul:nth-child(2) {
	background:#f5f5f5;
}
.main-info-grid2-info-bottom ul:last-child {
	border-bottom:none;
}
.mb_share {
	overflow:hidden;
}
.mb_share .button .native_button div {
	font-size: 14px;
	color: #212121;
}

#filt_employees{
	width: 170px;
	padding-right: 23px !important;
}

#filt_services{
	width: 170px;
	padding-right: 23px !important;
}

/*-- mb_share --*/
.mb_share .button {
	position: relative;
	float: none;
	margin:0 0 13.7px;
	width:183px;
	height: 46px;
	overflow: hidden;
	text-transform: capitalize;
	cursor: pointer;
}
.mb_share .button .icon {
	float:left;
	z-index:200;
	position:relative;
	width: 50px;
	height: 46px;
	background-repeat:no-repeat;
	background-image: url(../images/6.png);
}
.mb_share .button .native_button {
	width: 133px;
	height: 46px;
	float:left;
	background:#fff !important;
	/*-- agileits --*/
	display:table;
}
.mb_share .button .native_button > div {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.mb_share .button .slide {
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	float:left;
	width:133px;
	height: 46px;
	transition:.2s transform linear;
	-webkit-transition:.2s -webkit-transform linear;
	-moz-transition:.2s -moz-transform linear;
}
.mb_share .button .slide span {
	color: #fff;
	display: block;
	cursor: pointer;
	width: 100%;
	margin: 14px 0;
	text-align: center;
	font-size: 1em;
	border-left: 1px solid rgba(255,255,255,0.35);
}
/*-- Transitions --*/
.mb_share .button.slide_x:hover .slide {
	-webkit-transform:translateX(133px);
	-moz-transform:translateX(133px);
	transform:translateX(133px);
	-o-transform:translateX(133px);
	-ms-transform:translateX(133px);
}
.mb_share .button.slide_nx:hover .slide {
	-webkit-transform:translateX(-133px);
	-moz-transform:translateX(-133px);
	transform:translateX(-133px);
	-o-transform:translateX(-133px);
	-ms-transform:translateX(-133px);
}
.mb_share .button.slide_y:hover .slide {
	-webkit-transform:translateY(46px);
	-moz-transform:translateY(46px);
	transform:translateY(46px);
	-ms-transform:translateY(46px);
	/*-- w3layouts --*/
   -o-transform:translateY(46px);
}
.mb_share .button.slide_ny:hover .slide {
	-webkit-transform:translateY(-46px);
	-moz-transform:translateY(-46px);
	transform:translateY(-46px);
	-ms-transform:translateY(-46px);
	-o-transform:translateY(-46px);
}
/*-- Colors --*/

/*-- facebook --*/
.mb_share .button.facebook .icon {
	background-position:15px -20px;
}
.mb_share .button.facebook > div {
	background-color:#3b5998;
}
/*-- twitter --*/
.mb_share .button.twitter .icon {
	background-position:-22px -20px;
}
.mb_share .button.twitter > div {
	background-color:#55acee;
}
/*-- youtube --*/
.mb_share .button.youtube .icon {
	background-position:-62px -20px;
}
.mb_share .button.youtube > div {
	background-color:#cd201f;
}
/*-- google-plus --*/
.mb_share .button.gplus .icon {
	background-position:-102px -20px;
}
.mb_share .button.gplus > div {
	background-color:#dc4e41;
}
/*-- linkedin --*/
.mb_share .button.linkedin .icon {
	background-position:-144px -20px;
}
.mb_share .button.linkedin > div {
	background-color:#0077b5;
}
/*-- tumblr --*/
.mb_share .button.tumblr .icon {
	background-position:13px -71px;/*-- agileits --*/
}
.mb_share .button.tumblr > div {
	background-color:#35465c;
}
/*-- github --*/
.mb_share .button.github .icon {
	background-position:-36px -67px;
}
.mb_share .button.github > div {
	background-color:#ea4c89;
}
/*-- pinterest --*/
.mb_share .button.pinterest .icon {
	background-position:-81px -71px;
}
.mb_share .button.pinterest > div {
	background-color:#bd081c;
}
.time_data th {
	text-align:center;
}
.time_data td {
	text-align:center;
}

.forgot_password_link{}

.forgot_password_link a{
	color: #000;
    font-weight: 500;
    text-decoration: underline;
    margin-right: 10px;}

.forgot_password_link img{	
	vertical-align: text-bottom;
    margin-left: 6px;
}

.allowed-party{
	margin-top: 2px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #4c4c4c;}
	
.allowed-party span{
	font-size: 12px;
    color: #bdbcbc;
}

.max-width-500{ width:92%; max-width:500px; margin:0px auto; display: inherit;}
.radius-btn{ border-radius:30px !important;}

/*-- start-responsive-design --*/


.scrollbar form{width:100%; position:relative;}
.scrollbar .search_input_cl {width: 100%; padding: 10px; border-radius: 5px; border: solid 1px #bfbfbf; font-size: 14px;}
.scrollbar .search_button_cl{position: absolute; right: 0px; background: #000; color: #fff; border: 0px; padding: 10px 25px; border-radius: 5px;}
.scrollbar .clear-search{position: absolute; right: 105px; font-size: 15px; color: #737373; padding: 10px; padding-left:20px;}
.scrollbar .clear-search:before{content: '\274C'; position: absolute; top: 10px; left: 4px; color: #737373!important; font-size: 11px; font-family: 'Segoe UI Symbol', EmptyFont2;}
.main-info-grid1 form{width:100%; position:relative; margin-top:15px; margin-bottom: 15px; margin-bottom: 15px;}
.main-info-grid1 .search_input_cl {width: 100%; padding: 10px; border-radius: 5px; border: solid 1px #bfbfbf; font-size: 14px;}
.main-info-grid1 .search_button_cl{position: absolute; right: 0px; background: #000; color: #fff !important; border: 0px; padding: 10px 25px; border-radius: 5px;}
.main-info-grid1 .clear-search{position: absolute; right: 105px; font-size: 15px; color: #737373; padding: 10px; padding-left:20px;}
.main-info-grid1 .clear-search:before{content: '\274C'; position: absolute; top: 10px; left: 4px; color: #737373!important; font-size: 11px; font-family: 'Segoe UI Symbol', EmptyFont2;}


@media (max-width:1680px) {
html, body {
	/*background: url(../images/banner.jpg) no-repeat 0px -57px;*/
		background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
}
@media (max-width:1600px) {
html, body {
	/*background: url(../images/banner.jpg) no-repeat 0px -154px;*/
		background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background:transparent!important;
}
}
@media (max-width:1440px) {
	.main-info {width: 99%;}
	body {background: #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover;}
	.popup_demo_body{background:transparent!important;}
}
@media (max-width: 1080px) {
.main-info {
	width: 80%;
}
}
@media (max-width: 1024px) {
.main-info {
	width: 99%;
	font-family: 'ubunturegular', Arial, Helvetica, sans-serif;
}
}
@media (max-width:800px) {
.main h1 {
	font-size: 2.5em;
}
.main-info-grid1, .main-info-grid2, .main-info-grid3 {
	float: none;
	width: 50%;
	margin: 0 auto;
}
.main-info-grid2 {
	margin: 1em auto;
}
.main-info-grid3 {
	float: none;
	width: 26%;
}
}
@media (max-width:768px) {
.main-info-grid1, .main-info-grid2, .main-info-grid3 {
	float: none;
	width: 100%;
	font-family: 'ubunturegular', Arial, Helvetica, sans-serif;
}
.mb_share .button {
	margin: 0 auto 13.7px;
}
.copyright p {
	margin: 2em 0 0;
}
}
@media (max-width:736px) {
.main {
	padding: 0em 0;
	border: solid 1px #f7f6f6;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	margin-top: 20px;
	font-family: 'ubunturegular', Arial, Helvetica, sans-serif;
}
}
@media (max-width:667px) {
.main-info-grid1, .main-info-grid2, .main-info-grid3 {
	width: 100%;
}
}
@media (max-width:640px) {
.main-info {
	margin: 0em auto;
}
}
@media (max-width:600px) {
.main h1 {
	font-size: 2em;
}
}
@media (max-width:480px) {
.main-info-grid1, .main-info-grid2, .main-info-grid3 {
	width: 99%;
	margin-right: 1%;
}
.copyright p {
	margin: 2em 1em 0;
}
.main-info-grid2-infol h4 {
	font-size: 2em;
}
.main-info-grid2-infol p {
	font-size: 12px;
}
canvas#partly-cloudy-day {
	width: 50px;
	height: 50px;
}
.main-info-grid1 h5 {
	font-size: 1.2em;
}
.nav-btm-menu-btm-grid-left1 {
   width: 95%;
}

}
@media (max-width:414px) {
.scrollbar {
	height: auto;
}
}
@media (max-width:384px) {
.main {
	padding: 0em 0;
}
}
@media (max-width:375px) {
.main-info-grid2-info {
	padding: 1em 2em;
}
}
@media (max-width:320px) {
.main h1 {
	font-size: 1.8em;
}
.main-info-grid1 h5, .main-info-grid2 h3 {
	font-size: 1em;
	text-align: left;
}
.main-info-grid1, .main-info-grid2, .main-info-grid3 {
	width: 100%;
}
.nav-btm-menu-btm-grid-left1 h3 {
	letter-spacing: 0px;
	font-size: 15px;
}
.scrollbar {
	height: auto;
}
.main-info-grid2-info-bottom ul li {
	font-size: 14px;
}
.main-info-grid2-info-bottom ul {
	padding: 0.8em 1em;
}
canvas#cloudy, canvas#fog, canvas#clear-day, canvas#partly-cloudy-night, canvas#rain, canvas#snow {
	width: 13px;
	height: 13px;
}
.copyright p {
	margin: 0em 1em 0;
	font-size: 13px;
}
.main-info {
	margin: 0em auto 1em;
	margin-left: 0px;
}
}
h3 span {
	color: rgba(78, 75, 75, 0.94);
	font-size: 0.8em;
	font-style: italic;
}
.product_detail p {
	color:rgba(11, 9, 9, 0.9);
	font-size: 1em;
	padding-bottom: 0px;
	margin: 9px 0px;
	font-family: 'Roboto', sans-serif !important;
}
.product_detail p.service_price {
	font-size: 1em;
	padding-bottom: 0px;
	margin: 4px 0px;
	font-family: 'Roboto', sans-serif !important;
}
.glyphicon {
	position: relative;
	top: -5px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 11px;
}
.glyphicon-menu-right {
	top: 6px !important;
}
.arrow_cls .glyphicon-menu-right {
	top: -4px !important;
}
.nav-btm-menu-btm-grid-left1 p:nth-child(2) {
	font-size: 0.9em;
	color: #000;
	margin: 2px 0px;
}
hr {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
	border-top: 0px solid #eee;
}
#customer_info_form .btn-success {
	background-color: #ff8d00;
	border-color: #ff8d00;
	padding: 12px 0px;
	font-family:  'Roboto', sans-serif;
}
.thanks_appointment h2{font-family:  'Roboto', sans-serif;font-size: 20px;margin-bottom: 6px;}
.appointment_detail {}

#customer_info_form .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #ff8d00;
	border-color: #ff8d00;
	padding: 12px 0px;
}
.sch_tab {
	padding: 0px;
	width: 100%;
	border-radius: 3px;
	border: solid 1px #ff8d00;
	position: relative;
	overflow: hidden;
	margin: 10px 0px;
	background: #fff;
}
.sch_tab li {
	float: left;
	width: 50%;
	padding: 0px 0px;
}
.booking_title {
	font-size: 22px;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	font-family: ubunturegular;
	background: #f7f7f7;
	color: #000;
}
.sch_tab li a {
	display: block;
	width: 100%;
	color: #ff8d00;
	text-align: center;
	padding: 10px 0px !important;
	font-size: 15px;
}
.sch_active {
	background: #ff8d00;
	color: #fff !important;
}
.not_avl {
	padding: 3px 0px;
	font-size: 14px;
	text-align: center;
}
.alert-warning {
	color: #c58e0e;
	background-color: #fcf8e3;
	border-color: #faebcc;
	margin: 8px 0px;
	font-size: 13px;
}
.form-group label {
	font-size: 14px;
	margin-bottom: 5px;
}
.class_time {
	font-size: 15px !important;
	color: #ff8d00 !important;
}
.class_time span {
	font-size: 10px !important;
	color: #808080 !important
}
.class_pro_name {
	font-size: 15px !important;
	margin-top: 2px !important;
	color: #e26d26 !important;
	font-family: 'ubunturegular';
}
.class_emp {
	font-size: 14px !important;
	color: #443f3f !important;
}
.class_price {
	font-size: 15px !important;
	margin-top: 2px !important;
	color: #000 !important;
}
.arrow_vcenter {
}
.arrow_vcenter .glyphicon {
	position: relative !important;
	top: 16px !important;
}
.scrollbar .line_hide {
	border-bottom: 0px solid #e0e0e0 !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
.table th {
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc !important;
}
p.pack_left {
	padding-top: 3
}
.gallery_ul ul {
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.gallery_ul ul li {
	list-style:none;
	margin-bottom:25px;
}
.gallery_ul ul li img {
	cursor: pointer;
}
.modal-body {
	padding:5px !important;
	 padding-bottom: 15px !important;
}
.modal-content {
	border-radius:0;
}
.modal-dialog img {
	text-align:center;
	margin:0 auto;
}
.appoint_class_gallery .controls {
	width:50px;
	height:20px;
	display:block;
	font-size:0px;
	padding-top:8px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.appoint_class_gallery .next {
	float:right;
	text-align:right;
	background: url(../images/popup_nxt.png) no-repeat right;
    background-size: 18px;
}


.appoint_class_gallery .previous {
    background: url(../images/popup_prv.png) no-repeat;
    background-size: 18px;
	float: left;
}

.More_avl_class{padding: 10px 0px;font-weight: 600;font-size: 15px;}
.bubble_select_duration{width: 100%;padding: 10px;display: table;border-top: solid 1px #ccc;margin-top: 40px;}


/*override modal for demo only*/
      .modal-dialog {
	max-width:500px;
	padding-top: 90px;
	display: inline-block !important;
}
.gallery_detail_pc_mob  {
	width: 100%;
	overflow: auto;
}

::-webkit-scrollbar {-webkit-appearance: none; width: 7px;}

.gallery_detail_pc_mob::-webkit-scrollbar {
 border-radius: 5px;
 background-color: #e1e1e1;
 -webkit-appearance: none;
 width: 7px;
 height: 5px;
}

.gallery_detail_pc_mob::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #a3a3a3;
}
.gallery_ul {
	white-space: nowrap;
}
.gallery_ul .img-responsive {
	border-radius: 0px;
}
.gallery_ul li {
	margin-bottom: 5px !important;
	max-width: 160px;
	max-height: 108px;
	overflow: hidden;
	margin-right: 6px;
	border-radius: 0;
	padding: 0px !important;
	border: solid 4px #ece9e9;
	float: none;
	display: inline-block;
}
.photo_gallery_title {
	padding: 10px 0px;
	font-family: 'ubunturegular';
	font-size: 19px;
}


/*----------------Grid View-------------------*/
.retreat_apt_class_grid_view { max-width: 100%; margin: 0px auto;}
.retreat_apt_class .navigation-bottom-menu-bottom .nav-btm-menu-btm-grid-view{border-top: 0px solid #000;float: left;width: 33%; border-bottom:0px; margin-bottom: 40px;}
.nav-btm-menu-btm-grid-view .reservation_pro_img {float: left;max-width: 100%;min-width: 100%;max-height: 100%;width: 100%; text-align:center; min-height: 200px;}
.nav-btm-menu-btm-grid-view .reservation_pro_img img { border-radius: 0px;border: solid 3px #000000;width: 100%; max-height: 322px;}
.nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-left1{width: 100%;text-align: center;}
.nav-btm-menu-btm-grid-view .class-detail-grid{ min-height:80px;}
.class-detail-grid .unlimited-txt{font-size: 12px !important;}
.nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right {float: right;width: 100%; margin-top: 15px; text-align:center;}
.nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right a{display: inline-block; width: 46%; margin-right: 2%;}
.retreat_apt_class .nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right h4.learn_more_btn{margin-top: 0px;width: 100%; text-align:center}
.retreat_apt_class .nav-btm-menu-btm-grid-view .nav-btm-menu-btm-grid-right h4.book_btn{margin-top: 0px;width: 100%; padding: 8px 10px; text-align:center;}
.nav-btm-menu-btm-grid-view .reservation_pro_name {font-size: 55px;display: inline-block;width: 100%;text-align: center;height: 183px;color: #000;background: #ecebeb;border-radius: 0px; padding-top: 61px;
}
.learn_more_link_cl{ cursor:pointer;}
/*----------------Grid View End-------------------*/

.retreat_apt_class .month_name{
	text-transform: uppercase;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 5px 0px;
	width: 100%;
    display: table;
	border-bottom: solid 1px #000;
}


.retreat_apt_class .nav-btm-menu-btm-grid-right h4.book_btn {
   margin: 0px auto;
    padding-right: 4px;
    border: solid 2px #000;
    padding: 7px 10px;
    width: 72px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
}


.retreat_apt_class .nav-btm-menu-btm-grid-right h4.learnmore_btn {
   margin: 0px auto;
    padding-right: 4px;
    border: solid 2px #000;
    padding: 7px 10px;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 12px;
    background: #000;
    margin-top: 12px;
}




@media screen and (max-width: 1024px) {
	.nav-btm-menu-btm-grid-view .reservation_pro_name {height: 184px;}
	.nav-btm-menu-btm-grid-view .no_pro_image .reservation_pro_name{min-height: 154px; margin-bottom: 5px;}
}

@media screen and (max-width: 768px) {
.nav-btm-menu-btm-grid-view .reservation_pro_name {height: 140px;padding-top: 50px; min-height: 138px;}
.nav-btm-menu-btm-grid-view .no_pro_image .reservation_pro_name{min-height: 138px;}
.nav-btm-menu-btm-grid-view .reservation_pro_img {min-height: 172px;}
}



@media screen and (max-width: 650px) {
.retreat_apt_class .navigation-bottom-menu-bottom .nav-btm-menu-btm-grid-view {width: 100%;}
	
}






 @media screen and (min-width: 768px) {
.modal-dialog {
	width:500px;
	padding-top: 90px;
}

}

.month_group{
	 padding: 12px 10px;
    font-size: 17px;
    background: #fff;
    margin-bottom: 3px;

    clear: both;
}
.class_dhx_minical_icon{
	display: none;
	padding: 11px!important;
    position: relative;
	text-align: right;
}

.class_dhx_minical_icon .select-duration{
	left: unset !important;
	right: unset;
	border: solid 1px #000;
	margin: auto;
	margin-top: 4px;
	height: 31px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:url(../images/arrow-black.png) no-repeat;
	background-position: right center;
	position: unset;
	color: #000;

}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
  .class_dhx_minical_icon .select-duration {
		background:url(../images/arrow-black@2x.png) no-repeat;
		background-position: right center;
		background-size:17px 16px;
	}
}



.popup_demo_body{background:transparent!important; }
.popup_demo_body .main {padding: 2em 0;}
.popup_demo_body .form-control{width: 100% !important; padding: 13px 15px !important; box-shadow: unset; background: #fff; border: solid 1px #d1d2d3; display: block; border-radius: 3px; font-family: 'Jost', sans-serif!Important; height:auto; line-height:normal;}
/*.popup_demo_body .form-control{padding: 13px 15px !important; border: solid 1px #d1d2d3;}*/
.popup_demo_body select{height: 160px!important;}
.popup_demo_body select option{padding:3px;}
.popup_demo_body #customer_info_form .btn-success{background: #000!important; border-radius: 10px!important; border: 0px; }
.popup_demo_body .main-info-grid1 h5 {}
.popup_demo_body .nav-btm-menu-btm-grid {}
.popup_demo_body .form-control {}
.popup_demo_body #calender{background: #000!important; border-radius: 10px!important; border: 0px; }
.popup_demo_body .thanks_appointment .btn-secondary{background: #000!important; border-radius: 10px!important; border: 0px; }
.popup_demo_body .navigation-bottom-menu-bottom .nav-btm-menu-btm-grid{border:0px solid #dcdcdc; padding:0px;}

.page_demo_body {}
.page_demo_body .main-info-grid1{width:100%;}
.page_demo_body .form-control{width: 100% !important; padding: 13px 15px !important; box-shadow: unset; background: #fff; border: solid 1px #d1d2d3; display: block; border-radius: 3px; font-family: 'Jost', sans-serif!Important; height:auto; line-height:normal;}
.page_demo_body select{height: 160px!important;}
.page_demo_body select option{padding:3px;}
.page_demo_body #customer_info_form .btn-success{background: #000!important; border-radius: 10px!important; border: 0px; }
.page_demo_body #calender{background: #000!important; border-radius: 10px!important; border: 0px; }

.main-info-grid1 .top-heading{width:100%; display:table;}
.main-info-grid1 .top-heading h5{display: table; float: left;}
.main-info-grid1 .top-heading .call_loader.add-service-btn{display: table; float: right;}
.main-info-grid1 .top-heading .call_loader.add-service-btn button{border-radius: 5px!important; padding: 5px!important; margin: 0px!important; font-size: 14px!important; width: 199px!important; margin-top: 14px!important; line-height: normal;}
#but_sc{width:100%!important; max-width:100%!important; background:#f0f0f0; text-align: center; padding: 15px;}
#but_sc a{display:inline-block;}
#but_sc button{padding: 12px!important; margin: 0px!important; font-size: 14px!important; width: 170px!important; line-height: normal; margin-left: 5px!important; outline: 0px;}
@media screen and (min-width: 280px) and (max-width: 539px) {
	#but_sc a{display: table; width: 100%; margin-top: 10px;}
}