@charset "utf-8";
@import url("style_catalog.css?v=10");
@import url("style_font_awesome.css");
@import url('../_fonts/corbellining/corbellining.css');
@import url('../_fonts/gotham/gotham.css');

body {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {color: #2e2e2e;}
h1 {font-size: 2.1em; margin-bottom: 1em;}
h2 {text-transform: uppercase; font-size: 1.75em; display: inline-block; margin-top: 30px; border-bottom: 2px solid #fcc605; padding-bottom: 13px; margin-bottom: 15px;}
h3 {font-size: 1.1em; font-weight: bold; }
h4 {font-size: 1.1em; font-weight: bold; }

/* Меню */

menu {margin-top: 0; margin-bottom: 0;}
.nav > li {padding-bottom: 0 !important; border-left: solid 1px #fff;}
.nav > li:last-child {border-right: solid 1px #fff;}
.navbar-default {border: none; border-radius: 0; box-shadow: none; margin-bottom: 0; font-size: 1.1em;}
.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:#1b6dd1; box-shadow: none;}
.navbar-toggle {border-radius: 5px; transition: all 0.2s;}
.navbar-collapse {z-index: 1000000; padding-left: 0;}
.navbar-nav > li {float: none; }
.navbar-nav > li > a {color: #fff; padding-left: 25px; padding-right: 25px;}
.navbar-nav > li > a.menu_sel {color: #fff; background: #1b1463;}
.nav > li > a:hover, .nav > li > a:focus {background: none; color: #000;}
.nav > li { display: table-cell; text-align: center; vertical-align: middle; white-space: normal; font-weight: 500; width: 120px;}
.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 {font-size: inherit; display: block; pointer-events: auto; border-radius: 0; border: none; margin-top:1px; border-top: solid 9px #fff; background: #eeeeee; padding: 8px 0;}
.dropdown-menu > li > a {padding: 10px; margin: 0 8px;}
.dropdown-menu > li > a:hover {background: #2b7de1; color: #fff;}

.dropdown-menu > .dropdown > .dropdown-menu { top: -9px; left: 100%; border-top: none; background: #fff;}

.menu-row {padding: 0 15px; background: linear-gradient(to bottom, #fcc605 0%, #fc9b00 100%); margin-left: -30px; margin-right: -30px;}

.form-control {color: #444; font-size: 14px; box-shadow: none; border-radius: 0; height: 46px;}
.input-lg {font-size: 14px; height: auto; padding: 20px 30px;}

/* flex */
.row-flex {
    display: flex;
    flex:1 1 auto;
}

/* Блоки */

header {background: #1b1463; height: 110px; border-bottom: solid 1px #fff;}
menu, .navbar-default {background-image: linear-gradient(to bottom, #2b7de1, #2b73c9);}

.slogan {font-family: 'Gotham'; font-size: 0.8em; letter-spacing: 7px; color: #fff; background: rgba(43,125,225,0.7); text-transform: uppercase; text-align: right; padding: 5px 15px; margin-top: -28px; z-index: 1000; position: relative;}

.subscribe {padding-top: 5px; padding-bottom: 5px; border-left: solid 1px #f0f0f0; margin-top: 27px;}
.subscribe a {color: #fff;}

.langs {font-size: 0.75em; font-weight: bold; margin-top: 29px;}
.langs a {display: inline-block; text-align: left; width: 55px; margin: 5px 0; color: #6c66ab;}
.langs a:not(.active) {color: #fff;}
.langs img {height: 15px; margin-right: 8px;}

.search {padding-top: 6px; position: relative; }
.search .fa {color: #fff; position: absolute; margin-top: 15px; margin-left: -25px;}
.search input {width: 25%; border: solid 1px #f0f0f0; float: right; font-size: 0.9em; padding: 9px 30px 9px 12px; height: auto; color: #fff; border-radius: 0; background: transparent;}

.logo {margin: 20px 0 0; transition: all 0.3s; max-height: 70px; }
.logo-bottom {max-width: 205px; margin-bottom: 100px; margin-top: 22px;}

.badge {font-size: 11px; font-weight: normal; padding: 3px 6px; }

aside .panel {background: none; margin-top: 30px;}
aside .panel-default .panel-heading {background: #000; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 0.9em;}
aside.contacts-bottom p {color:#A9A9A9;}

[class^=bg-] {padding: 15px; margin-top: 15px;}
[class^=bg-] i {color: #990000;}

.tooltip > .tooltip-inner hr {margin: 5px 0; border-color: #fff;}
.tooltip > .tooltip-inner { background: #333; color: #fff; border: solid 1px #333; padding: 5px 10px; font-size: 12px;}
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #333; }
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #333;}
.tooltip.left > .tooltip-arrow {
    border-left: 5px solid #333;}
.tooltip.right > .tooltip-arrow {
    border-right: 5px solid #333;}

.sticky { display: none; color: #bdbec0; text-align: center; line-height: 42px; width: 36px; height: 36px;background: #eeeeee; position: fixed; bottom: 15px !important; right:15px; z-index: 9999;}
.sticky .fa {font-size: 1.5em;}
.sticky a {color: #bdbec0; text-decoration: none;}

.extrabold {font-weight: 900;}

.text li {margin-bottom: 5px;}

footer { position: relative; padding: 60px 0 60px; background: #eeeeee; color: #2e2e2e; margin-top: 60px; font-size: 1.1em;}
footer h3 {margin-bottom: 1em; }
footer a {color: #2e2e2e;}
footer hr {border-color: #ccc; margin-bottom: 20px; margin-top: 45px;}
footer .visible-xs .fa {margin-top: 0;}
footer ul {list-style: none; padding: 0;}
footer ul li {margin: 0 0 5px;}
footer ul li.node1 {font-style: italic; font-size: 0.9em;}
footer ul li.node0:not(:first-child) {margin-top: 20px;}
footer p {margin: 5px 0;}
footer p.small {color: #757575; line-height: 1.8em;}
footer .fa {font-size: 1.5em; margin-top: 22px; }
footer .privacy {color: #787878; text-decoration: underline;}

/* Хлебные крошки */
.breadcrumbs {color: #bdbec0; font-size: 0.75em; text-transform: uppercase; padding: 30px 30px 5px 0; }
.breadcrumbs a {}
.breadcrumbs a:hover {}
.breadcrumbs .fa {font-size: 0.8em;}
.breadcrumbs span {display: inline-block; margin: 0 10px; width: 6px; height: 9px;}

/* Меню */
h2.submenu {margin-top :0; margin-bottom: 15px; color: #fff;}
.sub-menu {list-style: none; padding: 0; margin-top: 22px; font-size: 1.1em;}
.sub-menu > li {margin: 0; background: #2b7de1; border-bottom: solid 2px #fff;}
.sub-menu a {color: #fff; width: 100%; display: block; text-decoration: none; padding: 12px 10px;}
.sub-menu .menu_sel {background: #1b1463;}

hr { border: 0px; border-top: 1px solid #ddd; margin: 12px 0;}
.semibold {font-weight: 600;}

img[align=left] {margin-right: 15px;}

/* Статьи */
article {margin-bottom: 30px; min-height: 265px !important;}
article h1 {font-size: 2em; font-weight: 500; margin-top: 30px; margin-bottom: 0;}
article h3 {text-transform: none; font-size: 1.5em; font-weight: 500; margin-top: 0; margin-bottom: 20px;}
article h4 {font-weight: bold; margin-top: 20px;}
article a:hover {text-decoration: none; color: #999;}
article .arrow {transition: all 0.3s; line-height: 40px; text-align: right; background: #1b1463; padding-right: 15px; width: 100%; height: 36px; position: absolute; bottom: 0; right: 0; font-size: 1.5em; color: #fff;}
article .arrow_text {float: left;}
article .arrow_text h4 {float: left; font-size: 0.75em; margin-top: 10px; margin-left: 15px;}
article .arrow a {color: #fff;}
article:hover .arrow {background: #999; }
.article_date {color: #999; margin-bottom: 10px; line-height: 1em; font-size: 0.8em; display: block; }
.article_short {color: #aaa;}
.details {font-weight: bold; font-size: 0.85em;}

.index-small h4 {font-size: 15px; font-weight: 600; margin-top: 0;}
.article_date_detail {display: inline-block; font-size: 1.15rem; color: #aaa; padding: 15px 0 0; margin: 0 0 5px; background: transparent; }
.article_date_detail_inner {display: inline-block; font-size: 1.15rem; color: #aaa; padding: 15px 0 30px; margin: 0 0 5px; background: transparent; }


.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.index {margin-bottom: 0;}
article.index .row {padding: 15px 30px; }

.social_buttons {margin-bottom: 30px; margin-top: 30px; clear: both;}

.text {padding-bottom: 45px;}
.text table {margin-bottom: 15px; box-shadow: 1px 1px 2px #999; background: #fbfbfb;}
.text table caption {color: #000;}
.text table td {padding: 10px}
.text table th {background: #e9e9e9; padding-top: 10px; font-weight: normal; font-size: 17px;}

/* СТРАНИЦЫ */
div.pages {clear: both; padding: 20px 0;font-size: 1.1em;}
div.pages a {margin: 0 2px; transition: all 0.3s; display: inline-block; line-height: 40px; text-align:center; width: 35px; height: 35px;}
div.pages a:hover {background: #eeeeee; text-decoration: none; color: #2e2e2e;}
div.pages a.active {background: #eeeeee; color: #2e2e2e; }

/* Carousel */
.carousel { height: 470px; background: #e0e0e0; margin-top: 10px; margin-bottom: 60px; box-shadow: none; }
.carousel-inner, .carousel-inner .item { height: 470px; }
.carousel-indicators { bottom: -45px; text-align: center; left: 0; width: 100%; margin-left: 0; }
.carousel-indicators li{ padding: 0; width: 10px; height: 10px; border-radius: 0; border: none; margin: 0; margin-left: 5px; margin-right: 5px; background: #2b7de1; }
.carousel-indicators .active {
	margin-left: 5px; margin-right: 5px; padding: 0; width: 10px; height: 10px; background: #1b1463; 
}
.carousel-caption {width: 400px; color: #fff; text-align: left; background: rgba(255,255,255,.2); text-shadow: none; top: 50px; bottom: auto; left: 70px; padding: 30px;}
.carousel-caption h2 {border: none; margin-top: 0; line-height: 1.2em; text-align: left; text-transform: none; font-size: 1.5em; color: #fff; }
.carousel-caption p {font-size: 1em; line-height: 1.2em; margin-bottom: 40px; color: #fff;}
.carousel-control {top: auto; bottom: 45%; width: 36px; height: 36px; line-height: 40px;}
.carousel-control.left {background: none; background: rgba(0,0,0,.3); color: #fff; font-size: 1.5em;}
.carousel-control.right {background: none; background: rgba(0,0,0,.3); color: #fff; font-size: 1.5em;}

input, button {outline:0 !important; outline:none !important;}
.form-horizontal .control-label {text-align: left;}
.btn .fa-arrow-right {margin-left: 5px;}
.hand {cursor: pointer;}
.nomargin {margin: 0;}
.img-responsive {display: inline-block;}

#dropdown-menu {height: 0;}

@media (min-width: 1200px) {
	.carousel { height: 550px; margin-bottom: 60px; box-shadow: none; }
	.carousel-inner, .carousel-inner .item {height: 550px; }
}

@media (max-width: 992px) {
	.nav > li {width: 105px;}
	.navbar-nav > li > a {padding-left: 10px; padding-right: 10px;}
}

@media (max-width: 768px) {
	h1 {font-size: 32px; }
	h2 {font-size: 28px;}
			
	.row-flex {
		display: block;
	}

	.search input {width: 100%;}

	.langs img {height: 15px; margin-right: 4px; display: none;}
	
	.logo {max-height: 35px; margin-top: 32px;}
	
	.logo-bottom {margin-bottom: 0; max-height: 60px; margin-top: 10px;}
	footer {padding-bottom: 10px;}
	footer .visible-xs {font-size: 0.8em;}
	
	iframe { width: 100% !important; height: auto;}
	
	.top_logo {margin-top: -10px;}
	
	.navbar {min-height: 48px; font-size: 1em;}
	.navbar .fa {font-size: 1.5em; color: #fff; margin-top: 12px;}
	.navbar .fa-times {display:none;}
	.navbar.menu-xs-visible .fa-bars {display: none;}
	.navbar.menu-xs-visible .fa-times {display: block; }
	.menu-xs {margin-bottom: 0; box-shadow: 0 3px 5px rgba(0,0,0,.4); height: 0; opacity: 0; transition: all .3s; list-style: none; margin-top: -15px; padding: 0; pointer-events: none;}
	.menu-xs a {text-decoration: none; color: #666; display: block; background: #fff; border-bottom: solid 1px #ccc; padding-top: 12px; padding-bottom: 10px;}
	
	.menu-xs a[data-toggle=collapse] .fa {display: none; position: absolute; right: 0; margin-top: -20px; color: inherit; font-size: 1.1em;}
	.menu-xs a[data-toggle=collapse].collapsed .fa-caret-down {display: block; }
	.menu-xs a[data-toggle=collapse]:not(.collapsed) .fa-caret-up {display: block; }
	.menu-xs .collapsing .fa {right: 15px !important; }
	
	.menu-xs a.menu_sel {color: #2b7de1;}
	.menu-xs ul {list-style: none; padding: 0;} 
	.menu-xs > li > a {background: #f0f0f0; padding-left: 5vw;} 
	.menu-xs > li > ul > li > a {padding-left: 10vw;}
	.menu-xs > li > ul > li > ul > li > a {padding-left: 15vw;}
	.menu-xs > li > ul > li > ul > li > ul > li > a {padding-left: 20vw;}
	.navbar.menu-xs-visible .menu-xs {opacity: 1; height: auto; margin-top: 15px; pointer-events: auto; }
	
	.menu-xs-visible .search {display: none;}

	.search {position: inherit; margin-top: -30px;}
	.search input {float: auto;}
	.search .fa.visible-xs {right: 0; top: 9px;}
	#search_form {position: absolute; right: 0; width: 50%; z-index: 10; background: #2b7de1; display: none; margin-top: 4px;}
	.search .fa:before { margin-top: -3px; margin-right: 5px; display: block;}

	
	.text {margin-top: 20px;}
	
	img {max-width: 100%;}
	
	
	.carousel { height: 450px; margin-bottom: 50px; box-shadow: none; }
	.carousel-inner, .carousel-inner .item {height: 450px; }
	.carousel-caption h2 {font-size: 1.5em; margin-top: 25px;}
	.carousel-caption {position: absolute; bottom: 40px; top: 40px; padding: 20px 30px; left: 10px; right: 10px; max-width: 300px; width: auto;}
	.carousel-caption p {margin-top: 15px;}
	.carousel-control.right {background: rgba(0,0,0,.5);}
	.carousel-control.left {background: rgba(0,0,0,.5);}
}

.tooltip-inner { max-width: 350px; }
.btn-default {font-weight: 700; color: #fff !important; font-size: 0.9em; padding: 15px 35px;}
.btn-account:hover {color: #666;}
.btn:active {box-shadow: none;}
label {font-weight: bold; text-transform: uppercase;}

.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); }

.fancybox-caption {padding: 10px 0;}

.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; }

.feedback-check .fa {color: #ccc; margin-right: 7px; font-size: 1.2em;}