@charset "utf-8";
@import url("style_font_awesome.css");
@import url('../_fonts/fonts.css');
@import url('../_fonts/myriadpro/myriadpro.css?v=2');
@import url('../_fonts/Montserrat/montserrat.css?v=2');

html {font-family: 'PT Sans', Tahoma;}
body {margin:0;padding:0; color: #fff; background: #000; font-family: 'PT Sans', Tahoma; font-size: 16px;}

h1 {font-family: 'PT Sans' !important; color: #fff; margin-bottom: 30px;}
h2 {font-family: 'Lobster' !important; color: #fff;}
h3 {font-size: 32px; margin-top: 10px; font-family: 'PT Sans' !important; margin-bottom: 50px;}
img.action {margin-bottom: 50px; position: fixed; top: 69px; z-index: -1000;}

a {color: #6c4c40; }

.container-fluid {max-width: 1320px;}
.dropdown-toggle {min-width: 150px;}
.dropdown-toggle .fa {float: right; margin-top: 5px;}
.dropdown-toggle t {margin-right: 5px; float:left;}

/* Меню */

.navbar, .navbar-nav {margin-bottom: 0 ; margin-top: 0; }
.navbar small {font-size: 13px;}
.navbar-default {background: #2c1d1e; font-size: 18px; color: #fff; border-radius: 10px; border:none;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover {color: #ccc;}
.navbar-nav > li > a {padding-top: 30px; padding-bottom: 30px;}
.navbar-brand {padding: 0; padding-top: 10px;}
.navbar-default .fa {margin-top: 12px; color: #fff; width: 42px; height: 42px; border: solid 1px; border-radius: 50%; padding: 8px; font-size: 30px;} 


.btn-umovy {background: #ebdbcc; color: #000; font-size: 2em !important; font-weight: bold; padding: 10px 25px;}

/* Блоки */

.line {background: url(../images/bg/bg_line.png) repeat-x; height: 38px; background-size: contain;}

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

.modal-content {color: #000;}

.collection_title {font-family: 'Myriad Pro' !important;}

.why {min-height: 300px; line-height: 1.1; transition: all 0.2s;}
.why img {margin-bottom: 30px; transition: all 0.3s;}
.why:hover  {color: #999; }
.why:hover img {transform: rotate(-30deg) scale(1.05); }


.extrabold {font-weight: 900;}

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

footer {padding: 20px 0 0; color: #fff; font-size: 14px; background: #211416;}
footer a, footer a:hover {color: #fff; font-size: 16px;}

/* Хлебные крошки */
.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;}

/* Меню */
.right h4 {margin-top :0; background: #f0f0f0; padding: 15px; margin-bottom: 0; border-radius: 10px 10px 0 0; }
.sub-menu {list-style: none; padding: 15px 0; background: #0993ca; border-radius:  0 0 10px 10px;}
.sub-menu > li {font-size: 14px; padding: 5px 25px; margin: 0; }
.sub-menu > li:hover {background: rgba(255,164,69,0.8);}
.sub-menu a {color: #fff; width: 100%; display: block; text-decoration: none;}
.sub-menu .menu_sel {background: #ffa445;}
.sub-menu .menu_sel a {color: #444;}

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-bottom: 50px;}
.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;}
table.price-table tr {display: none;}
table.price-table caption {cursor: pointer; }
table.price-table caption p {margin:0;}

/* СТРАНИЦЫ */
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; }


* {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;}

.top-row {position: absolute; left: 15px; top: 15px; right: 15px;z-index: 10;}
.icon {margin-top: 45px; margin-bottom: 45px;}

.address {margin-bottom: 15px; background: url(../images/logo_zv.png) bottom right no-repeat #211416; background-size: 25%; padding: 20px; min-height: 250px;}
.address p {margin-bottom: 12px;}
.address a {text-decoration: underline; font-size: 90%; cursor: pointer;}
.address .tag {display: block; color: #d3bea9; font-size: 90%;}

#owl-demo {margin-bottom: 60px;}
#owl-demo .item { text-align: center; min-height: 410px; }
#owl-demo .item .content { text-align: center; border: solid 10px #211416; background: #fdfdfd; padding: 10px;}
#owl-demo .item p {margin-bottom: 10px;}
#owl-demo .item img.img-responsive {max-width: 180px; margin: 0 auto 0;}
#owl-demo .item img.flag {position: absolute; top: 0; right: 25px; width: auto;}
#owl-demo .item b, #owl-demo .item strong {font-size: 21px;}
#owl-demo .item .slide_text {min-height: 120px; color: #000;}
#owl-demo .item .btn {position: absolute; left: 35%; bottom: 12px; background: #b91f25; border-radius: 0; color: #d1bda8;}
.owl-theme .owl-nav [class*='owl-'] {color: #e3ceb9;}
.owl-theme .owl-nav:hover [class*='owl-'] {color: #e3ceb9;}
.owl-theme .owl-nav {position: absolute; top: 35%; transform: translateY(50%); left: -25px; right: -25px; pointer-events: none;}
.owl-next {position: absolute; right: 0; top: 0 ; padding: 0 !important; }
.owl-prev {display: inline-block; position: absolute; left:0; padding: 0 !important; }
.owl-prev, .owl-next { width: 15px; background: transparent !important; color: #6f6f6f; pointer-events: auto;}  
.owl-prev.disabled, .owl-next.disabled {background: transparent !important; color: #aaa;}  
.owl-prev .fa, .owl-next .fa {font-size: 35px; }
.owl-carousel .owl-stage {display: flex; align-items: center;}
.owl-dots {margin-top: 20px;}
.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span {background: #555; width: 12px; height: 12px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #999;}

.owl-wrapper {padding-bottom: 30px; padding-top: 0; }

.modal-dialog { margin-top: 170px; width: 400px; font-family: 'montserrat'}
.modal-content {background: rgba(255,230,230,0.7); box-shadow: 5px 5px 15px rgba(0,0,0,.7); }
.modal-header {border-bottom: none; color: #26110a; font-size: 20pt; padding-bottom: 0;}
.modal-footer {border-top: none;}
.modal-footer button {box-shadow: 2px 2px 2px rgba(0,0,0,.4); background: #a3080a; color: #fff; font-size: 12pt; border: none;}
.modal-footer button:active {box-shadow: none;}
.modal-body input {margin-bottom: 10px; font-style: italic; text-align:center; box-shadow: 2px 2px 2px rgba(0,0,0,.4); font-size: 16pt;}
.modal-header .close {margin-top: 10px;}

@media (max-width: 992px) {
	.top-row {right:5px; left: 5px; top: 5px;}
	
	.navbar {min-height: auto;}
	.navbar-nav > li > a {padding-top: 1.5vw; padding-bottom: 1.5vw; font-size: 2vw;}
	.line {height: 20px;}

	.logo {height: 7vw; vertical-align: top;}
	.address {background-size: 30%;}

}

@media (max-width: 768px) {
	h1 {font-size: 32px; }
	h2 {font-size: 28px;}	

	.address {background-size: auto;}

	.navbar-nav > li > a {padding-top: 1.5vw; padding-bottom: 1.5vw; font-size: 3.5vw;}

	.logo {height: 7vw; vertical-align: top;}
	.line {height: 15px;}

	iframe { width: 100% !important; height: auto;}
	
	img {max-width: 100%;}
	#owl-demo .item img.flag {top: 0; right: 25px; width: 30px;}
	.modal-dialog { margin-top: 150px; width: 300px; margin: 10px auto;}
	
}

@media (max-width: 550px) {
	#owl-demo .item p {font-size: 4vw;}
	#owl-demo .item b, #owl-demo .item strong {font-size: 5vw;}	
}

.modal-footer {text-align: center;}
.dropdown {display: inline-block; vertical-align: middle; margin-top: -5px;}
.btn {font-size: inherit;}
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.nopadding {padding: 0;}

p.alert {transition: all 0.5s; opacity: 1;}
.hide {opacity: 0;}

.fotorama__dot {width: 8px; height: 8px; border-radius: 50%; border: solid 2px #ccc; background: #fff;}
.fotorama__nav__frame.fotorama__active .fotorama__dot { width: 8px; height: 8px; background: #99ca3c; border: solid 2px #99ca3c;}

.required {color: #9ccb3b;}


#port {
	background: #fff;
	margin: 1.5em 0px;
	overflow: hidden;
	position: relative;
	height: 300px;
}

.width100 {width: 100%;}

.flowbutton {display: none; color: #fff; background: #e3ceb9; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; position: fixed; opacity: .8; bottom: 30px; right: 20px; z-index: 10000;}
.flowbutton:hover {opacity: 1; }
.flowbutton.flying {display: inline-block;}