@charset "utf-8";
@import url("style_font_awesome.css");
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700,900&subset=latin-ext');

html {font-family: 'Titillium Web', Tahoma;}
body {margin:0;padding:0; color: #444; font-family: 'Titillium Web', Tahoma; font-size: 15px;}

h1 {font-size: 38px; margin-top: 10px; font-weight: 400; margin-bottom: 20px;}
h2 {margin-bottom: 20px; margin-top: 35px; color: #231f20;}
h1.h2 {margin-bottom: 20px; margin-top: 35px; color: #231f20;}
.accommodation h1, .icons h2 {margin-bottom: 85px;}
.connect h2 {margin-bottom: 35px;}

.top_logo {position: relative; z-index: 100; margin-top: -20px;}

a {color: #929b3c}

/* Меню */
/*nav .nav li {padding-left: 5px;padding-right: 5px;}*/
nav .nav li a {text-shadow: none; font-size: 20px;}
nav .nav a {text-shadow: none; font-size: 20px; }
nav li {padding-bottom: 0 !important;}
.navbar-default {border: none; background: #fff; background: #929b3c; box-shadow: none; margin-bottom: 0; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {background:none; box-shadow: none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background:none; box-shadow: none;}
.navbar-toggle {border-radius: 5px; transition: all 0.2s;}
.navbar-collapse {z-index: 1000000;}
.navbar-nav > li {float: none; }
.navbar-nav > li > a { transition: all 0.2s;}
.nav > li { display: table-cell; text-align: center; vertical-align: middle; white-space: normal;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color: #00bff3;}

.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: -30px;
	border-radius: 0;
	border: none;
}
.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:hover > a {
	color: #f0f0f0;
}

.dropdown-menu {transition: all 0.7s; min-width: 200px; padding: 10px;}
.dropdown-menu li a {font-weight: bold !important; padding: 5px 15px; line-height: 1em !important; font-size: 14px !important; text-transform:none; transition: all 0.3s;}
.dropdown-menu li a:hover {color: #aa9; background: #fff; text-transform:none;}
.dropdown-menu:after {display: none;}
.dropdown-menu li a:before {display:none;}
nav a.menu_sel {color: #fff !important; font-weight: bold !important;}
nav .dropdown-menu a.menu_sel {font-weight: bold !important}


/* Блоки */

.top_phones p {margin: 0;}
.langs {font-weight: bold; font-size: 14px; color: #fff; background: #3c3d40; padding-top: 10px; padding-bottom: 10px;}
.langs a {margin: 0 5px; color: #fff;}
.langs a.not_active {color: #929b3c;}
.logo {background:url(../images/bg/bg_arka.png) top no-repeat; background-size: 100% auto;}
.logoin {height: 190px; }
.logoin.bg {background: url(../images/bg/bg_town.png) bottom repeat-x;}

.accommodation {background: #929b3c; margin-top: 35px;}
.accommodation-room {background: #929b3c; margin-top: -35px;}


.icons {background: #cacbcc; margin-top: 35px;}
.icons-set, .accommodation-set {margin-top: -65px;}
.icons-1, .icons-2, .icons-3, .icons-4 {font-weight: 700; font-size: 30px; padding: 35px 10px 35px; color: #fff; transition: all 0.5s;}
.icons-set img {margin: 30px 0 17px;} 
.icons-1 {background: #606622; }
.icons-2 {background: #3c3d40;  }
.icons-3 {background: #cacbcc; color: #3c3d40;}
.icons-4 {background: #929b3c;}
.icons-1:hover {background: #808642; }
.icons-2:hover {background: #5c5d60;  }
.icons-3:hover {background: #eaebec; color: #3c3d40;}
.icons-4:hover {background: #b2bb5c;}

.connect {background: #cacbcc; margin-top: 35px;}
.connect-icons {margin-top: 15px; color: #929b3c; font-size: 27px;}

.page-pic {margin-bottom: 30px;}

#accommodation {background: url(../images/bg/dots.png);}
.accommodation-room-photo {background: #3c3d40; }
.accommodation-room-photo2 {padding: 0;}
.accommodation-room-list {color: #fff; background: #3c3d40; padding: 25px 30px; font-size: 18px; line-height: 2em;}
.accommodation-room-list span {cursor: pointer; }
.accommodation-room-list span.active {color: #929b3c;}

.accommodation-room-options div[class*=col-sm] {line-height: 1.1; display: table-cell; float: none; height: 40px; vertical-align: middle;}
.accommodation-room-options div[class*=col-sm]:not(:first-child) {border-left: solid 2px; }
.accommodation-room-options div.row { display: table;}
.accommodation-room-options {background: #dfe0e0; padding: 15px; font-weight: bold;}
.accommodation-room-descr {background: #cacbcc;}
.accommodation-room-text {padding: 20px 30px; font-size: 16px;}
.accommodation-room-text h3 {font-size: 22px; margin-top: 0;}
.accommodation-room-text .fa-share-alt {font-size: 28px;}
.accommodation-room-why {background: #929b3c; color: #333615; font-size: 18px;}
.accommodation-room-why-b {padding-top: 35px;}
.accommodation-room-why-b .btn {margin-bottom: 20px;}
.accommodation-room-why-b .fa {margin-top: 10px;}
.plan {z-index:10; padding: 10px 15px; background: rgba(0,0,0,0.5); color: #fff; font-size: 18px; line-height: 1; padding-top: 15px; height: 65px; position: absolute; }
.plan img {margin-top: 3px; margin-left: 8px;}
.plan a {color: #fff; }

.tooltip > .tooltip-inner hr {margin: 5px 0; border-color: #fff;}
.tooltip > .tooltip-inner {
    background: #73AD21; 
    color: #FFFFFF; 
    border: 1px solid green;
    padding: 15px;
    font-size: 18px;
}
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid green; }
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid green;}
.tooltip.left > .tooltip-arrow {
    border-left: 5px solid green;}
.tooltip.right > .tooltip-arrow {
    border-right: 5px solid green;}

.fff {color: #fff;}
.green {color: #929b3c;}
.amenities {margin-top: 20px;}
.col2 {columns:2; line-height: 1em;}

.text-set {}
.accommodation-room-photo {background: #3c3d40; }
.accommodation-room-photo2 {padding: 0;}
.text-room-list {color: #fff; background: #3c3d40; padding: 25px 30px; font-size: 18px; line-height: 1.75em;}
.text-room-list p {margin-bottom: 0;}
.accommodation-room-options {background: #dfe0e0; padding: 15px; font-weight: bold;}
.accommodation-room-descr {background: #cacbcc;}
.accommodation-room-text {padding: 20px 30px; font-size: 16px;}
.accommodation-room-text2 {min-height: 100px;}
.accommodation-room-text h3 {font-size: 22px; margin-top: 0;}
.accommodation-room-text .fa-share-alt {font-size: 28px;}
.accommodation-room-why {background: #929b3c; color: #333615; font-size: 18px;}
.accommodation-room-why-b {padding-top: 35px;}
.accommodation-room-why-b .btn {margin-bottom: 20px;}
.accommodation-room-why-b .fa {margin-top: 10px;}
.fff {color: #fff;}
.green {color: #929b3c;}
.amenities {margin-top: 20px;}
.col2 {columns:2; line-height: 1em;}


.bottom_logo {pointer-events: none; padding-top: 10px; text-align: center; background: url('../images/bg/duga.png') top center no-repeat; background-size: 100% 161px; width: 100%; height: 180px; margin-top: -70px; z-index: 100; position: relative;}
.bottom_info {margin-top: 80px;}

.sticky {
 position: fixed;
 right: 10px !important;
 top: 5px; /*здесь указываем отступ сверху*/
 z-index: 9999; /*устанавливаем блок поверх всех элементов на странице*/
 box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}

.extrabold {font-weight: 900;}

p,ul {margin-bottom: 21px;}
li {margin-bottom: 5px;}

footer {
	margin-top: 15px; color: #fff; font-size: 20px; position: relative; padding: 20px 0 40px; 
	background: url(../images/bg/bg_bottom_left.png) bottom left no-repeat, url(../images/bg/bg_bottom_right.png) bottom right no-repeat, linear-gradient(to bottom, #6e6f72, #555658) ;
}
footer .fa {color: #fff; font-size: 66px; margin: 0 0 10px;}
footer a {color: #fff;}
footer a:hover {color: #f0f0f0;}
footer .visible-xs .fa {margin-top: 0;}

/* Хлебные крошки */
.breadcrumbs {color: #929497; font-weight: bold; font-size: 14px; padding: 70px 0 60px; }
.breadcrumbs a {}
.breadcrumbs span {background: url(../images/breadcrumbs.png) no-repeat; display: inline-block; margin: 0 5px; width: 6px; height: 9px;}

/* Меню */
h2.submenu {margin-top :0; margin-bottom: 15px; color: #fff; }
.sub-menu {list-style: none; padding: 0; margin-bottom: 0;}
.sub-menu > li {padding: 1px 0; margin: 0; }
.sub-menu a {color: #fff; width: 100%; display: block; text-decoration: none;}
.sub-menu .menu_sel a {color: #929b3c;}

hr { border: 0px; border-top: 1px solid #ccc; margin: 12px 0;}
.semibold {font-weight: 600;}

img[align=left] {margin-right: 15px;}

/* Статьи */
article {margin-bottom: 30px; }
article h3 {text-transform: none; font-weight: normal; font-size: 21px; margin-top: 0;}
article h4 {line-height: 1.25em; }
article a {color: #444;}
article a:hover {text-decoration: none; color: #999;}
article img {margin-bottom: 15px;}
article img:not(:first-child) {margin-top: 25px;}
.article_date {font-family: 'Raleway'; font-weight: 300; font-size: 18px; margin: -5px 0 5px;}
.article_short {font-weight: 300;}

.index-small h4 {font-size: 15px; font-weight: 600; margin-top: 0;}
.index-small .article_date {color: #888; text-transform: uppercase; font-size: 11px;}


.article_photos {margin-top: 30px;}
.article_photos div[class^=col] {background: rgba(0,0,0,0.1); transition: all 0.2s; padding: 0 5px;}
/*.article_photos div[class^=col]:nth-child(3n-1) {margin-top: -40px;}*/
.article_photos div[class^=col]:hover {background: rgba(0,0,0,0.3);} 
.article_photos img {margin: 5px 0; cursor: pointer;}
.article_photo_info {background: rgba(0,0,0,0.6); position: absolute; bottom: 5px; left: 5px; right: 5px; text-align: center; color: #fff; }
.article_photo_info a {color: #fff;}
.article_photo_info p {line-height: 1.1em; margin: 5px 5px 10px; font-size: 13px;}
.article_photo_info .share-item {display: none; margin: 10px 0; font-size: 12px; width: 20px; padding-top: 2px; height: 20px; border: solid 1px;}
.article_photos div[class^=col]:hover .share-item {display: inline-block; }
img.article_full {padding: 5px; border: solid 1px #f0f0f0; margin-bottom: 15px;}

.article_nextprev a {color: #000;}
.article_nextprev a:hover {text-decoration: none;}

.videoWrapper {	position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Статьи главной */
article.first img {border-radius: 10px; margin-bottom: 20px; clear: both;}

.social_buttons {text-align: right; margin-bottom: 30px; margin-top: 30px; clear: both;}

.text {margin-top: 35px;}
.text table {margin-bottom: 15px; box-shadow: 1px 1px 2px #999; background: #fbfbfb;}
.text table td {padding: 10px}
.text table th {background: #e9e9e9; padding-top: 10px; font-weight: normal; font-size: 17px;}

/* СТРАНИЦЫ */
div.pages {clear: both; padding: 30px 0;}
div.pages a {margin: 0 2px; transition: all 0.4s; background: #444; color: #ccc; display: inline-block; line-height: 35px; text-align:center; width: 35px; height: 35px; border-radius: 3px;}
div.pages a:hover {background: #aaa; text-decoration: none;}
div.pages a.active {background: #999; color: #fff; }

/* Carousel */
.carousel {
    height: 390px;
	margin-bottom: 20px;
	box-shadow: none;
}
.carousel-inner, .carousel-inner .item {
    height: 390px;
}
.carousel-indicators {
	bottom: 5px;
	display: none;
	text-align: center;
	left: 0;
	width: 100%;
	margin-left: 0;
}
.carousel-indicators li, .carousel-indicators .active {
	padding: 0; width: 10px; height: 10px; border: solid 1px #fff;
	margin: 0 15px 0 0;
	background: rgba(255,255,255,0.3);
}
.carousel-indicators .active {
	background: #fff; border: solid 1px #fff;
}
.carousel-caption {background: rgba(255,255,255,.9); color: #000; text-align: left; text-shadow: none; bottom: 0; left: 50%; margin-left: -20%; width: 40%; max-width: 450px; padding: 0 25px 0; }
.carousel-caption h2 {text-align: center; line-height:  1em; color: #000; }
.carousel-caption p {font-size: 16px; margin-top: 30px; text-align:center; color: #000; line-height:  1.1em;}
.carousel-control {top: auto; bottom: 45%; width: 43px; height: 43px;}
.carousel-control.left {background: url(../images/slider/arrow_left.png); opacity: 1; margin-left: 40px;}
.carousel-control.right {background: url(../images/slider/arrow_right.png); opacity: 1; margin-right: 40px;}

* {outline: 0; }
input:focus, button:focus{outline:0 !important}
.hand {cursor: pointer;}
.nomargin {margin: 0;}
.img-responsive {display: inline-block;}
.pichover:hover {box-shadow: 3px 3px 3px #999;}

.datepicker {background: #fff;}

form.book {padding: 15px; background: #3c3d40; color: #fff;}
form.book .col-sm-2 {width: 16.6666%;}
form.book .btn {width: 100%;}
label {font-weight: normal; font-size: 14px;}

.large_best_hotel {position: absolute; width: 100px; height: auto; right: 100px; top: 20px;}

@media (max-width: 700px) {
	h1 {font-size: 32px; }
	h2 {font-size: 28px;}
	
	.bottom_info {margin-left: 0 !important; margin-right: 0 !important;}
	footer .fa {font-size: 26px; text-align: center; line-height: 25px; }
	
	iframe { width: 100% !important; height: auto;}
	
	.top_logo {margin-top: -10px;}
	
	.navbar {min-height: 50px;}
	.navbar-brand img {max-width: 200px;}
	.navbar-collapse {border: none; position: relative; left: 0; right: 0; padding: 0;}
	.navbar-header {text-align: center;}
	.navbar-toggle {border: none; font-size: 20px; color: #fff; float: none; padding:0;}
	.dropdown-menu:not(.datepicker) > li > a { color: #fff;}
	.dropdown-menu:not(.datepicker) {float: none; border-radius: 0; position: static; background: #333; z-index: 1000; right:0;}
	.dropdown-menu:not(.datepicker) a {color: #fff;}
	.dropdown-menu:not(.datepicker) ul {list-style: none; margin-top: 5px;} 
	.dropdown-menu:not(.datepicker) li a {padding: 2px 15px; font-size: 16px !important; text-transform:none; transition: background 0.1s;}
	.dropdown-menu:not(.datepicker) li a:hover {color: #39322d; background: #fff; text-transform:none;}
	.dropdown-menu:not(.datepicker):after {display: none;}
	.dropdown-menu:not(.datepicker) a.menu_sel {font-weight: bold !important}
	
	form.book .col-sm-2 {width: 100%;}
	
	.accommodation-room-options div[class*=col-sm] {line-height: 1.1; display: block; height: auto; padding: 8px;}
	.accommodation-room-options div[class*=col-sm]:not(:first-child) {border-left: none; border-top: solid 2px; }
	.accommodation-room-options div.row {width: auto; display: block;}


	.menu-select {
		font-size: 12px;
		overflow: hidden;
	}
	
	article h3 {font-size: 16px; line-height: 1.25em; }
	
	.text {margin-top: 20px;}
	
	img {max-width: 100%;}
	
	
	.carousel {
		height: 400px;
		margin-bottom: 0;
		box-shadow: none;
	}
	.carousel-inner, .carousel-inner .item {height: 240px; overflow: visible;}
	.carousel-caption {position: absolute; bottom: -160px; text-align: right; padding: 1px 20px; left: auto; right: auto; margin-left: 0; width: auto; background: #eee;}
	.carousel-caption p {margin-top: 15px;}
	.carousel-control.right {margin-right: 10px;}
	.carousel-control.left {margin-left: 10px;}
	.carousel-control {bottom: 85%;}
	
	.large_best_hotel { position: absolute; width: 55px; height: auto; right: 3px; top: 3px; z-index: 100;}
}

.tooltip-inner { max-width: 350px; }
.btn {border-radius: 0; }

.nopadding {padding: 0;}

.fotorama__dot {width: 10px; height: 10px; border-radius: 50%; border: solid 1px #ccc; background: #fff;}
.fotorama__nav__frame.fotorama__active .fotorama__dot { width: 10px; height: 10px; background: #99ca3c; border: solid 1px #99ca3c;}
.fotorama__nav { margin-top: -30px; z-index: 20; }
.fotorama__dot { border-color: #eee; box-shadow: 0 1px 0 rgba(0, 0, 0, .5); }
.fotorama__active .fotorama__dot { background-color: #eee; box-shadow: 0 -1px 0 rgba(0, 0, 0, .5); }

.required {color: #9ccb3b;}

.share42init {position: absolute; transition: all 0.3s; opacity: 0; background: white; box-shadow: 1px 1px 2px #999; margin-left: 20px; white-space: nowrap; margin-top: -7px; padding: 10px 3px 3px 10px;}
.share42init:hover {opacity: 1; }