@import "functions.less";
/*@font-face {
    font-family: 'myra_4f_capsbold';
    src: url('../fonts/Myra_4F_Caps_Bold-webfont.eot');
    src: url('../fonts/Myra_4F_Caps_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Myra_4F_Caps_Bold-webfont.woff') format('woff'),
         url('../fonts/Myra_4F_Caps_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Myra_4F_Caps_Bold-webfont.svg#myra_4f_capsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
	font-family: 'ALSRublRegular';
	src: url('../fonts/rouble.eot');
	src: local('ALS Rubl'), local('ALSRubl'), url('../fonts/rouble.woff') format('woff'), url('../fonts/rouble.ttf') format('truetype'), url('../fonts/rouble.svg#ALSRubl') format('svg');
}

/* Made by rostixman - rostixman@gmail.com */


/* --- COLORS ------------------------------------------------------------------------------------------------ */

@color-black : rgba(0,0,0,1);
@color-white : rgba(255,255,255,1);
@color-white : rgba(255,255,255,1);
@color-gray  : #9c9c9c;
@color-red   : #ff0000;

/* --- VARS ------------------------------------------------------------------------------------------------ */

@h-footer : 50px;

/* --- MAIN ------------------------------------------------------------------------------------------------ */
.dg-callout-inner {
	height: auto!important;
	
	.mcontentwrapper {
		height: auto!important;
	}
}

input,
textarea {
    outline:none;
}

body.about {
	.copy {
		color: white;
	}
}

.dgZoom {
	width: 24px!important;
	left: auto!important;
	right: 11%!important;
	top: 90px!important;
}

.dgZoomTouch {
	right: 11%!important;
	left: auto!important;
}

div[style="position: absolute; z-index: 1000; top: 10px; right: 10px;"] {
	top: 10px!important;
	right: 11%!important;
	left: auto!important;
}

.overflow {
	overflow: hidden;
}

.container {
    padding: 0;
	width: 996px!important;
	max-width: 996px!important;
}

a {
	color: @color-black;
	.transition;
	
	&:hover {
		text-decoration: none;
		color: lighten(@color-black, 50%);
	}
}

html {
	width: 100%;
	height: 100%;
	font-size: 100.01%;
	background: white;
}

body {
	width: 100%;
	height: 100%;
	min-height:100%;
	font-size: 100.01%;
	font-family: 'Open Sans';
	font-size: 1em;
}

#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	margin-bottom: -@h-footer;
	overflow: hidden;

	.reload {
		z-index: -9;
		position: relative;
		height: @h-footer;
		clear: both;
	}
}

.helper {
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0px;
}

header {
	height: 72px;
	background: white;
	position: relative;
	z-index: 1050;

    .col-xs-6 {
        padding: 0;
    }
	
	.logo {
		display: block;
		margin-top: 27px;
		color: @color-black;
		font: italic 18px 'Open Sans';
		
		img {
			margin-top: -4px;
			padding-right: 3px;
			width: 152px;
			height: 28px;
		}
	}

	.contacts {
		margin-top: 18px;

		li{
			height: 35px;
		}
		
		a {
			color: @color-black;
			font: 13px 'Open Sans';
			display: inline-block;
			line-height: 1.35;
			padding-left: 45px;
		}
	}
}

nav {
	height: 36px;	
	background: @color-black;
	position: relative;
	z-index: 1050;

	ul.nav {
		text-align: center;
		height: 36px;
		
		li {
			position: relative;
			float: none;
			display: inline-block;
			
			a {
				text-transform: uppercase;
				font: italic 14px 'Open Sans';
				font-weight: 600;
				margin: 0 6px;
				padding: 0 8px;
				color: @color-white;
				background: transparent;
				background: none;
				border-radius: 0;
				line-height: 36px;
				height: 36px;
                text-decoration: none;
				
				&:hover,
				&.active {
					color: @color-red;
					background: transparent;
					background: none;

                    span{
                    	border-bottom-color:#f00;
                    }
				}

				&.hold {
					color: #7f7f7f;
					pointer-events:none;

                    span{
                    	border-bottom-color:rgba(0,0,0,0);
                    }
				}

				span{
					display: inline-block;
					line-height: 1;
					border-bottom: rgba(255,255,255,.8) 1px solid;
					-webkit-transition: border-bottom-color 0.2s ease-in-out 0s;
					-moz-transition: border-bottom-color 0.2s ease-in-out 0s;
					-ms-transition: border-bottom-color 0.2s ease-in-out 0s;
					-o-transition: border-bottom-color 0.2s ease-in-out 0s;
					transition: border-bottom-color 0.2s ease-in-out 0s;
				}
			}
		}	
	}
}

.block-calendar {
	background: #ff0000;
	width: 100%;
	height: 190px;
	
	.calendar {
		margin-top: 30px;
		height: 76px;
        text-align: center;
		width: 100%;
		
        #cal_date {
            width: 145px;
            display: block;
            float: left;
        }

		.month {
            overflow: hidden;
			font: 18px 'Open Sans';
			color: white;	
			margin: 0 auto;
            text-align: center;
            width: 202px;
			font-weight: 400;

			a {
				width: 22px;
				height: 22px;
				display: block;
                float: left;
				margin: 2px 3px 0px 3px;
				background-image: url('/assets/images/l.png');
				background-repeat: no-repeat;
				background-size: 16px 22px;
				background-position: 50% 50%;

				@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){
					background-image: url(/assets/images/l@2x.png);
				}

				&#nextMonth {
					background-image: url('/assets/images/r.png');

					@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){
						background-image: url(/assets/images/r@2x.png);
					}
				}

				&.hold {
                    opacity: .5;
                    cursor:default;
				}
			}
		}

		li {
			display: inline-block;
            margin: 0 2px;
			
            .week {
                height: 14px;
                margin-bottom: 1px;
            }

			a {
				font: 12px 'Open Sans';
				color: white;
				width: 24px;
				height: 36px;
                display: block;
                text-align: center;
                // padding-top: 1px;
                border: 1px solid #ff0000;
			}

			&.active {
                a {
                    color: #ff0000;
                    background: white;
                    border: 1px solid white;
                }

                &:hover { 
                    a {
                        color: #ff0000!important;
                    }
                }
            }

			&:hover {
				a {
				    border: 1px solid white;	
                    color: white;
				}
			}

			&.sep {
				width: 1px;
				background: #ff8080;
				height: 36px;
                vertical-align: bottom;
				margin: 0 2px;
			}
		}

		.days {
            clear: both;
			overflow: hidden;
            margin: 15px auto 0;
            z-index: 99;

            ul {
            	z-index: 100;
                padding-top: 1px;
                height: 41px;
                overflow: hidden;
                margin-bottom: 0;
                
                a {
                	z-index: 101;
                	position: relative;
                	font-weight: 600;
                }
            }
		}
	}

	#zapis {
		// overflow: hidden;
		margin: 19px auto 0;
		height: 40px;
		width: 787px;
		position: relative;
		
		#submit {
			font: italic 30px 'Open Sans';
			text-transform: uppercase;
			position: absolute;
			right: 0px;
			bottom: 5px;
			color: white;
			background: #ff0000;
			height: 47px;
			
			&:hover {
				color: white;
				text-decoration: underline;
			}

			&[disabled="disabled"] {
				color: #ffa3a3!important;
				
				&:hover {
					color: #ffa3a3!important;
					text-decoration: none;
					
					&+.desc {
						opacity: 1;
						bottom: -14px;
					}
				}
			}
		}

		.desc {
			display: block;
			position: absolute;
			right: 5px;
			bottom: -25px;
			font: 10px 'Open Sans';
			background: black;
			color: white;
			padding: 3px 6px;
			border-radius: 2px;
			opacity: 0;
			.transition;
		}
	}

	input {
		width: 185px;
		padding: 5px 8px;
		border-radius: 0;
		border: none;
		font: 14px 'Open Sans';
		
		&+input {
			margin-left: 12px;
		}
	}
}


.appointments-page {
	hr.red {
		background: #ff0000;
		height: 1px;
		width: 100%;
		margin-left: 0%;
	}

	.container {
		margin-bottom: 20px;
	}

	.group {
		h4.group-title {
			font: italic 24px 'Open Sans';
			text-transform: uppercase;
			margin: 20px 0 0 7px;

            span.count {
                font-size: 14px;
            }
		}

		li {
			position: relative;
			margin-right: 9px;
			margin-top: 5px;
			display: inline-block;
			padding: 5px 8px;
			
			a {
				font: italic 17px 'Open Sans';
				letter-spacing: 1px;
                font-weight: 300;
                text-decoration: none;
                .transition(@css: background;)
			}
			
			&.active {
                background: #ff0000;
                
                a {
                    color: white!important;
                }
            }

            &:hover {
				a {
					color: #ff0000;
				}
			}

			&:hover a{
				z-index: 101;
			}
			
			&:hover {
				.desc {
					visibility: visible;
					opacity: 1;
						bottom: 33px;

				}
			}
		}

		.desc {
			background:rgba(255,255,255,.95);
			color: black;
			font-size: 14px;
			-webkit-box-shadow: 0 -3px 32px rgba(0,0,0,.2);
			-moz-box-shadow: 0 -3px 32px rgba(0,0,0,.2);
			box-shadow: 0 -3px 32px rgba(0,0,0,.2);
			position: absolute;
			display: inline-block;
			visibility: hidden;
			opacity: 0;
			z-index: 101;
			bottom: 45px;
			left: 50%;
			padding: 16px 18px 8px;
			pointer-events:none;
			white-space: nowrap;
			transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;
			
			hr {
				margin-top: 8px;
				margin-bottom: 8px;
				background: #7f7f7f;
				height: 1px;
			}

			span {
				font: italic 24px 'Open Sans';
				text-align: center;
				display: block;
				margin: 0 auto;
				font-weight: 500;
			}
		}
	}	
}

#content {
	min-height: 500px;
	.transition(0.7s);

	#v-middle {
		// position: relative;
	}
	
	&.hide_area {
		margin-left: -50%;
	}
	
	.container {
		&.index {
			margin-bottom: 24px;
		}

		.services {
			width: 500px;
			// right: 0;
			position: absolute;
			height: 100%;
			z-index: 9;
			padding: 0;
			display:table;
			// vertical-align: middle;
		}
		
		&.contacts {
			min-height: 500px;
		}
	}

	&.masters-page {
		width: 996px;
		margin: 10px auto;
		
		#scroll-block {
			clear: both;
		}

		.nav-masters {
			margin: 36px 0 42px 40px;
			clear: both;
			height: 155px;
			
			a {
				font: italic 14px 'Open Sans';
				color: black;
				text-transform: uppercase;
				border-bottom: 1px dashed rgba(0,0,0,0.30);
				
				div {
					margin-left: 14px;
					height: 19px;	
				}

				&.active {
					font: italic 48px 'Open Sans';
					color: #ff0000;
					border-bottom-color: rgba(0,0,0,0);
					text-decoration: none;
					
					div {
						margin-left: 16px;
						height: 0px;	
					}
				}
			}	

			li {
				clear: both;
				width: 100%;
				margin-left: 20px;
				margin-left: 0;
			}
		}

		li {
			float: left;
			//width: 500px;
			// width: 450px;
			width: 474px;
			
			&.odd {
				margin: 0;
			}

			&.even {
				margin-left: 48px;
			}
		}
		
		.masters {
			width: 996px;
			overflow: hidden;	
			display: inline-block;
		}

		.master {
			overflow: hidden;
			margin-bottom: 30px;
		}

		.img {
			border-radius: 50%;
			width: 240px;
			height: 240px;
			background: #fafafa;
			overflow: hidden;
			float: left;
			display: inline-block;
			
			img {
				display: block;
				margin: 0 auto;
				width: 240px;
			}
		}

		.name {
			font: italic 28px 'Open Sans';
			float: left;
			// width: 240px;
			line-height: 28px;
			width: 210px;
			margin: 0 0 0 24px;
			height: 240px;
			display: table;
			vertical-align: middle;

			span{
				display: table-cell;
				vertical-align: middle;
			}
		}

		.desc {
			float: left;
			// width: 240px;
			width: 222px;
			margin: 0 0 0 12px;
			font: 14px 'Open Sans';
		}
	}
	
	#contacts_map {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 8;
		transition:transform 700ms ease-in-out;
		-moz-transition:-moz-transform 700ms ease-in-out;
		-webkit-transition:-webkit-transform 700ms ease-in-out;
		-o-transition:-o-transform 700ms ease-in-out;
	}
	
	#btn_swap {
		width: 100%;
		height: 100%;
		background: transparent;
		background: none;
		opacity: 0.5;
		position: absolute;
		right: -50%;
		margin-right: -426px;
		top: 0;
		z-index: 9;
		
		&.left {
			right: auto;
			left: -50%;
			margin-right:auto;
			margin-left:-426px
		}

		&:hover {
			cursor: pointer;
		}
	}

	.contacts_address {
		margin-top: 36px;
		width: 212px;
		position: relative;
		z-index: 9;
		overflow: hidden;
		background: #ff0000;
		transition:transform 700ms ease-in-out;
		-moz-transition:-moz-transform 700ms ease-in-out;
		-webkit-transition:-webkit-transform 700ms ease-in-out;
		-o-transition:-o-transform 700ms ease-in-out;
		
		a.mail {
			color: white;
			text-decoration: none;

			span{
				display: inline-block;
				line-height: 1;
				border-bottom: rgba(255,255,255,.5) 1px solid;
				-webkit-transition: border-bottom-color 0.2s ease-in-out 0s;
				-moz-transition: border-bottom-color 0.2s ease-in-out 0s;
				-ms-transition: border-bottom-color 0.2s ease-in-out 0s;
				-o-transition: border-bottom-color 0.2s ease-in-out 0s;
				transition: border-bottom-color 0.2s ease-in-out 0s;
			}
			
			&:hover {
				span{
					border-bottom-color: rgba(255,255,255,.8);
				}
			}
		}

		h1 {
			text-align: center;
			padding: 12px 0;
			margin: 0;
			text-transform: uppercase;
			font: italic 30px 'Open Sans';
			color: white;
			background: black;
		}

		ul {
			padding: 0 17px 5px;
			margin-bottom: 2px;
			
			li {
				padding: 9px 0 13px 0;
				color: white;
				font: 12px 'Open Sans';
				font-weight: 600;
				
				.title {
					font: italic 18px 'Open Sans';
					font-weight: 600;
				}

				&+li {
					border-top: 1px solid #ff8080;
				}
			}
		}

		.btn {
			font: italic 14px 'Open Sans';
			color: black;
			background: white;
			display: block;
			margin: 0 10px 12px 10px;
			border-radius: 0;
			text-transform: uppercase;
			font-weight: 600;

			span {
				border-bottom: 1px dashed black;
			}
			
			&:hover {
				// color: white;
				background: rgb(231, 228, 228);
			}
		}
	}

	.right_map {
		width: 100%;
		height: 100%;
		position: absolute;
		background: #e8e8e8;
		z-index: 8;
		right: -50%;
		margin-right:-426px;
		top: 73px;
		opacity: 1;
		box-shadow: inset 0 0 25px 5px rgba(0,0,0,.4);
		// .transition(0.7);
		.transition(0.7s);
		
		&.show_area {
			right: -50%;
			margin-right:426px;
			background: #ffffff;
			box-shadow: 0 0 25px 5px rgba(0,0,0,.4);
		}
		
		.v-middle {
			position: absolute;
			left: 0;
			top: 0;
			// width: 70%;
			// max-width: 1200px;
			min-width: 900px;
			height: 500px;
			
			.scheme {
				margin: 10px 0 0 30px;
				
				.build {
					position: absolute;
					top: 0;
					left: 0;
				}

				.build-1 {
					top: 66px;
					left: 34px;
				}
				.build-2 {
					top: 134px;
					left: 94px;
				}
				.build-3 {
					top: 51px;
					left: 31px;
				}
				.build-4 {
					top: 100px;
					left: 107px;
				}
				.build-5 {
					top: 76px;
					left: 134px;
				}
				.build-6 {
					top: 45px;
					left: 162px;
				}
				.build-7 {
					top: 74px;
					left: -6px;
				}
				.build-8 {
					top: 5px;
					left: 74px;
				}
			}

			.nav-tur {
				position: absolute;
				top: 0;
				left: 50px;
				// overflow: hidden;

				a {
					font: italic 14px 'Open Sans';
					color: black;
					text-transform: uppercase;
					border-bottom: 1px dashed rgba(0,0,0,0.30);
					.no-transition;
					
					div {
						margin-left: 14px;
						height: 19px;	
					}

					&.active {
						font: italic 22px 'Open Sans';
						color: #ff0000;
						border-bottom: 1px dashed transparent;
						
						div {
							margin-left: 16px;
							height: 0px;	
						}
					}
				}
			}

			.slider {
				right:0;
				top: 0;
				left: auto;
				
				min-height: 580px;
				width: 625px;
				position: absolute;
				
				img {
					position: relative;
					left: 0;
					top: 0;
				}
			}
		}
	}

	.panel-group .panel {
		overflow: visible;	
		
		&+.panel {
			margin-top: 0;
		}
	}

	.slider {
		min-height: 580px;
		width: 50%;
		position: relative;
		
		img {
			width: auto;
			position: absolute;
			left: -9999px;
		}
	}

	#accordion {
		// margin-top: 115px;
		display: table-cell;
		vertical-align: middle;
		// min-height: 465px;
		
		&.about {
			min-height: 300px;
		}

		.panel-default {
			border: 0;
			box-shadow: none;
			background: none;
			background: transparent;
			
			.panel-heading {
				padding: 0;
				border: none;
				background: none;
				
				a {
					margin-left: 15px;
					border-bottom: 1px dashed rgba(0,0,0,0.30);
					font: italic 14px 'Open Sans';
					text-transform: uppercase;
					text-decoration: none;
					display: inline-block;
					margin-top: 0px;
					// .transition(@time: 0.2s);
					.no-transition;

					&.large {
						font: italic 48px 'Open Sans';
						color: #ff0000;
						margin-top: 15px;
						line-height: 48px;
						border-bottom: 0;
						
						&.about {
							margin-left: 13px;
							color: black;
							
							&:hover {
								color: black;
							}
						}

						&:hover {
							color: #ff0000;
						}
					}	

					&:hover {
						border-bottom-color: black;
						color: black;
					}
				}
			}

			.panel-collapse {
				.panel-body {
					margin: 20px 0px 0 16px;
					padding: 15px 0 25px;
					position: relative;
					border-top: 1px solid #7f7f7f;
					border-bottom: 1px solid #7f7f7f;
					
					div {
						padding: 0;
					}

					.text {
						font: 14px 'Open Sans';
						line-height: 16px;
					}
					
					.wrap-sly {
						height: 126px;
					}

					.masters {
						width: 240px;
						
						h2 {
							margin-left: 30px;
						}

						ul {
							overflow: hidden;	
							height: 116px;
						}

						li {
							padding: 0;
							width: 107px;
							float: left;
							margin-left: 1px;
						}	

						.img {
							width: 73px;
							height: 73px;
							border-radius: 50%;
							border: 1px solid #e9e9e9;
							overflow: hidden;
							margin-left: 15px;
							
							img {
								display: block;
								margin: 0 auto;
								height: 73px;
								border-radius: 50%;
							}
						}

						.master {
							font: italic 14px 'Open Sans';
							margin-top: 3px;
							text-align: center;
							
							span {
								border-bottom: 1px solid rgba(0,0,0,0.30);	
							}
							
							&:hover span {
								border-bottom: 1px solid black;
							}
						}

						a:hover {
							color: black;
							
							.ms {
								border-bottom-color: black;
							}	
						}

						.nav {
							margin-top: -78px;
							a {
								display: block;
								width: 12px;
								height: 32px;
								.no-transition;
								
								&.disabled {
									opacity:.2;
									
									&:hover {
										cursor: default;
									}
								}
							}
							.prevPage {
								background: url('../images/arrows-sly.png') no-repeat left 0;
								float: left;
							}

							.nextPage {
								background: url('../images/arrows-sly.png') no-repeat right 0;
								float: right;
							}
						}

						.sly-carousel {
							width: 215px;
							margin-left: 13px;
						}
					}

					.photo {
						position: relative;
						width: 212px;
						
						ul {
							height: 100px;
							position: relative;
							
							li {
								position: absolute;
								padding: 6px;
								background: white;
								box-shadow: 0 0 2px rgb(185, 185, 185);
								top: 0;
								left: 0;
								z-index: 3;
							}

							li + li {
								left: 40px;
								top: 7px;
								z-index: 2;
								
								img {
									height: 80px;
								}
							}

							li + li + li {
								top: 17px;
								left: 80px;
								z-index: 1;
								
								img {
									height: 65px;
								}
							}

							li + li + li + li {
								display: none;
							}
						}
					}
					
					.btn-feedback {
						display: inline-block;
						width: 100px;
						text-align: center;
						background: black;
						color: white;
						font: italic 14px 'Open Sans';
						position: absolute;
						text-transform: uppercase;
						padding: 5px 0;
						clear: both;
						bottom: -13px;
						left: 39%;
						
						&:hover {
							background: gray;
						}
					}
					
					h2 {
						text-transform: uppercase;
						font: italic 18px 'Open Sans';
						display: inline-block;
						
						.ms {
							border-bottom: 1px solid rgba(0,0,0,0.30);
							padding-bottom: 0px;
							height: 22px;
							display: inline-block;	
							.transition;
						}
						
						.count {
							font-size: 12px;
							display: inline-block;
						}
					}

					a.more {
						font: 13px 'Open Sans';
						text-decoration: underline;
					}
				}

				&.in {
					margin-bottom: 30px;
				}
			}
		}
	}

	.news {
		padding: 13px 0;
		
		.row {
			padding: 23px 0;
			&+.row {
				border-top: 1px solid #7f7f7f;
			}	
		}

		.image {
			position: relative;
			
			img {
				width: 492px;
			}

			.sale {
				position: absolute;
				left: 15px;
				top: 0;
				padding: 4px 8px;
				background: #ff0000;
				color: white;
				font: italic 14px 'Open Sans';
			}
		}
		
		.info {
			.date {
				font: italic 14px 'Open Sans';
				color: #ff0000;
			}

			h2 {
				margin-top: 5px;
				margin-bottom: 15px;
				font: italic 30px 'Open Sans';
				text-transform: uppercase;
			}

			.text {
				font: 14px 'Open Sans';
			}
		}
	}
}

footer {
	position: relative;
	z-index: 99;
	margin-bottom: -@h-footer;
	height: @h-footer;	
	.copy {
		font: 10px 'Open Sans';
		padding-top: 4px;
		// text-shadow: 0px 0px 8px white;
	}
	.container {
		overflow: hidden;
		height: @h-footer;
		position: relative;
		font-size: 13px;
	}

	p{
		display: inline-block;
		position: absolute;

		span{
			display: inline-block;
			color: #fff;
		}
	}

	a{
		display: inline-block;
		position: absolute;
		right: 0;

		&[href="//gridpix.ru/"]{
			right: 248px
		}

		&[href="//gridpix.ru/"] span{
			width: 68px;
			height: 17px;
			background-image: url(/assets/images/gridpix.png);
			background-size: 68px 17px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			border:none;
			position: relative;
			top:1px;

			@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){
				background-image: url(/assets/images/gridpix@2x.png);
			}
		}

		span{
			display: inline-block;
			font-size: 14px;
			font-weight: 600;
			border-bottom: rgba(0,0,0,.5) 1px solid;
			line-height: 1;
		}
	}
}

.modal-dialog {
	width: 360px; 
	position: relative;
	// margin-top: 300px;
	
	.modal-content {
		border-radius: 0;
	}

	h4 {
		color: #ff0000;
		width: 200px;
		font: italic 36px 'Open Sans';
		text-transform: uppercase;
		margin: 0;
		border-bottom: 1px solid #ff0000;
		margin-bottom: 8px;
		padding-bottom: 5px;
	}

	.text {
		width: 200px;
		font-size: 12px;
	}

	button {
		position: absolute;
		top: 30px;
		right: 30px;
		color: #ff0000;
		border: 1px solid #ff0000;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background: white;
		font: italic 24px 'Open Sans';
		.transition;
		
		&:hover {
			background: #ff0000;
			color: white;
		}

		&:focus {
			outline: none;
		}
	}
}

// иконки
.icon-map {
	background: url('../images/icon-map.png');
	background-repeat: no-repeat;
	background-size: 35px 35px;
	width: 162px;
	float: right;

	@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){
		background-image: url('../images/icon-map@2x.png');
	}
}

.icon-clock {
	background-image: url('../images/icon-clock.png');
	background-repeat: no-repeat;
	background-size: 35px 35px;
	float: right;
	width: 179px;

	@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){
		background-image: url('../images/icon-clock@2x.png');
	}
}

.about {
	.btn-feedback {
		width: 85px!important;
		left: 41%!important;
	}
}

i.rub {
	display: inline-block;
	font-family: 'ALSRublRegular';
	// margin-left: 5px;
	
	&.no {
		font-style: normal;
	}
}