/* Стили для карты в контактах */
.maps.maps-warning.maps-pricing {
    overflow: hidden;
    box-shadow: 0 0 10px #2ecacc;
}	
.maps img {
    width: 570px;
    margin-top: 10px;
    overflow: hidden;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    height: 495px;
}
.maps img:hover {
	cursor: pointer;
    width: 570px;
    height: 495px;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* Боковая панель списка заведение */
#panel {
    position: fixed; /* положение */
    top: 280px; /* отступ сверху */
    right: 0; /* отступ слева */
    background: green; /* цвет фона */
    width: 30px; /* ширина блока */
    height: auto; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */
    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    transition-duration: 0.3s;
	z-index: 9999;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_panel {
    position: fixed; /* положение */
    top: 20px; /* отступ сверху */
    right: -320px; /* отступ слева */
    background: #f2f1f0; /* цвет фона */
    color: #000; /* цвет текста */
    width: 300px; /* ширина блока */
    height: 900px; /* высота блока */
    padding: 5px; /* отступы от границ внутри блока */
    text-align: left; /* выравнивание текста */
    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    transition-duration: 0.3s; /* закругление границ для всех браузеров*/
    border-radius: 0 5px 5px 0;
	overflow-y: auto;
	z-index: 9999;
    }
#panel ol.list {
	color: #17750d;
}
#panel:hover {
    right: 300px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#panel:hover #hidden_panel {
    right: 0; /* отступ слева */
}
#panel .deg{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
#panel .deg.hid {
	display: none;
}
.deg {
    padding-top: 10px;
}    
.site_info_bok {
	font-size: 14px;
	text-decoration: none !important;
}
#right-drawer h4 {
	text-align: left;
    color: #24580a;
    padding-left: 34px;
}
/* Панель 1 */
#panel1 {
    position: fixed; /* положение */
    top: 500px; /* отступ сверху */
    right: 0; /* отступ слева */
    background: green; /* цвет фона */
    width: 30px; /* ширина блока */
    height: auto; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */
    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    transition-duration: 0.3s;
	z-index: 9999;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_panel1 {
    position: fixed; /* положение */
    top: 20px; /* отступ сверху */
    right: -320px; /* отступ слева */
    background: #f2f1f0; /* цвет фона */
    color: #000; /* цвет текста */
    width: 300px; /* ширина блока */
    height: 700px; /* высота блока */
    padding: 5px; /* отступы от границ внутри блока */
    text-align: left; /* выравнивание текста */
    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    transition-duration: 0.3s; /* закругление границ для всех браузеров*/
    border-radius: 0 5px 5px 0;
	z-index: 9999;
	overflow-y: auto;
    }
#panel1 ol.list {
	color: #17750d;
}
#panel1:hover {
    right: 300px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#panel1:hover #hidden_panel1 {
    right: 0; /* отступ слева */
}
#panel1 .deg{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
#panel1 .deg.hid {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	display: none;
}
.deg {
    padding-top: 10px;
}    
.site_info_bok {
	font-size: 14px;
	text-decoration: none !important;
	color: #17750d;
    margin-top: 3px;
	text-align: left;
}
.site {
	overflow-y: auto;
}

@media (max-height: 1040px) {
	#hidden_panel {
		height: 800px;
	}
	#hidden_panel1 {
		height: 800px;
	}
	#panel {
		top: 150px;
		/* скрити панель */
		display: block;
	}
	#panel1 {
		top: 450px;
		/* скрити панель */
		display: block;
	}
}

@media (max-height: 940px) {
	#hidden_panel {
		height: 700px;
	}
	#hidden_panel1 {
		height: 700px;
		/* скрити панель */
		display: block;
	}
	#panel {
		top: 150px;
		/* скрити панель */
		display: block;
	}
	#panel1 {
		top: 450px;
		/* скрити панель */
		display: block;
	}
}

@media (max-height: 800px) {
	#hidden_panel {
		height: 600px;
	}
	#hidden_panel1 {
		height: 600px;
	}
	#panel {
		top: 80px;
		/* скрити панель */
		display: block;
	}
	#panel1 {
		top: 360px;
		/* скрити панель */
		display: block;
	}
}

@media (max-height: 700px) {
	#hidden_panel {
		height: 500px;
	}
	#hidden_panel1 {
		height: 500px;
	}
	#panel {
		top: 150px;
		/* скрити панель */
		display: block;
	}
	#panel1 {
		top: 450px;
		/* скрити панель */
		display: none;
	}
}


@media (max-height: 500px) {
	#hidden_panel {
		height: 400px;
	}
	#hidden_panel1 {
		height: 400px;
	}
	#panel {
		top: 150px;
	}
	#panel1 {
		top: 450px;
	}
}

@media (max-height: 700px) {
	#panel .deg.hid {
		display: block;
	}
	#panel .deg {
		display: block;
	}
	#panel {
		top: 250px;
	}
	#panel1 {
		top: 430px;
	}
	#panel1 .deg.hid {
		display: block;
	}
	#panel1 .deg {
		display: block;
	}
	.deg {
	    padding-top: 0;
	}
}