#7fe9ff;.container {
	min-width: 360px;
}

.wrap {
	width: 1410px;
	margin: 0 auto;
}

.content {}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}


header {
	background: url(../i/header3.png) no-repeat 50% 0;
	position: relative;
}
.main header {
	background: url(../i/header_4.png) no-repeat 50% 0;
}
header .wrap {
	height: 200px;
}
header canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1080px;
	z-index: 12;
}
.lang {
	float: right;
    margin: 70px 0 0 30px;
}
.lang a:hover {
	color: #7fe9ff;

}
.img-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1080px;
	z-index: 11;
}
.img-slider img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	z-index: 12;
	transition: all .5s;
}
.img-slider img.active {
	opacity: 1;
	z-index: 13;
}
.img-ctrl {
	position: absolute;
	top: 1000px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 15;
}
.img-ctrl a {
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	border: 2px solid #fff5;
	background: #fff5;
	border-radius: 50%;
	box-shadow: 0 0 10px #000;
	margin: 0 5px;
	cursor: pointer;
}
.img-ctrl a:hover {
	background: #fffa;
}
.img-ctrl a.active {
	background: #fff;
}
.main header > .wrap {
	height: 1080px;
	position: relative;
	z-index: 13;
}
/*.main header .wrap .logo, .main header .wrap .links, .main header .wrap nav {
	display: none;
}*/
header .logo {
	float: left;
	width: 369px;
	height: 150px;
	margin: 35px 0 0;
	overflow: hidden;
}
header .logo img {
	display: block;
}
header .links {
	float: right;
	margin: 70px 0 0;
}
header .links a {
	color: #d92421;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 0 35px;
}
header .links a+a {
	color: #454a8b;
}
header nav {
	float: right;
	clear: right;
	margin: 15px 0 0;
}
header nav ul {
}
header nav ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 35px;
	position: relative;
}
header nav ul li:first-child {
	margin: 0;
}
header nav a {
	display: block;
	color: #000!important;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 23px;
}
header nav ul li div {
	position: absolute;
	top: 23px;
	left: 0;
	width: 250px;
	padding: 10px 0;
	background: #d0d3d8;
	box-shadow: 5px 5px 15px #000;
	display: none;
    z-index: 10;
}

header nav ul li:hover div {
	display: block;
}
header nav ul li div a {
	padding: 8px 20px 5px;
}
header nav ul li div a:hover {
	background: #f7f7f7;
}
.main header nav {
	float: left;
	clear: none;
	margin: 70px 0 0;
}
.main header .logo {
	float: none;
	width: 289px;
	height: 280px;
	background: url(../i/LogoNBB_22.png) no-repeat 50% 50%;
	position: absolute;
	top: 240px;
	left: 50%;
	margin: 0 0 0 -140px;
}
.main header .text {
	position: absolute;
	top: 550px;
	left: 50%;
	width: 1040px;
	margin: 0 0 0 -520px;
	font:400 30px/1.2 Impact,Roboto,sans-serif;
	color: #117c4a;
	text-align: center;
}
.main header .text span {
	display: block;
	margin: .5em 0 0;
}
.main header .text strong {
	display: block;
	font-size: 74px;
	color: #ed3237;
}
.main header .text .button {
	margin: 60px 15px;
}
.main header .text .button+.button {
	line-height: 56px;
	background: none;
	border: 2px dotted #7fe9ff;
}


main {
	padding: 0 240px 100px;
}
.main main {
	padding: 0;
}

.path {
	font-size: 13px;
	padding: 12px 0;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 -240px 30px;
}
.path a {
}
.path span {
	color: #999;
	margin: 0 5px;
}


.trv {
	background: url(../i/trv.png) no-repeat 50% 50%, #f7f7f7;
	background-attachment: fixed;
}
.trv .wrap {
	text-align: center;
	width: 1440px;
	padding: 60px 0 30px;
	font-size: 0;
}
.trv strong {
	display: block;
	margin: 0 0 2.5em;   
    font-size: 17px;
    text-transform: uppercase;
}
.trv a {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 30px);
	height: 230px;
	padding: 20px;
	background: #fff;
	color: #000;
	border-radius: 20px;
	box-shadow: 1px 1px 10px #0001;
	margin: 0 15px 30px;
}
.trv a:hover {
	background: #eee;
}
.trv a i {
	display: block;
	height: 80px;
	line-height: 80px;
}
.trv a i img {
	vertical-align: middle;
}
.trv a span {
	display: block;
	font-size: 17px;
	margin: 5px 0 0;
}


.main-news {
	width: 1440px;
	font-size: 0;
	padding: 60px 0 30px;
}
.main-news a {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 30px);
	margin: 0 15px 30px;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	color: #fff;
	background: #000;
	text-shadow: 0 0 5px #0002;
}
.main-news a {
	text-shadow: 0 0 10px #000;
}
.main-news a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .7;
	transition: all .3s;
}
.main-news a:hover img {
	opacity: 1;
}
.main-news a strong {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	font-size: 21px;
}
.main-news a span {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	font-size: 13px;
}


.partners-blocks {
}
.inner .partners-blocks {
margin:0 -240px;
}
.pb1 {
	padding: 40px 0 30px;
	border-top: 1px solid #e6e6e6;
	font-size: 0;
}
.pb1 > strong {
	display: block;
	text-align: center;
	margin: 0 0 2em;
    font-size: 17px;
    text-transform: uppercase;
}
.pb1 aside {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 30px 10px 0;
	font-size: 17px;
}
.pb1 aside i {
	float: left;
	width: 330px;
	height: 200px;
	line-height: 200px;
	background: #f7f7f7;
	border-radius: 20px;
	text-align: center;
	margin: 0 30px 0 0;
}
.pb1 aside i img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.pb1 aside div {
}
.pb2 {
	font-size: 0;
	text-align: center;
	margin: 0 -30px 30px;
}
.pb2 strong {
	display: block;
	font-size: 17px;
	text-transform: uppercase;
	color: #000;
	margin: 0 0 1.2em;
}
.pb2 a {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 30px);
	height: 160px;
	background: #f7f7f7;
	line-height: 120px;
	border-radius: 20px;
	margin: 0 15px 30px;
position:relative;
}
.pb2 a img {
	vertical-align: middle;
	max-width:90%;
	max-height:90%;
}
.pb2 a span {
position:absolute;
bottom:10px;
left:10px;
right:10px;
font-size:14px;
line-height:1.5;
color:#000;
}


.main-map {
	position: relative;
}
.main-map #map {
	width: 100%;
	height: 470px;
	margin: 0;
}
.main-map address {
	position: absolute;
	top: 30%;
	left: 50%;
	width: 450px;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 5px 10px 20px #0003;
	color: #000;
	font-style: normal;
	margin: 0 0 0 -705px;
}
.main-map address strong {
	display: block;
	font-size: 21px;
}
.main-map address p {
	margin: 1em 0 0;
}
.main-map address p a {
	color: #000;
}


article {
	font-size: 17px;
	margin: 0 0 30px;
}
article strong {
	color: #000;
}
.two-cols {
	font-size: 0;
}
.two-cols div {
	display: inline-block;
	vertical-align: bottom;
	width: calc(50% - 15px);
	font-size: 17px;
	margin: 0 15px 0 0;
}
.two-cols div:nth-child(2n) {
	margin: 0 0 0 15px;
}
article img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}
.detail_picture {
float:left;
max-width:40%;
margin:0 30px 10px 0;
}
.pdf {
	display: inline-block;
	vertical-align: top;
	padding: 5px 50px;
	background: url(../i/pdf.png) no-repeat 0 50%;
}
.pdf span {
	display: block;
	font-size: 13px;
	color: #666;
}
article ul, article ol {
	margin: 1em 0;
	overflow: hidden;
}
article ul {
}
article ol {
}
article ul li, article ol li {
	position: relative;
	margin: .3em 26px;
}
article ul li {
}
article ul li:before {
	content: '—';
	position: absolute;
	top: 0;
	left: -25px;
}
article ol li {
}
article table {
	width: 100%;
	margin: 1em 0 2em;
}
article table th, article table td {
	padding: 12px 20px;
}
article table th {
	text-align: left;
}
article table td {
}
article table tr:nth-child(2n) td {
	background: #f2f2f2;
}
article .bx-yandex-view-layout {
margin:0 -240px;
}
.socials {
	margin: 40px 0 0;
}
.socials img {
	width: auto;
}


.info, .news-list, .photos, .directions {
	font-size: 0;
	margin: 0 -255px;
}
.info a, .news-list a, .photos a, .directions a {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 30px);
	height: 240px;
	margin: 0 15px 30px;
	position: relative;
	overflow: hidden;
	background: #6c97ab;
	border-radius: 20px;
	color: #fff;
}
.photos a {
	width: calc(25% - 30px);
}
.news-list a:before, .photos a:before, .directions a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50%;
	background: linear-gradient(to top, #00000091, #0000);
	z-index: 5;
}
.info a:hover, .news-list a:hover, .photos a:hover, .directions a:hover {
	text-shadow: 0 0 10px #000;
}
.info a img, .news-list a img, .photos a img, .directions a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .5;
	transition: all .3s;
	z-index: 6;
}
.info a:hover img, .news-list a:hover img, .photos a:hover img, .directions a:hover img {
	opacity: 1;
}
.info a strong, .news-list a strong, .photos a strong, .directions a strong {
	position: absolute;
	top: 20px;
	left: 30px;
	right: 30px;
	font-size: 21px;
	line-height: 1.2;
	z-index: 7;
}
.news-list a strong, .photos a strong {
	top: auto;
	bottom: 45px;
}
.info a span, .news-list a span, .photos a span {
	position: absolute;
	bottom: 20px;
	left: 30px;
	right: 30px;
	font-size: 13px;
	z-index: 8;
}
.photos a.video:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../i/video.png) no-repeat 10px 10px;
}


.pages {
	margin: 30px -240px;
}
.pages a, .pages span {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	font-size: 17px;
	line-height: 50px;
	font-weight: 700;
	color: #000;
	margin: 0 5px 0 0;
}
.pages a.active {
	background: #0f314d;
	color: #fff;
}


.documents {
	font-size: 17px;
	margin: 1em 0;
}
.documents li {
	margin: .5em 0;
}
.documents li a {
	font-weight: 700;
}
.documents li span {
	display: block;
	color: #666;
	font-size: 13px;
}


.contacts {
	font-size: 0;
}
.contacts aside {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	padding: 0 30px 30px 0;
	font-size: 17px;
}
.contacts aside strong {
	display: block;
	color: #000;
}
#map {
	height: 580px;
	margin: 30px -240px;
}
.form {
	width: 50%;
}
.form h3 {
}
.form strong {
	display: block;
}
.captcha {
}
.captcha img {
display:inline-block;
vertical-align:top;
width:auto;
height:50px;
border-radius:0;
}
.captcha input {
display:inline-block !important; 
vertical-align:top;
width:150px;
}



.accr {
}
.accr form {
	width: 60%;
}
.accr hr {
	height: 1px;
	background: #e6e6e6;
	margin: -20px 0 30px;
}
.submit {
margin:1em 0 0;
line-height:1.2;
}
.submit input {
float:left;
margin:3px 10px 10px 0;
}


.companies {
width: 1200px;
}
.companies p {
display:inline-block;
vertical-align:top;
width:250px;
text-align:center;
margin:0 20px 20px 0;
}
.companies p span {
display:block;
height:100px;
line-height:100px;
margin:0 0 10px;
}
.companies p span img {
max-width:100%;
max-height:100%
}
.companies p strong {
display:block;
color:#000;
}






.bottom, .counters {
	background: #6790a5;
	color: #fff;
	line-height: 1.2;
}
.bottom .wrap {
}
#counters {
	font-size: 0;
	height: auto;
}
#counters aside {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 170px;
	position: relative;
	text-align: center;
	padding: 35px 0 0;
}
#counters aside:after {
	content: '';
	position: absolute;
	top: 35px;
	right: 0;
	width: 1px;
	height: 100px;
	background: #fff1;
}
#counters aside:last-child:after {
	display: none;
}
#counters aside strong {
	font-size: 64px;
}
#counters aside b {
	font-size: 64px;
	color: #f72c29;
}
#counters aside span {
	display: block;
	font-size: 13px;
}
.bottom nav {
	padding: 40px 0;
	border-top: 1px solid #fff1;
}
.bottom nav aside {
	float: right;
}
.bottom nav a {
	color: #d1e9f7;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 0 35px;
}
.bottom nav a:first-child {
	margin: 0;
}
.bottom nav aside a {
	color: #d92421;
}
.bottom nav aside a+a {
	color: #7fe9ff;
}
.bottom nav aside+a {
	margin: 0;
}






footer {
	background: #648ba0;
	color: #cde5f4;
}
footer .wrap {
	overflow: hidden;
	padding: 25px 0 30px;
}
.copyrights {
	float: left;
}
.dev {
float:right;
}
.dev a {
color:#7fe9ff;
}