@charset "utf-8";
@import url("style_font_awesome.css");
@import url("../_fonts/fonts.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic&subset=latin,cyrillic);

body {margin:0; padding:0; background: #dfeeef;}

h1 {color: #15a3b9; margin: 40px 0 35px; font-size: 27px; font-weight: bold;}
h5 {text-transform: uppercase; font-weight: bold; font-size: 17px;}

/* Меню */
nav .nav a {text-shadow: none; font-size: 14px; }
.navbar-nav { float: none; margin: 0 auto; }
.navbar-default {box-shadow: none;}
nav li {padding-bottom: 0 !important;}
.navbar-nav > li {float: none; display: inline-block; margin-left: 15px;}
.navbar-nav > li > a {padding: 3px 7px; text-decoration: none;}
.navbar-default .navbar-nav > li > a {color: #333; font-size: 15px; font-weight: bold;}
.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-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;
	padding: 5px;
	border-radius: 0;
	border: none;
	box-shadow: 1px 3px 2px #333;
	background: #fff;
}
.navbar-default .navbar-nav > li:hover > a {
  color: #333333;
  border-radius: 5px;
  background-color: #dfeeef;
}
.dropdown-menu li a {padding: 5px; font-size: 12px; }
.dropdown-menu li a:hover {background: #555; color: #fff;}
.dropdown-menu:after {display: none;}
.nav a.menu_sel {color: #ddd !important; }
.nav > li > a.menu_sel {color: #ddd !important; background: rgba(0,0,0,.5);}

.navbar-form input {padding: 2px; height: 20px; width: 100% !important; border-color: #0a879a;}
.menu { margin-top: 60px;}

/* Блоки */
header {background: #15a3b9; height: 110px;}
.toppest {background: #50b6c8; font-size: 13px; color: #444; position: absolute; padding: 5px 25px; top:0; right: 0; border-radius: 0 0 20px 20px; left:130px; z-index: 1000;}

.logo {max-height: 109px;}
.logo-inner { padding: 30px 0; }
.page-pic {margin-bottom: 30px;}

.text {}

a {text-decoration: underline;}
.icons {text-align: center; font-size: 16px; margin-top: 40px;}
.icons a {color: #767776; }
.icons img {margin-bottom: 10px;}

.list {font-size: 15px; color: #15a3b9;}
.list ul {margin-top: 10px; line-height: 2.25em; font-weight: bold;}
.list .ptop {margin-top: 30px;}
.list small {color: #333; display: block; margin-top: 5px;}

footer {background: #15a3b9; font-size: 14px; margin-top:30px; color: #fff; font-size: 17px; }
footer iframe {margin-bottom: 20px; }
footer .row {padding-top: 25px; padding-bottom: 25px;}
footer a {color: #dfeeef;}
footer h5 {margin-bottom: 25px;}
footer p {font-size: 14px; }
.copyright {background: #0c97ab;}

div.bg {position: absolute; bottom:0; width: 100%; height: 400px; background: url(../images/bg/bg_bottom.png) bottom center no-repeat;}

/* Хлебные крошки */
.breadcrumbs {color: #929497; font-size: 12px; padding: 8px 12px; border: solid 1px #f0f0f0; background: #fbfbfb;}
.breadcrumbs a {}
.breadcrumbs span {background: url(../images/breadcrumbs.png) no-repeat; display: inline-block; margin: 0 5px; width: 6px; height: 9px;}

/* Меню */
.bnt-submenu-set {margin-top: 50px; }
.bnt-submenu-set > div {display: table; margin-bottom: 15px;}
.btn-submenu {width: 100%; text-decoration: none; white-space: normal; height: 55px; display: table-cell; background: transparent; text-shadow: none; font-size: 16px; line-height: 1.1em;border: solid 1px #15a3b9; border-radius: 10px; color: #555;}
.btn-submenu.menu_sel {background: rgba(255,255,255,0.9);}

.sub-menu {list-style: none; text-transform: uppercase; padding-left: 15px;}
.sub-menu > li {font-size: 17px; padding: 5px 0;}
.sub-menu a {color: #000;}
.sub-menu .menu_sel a {color: #999;}

hr { border: 0px; border-top: 2px solid #029cb4; margin: 50px 0;}
.semibold {font-weight: 600;}

article.first, article.second {position: relative;}
article.second .article-header a {color: #fff; text-decoration: none; font-size: 12px;}
article.second .article-header {padding: 10px; position: absolute; bottom: 0; width: 100%;}
article.second {margin-bottom: 10px; float: left;}

article {margin-bottom: 30px;}
article .article-header {background: #15a3b9; padding: 20px; position: absolute; bottom: -48px; width: 100%;}
article .article-header a {color: #fff; text-decoration: none; font-size: 20px;}
article img {padding-left: 0 !important;}
.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%;}

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

.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; color: #555; display: inline-block; line-height: 25px; text-align:center; width: 25px; height: 25px; border-radius: 50%;}
div.pages a:hover {border: solid 1px #00bff3}
div.pages a.active {background: #999; color: #fff; border: solid 1px #00bff3}

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


@media (max-width: 700px) {
	header {height: auto;}
	.menu { margin-top: 30px;}
	.navbar-nav {text-align: center;}
	.navbar-nav > li {float: none; display: inline-block; margin-left: 0; text-align: center;}
	.navbar-default .navbar-nav > .active > a {color: #999;}
	.toppest {background: #50b6c8; font-size: 13px; color: #444; position: relative; padding: 5px 25px; top:0; right: 0; border-radius: 0; left:0; text-align: center;}

	.text img {max-width: 100%;}
	
	article .article-header {background: #15a3b9; padding: 20px; position: absolute; bottom: 0; width: 100%;}
	
	.bnt-submenu-set {margin-top: 10px;}
	.bnt-submenu-set > div {display: table; float: left; margin-bottom: 15px; width: 50%;}
	.btn-submenu {white-space: normal; height: auto; margin-bottom: 2px; display: table-cell; background: transparent; text-shadow: none; font-size: 14px; line-height: 1em; border: solid 1px #15a3b9; border-radius: 10px; color: #555; width: 100%;}
	.btn-submenu.menu_sel {background: rgba(255,255,255,.9);}
	
	.video {height: 200px;}

}

img.left {margin-right: 15px; margin-bottom: 15px; float: left; padding: 2px; border: solid 2px #f5f5f5;}
img.right {margin-left: 15px; margin-bottom: 15px; float: right; padding: 2px; border: solid 2px #f5f5f5;}

.nopadding {padding: 0;}
.fotorama {height: 0;}
.fotorama .caption {color: #fff; text-align: center; position: absolute; bottom: 0; left: 10%; right: 10%; padding: 10px 0; background: rgba(0,0,0,.7);}
.fotorama .caption  span {font-size: 30px;}

.form-control {margin: 2px 0;}

/* OWL-Carousel */
.owl-carousel {margin-top: 50px; margin-bottom: 50px;}
.owl-carousel .item {
     border: solid 1px #15a3b9;
	 border-radius: 10px;
     color: #333;
	 padding: 10px;
     text-align: center;
	 height: 320px;
}
.owl-carousel .item div {position: absolute; right: 10px; left: 10px; margin-top: -10px;}
.owl-carousel .item div span {width: 95%; margin: 0 auto; margin-top: 0; font-size: 13px; display: block; border-radius: 5px; background: #7ccad5;}
.owl-carousel .item div .btn {text-decoration: none; background: #15a3b9; color: #fff; border-radius: 5px; text-shadow: none; width: 100%;font-size: 11px; }
.owl-carousel .item img {max-width: 130px; display: inline-block; border-radius: 5px;}
.owl-carousel h6 {font-size: 16px; line-height: 1.1em; margin-top: 0; height: 35px;}
.owl-nav {position: absolute; top: 80px; left: -50px; right: -50px;}
.owl-next {position: absolute; right: 0; top: 0;}

.owl-left {background: url(../images/owl/arrow_left.png) no-repeat; width: 40px; height: 155px;}
.owl-right {background: url(../images/owl/arrow_right.png) no-repeat; width: 40px; height: 155px;}

.disabled .owl-left, .disabled .owl-right {opacity: .3;}

/* Modal */
.modal-content {border-radius: 10px !important; background: #15a3b9; color: #fff;}
.modal-content span {width: 80%; display: block; float: left; line-height: 1.2em;}
.modal-content * {border: none;}
.modal-content input[type="text"] {background: #fff !important;}
.modal-header .close {opacity: 1;}
::-webkit-input-placeholder {color:#ccc;}
::-moz-placeholder          {color:#ccc;}/* Firefox 19+ */
:-moz-placeholder           {color:#ccc;}/* Firefox 18- */
:-ms-input-placeholder      {color:#ccc;}