.content p { padding-bottom:12px}

.content ul { list-style:none}

.content ul.ul-pos { margin:0}

.empty {font-size:0;
		line-height:0}


select { border: solid 1px #797979; 
		 border-radius: 0; 
		 height:27px; 
		 padding:2px 10px;
		 width:auto; 
		 font-size:15px}		 

a{ cursor:pointer}

.p-t-16 { padding-top:16px!important}

.p-b-0 { padding-bottom:0!important}

.m-t-14 { margin-top:14px}
.m-t-20 { margin-top:20px}

.m-b-20 { margin-bottom:20px}

.l-h-46 { line-height:46px!important}

.bg-gray { background-color:#f2f2f2}

.border-t-1 { border-top:solid 1px #797979}
.border-b-1 { border-bottom:solid 1px #797979}
.border-none { border:none!important}

.b-r-5 {border-radius: 5px}
.b-r-10 {border-radius: 10px}
.b-r-15 {border-radius: 15px}

.wrapper {float: left;
		  width:100%}
.bl-justify {text-align:justify !important;
			 font-size:0;
			 line-height:0}

	.bl-justify > span,
	.bl-justify > a,
	.bl-justify > div  { display:inline-block;
						 vertical-align:top}

.bl-justify:after { content:'';
					display:inline-block;
					width:100%}

.content-pos {max-width:1380px; 
			  width:100%; 
			  font-family:Tahoma, Geneva, sans-serif;
			  color:#333}
			  
.breacr { margin-bottom:20px}

ul.menu { list-style:none; margin:0; padding:0}
ul.menu a { text-decoration:none}


.content-pos a { color:#333}

.section-row .col   { float:left}
.section-row .col-2 { width:50%}
.section-row .col-3 { width:33.33%}
.section-row .col-4 { width:25%}

.fright { float:right}

.icon_link {display:inline-block;
			margin:0 10px; 
			text-decoration:none; color:#333}

	.icon_link .icon { margin-right:5px}

.icon { display:inline-block; 
		position:relative;
		background: url(/images/icon_empty.svg?2) center  center no-repeat;
		width:40px; 
		height:40px; 
		vertical-align:middle}
	

.ic_fav { cursor:pointer}

.ic_fav:before {content:''; 
				position:absolute;
				left:50%; 
				top:50%; 
				background:url(/images/heart.svg?2) center center no-repeat; 
				width:27px; 
				height:23px; 
				margin-left:-13.5px;
				margin-top:-11.5px}
	
	
.top .fright .icon > div,
.info-round				 { position:absolute;
						   z-index:2;
						   right:-12px; 
						   /*left:30px; */
						   top:50%; 
						   margin-top:-12px; 
						   background:#fff; 
						   border:solid 1px #797979;
						   border-radius: 20px;
						   height:24px; 
						   min-width:24px; 
						   padding:0 5px;
						   font: 13px/24px Arial, Helvetica, sans-serif; 
						   text-align: center;}	

.top .fright .ic_basket > div { right:8px}

.top .fright .icon > div > div  {position:absolute; 
								 z-index:4;
							 	 top:99%; 
								 left:-29px; display:none}

.top .fright .icon:hover > div > div { display:block}

.top .fright .icon > div > div:before { content:''; 
										position:absolute;
										display:block;
										top:17px;
										left:15px;
										z-index:1;
										width: 17px;
										height: 17px;
										transform: rotate(135deg);
										background-color: #333333}

.top .fright .icon > div  ul { position: relative; 
							   z-index:5;
							   margin:20px 0 0;
							   background:#fff; 
							   border:solid 1px #797979;
							   padding:0 20px;
							   list-style:none}

.top .fright .icon > div  ul > li { position:relative;								
									width:178px;									  
									border-bottom:solid 1px #797979; 
									text-align:left}

.top .fright .icon > div  ul > li:last-child { border:none}

.top .fright .icon > div  ul > li a {display:inline-block;
									 position:relative;
									 z-index:1;
									 width:100%;
									 padding: 10px 0; 
									 cursor:pointer; 
									 text-decoration:none }

.top .fright .icon > div ul > li:hover a { text-decoration:underline}

.top .fright .icon > div  ul > li .info-round	{ z-index:0;
												  right:0;
												  top:auto; 
												  bottom:10px}

/* Top */

a.logo { position:relative; 
		 display:inline-block; 
		 top:auto; 
		 left:auto;
		 background:url(/images/logo.svg?2) center center no-repeat; 
		 width: 210px; 
		 height:55px;
		 vertical-align:middle}
		 
a.logo-subdomain {position:relative; 
				  display:inline-block; 
				  vertical-align:middle}

.top {border:none;
	  padding:20px 0 20px 0}

.subdomain-top-name {padding-left:24px;
					 font-weight:bold; 
					 font-size:20px; 
					 max-width:430px}

.top-phone {display:inline-block;
			vertical-align:middle;
			padding:0 0 0 21px; 
			font-size:15px;
			line-height:20px}

.top-phone span { font-size:}

.top .col-1 { width:50%}

.top .fright {text-align:right;
			  width:50%}

.subdomain-top .fright { padding-top:15px}

.top-menu { padding:0;
			margin:20px 0 0;
			border-radius: 10px 0 0 10px}

.top-menu > ul {margin:0;
				list-style:none}

	.top-menu > ul > li { width:25%;
						  float:left; 
						  padding-right:10px}
						  
	.top-menu-subdomain > ul > li { width:33.33%}

.top-menu:after {content:''; 
				 display:block;
				 clear:both}

.top-menu a { position:relative;
			  display: inline-block; 
			  width:100%;
			  background:#f2f2f2;
			  padding: 15px 30px; 
			  cursor:pointer; 
			  text-decoration:none; 
			  text-align: left}
 
.top-menu a.select { border:solid 1px #797979; 
					 border-radius: 10px;}

.top-menu li:first-child a {border-radius:10px 0 0 10px}
 
.top-menu span { display:block}

.top-menu li:last-child { padding:0}

.top-menu form {background:#f2f2f2; 
				padding: 17px 7px;
				border-radius: 0 10px 10px 0}
				 
.top-menu form input[type="submit"] {position:absolute; 
									 top:50%;
									 right:12px; 
									 margin-top:-10px;
									 background:url(/images/icon_empty.svg?2) center center no-repeat;
									 width:20px; 
									 height:20px; 
									 border:none}				 

.top-menu form input[type="text"] { width:100%; 
									border-radius:0;
									border-width:1px;
									border-color:#797979}

/* //Top */


/* Content */

.content { padding:20px}

.content p { padding-bottom:1em}

.left-col { width:23%; 
			padding-bottom:50px}

.content-col { padding:0 0 0 25%}

.content-col:before,
.content-col:after { display:none}


.clinic-info {background:#f2f2f2;
			  padding:35px 43px 60px; 
			  margin:0 0 50px }

.h1, h1, .h2, h2, .h1-h { margin-bottom:20px;
						  font-size:24px;
						  line-height:28px;
						  font-weight:bold; 
						  text-align:center}
.h1-h { text-align:left; text-transform:uppercase}


.h3, h3, .h4, h4 { font-size:14px; 
				   line-height:18px; 
				   font-weight:bold}

.clinic-info > div {text-align:justify;
					font-size:0;
					line-height:0}

.clinic-info > div > div {display:inline-block; 
						  width:180px; 
						  font-size:15px; 
						  line-height:18px; 
						  text-align:center}

.clinic-info > div > div span {display:inline-block; 
							   background:url(/images/clinic-info-icon.svg?2) 0 0 no-repeat; 
							   width:170px; 
							   height:170px; 
							   margin-bottom:10px; 
							   font-size:24px; 
							   line-height: normal; 
							   font-weight:bold; 
							   text-align:left}

.clinic-stat { border: solid 1px #797979; 
			   border-left:none; 
			   border-right:none; 
			   padding:40px 0;
			   margin-bottom:50px}

.clinic-stat .col {text-align:left;
				   padding:0 59px 0 0}

.clinic-stat .col h3 { text-align:left}

.clinic-stat .col:last-child { padding-right:0}

.clinic-stat .col a { display:inline-block;
					  cursor:pointer; 
					  margin-top:20px}

.clinic-top-proc { padding:0 0 55px; 
				   border-bottom:solid 1px #797979;
				   margin:0 0 50px}

.clinic-top-proc > .section-row > .col-1 { width:70%}
.clinic-top-proc > .section-row > .col-2 { width:30%; 
										   text-align:right}

ul.item-list { margin:0 20px 0 0; list-style:none}

ul.item-list > li { padding:30px 0; 
					border-top:solid 1px #797979}

ul.item-list > li:after {content:'';
						 display:block;
						 width:100%;
						 clear:both}

ul.item-list > li:first-child { border:none}

.item-list .item-info { padding:0 20px 0 214px}

.item-list .item-img { float:left; margin-left:-100%}

.item-rate { padding:20px 0 0}

.item-list .item-info .name { font:bold 18px/24px Tahoma, Geneva, sans-serif; 
							  text-decoration:none}

.item-list .item-info a.name:hover { text-decoration:underline}

.item-rate i { 
    display: inline-block;
    background: url(/images/rate_star_empty.svg?2) 0 0 repeat-x;
    width: 95px;
    height: 20px; 
	margin:0 10px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    text-align: left}

.item-rate i i { background-image: url(/images/rate_star.svg?2); margin:0}

.item-list .text {padding:18px 0;
				  font-size:18px; 
				  line-height:24px}

.item-list .price { font-size:18px; 
					line-height:24px}

.item-list .price .col > span { font-weight:bold}

i.time-bl { display:inline-block;
			background:url(/images/ic_time.png) 0 center no-repeat;
			padding-left:25px;
			font-style:normal}
		
.button-bl { text-align:center}	
	
.button-bl .button {width:352px; 
					height:auto; 
					font: 15px/67px Arial, Helvetica, sans-serif!important; 
					border-radius: 10px; 
					padding:0}						
 
.l-h-24 {line-height:24px}

.clinic-cert h4 {padding:0;
				 text-align:left}

.clinic-cert .bl-justify { padding:15px 0 70px}

.clinic-cert .bl-justify > div { width:170px; 
								 font-size:15px; 
								 line-height:18px; 
								 text-align: center}
								 
.clinic-baner { display:inline-block;
				width:312px;
				height:412px;
				background:url(/images/clinic_baner_bg.svg?2) 0 0 no-repeat; 
				text-align:left}
	
.clinic-baner  header { padding:56px 28px 18px;
						font-size:24px; 
						line-height:normal;
						font-weight:bold}	
	
.clinic-baner p { padding:0 28px 136px;
				  font-size:18px; 
				  line-height:normal;
				  font-weight:bold}	
	
.clinic-baner .button-bl .button { width:254px}		

.sub-header { text-align:left; 
			  font-size:14px; 
			  line-height:normal; 
			  border-bottom:solid 1px #797979; 
			  padding:0 0 12px; 
			  margin:0 0 12px}
			  
.panel { padding:0 0 24px}

.panel .col-2 {float:right; 
			   text-align:right}
			   
.panel select { margin-left:10px}			   
 
ul.clinic-list { margin-right:0} 
 
ul.clinic-list > li:first-child { border-top:solid 1px #797979}
 
ul.clinic-list .item-info { padding-right:0}
 
.clinic-list .text { font-size:15px; 	
					 line-height:24px}

ul.clinic-list .address { padding-top:20px}

	
.cosmo-category > span { display:inline-block;
						 background:#d7d7d7; 
						 border-radius: 10px;
						 padding:2px 20px;
						 line-height:24px}	

.item-list .item-info .col-1 { width:55%}
.item-list .item-info .col-2 { width:45%}

.item-list .cosmo-record-info .pos { padding:0 0 0 50px}

.cosmo-record-info .date { padding:12px 0}


.cosmo-record-info .date > a {display:inline-block;
							  margin:0; 
							  width:92px;
						 	  padding:3px; 
							  border:solid 1px #fff; 
						   	  border-right-color:#797979; 
							  text-align:center; 
							  font-size:15px; 
							  line-height:18px; 
							  text-decoration:none; 
							  vertical-align:middle}	

.cosmo-record-info .date > a:hover {border-top-color:#797979;
									border-bottom-color:#797979}

.cosmo-record-info .date > a.active { border-color:#797979; border-left-color:#fff}

.cosmo-record-info .date > a:first-child.active {border-left-color:#797979}

.cosmo-record-info .date > a span {display:block;
								   padding-top:3px;
								   font-size:13px}

.ic_calendar:before {content:''; 
					 vertical-align:middle; 
					 margin-right:10px}

.ic_calendar:before,
.cosmo-record-info a.calendar {display:inline-block;
							   width:23px; 
							   height:25px;
							   padding:0; 
							   background:url(/images/icon_cal.svg?2) 0 0 no-repeat}

.cosmo-record-info .date a.calendar { border:none;
									  margin-left:9px;
									  width:30px;
									  background-position: right 0}
									  
.cosmo-record-info .time { padding-top:12px}

.cosmo-record-info .time div.row > a {  display:inline-block; 
										width:57px;
										padding:3px 0;
										margin:0 0 7px 4px;
										border:solid 1px #d7d7d7;
										border-radius: 5px; 
										text-decoration:none; 
										color:#8c8c8c; 
										text-align:center}

.cosmo-record-info .time  div.row > a:first-child { margin-left:0}

.cosmo-record-info .time div.row > a:hover {color:#333;
											border-color:#797979}

a.show-more { padding:0}

a.show-more span { display:block;
				   position:relative}

a.show-more span:before { content: '';
					display: inline-block;
					position: absolute;
					right: 50%;
					bottom: 0;
					margin-bottom: 4px; 
					margin-right: -4px;
					width: 8px;
					height: 8px;
					transform: rotate(225deg);
					padding: 2px 2px 2px 2px;
					background-color: #333;
					box-sizing: border-box}
 
a.show-more span:after {content: '';
					    position: absolute;
					    z-index: 2;
					    width: 12px;
					    height: 10px;
					    right: 50%;
					    bottom: 0; 
						margin-right:-6px;
						margin-bottom:8px;
					    background: #fff} 
 
.cosmo-record-info .bl-all {height:0; 
							overflow:hidden}
							
.cosmo-record-info  .clinic-address { padding-top:15px}

.cosmo-record-info  .clinic-address .name { font-weight:bold; 
											padding-bottom:12px}

.cosmo-record-info .clinic-address select { margin-bottom:15px; 
											min-width:100%;
											font-weight:bold}
											

.info-tabs { border-bottom:solid 1px #797979;
			 margin-top:28px}

.info-tabs a { display:inline-block;
			   position:relative; 
			   z-index:3; 
			   padding:0 10px; 
			   margin-right:43px;
			   font-weight:bold; 
			   line-height:40px; 
			   text-transform:uppercase; 
			   text-decoration:none}

.info-tabs a:last-child { margin-right:0}



.info-tabs a.active:before {content:'';
							display:block; 
							position: absolute;
							bottom:0;
							left:0; 
							background:#fff; 
							z-index:-1;
							width:143px;
							height:43px; }

.info-tabs a.active:after {content:'';
						   display:block; 
						   position: absolute; 
						   bottom:0; 
						   left:50%; 
						   margin-left:-20px; 
						   margin-bottom:-15px; 
						   background-color: rgba(0, 0, 0, 0.35);
						   width:30px;
						   height:30px; 
						   z-index:-2;
						   transform: rotate(315deg)}




ul.info-tabs-cont { margin:0 0; 
					padding: 26px 0 0;
					list-style: none;
					font-size:18px; 
				    line-height:24px}

ul.info-tabs-cont > li { padding-top:34px}

ul.info-tabs-cont > li:first-child .text-bl { padding-right:330px}

ul.info-tabs-cont > li:after {content:''; 
							  display:block; 
							  clear:both}
							  
ul.info-tabs-cont > li > div { float:left}

ul.info-tabs-cont .header-bl {width:16%; 
							  font-size:15px;
							  font-weight:bold; 
							  text-transform:uppercase}

ul.info-tabs-cont .header-bl a { text-decoration:none}

ul.info-tabs-cont .text-bl {width:84%;
							padding-bottom:45px; 
							border-bottom:solid 1px #797979}

ul.info-tabs-cont .text-bl .header {padding-bottom:15px;
								    font-size:18px}

ul.info-tabs-cont .text-bl .name {text-align:left; 
								  padding-bottom:25px;
								  border-bottom:solid 1px #797979}

ul.info-tabs-cont ul.properties {margin:0; 
								 list-style:none}

ul.info-tabs-cont ul.properties > li { margin-bottom:16px}

ul.info-tabs-cont ul.properties > li > div { float:left}

ul.info-tabs-cont ul.properties > li > div.p-header {width:38%;
													 padding-right:5%}

ul.info-tabs-cont ul.properties > li > div.p-values {width:57%}

.subdomain-clinic > .col-1 { width:70%}

.subdomain-clinic > .col-2 { width:30%}

.banner-clinic-subdomain {width: 700px;
						  height: 480px;
						  background-color: #f2f2f2}

.banner-clinic-subdomain-r {width: 310px;
						    height: 350px;
						    background-color: #f2f2f2}

.platform-top { background-color: rgba(0, 0, 0, 0.16); 
				line-height:28px; 
				text-align:center}

/* //Content */


/* Clinics */

h1.clinic-name {margin-bottom:0;
				text-align:left; 
				padding-right:360px}
	
a.clinic-view-url { position:absolute; top:0; right:350px}	
	
.info-tabs-cont .item-rate {padding:10px 0 30px;
							font-size:15px; 
							line-height:18px}				

.service-categories { padding:30px 0 0}

.service-categories h3 {padding-bottom:10px;
						font-size:15px}

.service-categories ul { margin-bottom:0; 
						 list-style:disc; 
						 min-width:40%}

.service-categories ul li { margin-bottom:15px; font-size:15px}


.clinic-certificates { padding-top:20px}

.clinic-certificates ul { margin:20px 0 0; list-style:none; font-size:15px}

.clinic-cosmo-list { margin:0; text-align:left}

.clinic-cosmo-list > li { display:inline-block;
						  width:20%; 
						  text-align:center; 
						  vertical-align:top; 
						  font-size:15px; 
						  line-height:18px}
						  
.clinic-cosmo-list > li > img { border-radius: 15px;}

.clinic-cosmo-list .fio { padding:18px 20px 12px}

.clinic-cosmo-list .text { padding:18px 20px 0}


.clinic-yandex-map { height:250px;
					 border-radius: 10px;}

.clinic-view-address{ padding:20px; margin:15px 0 0}

.clinic-work-time { margin:10px 0 0; 
					padding:20px; 
					font-size:15px}
					
.subdomain-record-btn { display:block; 
					 position:relative;
					 background:#f2f2f2; 
					 border-radius: 10px; 
					 margin-top:21px; 
					 padding:45px 10px; 
					 text-align:center; 
					 font-size:24px; 
					 font-weight:bold; 
					 text-decoration: none}					

.subdomain-record-btn:before { content:'';
							position:absolute; 
							top:50%;
							left:15px;
							margin-top:-16.5px; 
							background:url(/images/icon_cal_big.svg?2) center center no-repeat; 
							width:30px; 
							height:33px}

/* //Clinics */

/* Services */

.catalog-devorce { padding-top:22px}

.catalog-devorce > a {  display: inline-block;
						width: 32%;
						margin-bottom: 30px;
						text-align: center; 
						text-decoration:none}

.catalog-devorce > a:hover { text-decoration:underline}

.catalog-devorce > a span { display:block; 
							padding-top:10px}

ul.service-list { margin:0}

ul.service-list > li,
ul.service-list > li:last-child,
ul.service-list > li:first-child {border:none; 
					  			  border-bottom: solid 1px #797979}

ul.service-list > li > .section-row > .col-1 { width:36%}

ul.service-list > li > .section-row > .col-2 { width:64%}

ul.service-list > li .item-info { padding:0 22px 0 0}

ul.service-list .item-info .col-1 { width:52%} 
ul.service-list .item-info .col-2 { width:48%; 
									padding-top:24px}

ul.service-list .service-brand {padding-bottom:12px;
								font-size:18px; 
								line-height:22px}

ul.service-list .price { padding-top:20px}

ul.service-list .text { padding-top:0}

ul.service-list .button {height:49px; 
						 width:253px; 
						 line-height:49px} 


.service-price-bl { position:absolute;
				    z-index:2;
					right:0;
					top:67px;
					border:solid 1px #797979;
					border-radius: 15px; 
					width:310px; 
					padding: 15px; 
					font-size:15px; 
					line-height:24px}

.service-price-bl .brand { padding-bottom:8px}

.service-price-bl .name { padding-bottom:25px; 
						 font-weight:bold}

.service-price-bl .price {padding-bottom:8px;
						  font-size:18px}

.service-price-bl .price span { font-weight:bold}

.service-price-bl .button-bl { padding:32px 0 15px; 
							   text-align:center}

.service-price-bl .button-bl .button {width:100%; 
									  line-height:49px!important}


.service-clinics {font-size:15px; 
				  line-height:18px}

.service-clinics  > .section-row {border-bottom:solid 1px #797979}

.service-clinics .row-head { border:solid 1px #797979;
							 background:#f2f2f2}

.service-clinics .col { padding:20px}

.service-clinics .col-1 { width:20%}
.service-clinics .col-2 { width:40%}
.service-clinics .col-3 { width:20%}
.service-clinics .col-4 { width:20%}

/* //Services */


/* Cosmetologists */

.cosmo-view .prof-info { padding:5px 0 10px; font-size:15px}

ul.info-tabs-cont.cosmo-view > li:first-child .text-bl { padding-right:410px}

.cosmo-record-block { width:365px; padding:30px 0 0; border:none}

/* //Cosmetologists */

/* Paging */

.paging { padding:13px 0 0}

.paging .col { width:30%}

	.paging .col  * { margin:0 3px}

.paging .col-2 { width:70%; text-align:right}
	
	.paging .col-2  a {text-decoration:none}
	
	.paging .col-2  a.num-page, 
	.paging .col-2  span { display: inline-block;
						 width:31px; 
						 height:31px; 
						 vertical-align: middle;
						 background:#fff; 
						 border:solid 1px #797979; 
						 border-radius: 31px; 
						 font:13px/31px Arial, Helvetica, sans-serif; 
						 text-align:center} 
	
    .paging .col-2 a.num-page:hover,
	.paging .col-2 span    			 { background:#ccc;} 
	
/* //Paging */

/* Left col */

.left-col { position:relative;
			z-index:2}

.left-col header.h1 {font: bold 24px/28px Tahoma, Geneva, sans-serif; 
					 color:#333;
					 text-align:left; 
					 text-transform:none}

.left-col ul.menu ul { position:relative;
					   margin:0 0 0 0;
					   padding:0;
					   list-style:none}
					   
.left-col ul.menu li { position:relative}
.left-col ul.menu > li { padding:8px 0; margin:2px 0}

.left-col ul.menu > li > div {position:absolute;
							  z-index:3; 
							  display:none; 
							  top:-20px;
							  left:67%; 
							  border:solid 1px #797979;
							  border-radius: 5px;
							  background:#fff; 
							  padding:20px;
					   		  width: 420px;
							  min-height: 75px;}
							  		  

.left-col ul.menu > li > div::after {content:''; 
									 display: block; 
									 width:100%; 
									 clear:both}

.left-col ul.menu li > div.one-col {width: auto; 
									white-space:nowrap}

.left-col ul.menu li > div > ul {float:left;
								 width:50%}

.left-col ul.menu li > div.one-col ul { float:none}

.left-col ul.menu > li.active > a,
.left-col ul.menu > li.active > div ul li.active a { font-weight:bold}

.left-col ul.menu > li.active > div { position:relative; 
									  z-index:1;
									  display:block;
									  top:auto;
									  left: auto; 
									  border:none;
									  padding:12px 0 0 20px}

.left-col ul.menu > li.active > div ul { width:100%}

.left-col ul.menu > li.active > div ul li { margin-bottom:14px}

.left-col ul.menu > li.active > div ul li:last-child { margin:0; padding:0}

.left-col ul.menu ul li { margin-bottom:10px; 
						  font-size:14px}
						  
.left-col ul.menu ul a:hover { text-decoration:underline}	

.left-col .ext-menu { margin:10px 10px 0 0; 
					  list-style:none}
					  
.left-col .ext-menu ul { display:none; margin:0; list-style:none} 

.left-col .ext-menu ul > li { padding-bottom:15px}

.left-col .ext-menu > li.select > a{ font-weight:bold}

.left-col .ext-menu ul > li:last-child { border-bottom:25px}

.left-col .ext-menu > li { border-top:solid 1px #797979; 
						   padding:0}

.left-col .ext-menu > li:last-child { border-bottom:solid 1px #797979}

.left-col .ext-menu > li > a {position:relative;
						      display:block;
						      padding:15px 0;
						      text-transform:uppercase; 
						      text-decoration:none}

.left-col .ext-menu ul > li a { text-decoration:none; 
								font-weight:bold; 
								font-size:13px}

.left-col .ext-menu .free-cons { padding-left:30px}

.left-col .ext-menu .free-cons:before { content:''; 
									  	display:block; 
										position:absolute; 
										top:50%; 
										left:0;
										margin-top:-11px;
										width:23px;
										height:22px; 
										background:url(/images/ic_gift.png?2) center center no-repeat}
										
.left-col .ext-menu li a.active:before {display:inline-block;
										width: 15px;
										height: 15px;
										transform: rotate(225deg);
										padding: 2px 2px 2px 2px;
										background-color: #333333;
										box-sizing: border-box}

.left-col .ext-menu li a.active:before {content:''; 
										position:absolute;
										right:10px;
										margin-bottom:-10px}
										
.left-col .ext-menu li a.active:after {  content:''; 
										 position:absolute;
										 z-index:2; 
										 width:20px; 
										 height:25px;
										 right:17px; 
										 top:10px;
										 background:#fff}

/* //Left col */

/* Footer */
footer.content-pos { border-color:#f2f2f2; 
					 background:#f2f2f2; 
					 margin-top:50px;
					 padding:33px 20px; 
					 line-height:18px}

footer a { text-decoration:none}

footer .section-row .col { width:20%}					 

.foooter_logo { display:inline-block;
				background:url(/images/logo_footer.svg?2) center no-repeat; 
				width:184px; 
				height:46px; 
				line-height:46px; 
				text-align:center}

footer .address { padding:23px 0 0}

footer .work_time { padding:5px 0 23px}

footer .contact { background:url(/images/ic_footer_contact.svg?2) 0 center no-repeat; 
				  line-height:30px;
				  padding:0 0 13px 45px}

footer .col header { padding-bottom:27px}

footer ul.f-menu {margin:0;
				  padding:0;
				  list-style:none}
				  
footer ul.f-menu li { margin-bottom:10px}

footer ul.f-menu li a { display:inline-block; 
						background:url(/images/ic_footer_link.svg?2) 0 center no-repeat; 
						padding-left:30px; 
						line-height:20px; 
						text-transform:uppercase}
						
footer ul.f-menu li a:hover { text-decoration:underline}

.social-bl { padding:20px 0 45px;
			 text-align:center}

.social-bl header { margin-bottom:10px}

.social-bl a { display:inline-block;
			   width:42px; 
			   height:42px; 
			   border:solid 1px #797979;
			   border-radius: 20px; 
			   margin:0 16px; 
			   line-height:42px; 
			   text-align:center} 

.copy { font-size:13px; 
		text-align:center}
		
.platform-footer { padding:27px 20px 77px; 
				   background:#f2f2f2; 
				   font-size:13px; 
				   line-height:18px; 
				   text-align:center}		 


footer.subdomain-footer {background:none;
						 border:none; 
						 border-top:solid 1px #797979; 
						 padding:20px 0}

footer.subdomain-footer > .section-row .col-1 { width:9%}

footer.subdomain-footer > .section-row .col-2 { width:91%}

footer.subdomain-footer > .section-row .col-2 .col-1{ width:40%}

footer.subdomain-footer > .section-row .col-2 .col-2{ width:60%;
													  text-align:right}

.subdomain-footer-name { padding-top:20px;
						 font-size:18px;
						 ine-height: 24px; 
						 font-weight:bold}

.subdomain-footer .social-bl {padding:10px 0 0;
									text-align:right}

.subdomain-footer .social-bl a:last-child { margin-right:0}

.subdomain-footer .clinic-contacts { padding:20px 0 20px; font-size:15px}

.subdomain-footer .clinic-contacts .address { padding-bottom:15px}

footer.subdomain-footer  .col-2  .clinic-contacts .col-2 { padding:20px 0 0;
														   text-align:left}

.subdomain-footer .phone { padding-bottom:7px}

.subdomain-footer .phone:before,
.subdomain-footer .email:before{ content:''; 
								 display:inline-block; 
								 vertical-align:middle; 
								 width:30px; 
								 height:30px;
								 background:url(/images/icon_phone.svg?2) center center no-repeat; 
								 margin-right:10px}

.subdomain-footer .email:before { background-image:url(/images/icon_email.svg?2)}


/* //Footer */


/* Forms */

#cal-user-form { width:450px}

ul.user-form textarea { vertical-align:top;
						height:32px}

.popup-user-form ul.user-form select {width:286px; 
									  font:normal 13px/26px "Trebuchet MS", Arial, sans-serif}
									  
.popup-user-form .user-form input[type='text'],
.popup-user-form .user-form input[type='password'],
.popup-user-form .user-form textarea {width:286px; 
									  padding:0 10px; 
									  font:normal 13px/26px "Trebuchet MS", Arial, sans-serif}

.popup-user-form .user-form input.medium { width:105px}

.popup-user-form > ul > li {margin-bottom:7px}

#cal-user-form .user-form > li > b {display:inline-block;
									width:286px; vertical-align:top}

.no-list-style { list-style:none; margin:7px 0; padding:0}
 
.no-list-style > li { margin-bottom:7px}

.popup-btn-bl { padding-top:15px}
 
.popup-user-form .item-list { width:860px; max-width:100%}
 
.popup-user-form .item-list * { font-size:14px!important} 

.popup-user-form .item-list .cosmo-record-info .date > a span { font-size:12px!important}
 
.popup-user-form .item-list .empty { font-size:0!important} 
 
.popup-user-form .item-list .header { padding-bottom:0; font-weight:normal} 
 
.popup-user-form .item-list .item-info .col-1 { width:45%}  
 
.popup-user-form .item-list .item-info .col-2 { width:55%} 

.popup-user-form .item-list .cosmo-record-info .pos { padding-left:30px}

.popup-user-form  .item-list .item-info { padding-right:0}


 
/* //Forms */
