@charset "utf-8";

:root {
	--color-primary: #E0801F;
	--color-primary-hover: #B07030;
	--color-info: #5E1D4E;
	--color-dark: #0C142B;
	--color-lightdark: #480E3A;
	--color-gray: #EDEDED;
	--color-text: #000;
	--font-awesome: "Font Awesome 5 Pro";
}

html {font-family: 'Circe', Tahoma; font-size: 14px;}
body {margin:0; padding:0; color: var(--color-text); font-family: 'Circe', Tahoma; font-size: 14px;}
.padtop {padding-top: 115px;}
body.flying .padtop {padding-top: 110px;}

a {color: inherit; transition: all 0.3s; text-decoration:none;}
.text a {color: inherit; transition: all 0.3s; text-decoration:underline;}
a:hover {color: #555; text-decoration: none; border-color: transparent;}

p {margin-bottom: 1rem; line-height: 1.47;}
p:last-child {margin-bottom: 0;}

h1, h2, h3, h4, h5, h6 {color: #222; font-family: 'Circe'; line-height:1.47;}
h1 {font-size: 24px; font-weight: bold; color: #474747; margin-bottom: 1.5rem;}
h2 {position: relative; font-size: 22px; margin-bottom: 1rem; font-weight: 700; }
h3 {position: relative; font-size: 22px; margin-bottom: 2.5rem;}
h4 {font-size: 1em; margin-top: 0;}

.color-text {color: var(--color-text)!important;}

.inline-flex-center {display:inline-flex!important; align-items:center; justify-content:center;}
.flex-center {display:flex!important; align-items:center; justify-content:center;}

/* Меню */
/*nav .nav li {padding-left: 5px;padding-right: 5px;}*/
nav li {padding-bottom: 0 !important; }
.navbar-default {border: none; border-radius: 0; box-shadow: none; margin-bottom: 0; background: #1e3a68;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {background:none; box-shadow: none;}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {background:none; box-shadow: none;}
.navbar-toggle {border-radius: 5px; transition: all 0.2s;}
.navbar-collapse {z-index: 1000000; padding-left: 0;}
.navbar-nav {display:inline-block; float: none; }
.navbar-nav > li > a { transition: all 0.3s; color: #212121; text-transform: uppercase;}
.navbar-nav > li.active > a {color: #666;}
.navbar-nav > li > a:hover {color: #aa9;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}
.navbar-default .navbar-toggle:hover .icon-bar {background-color: #00bff3;}
.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:hover > a {
	color: #f0f0f0;
}

header .dropdown-menu {pointer-events: none; display: block; border: none; transition: all 0.3s; min-width: 200px; padding: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); opacity:0;}
.dropdown-menu li a {padding: 10px 15px 5px; line-height: 1em !important; color: #333; 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 .dropdown-menu a.menu_sel {font-weight: bold !important}

.secondary {position: absolute; top: 12px; right: 30px; transition: all 0.3s;}
.visible-cart-xs {display: none;}

select.form-control, input.form-control {height: 2.9rem; box-shadow: none; border: solid 1px #d9d9d9; }
form select.form-control, form:not([id=subscribe]) input.form-control {height: 45px; box-shadow: none; border: solid 1px #d9d9d9; }
#search_str {border:none!important;}
.input-lg {font-size: 14px; height: auto; padding: 20px 30px;}

.icon {font-family: 'sb-icons' !important; speak: none; font-style: normal;font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;}
.icon--left-t:before { content: "\e939";}
.icon--right-t:before { content: "\e93a";}

/* flex */
.col-flex {display: flex; flex-direction: column;}

/* Блоки */	

.top_phones p {margin: 0;}
.top-right {display: inline-block; float: right; padding: 3px 0; color: #000;}
header {}
header a {color: #000; }
header .top-phone {font-size: 16px; font-weight: 700; margin: 0 20px;} 
header .top-icon i {font-size: 18px;} 
header .top-icon > * {display: inline-flex; transition: all 0.3s; min-width:47px; border: solid 1px #ECECEC; align-items:center; border-radius:5px; 
	height: 47px; padding: 0 12px; justify-content:center;}
header .top-icon:not(:first-child) {margin-left: 4px;}
.logo {margin-right: 2rem;}

.subscribe {background: url(../images/bg/qlever.png) left bottom no-repeat, url(../images/bg/qlever2.png) right bottom no-repeat, #EDEDED;}
.subscribe p:not([class*=title]) {font-size: 20px; line-height:1.4;}
.subscribe input {border:none!important;box-shadow:none!important;}
.subscribe input::placeholder {color:#9A9A9A; font-size: 16px;}
.subscribe a i {background: var(--color-dark); color:var(--color-primary); width:36px; height:36px; border-radius:4px; margin-right: 7px;}
.subscribe a:hover i {background: var(--color-lightdark); color:#fff;}
.subscribe a:active i {background: var(--color-primary); color:#fff;}

.feedback {background: #f5f5f5; padding: 30px 15px 45px; margin-bottom: 15px;}
.partner {position: relative; padding: 45px 45px 30px; margin-bottom: 30px;}
.partner:before {content: ''; position: absolute; top: 0; right:15px; left:15px; z-index:-1; bottom:0; background: #dddddd;}

.search_inner {width:100%; height: 100%; display: table;}
.search_center {width:100%; text-align: center; height: 100%; display: table-cell; vertical-align: middle; }
.search_visible {opacity: 1; pointer-events: auto; }
.search .input-group {border-radius: 5px; background:#EDEDED; padding-left:5px; padding-right:5px;}
.search .input-group .btn {background: none; border: 0; padding-left: 10px; padding-right: 10px; height:47px; }
.search .input-group .btn:after {content: '\f002'; font-size: 1.2em; vertical-align: sub; color: #5A5A5A; font-family:var(--font-awesome);}
.search .input-group-btn {border: none; border-radius: 0; background: none; }
.search input, .search input:focus {box-shadow: none !important; border: none; background:#EDEDED;height:47px;}
.search input::placeholder {color:#A9A9A9;}
.search form {display: inline;}
.fa-search {cursor: pointer;}

.page-pic {text-align: center; height: 450px; overflow: hidden;}
.page-pic img {width: 100%;}
.page-pic h1 {color: #fff; text-shadow: 0 0 5px #000; margin-top: 30px;}
.no-page-pic {}

[class^=bg-] {padding: 15px; margin-top: 15px;}
[class^=bg-] i {color: #990000;}

.tooltip.in {opacity:1; }
.tooltip > .tooltip-inner hr {margin: 5px 0; border-color: #fff;}
.tooltip > .tooltip-inner { background: #e4e4e4; border: solid 1px #e4e4e4; color: #222; padding: 5px 10px; font-size: 12px; border-radius: 4px;}
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #e4e4e4; }
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #e4e4e4;}
.tooltip.left > .tooltip-arrow {
    border-left: 5px solid #e4e4e4;}
.tooltip.right > .tooltip-arrow {
    border-right: 5px solid #e4e4e4;}

/*.sticky { color: #000; font-weight: 700; position: fixed; bottom: 30px !important; right:10px; z-index: 9999; transform: rotate(-90deg) translateX(50%) translateY(50%);}*/
.sticky { color: #000; font-weight: 700; transition: all 0.3s;background: #fad018; border-radius: 4px; display: none; position: fixed; bottom: 20px !important; right:20px; z-index: 9999;}
.sticky:hover { background: #fff; }
.sticky .fa {font-size: 1.5em;}
.sticky a {color: #000; text-decoration: none; display: block; padding: 4px 9px;}
.sticky a.white {color: #fff; }

.extrabold {font-weight: 900;}

li {margin-bottom: 5px;}
.menu-xs li {padding: 5px 0; margin-bottom: 0; border-bottom: solid 1px #444;}
.menu-xs li a {width: 100%; display: block;}
.menu-xs li:active {background: #fff; }
.menu-xs li:active a {color: #000;}

.footer { background: #0E142A; padding: 30px 15px 10px; border-top: solid 4px #E0801F;}
footer { color: #fff; position: relative; }
footer h4 {color: var(--color-primary); font-size: 18px; font-weight:bold; margin-bottom: 12px; text-transform:uppercase;}
footer a {color: #fff;}
footer a:hover i {color: #fff;}
footer a:hover {color: #fff;}
footer hr {border-color: #444; margin-bottom: 30px;}
footer p.menu {margin-bottom: 10px; line-height:1.2rem; }
footer p.phone {font-size: 0.8em; line-height: 1.4rem; font-size: 16px; font-weight: bold;}
footer [class*=fa-] {width: 15px; font-size: 19px; }
footer [class*=fa-phone] {width: 15px; font-size: 16px; }
footer [class*=fa-]:hover {color: #fff;}
footer .btn {text-transform: uppercase; font-size: 13px;}
footer .btn-default {background:transparent; border-color: var(--color-primary);}
underfooter {background: #151515; padding: 20px 15px; color: #ccc; display: block;}
underfooter img {width: 130px;}

/* Хлебные крошки */
.breadcrumbs {color: #474747; font-size: 16px; padding: 25px 0 20px;}
.breadcrumbs div {display:inline-block;}
.breadcrumbs i {font-size: 6px; vertical-align:middle; padding: 0 3px;}
.breadcrumbs a {color: #474747; display:inline-block; text-decoration:underline;}

/* СубМеню */
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 0 7px; transition: all 0.3s;}
.sub-menu > li:hover {padding: 1px 0 1px 5px; margin: 0 0 7px; }
.sub-menu a {color: #fff; width: 100%; display: block; text-decoration: none !important;}
.sub-menu .menu_sel a {font-weight: bold;}

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

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

.wrapper {height: 30px;}

/* Статьи */
.container-article {background-color: #f5f5f5; border-top: solid 75px #fff;}
.container-article > .container-fluid{margin-top: -60px;}
article {margin-bottom: 45px;}
.detail {padding: 25px 75px;}
article h1 {margin-top: 30px; }
article h3 {margin-top: 0; margin-bottom: 10px; max-width:70%;}
article h3:after {display: none;}
article h4 {line-height: 1.25em; }
article a {border: none;}
article img {margin-bottom: 15px;}
article img:not(:first-child) {margin-top: 25px;}
.article_date {color: #999; margin-bottom: 10px; line-height: 1em; font-size: 0.8em; display: block; }
.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; color:#fff; text-transform: uppercase; top: 25px; left:-11px; padding: 10px 15px 10px 12px; border-radius: 0 50px 50px 0; line-height:1; background: #5E1D4E; position: absolute;}
.article_date_detail:after {display: block; content:''; position:absolute; bottom:-9px; left:0; width: 0;height: 0;border: 0 solid transparent;
	border-left-width: 12px;border-right-width: 0px; border-top: 10px solid #5E1D4E;}
.article_date_detail_inner {display: inline-block; color:#fff; text-transform: uppercase; top: 25px; left:-11px; padding: 10px 15px 10px 12px; border-radius: 0 50px 50px 0; line-height:1; background: #5E1D4E; position: absolute;}
.article_date_detail_inner:after {display: block; content:''; position:absolute; bottom:-9px; left:0; width: 0;height: 0;border: 0 solid transparent;
	border-left-width: 12px;border-right-width: 0px; border-top: 10px solid #5E1D4E;}

.articles-panel {background: #fff;}
.articles .card-img {border-radius: 10px 10px 0 0; margin-bottom:0;}
.articles .card-body {border-radius: 0 0 10px 10px; border:solid 1px #F6F6F6; border-top: none;}
.articles-panel h3 {font-size: 18px;}
.articles-panel p {margin-bottom: 0; max-height: 100px; text-overflow: ellipsis; color:#525252;}

.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 {display: inline-block; width: 42px; height: 42px; line-height: 44px; text-align: center; background: #fad018; color: #111; transition: all 0.3s ease-in-out;}
.article_nextprev a:hover {text-decoration: none;}
.article_nextprev_disabled {cursor: not-allowed; opacity: 0.7;}

.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: 30px;}

/* СТРАНИЦЫ */
div.pages {clear: both; padding: 20px 0; margin-top: 15px;}
div.pages a {margin: 0 2px; transition: all 0.3s; text-decoration: none !important; font-size: 16px; color: #333333; display: inline-block; 
	line-height: 45px; text-align:center; width: 45px; height: 45px; border: solid 1px #E9E9E9; border-radius: 8px;}
div.pages a:hover {background:#f0f0f0; text-decoration: none;}
div.pages a.active {background: var(--color-primary); color: #fff; }

/* Carousel */
@media (prefers-reduced-motion: reduce) {
	*::after {
		transition: all 0.3s!important;
	}
}
.carousel { margin-top: 15px; margin-left: 15px; height: 345px; background: #e0e0e0; margin-bottom: 0; box-shadow: none; border-radius:5px;}
.carousel-inner, .carousel-inner .carousel-item { height: 345px; transition: all 0.5s ease-out!important;border-radius:5px;}
.carousel-item.active {transition: all 0.5s ease-out!important;}
.carousel-indicators { bottom: 0; text-align: center; left: auto; right:20px; margin: 0; bottom: 22px;}
.carousel-indicators button { padding: 0; width: 25px!important; height: 5px!important; border: none; margin: 0 4px!important; background: #f0f0f0; 
	border-radius:3px; border:none!important;}
.carousel-indicators .active {margin: 0 5px; padding: 0; width: 10px; height: 10px; background: var(--color-primary);}
.carousel-caption {text-align: left; text-shadow: none; left: 50%; top: 0; width: 40%; color:var(--color-text); justify-content:center; display:flex; flex-direction:column}
.carousel-caption .btn {align-self: flex-start; }
.carousel-caption h2 {text-align: left; font-size: 36px; line-height:1.2;}
.carousel-caption p {font-size: 18px; font-size: 24px;}
[class^=carousel-control] {top: auto; bottom: 0; transform: translateY(calc(100% + 15px)); line-height: 40px; color: #000;width: 40px; font-size: 1em; height: 40px; 
	color:var(--color-primary); opacity: 1; text-shadow: none; border-radius: 5px; z-index:16; border:solid 1px var(--color-primary);}
[class^=carousel-control]:hover {color: var(--color-text);}
.carousel-control-prev {background: #fff; right: 55px; left: auto; }
.carousel-control-next {background: #fff; right: 0;}

input, button {outline:0 !important; outline:none !important;}
a.btn {text-decoration: none;display: inline-flex; align-items: center; justify-content:center;}
.btn .fa-arrow-right {margin-left: 5px;}
.btn:hover {color: inherit;}
.btn {
    text-align: center; margin: 0; transition: all 0.3s ease-in-out; font-size: 16px; height: 2.9rem; padding-left: 30px; padding-right: 30px;
}
.hand {cursor: pointer;}
.nomargin {margin: 0;}
.img-responsive {display: inline-block;}

.noreg {margin-top: 100px;}

.embed-responsive {margin-top: 30px;}

.panel-no-border {border: none; box-shadow: none;}

.copyright {padding-top: 15px;}

@media (max-width: 992px) {
	.visible-cart-xs {display: block;}
	.hidden-cart-xs {display: none;}
	article.detail {background: #fff; width: 80%; padding: 25px 60px; margin: -90px auto 0; z-index: 100; position: relative; }

}

@media (max-width: 768px) {	
	main {padding: 0;}
	
	.about_text {padding-left: 15px;}
	.row-flex {
		display: block;
	}

	.detail {width: 100%; padding: 25px 0;}
		
	header .col-logo {width: 25% !important;}
		
	.page-pic {text-align: center; height: auto; }
	
	.panel-default {padding: 0 0 20px;}
	
	.no-page-pic {padding-top: 0;}
	.sticky-nav {transition: all 0.3s; background: #fff; position: fixed; left:0; right:0; top:0; box-shadow: 0 0 7px rgba(0,0,0,0.2); height: 60px; }
	.sticky-nav .navbar-nav > li > a {padding-top: 18px; padding-bottom: 18px;}
	.sticky-nav .top-icon {padding-top: 0;}
	header .nav, header .secondary { margin-top: 5px;}
	header .logo { margin:0; height:50px}
	header .fa-bars { font-size:20px; margin-right: 5px;}
	header .fa-user { font-size:18px; }

	.top-right {float: none; width: 100%; text-align: center; transition: all 0.3s; padding-top:38px;}

	.nav-xs {opacity: 0; pointer-events: none; position: fixed; padding-top: 40px; background: #000; top:0; bottom:0; left: 0; right: 0; transition: all 0.3s;}
	.nav-xs .close-menu {color: #fff; padding-top: 20px; padding-bottom: 10px; position: fixed; top: 0; left: 0; right: 0; z-index: 1000000; background: rgba(0,0,0,.8);}
	.nav-xs ul {list-style: none; padding: 45px; }
	.nav-xs a {color: #fff;}
	.nav-xs.nav-xs-show {opacity: 1; z-index: 100000; pointer-events: auto; overflow: auto;}
	
	.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) 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}

	.menu-select {
		font-size: 12px;
		overflow: hidden;
	}
	
	article.detail {background: #fff; width: 100%; padding: 25px 0; margin: 0 auto 0; z-index: 100; position: relative; }
	article h3 {font-size: 16px; line-height: 1.25em; }
	.article_date_detail {right: auto; left: 50%; min-width: 150px; text-align: center; margin-left: -75px; top: -12px; }
	.articles-panel {padding-top: 45px; margin-top: -40px;}
	
	.text {margin-top: 20px;}
	
	img {max-width: 100%;}
	
	.carousel, .carousel-inner, .carousel-inner .carousel-item {height: 44.9vw;}
	.carousel {margin-left: 0;}
	.carousel-caption {width: auto; right: 5%; bottom:0;}
	.carousel-caption .btn {padding: 3px 10px; height: auto; font-size: 3vw; line-height:1.2;}
	.carousel-caption h2 {font-size: 4vw; }
	.carousel-caption p {font-size: 3vw; line-height:1.2;}
	.carousel-indicators button {width:4vw!important; height: 2px!important;}
	[class^=carousel-control] {width:32px; height:32px; font-size:0.85rem;}
	.carousel-control-prev {right: 40px;}
	.carousel-indicators {bottom:8px; right:8px;}
}

.tooltip-inner { max-width: 350px; }
.btn-default {color: #fff;}
.btn-default:hover {color: #ccc;}
.btn-account:hover {color: #666;}
.btn:active {box-shadow: none;}
label {font-weight: normal;}

.username {font-size: 0.6em; display: inline-block; margin-left: 3px; vertical-align: middle;}

.nopadding {padding: 0;}

.fotorama__dot {width: 10px; height: 10px; border-radius: 50%; border: solid 1px #999; background: #fff;}
.fotorama__nav__frame.fotorama__active .fotorama__dot { width: 10px; height: 10px; background: #fad018; border: 0px;}
.fotorama__nav { margin-top: 0; z-index: 20; }
.fotorama__dot { border-color: #ccc; box-shadow: none;  }
.fotorama__active .fotorama__dot { background-color: #eee; box-shadow: none; }

.fancybox-caption {padding: 10px 0;}

.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; }

.an-close {position: relative; display: inline-block; width: 25px; height: 25px; overflow: hidden;}
.an-close::before, .an-close::after { content: ''; position: absolute; height: 2px; width: 100%;
	top: 50%; left: 0; margin-top: -1px; background: #000;
}
.an-close::before { transform: rotate(45deg); }
.an-close::after { transform: rotate(-45deg); }

.w100 {width: 100%;}