@charset "utf-8";
@import url("style_font_awesome.css");
@import url("../_fonts/bebas/bebas.css");
@import url("../_fonts/gothampro/gothampro.css");

@font-face{font-family:"SF-UI";src:url(../_fonts/SFUIDisplay-Heavy.eot);src:url(../_fonts/SFUIDisplay-Heavy.eot?#iefix) format("embedded-opentype"),url(../_fonts/SFUIDisplay-Heavy.woff) format("woff"),url(../_fonts/SFUIDisplay-Heavy.ttf) format("truetype"),url(../_fonts/SFUIDisplay-Heavy.svg#SF-UI) format("svg");font-weight:800;font-style:normal}@font-face{font-family:"SF-UI";src:url(../_fonts/SF-UI-DISPLAY-BOLD_0.eot);src:url(../_fonts/SF-UI-DISPLAY-BOLD_0.eot?#iefix) format("embedded-opentype"),url(../_fonts/SF-UI-DISPLAY-BOLD_0.woff) format("woff"),url(../_fonts/SF-UI-DISPLAY-BOLD_0.ttf) format("truetype"),url(../_fonts/SF-UI-DISPLAY-BOLD_0.svg#SF-UI) format("svg");font-weight:700;font-style:normal}@font-face{font-family:"SF-UI";src:url(../_fonts/SF-UI-DISPLAY-SEMIBOLD_0.eot);src:url(../_fonts/SF-UI-DISPLAY-SEMIBOLD_0.eot?#iefix) format("embedded-opentype"),url(../_fonts/SF-UI-DISPLAY-SEMIBOLD_0.woff) format("woff"),url(../_fonts/SF-UI-DISPLAY-SEMIBOLD_0.ttf) format("truetype"),url(../_fonts/SF-UI-DISPLAY-SEMIBOLD_0.svg#SF-UI) format("svg");font-weight:600;font-style:normal}@font-face{font-family:"SF-UI ";src:url(../_fonts/SF-UI-DISPLAY-MEDIUM_0.eot);src:url(../_fonts/SF-UI-DISPLAY-MEDIUM_0.eot?#iefix) format("embedded-opentype"),url(../_fonts/SF-UI-DISPLAY-MEDIUM_0.woff) format("woff"),url(../_fonts/SF-UI-DISPLAY-MEDIUM_0.ttf) format("truetype"),url("../_fonts/SF-UI-DISPLAY-MEDIUM_0.svg#SF-UI ") format("svg");font-weight:500;font-style:normal}@font-face{font-family:"SF-UI";src:url(../_fonts/SF-UI-DISPLAY-REGULAR_0.eot);src:url(../_fonts/SF-UI-DISPLAY-REGULAR_0.eot?#iefix) format("embedded-opentype"),url(../_fonts/SF-UI-DISPLAY-REGULAR_0.woff) format("woff"),url(../_fonts/SF-UI-DISPLAY-REGULAR_0.ttf) format("truetype"),url(../_fonts/SF-UI-DISPLAY-REGULAR_0.svg#SF-UI) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"SF-UI";src:url(../_fonts/SF-UI-DISPLAY-LIGHT_0.eot);src:url(../_fonts/SF-UI-DISPLAY-LIGHT_0.eot?#iefix) format("embedded-opentype"),url(../_fonts/SF-UI-DISPLAY-LIGHT_0.woff) format("woff"),url(../_fonts/SF-UI-DISPLAY-LIGHT_0.ttf) format("truetype"),url(../_fonts/SF-UI-DISPLAY-LIGHT_0.svg#SF-UI) format("svg");font-weight:300;font-style:normal}@font-face{font-family:"SF-UI";src:url(../_fonts/SFUIDisplay-Thin.eot);src:url(../_fonts/SFUIDisplay-Thin.eot?#iefix) format("embedded-opentype"),url(../_fonts/SFUIDisplay-Thin.woff) format("woff"),url(../_fonts/SFUIDisplay-Thin.ttf) format("truetype"),url(../_fonts/SFUIDisplay-Thin.svg#SF-UI) format("svg");font-weight:100;font-style:normal}@font-face{font-family:"ROBOTO";src:url("../_fonts/ROBOTO-THIN .eot");src:url("../_fonts/ROBOTO-THIN .eot?#iefix") format("embedded-opentype"),url("../_fonts/ROBOTO-THIN .woff") format("woff"),url("../_fonts/ROBOTO-THIN .ttf") format("truetype"),url("../_fonts/ROBOTO-THIN .svg#ROBOTO") format("svg");font-weight:100;font-style:normal}@font-face{font-family:"ROBOTO";src:url(../_fonts/ROBOTO-REGULAR.eot);src:url(../_fonts/ROBOTO-REGULAR.eot?#iefix) format("embedded-opentype"),url(../_fonts/ROBOTO-REGULAR.woff) format("woff"),url(../_fonts/ROBOTO-REGULAR.ttf) format("truetype"),url(../_fonts/ROBOTO-REGULAR.svg#ROBOTO) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"ROBOTO";src:url(../_fonts/ROBOTO-LIGHT.eot);src:url(../_fonts/ROBOTO-LIGHT.eot?#iefix) format("embedded-opentype"),url(../_fonts/ROBOTO-LIGHT.woff) format("woff"),url(../_fonts/ROBOTO-LIGHT.ttf) format("truetype"),url(../_fonts/ROBOTO-LIGHT.svg#ROBOTO) format("svg");font-weight:300;font-style:normal}@font-face{font-family:"ROBOTO";src:url(../_fonts/ROBOTO-BOLD.eot);src:url(../_fonts/ROBOTO-BOLD.eot?#iefix) format("embedded-opentype"),url(../_fonts/ROBOTO-BOLD.woff) format("woff"),url(../_fonts/ROBOTO-BOLD.ttf) format("truetype"),url(../_fonts/ROBOTO-BOLD.svg#ROBOTO) format("svg");font-weight:700;font-style:normal}@font-face{font-family:"ROBOTO";src:url(../_fonts/ROBOTO-CONDENSED.eot);src:url(../_fonts/ROBOTO-CONDENSED.eot?#iefix) format("embedded-opentype"),url(../_fonts/ROBOTO-CONDENSED.woff) format("woff"),url(../_fonts/ROBOTO-CONDENSED.ttf) format("truetype"),url(../_fonts/ROBOTO-CONDENSED.svg#ROBOTO) format("svg");font-weight:200;font-style:normal}

html {font-family: 'ROBOTO', Tahoma; font-weight: 300;}
body {margin:0; padding:0; color: #121212; font-family: 'SF-UI', Tahoma; line-height: 1.4;}

.padtop {padding-top: 48px;}
.toppest {position: fixed; top:0; width: 100%; z-index: 10000;}
body.flying .toppest {position: fixed; top:0; width: 100%; z-index: 10000;}

.container p {line-height: 28px;}
footer .container p {line-height: 1.2; letter-spacing: 1px;}


h1, h2, h3, h4, h5, h6 {font-family: 'ROBOTO'; }
h1 {font-size: 80px; margin-top: 0; color: #CB2412; font-weight: bold; margin-bottom: 45px; text-transform: uppercase; font-family: 'Bebas';}
.h2, h2 {font-family: 'ROBOTO';
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 30px;
	margin-top: 0;
	color: #5f5f5f;
    text-transform: uppercase;
    letter-spacing: -2.3px;}
h3 {font-weight: 500; font-size: 1.35em; margin-bottom: 20px; margin-top: 15px; color: #003671;}
h4 {font-size: 16.5pt; margin-top: 15px; font-weight: normal;}
h5 {font-size: 1em; margin-top: 0; font-weight: 600; color: #2a3c50;}
.h2 {font-size: 25px; letter-spacing: -1px;}

/* Меню */
/*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; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {background:none; box-shadow: none; color: #00abe4;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background:none; box-shadow: none; color: #00abe4 !important;}
.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 { 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;}
.navbar-brand {padding: 30.5px 15px;}
header {height: 500px; background: url(../images/bg/bg.jpg) no-repeat #f0f0f0; background-size: cover;}
header p {margin-bottom: 45px; color: #000; font-family: 'Gotham Pro'; font-size: 18px;}

.col1 {width: 23%;}
.col1 img:first-child {margin-bottom: 7px;}
.col2 {width: 54%;}

img {box-shadow: 0 1px 7px 0 rgba(41,41,41,0.15);}
/*.bs {box-shadow: 0 1px 7px 0 rgba(41,41,41,0.35);}*/

.dropdown:hover .dropdown-menu {
	pointer-events: auto;
	border-radius: 0;
	border: none;
	opacity: 1;
}

.langs {color: #757575;}
.langs a.lang {margin: 0 5px; color: #757575;}
.langs a.lang.active {color: #00abe4;}

.sticky-nav {transition: all 0.3s; z-index: 10000; background: #fff; position: fixed; left:0; right:0; top:0; }
.sticky-nav.flying {box-shadow: 0 0 7px rgba(0,0,0,0.2); }
.sticky-nav.flying .navbar-nav > li > a {padding-top: 18px; padding-bottom: 18px;}
.sticky-nav.flying .top-icon {padding-top: 20px;}

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}

.form-control {color: #444; font-size: 13px; box-shadow: none;}

.logo {height: 35px; margin-top: 7px;}

/* flex */
.row-flex { display: flex; flex:1 1 auto; }
.flex-vertical { display: flex; flex-direction: column; justify-content: center;}
.row-flex2 { display: flex; flex:1 1 auto; }
.flex-vertical2 { display: flex; flex-direction: column; justify-content: center;}

/* Блоки */

.container-fluid.width-fixed {max-width: 1200px;}

.bgg {background: url(../images/bg/bgg.jpg) right no-repeat #fff; background-size: auto 100%;}
.gray {background: #e8e8e8;}
.gray2 {background: #ccc;}
.black {background: #000; margin-top: 60px;}
.black iframe {margin-top: -90px;}
.seo {color: #999; font-size: 80%; line-height: 1.4em; padding-top: 30px;}

.pbt {padding-top: 60px; padding-bottom: 60px;}
.pbt2 {padding-top: 0; padding-bottom: 60px;}
.pb {padding-top: 0; padding-bottom:0 ;}
.nopr {padding-right:0;}
.nopl {padding-left:0;}

.toppest {background: #121212; letter-spacing:1.3px; color: #fffefe; font-size: 13px; font-family: 'SF-UI'; font-weight: 100; }
.toppest a {color: #fffefe;  }
.toppest .soc {padding-top: 15px; padding-bottom: 15px;}
.toppest .soc a:not(:last-child) {margin-right: 50px;}
.toppest a:hover {color: #cb2412; }

.badge {font-size: 11px; font-weight: normal; padding: 3px 6px; }

.page-pic {text-align: center; padding-top: 100px; height: 330px; }
.page-pic h1 {color: #fff; text-shadow: 0 0 5px #000; margin-top: 30px;}
.no-page-pic {text-align: center; padding-top: 30px; padding-bottom: 30px; }
.no-page-pic h1 {color: #000; margin-bottom: 0;}

[data-fancybox=group] img {margin-bottom: 30px;}

[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 { color: #000; font-weight: 700; position: fixed; bottom: 30px !important; right:10px; z-index: 9999; transform: rotate(-90deg) translateX(50%) translateY(50%);}*/
.sticky { display: none !important; color: #000; font-weight: 700; position: fixed; bottom: 20px !important; right:20px; z-index: 9999;}
.sticky .fa {font-size: 1.5em;}
.sticky a {color: #000; text-decoration: none; display: block; border-radius: 4px; border: solid 1px #000;padding: 4px 9px;}
.sticky a.white {color: #fff; border: solid 1px #fff;}


.extrabold {font-weight: 900;}

li {margin-bottom: 5px;}

footer { font-family: 'SF-UI'; color: rgba(255,255,255,0.7); position: relative; line-height: 1.5; padding: 60px 0 45px; background: #121212; font-size: 15px;}
footer a, .btn-primary {color: rgba(255,255,255,0.7); font-size: 0.87em;}
.btn-primary {color: #fff; border-color: transparent; font-family: 'SF-UI'; font-size: 12px;}
.btn-primary:hover {background: #000; border-color: transparent; }
footer a:not(:last-child) {margin-right: 10px;}
footer a[target=_blank] {font-size: 14px;}
footer p {margin: 15px 0;}
footer .fa {font-size: 125%;}
footer .form-control {color: #fff; background: none; border: none; border-bottom: solid 1px rgba(255,255,255,0.7); margin-bottom: 15px; }
footer .form-control:focus {box-shadow: none; }
footer .form-control::placeholder {color: rgba(255,255,255,0.3)}

/* Хлебные крошки */
.breadcrumbs {color: #929497; font-size: 13px; background: #f8f8f8; padding: 20px 30px; margin-bottom: 45px;}
.breadcrumbs a:hover {color: #000;}
.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 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 #444; margin: 12px 0;}
.semibold {font-weight: 600;}

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

/* Статьи */
article {margin-bottom: 30px; min-height: 510px;}
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 {line-height: 1.25em; }
article a {color: #000;}
article a:hover {text-decoration: none; color: #999;}
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; }
.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, .text-index {font-weight: 300;}
.text h4 {margin-bottom: 25px;;}
.text a:not([class^=btn]) {color: #2c98dd; text-decoration: none;}
.text table th {background: #fff; color: #95a4a7; font-size: 11.25pt; font-weight: normal; border-top: 0 !important; border-bottom: solid 1px #eef0f2;}

/* СТРАНИЦЫ */
div.pages {clear: both; padding: 20px 0; margin-top: 30px;}
div.pages a {margin: 0 2px; transition: all 0.3s; text-decoration: none !important; background: #ececec; color: #878787; display: inline-block; line-height: 35px; text-align:center; width: 35px; height: 35px;}
div.pages a:hover {background: #f9ba48; text-decoration: none; color: #fff;}
div.pages a.active {background: #000; color: #fff; }

:focus {outline:0 !important; outline:none !important;}

label {color: #95a4a7; font-size: 12pt;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
input[type="number"] { -moz-appearance: textfield;}

.btn {text-transform: uppercase; padding: 18px 38px; transition: all 0.3s; letter-spacing: 1.6px;}

.hand {cursor: pointer;}
.nomargin {margin: 0;}
.img-responsive {display: inline-block;}

img.img-left {margin-right: 15px; float: left;}
img.img-right {margin-left: 15px; float: right;}

sup {font-size: 55%;}

@media (max-width: 992px) {
	h1 {font-size: 4vw; }
	h2 {font-size: 3.5vw;}	
	h3 {font-size: 1.1em;}
	.digits {font-size: 9em;}
	.flex-vertical {width: 50%;}
	.container-bg.toppest {font-size: 13px;}
	.water p.digits2 {font-size: 1.8em;}
	header .menu {font-size: 0.6em;}
}

@media (max-width: 768px) {
	h1 {font-size: 40px; }
	h2 {font-size: 1.4em;}
	.bs {margin-bottom: 15px;}
	.bgg {background-position: 0 0;}
	.row-flex { display: block; }
	.flex-vertical {width: 100%; padding-bottom: 30px;}
	.mobile-reverse {flex-direction: column-reverse;}
	.padtop {padding-top: 90px;}
	.pb {padding-top: 0; padding-bottom:0 ;}
	.pbt2 {padding-bottom: 0;}
	.nopr {padding-right: 15px;}
	.nopl {padding-left:15px;}
	
	header {height: 100vw;}
	
	.col1, .col2 {width: inherit;}
	
	iframe { width: 100% !important; height: 300px;}
	
	.toppest .text-right {text-align: center;}
	
	.btn-menu {background: #fff; color: #00abe4; font-size: 2em; padding: 3px 10px; margin-top: 30px;}
	
	footer .navbar {min-height: 50px; padding: 0;}
	.navbar {min-height: 50px; padding: 0;}
	.navbar-left {float: left;}
	.navbar-right {float: right;}
	.navbar-brand {height: 110px;}
	.navbar-brand img {max-width: 100px;}
	.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: #003671; padding: 5px 0;}
	.dropdown-menu:not(.datepicker) > li { margin: 0; }
	.dropdown-menu:not(.datepicker) {float: none; border-radius: 0; position: absolute; background: #fff; border: solid 2px #36a5ed; z-index: 1000; right:12px; left: 12px; padding: 0;}
	.dropdown-menu:not(.datepicker) a {color: #003671;}
	.dropdown-menu:not(.datepicker) ul {list-style: none; margin-top: 5px;} 
	.dropdown-menu:not(.datepicker) li a {padding: 10px 15px; font-size: 16px !important; text-transform:uppercase; transition: background 0.1s;}
	.dropdown-menu:not(.datepicker):after {display: none;}
	.dropdown-menu:not(.datepicker) li.menu_sel a {color: #fff; background: #36a5ed;}

	.menu-select {
		font-size: 12px;
		overflow: hidden;
	}
	
	article h3 {font-size: 16px; line-height: 1.25em; }
	
	.text {margin-top: 20px;}
	
	img {max-width: 100%;}

}

.tooltip-inner { max-width: 350px; }
label {font-weight: normal;}
.nopadding {padding-left: 0;padding-right: 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: 0; 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; }

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-footer {text-align: center;}

.close2 {
cursor: pointer;
position: absolute;
right: -25px;
top: -25px;
width: 24px;
height: 24px;
}
.close2:hover:before, .close2:hover:after {
background-color: #cb2412;
}
.close2:before, .close2:after {
position: absolute;
	transition: all 0.5s;
left: 15px;
content: ' ';
height: 25px;
width: 1.5px;
background-color: #fff;
}
.close2:before {
transform: rotate(45deg);
}
.close2:after {
transform: rotate(-45deg);
}

.hid {display: none;}
.a {cursor: pointer; color: #000;}