/*##################################################################
#	Netbike Framework - center template - main styles
#	28.11.2022
##################################################################*/
/***** FONTS *****/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin_cyrillic-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
html{font-family: 'Open Sans', sans-serif; }
/***** GENERAL *****/
body{background:#d1d1d1;}
#headbar, #header, #top_menu, #footer, #footbar, body > .container, div.wrapper > .container {
    width: 1200px;
}
/* links */
a:link, a:visited{color:#969696;}
a:hover{color:#776a9b;}

#footer a:link, #footer a:visited{color:#000;}
#footer a:hover{color:#444;}

#top_menu a:link, #top_menu a:visited, #top_menu a:hover{color:#000;}
.page-wrapper > ul{padding:10px;}
.page-wrapper > ul li{padding:5px 0;}
/***** HEADER *****/
.wrapper-header{
	background:#fff;
}

#header{
	padding:10px;
	background:inherit;
	
}
#header .block {
    padding: 10px;
	box-sizing:border-box;
	vertical-align:middle;
}
#header .block.logo{
	width:200px;
	height:100px;
	padding-top:0; 
	padding-bottom:0;
}
#header .block.logo a{
	background-image:url(/images/logo.svg);
	background-size: auto 60px;
	background-position: 0 50%;
}
#header .block.phone{text-align:right;} 
#header .block a.phone{ 
	display:inline-block; padding: 5px 0;
	text-decoration:none; 
	font-size:24px;
	color:#d01102;
	
}
/***** FOOTER *****/
.wrapper-footer{
	background-color:#787878;
}
#footer{
	padding:10px;
	background:inherit;
	
}
#footer .block {
    padding: 10px;
	box-sizing:border-box;
}
#footer .block.menu ul li.active a{color:#944;}

#footer .social{text-align:right;}
#footer .social a{
	padding-left:5px;
	display:inline-block;
}
#footer .social a:hover{transform:scale(1.05); }
#footer .copyright{text-align:right;}
#footer .footbar{font-size:12px; line-height:1.15;}

#footer .nb-service a{
	display:block;
	margin-top:20px; 
	float:right;
}
#footer .nb-service a img{display:block;}
#footer .nb-service a:hover img.first{display:none;}
#footer .nb-service a:hover img.second{display:block!important;}

/***** TOP_MENU *****/
.wrapper-top-menu:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    background: transparent;
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.15) 3px, rgba(255,255,255,0) 8px);
    z-index: 9000;
}
#top_menu > ul li{
	border-right:1px solid #7d6b60;
	border-bottom: solid 1px #7d6b60;
	background-color:#fff;
	height:50px;
} 
#top_menu > ul li:first-child{border-left:1px solid #7d6b60;}

#top_menu > ul li a{ 
	background-color:#fff;
	text-transform:uppercase; 
	font-size:16px; 
	text-align:center; 
	padding: 18px 20px; 
	margin: -18px 0;
}
#top_menu a:link, #top_menu a:visited{color:#7b7b7b;}
#top_menu ul li a:hover{
	color:#fff;
	background-color:#d0d0d0;
}
#top_menu ul li.active a, #top_menu ul li.active a:hover{
	background-color:#bbb;
	color:#fff;
}



/***** MOBILE_MENU *****/
#mobile_menu{display:none;}
body.open_menu #mobile_menu{
	background:#ddd;
	position:fixed;
	z-index:9990;
	top:80px; bottom:0;
	left:0; 
	right:0;
	padding:22px;
	overflow-y:auto;
}
#mobile_menu ul{padding:0; min-width:240px;}
#mobile_menu ul li{ overflow:hidden;}
#mobile_menu ul li a{
	font-size:16px;
	background:#f0f0f0;
	margin-bottom:3px;
	padding:10px 13.5px;
	border-radius:3px; 
	display:block;
	text-decoration:none;
	position:relative;
}
#mobile_menu ul li.active a, #mobile_menu ul li.active a:hover{
	background:#bbb;	
}
#mobile_menu ul li a:hover{ 
	color:inherit; 
	background:#c8c8c8;
}



/***** CONTAINERS *****/
.container .button-container{
	text-align:center; 
	padding:10px; 
	clear:both;
}
.container .button-container .button{float:none;}

/*block-card*/
.block-card .content{
	background:#ccc;
	padding:0;
	position:relative;
	user-select:none;
	min-height:80px;
	font-size:16px;
} 
.block-card .content:before {
    content: "";
    padding-top: 75%;
    float: left;
}

.block-card .image{
	position:absolute;
	transition: all 450ms;
}
.block-card .image img{min-width:100%;}
.block-card .body{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3); 
	color:#fff;
	text-shadow: 0 0 3px #000;
	transition: all 450ms;
	padding:20px;
}
.block-card .body .bottom{
	position:absolute;
	bottom:0; 
	left:0;
	right:0; 
	padding: 20px;
	
}
.block-card .button{
	float:right;
	text-align:center; 
	text-shadow:none;
}

.block-card p.title{
	font-size:20px; 
	line-height:1.5em; 
	height:6em;
	overflow:hidden;
	color:#fff;
}
.block-card .content > a{
	display:block;
	position:absolute;
	width:100%;
	top:0;
	bottom:0;
	
} 
.block-card .content > a:hover .image{
	transform:scale(1.1);
} 
.block-card .content > a:hover .body{
	background:transparent;
}
/* block-card.block-workers */
.block-workers .content .button-wrapper{
	text-align:center;
}
.block-workers .content .button{float:none;}

.block-workers .content p.title{
	text-align:center; 
	height:4.5em;
	margin-bottom:0.5em;
}
/* item-card */
.item-card .block-wrapper{
	padding:15px;
}
.item-card .content{
	box-shadow:0px 0px 8px 1px rgba(0,0,0,0.22);
	padding:15px; 
	color:#666666; 
	user-select:none;
}
.item-card .block-wrapper > a{
	display:block; 
	width:100%; 
	height:100%; 
	text-decoration:none;
	color:inherit;
}
.item-card .block-wrapper > a:hover{
	background-color:#f7f7f7; 
}

.item-card .content .title{
	font-size:24px;
	color:#669966;
	line-height:1.5;
	height:3em;
	overflow:hidden;
	text-align:center;
}
.item-card .content .descr{
	font-size:15px;
	line-height:1.5;
	height:9em;
	overflow:hidden;	
	margin-bottom:0.5em;
}

.item-card .content .cost_wrapper{
	height:60px; 
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:-15px;
	margin-top:10px;
	overflow:hidden;
}
.item-card .content .cost_wrapper .left{
	width:50%;
	float:left; 
	line-height:60px;
	font-size:30px; 
	color:#333333; 
	font-weight:bold;
	margin: 0 15px;
}
.item-card .content .cost_wrapper .right{
	width:50%;
	float:right;
}
/*block-text*/

.block-text{
	padding: 0;
	font-size:18px;
}
.block-text .content{
	position:relative;
	padding:0;
}

.block-text .content > a{
	text-decoration:none;
	display:block; 
	padding: 10px;
}

.block-text .body{
	padding:10px 0px;
	text-align:center;
}
.block-text .body p{line-height:1.5em; height:4.5em;}

.block-text .body a{text-decoration:none;}
.block-text .content a:link, .block-text .content a:visited{color:#000;}
.block-text .content a:hover{color:#444;}

/* .block-text.image-circle */
.image-circle div.image img{border-radius:50%; padding:10px;}
.image-circle{max-width:1000px; margin: 10px auto;}
/* .block-card.block-cart-circle */ 
.block-card-circle{max-width:1000px; margin: 0 auto;}
.block-card-circle .content{border-radius:50%; margin:0 10px;}
.block-card-circle .body{text-align:center;  display:table;}
.block-card-circle .body p{vertical-align:middle; display:table-cell;}

.block-card.gradient-bottom .body, div.block-card.gradient-bottom a:hover .body{
	background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
	
}

/* block-border */
.block-border.nopadding{margin-left:0; margin-right:0;}
.block-border .content{
	position:relative;
	overflow:visible;
	padding:0;
	border:solid 1px #cacaca;
	color:#717171;
	font-size:16px;	
}
.block-border .content:before {
    display: block;
    width: 3px;
    content: '';
    background: #4c465e;
    position: absolute;
    left: -3px;
    top: -1px;
    bottom: -1px;
}

.block-border .content a:link, .block-border .content a:visited, .block-border .content a:hover{
	text-decoration:none;
	color:inherit;
	display:block;
}

.block-border .body{padding:10px 15px;}
.block-border a:hover .body{background-color:#e9e9e9;}
.block-border p.title{
	line-height:1.5;
	height:4.5em;
	overflow:hidden;
}
.block-border p.date{
	color:#a1a0a0; 
	font-size:14px; 
	margin-top:0.5em;
}

/***** .icon-buttons - контейнер для кнопок с иконками. Размеры иконки max 48х48, высота кнопок 56px *****/
.icon-buttons a{
	display:block; 
	text-decoration:none;
	color:inherit;
}
.icon-buttons a:hover .content{color:initial; background-color:#f5f5f5;}
.icon-buttons .content{
	display:table;
	border:solid 1px #bbb;
	padding:3px 10px;
	width:100%;
	height:48px;
	user-select:none;
}
.icon-buttons .content div{
	display:table-cell; 
	padding-left:5px; 
	vertical-align: middle;
}
.icon-buttons .content div p{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.15;
}
.icon-buttons .content div p.title{
	margin:0; 
	padding:0;
	font-size:18px;
	line-height:1.2;
}
.icon-buttons .content div.icon, .icon-buttons .content div.image{
	width:48px;
	height:48px;
	padding:0;	
	background-position: 50% 50%; 
	background-repeat:no-repeat;
	background-size:auto auto;	
}

/* .icon-buttons.icon-buttons-inline - inline-block контейнер для кнопок с иконками. Размеры иконки max 44х44, высота кнопок 56px */
.icon-buttons-inline{
	display:inline-block;
}
.icon-buttons-inline .block-wrapper{
	width:auto!important;
	display:inline-block!important;
}
.icon-buttons-inline .block-wrapper .content{
	width:auto!important;
}

/***** CONTENT *****/
/* headings */
h1, h2, h3, h4{color:#404040;}
h1{font-size:30px;}
h2{font-size:24px; }
h3{font-size:18px; font-weight:bold;}
h4, h5, h6{font-size:18px; font-weight:400;}
.page-wrapper > h1, .page-wrapper > h2, .page-wrapper > h3{padding-left:10px; padding-right:10px;}
.container > h1, .container > h2, .container > h3{padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:10px;}

/* block title with background */
.block-title .content{
	position:relative;
	user-select:none;
	padding:0;
	min-height:60px;
}
.block-title .content img{display:block; width:100%;}
.block-title .body{
	position:absolute;
	top:0;
	left:0; 
	right:0;
	bottom:0;
	color:#fff;
	text-shadow: 0 0 3px #000;
	background:rgba(0,0,0,0.5);
	padding:50px;
	user-select:none;
	text-align:center;
}
.block-title h1{
	padding:0;
	color:inherit;
}
.block-title p{
	padding: 10px 100px 0;

}
/* content links */


/* content text */
.content.text{
	padding:10px 10px;
	font-size:18px;
	font-weight:300;
}
.content.text > ymaps{
	max-width:100%;
	padding:10px;
}
.content.text > div{
	padding:0;
}
.content.text p{padding:0.5em 0px;}

.content.text table td, .content.text table th{padding:6px;}
/* ul for categories */
ul.category{
	padding: 0 10px; padding-bottom:10px;
	font-size:16px;
	line-height:1.3;
}
/*  blockquote  */
.content.text .quote-block{
	max-width:820px;
	margin: 10px auto;
	padding:10px 20px 10px 60px;
	box-shadow:0px 0px 8px 1px rgba(0,0,0,0.22);
	overflow:hidden;
}
.content blockquote{
	color:#828282;
	border-left:solid 3px #d6d6d6;
	padding: 0 10px 0 20px;
	margin-top:10px;
	margin-bottom:10px;
	-margin-left:50px;
	font-size:16px;
	font-weight:300;
	margin: 10px auto; 
	max-width:920px; 
	position:relative; 
	min-height:2.8em;
	line-height:1.4;	
}
.content blockquote:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	left:-40px;
	background-image:url(/images/icons/quote.svg);
	background-repeat:no-repeat;
	background-position: 50% 0;
	line-height:1.34;
	
}
.content blockquote h3{
	font-size:20px; 
	font-weight:400;
	padding-bottom:12px;
	color:#090603;
}

.content.text blockquote > p{padding:0;}
.content blockquote > p{ line-height:1.4;}
.content blockquote > p.author{font-size:14px; padding-top:1em;}

/************************************ OTHER ************************************/

/***** MODULE details-block *****/
.details-block{padding:10px;}	
.details-block details{	
	margin-bottom:10px;
	border:solid 1px #787878;
}
.details-block details > .content{padding:10px;}	
.details-block details summary, .details-block details:focus summary{
	background-color:#787878;
	color:#fff;
	font-size:18px;
	padding: 12px 20px;
	text-align:center;
	border-radius:0;	
}
.details-block summary:hover, .details-block summary:active, .details-block summary:focus{
	border-radius:0;
}

.details-block summary::-webkit-details-marker {display:none;}
.details-block summary:before{content:"\f078"; font:normal normal normal 14px/1 FontAwesome;  margin-right:3px; display:inline-block; position:relative; top:-3px;}
.details-block details[open] summary:before{content:"\f077"; -margin-top:-4px;}

.details-block a:link, .brown-details a:visited {color:#684537; text-decoration:none;}

.details-block details ul li{font-weight:300;}
.details-block .gallery div.content{padding:0!important;}
@media screen and (max-width: 719px){
	.details-block details{margin: 5px 5px;}
	.details-block details > .content{margin: 0;}

	
}
/***** MODULE image-text *****/
.image-text .content {
	margin: 0 auto;
	width: 890px;
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.22);
	padding: 15px;
	font-size: 18px;
}
.image-text .image-container {
	width: 340px;
	float: left;
	padding: 15px;
	box-sizing:content-box;
}
.image-text .text {
	padding: 15px;
	overflow: hidden;
}
.image-text h2 {
	font-size: 30px;
	font-weight: 300;
	padding-bottom: 0;
	margin-top:-5px;
}
.image-text ul {
	padding: 0;
}
.image-text li {
	list-style: none;
	line-height:1.5;
}
.image-text li:before{
	font: normal normal normal 22px/1 FontAwesome;
	content: "\f00c";
	color:#3c5996;
	width:26px;
	display:inline-block;
	padding-right:7px;
}

.image-text p + p {
	padding-top: 10px;
}


.image-text.image-right .image-container {
	float: right;
}
/* image-text small */
.image-text.small .content {
	width: 848px;
	font-size: 16px;
}
.image-text.small .image-container {
	width: 155px;
}
/* image-text big */
.image-text.big .content {
	width: auto;
	box-shadow: none;
	padding: 20px 50px;
}
.image-text.big .image-container {
	width: 450px;
	padding:15px 30px;
}
.image-text.big .text {padding:15px 30px;}
.image-text.big h2 {
	font-size: 36px;
	padding-bottom: 0.5em;
}
.image-text.big.image-right .content{background-color: #f0f0f0;}
/* image-text-contacts */
.image-text.image-text-contacts .content{
	width:auto; 
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.22);
	padding: 3px 10px;
}
.image-text.image-text-contacts .content .image-container{
	width:500px; 
	height: 330px;
}
.image-text.image-text-contacts .content .map{
	height:100%;
}
.image-text.image-text-contacts .content .map > ymaps{
	width:inherit!important;
	height:inherit!important;
}

.image-text.image-text-contacts .content .icon-buttons{   
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.image-text.image-text-contacts .content .text i.fa{
	color:#7d6b60;
	font-size:1.2em;
	display:inline-block;
	width:20px;
}

/***** blog *****/
.blog > h2{padding: 20px 10px 0;}
.blog .block-wrapper{padding: 10px 0;}
.blog .content{
	padding:10px;
	position:relative; 
	font-weight:300; 
	font-size:18px; 
	line-height:1.34;
}

.blog .image{
	width: 300px;
	float:left;
}
.blog .body{
	overflow:hidden;
	padding-left:30px;
	margin-bottom:40px;
}
.blog .body h3{
	font-size:24px;
	font-weight:400;
}
.blog .body h3 a{
	color:inherit; 
	text-decoration:none;
}
.blog .body h3 a:hover{ 
	text-decoration:underline;
}
.blog .panel{
	position:absolute;
	min-height:30px;
	bottom:0;
	left:300px;
	right:0;
	margin-left:40px;
	margin-right:10px;
	margin-bottom:10px;
	color:#878787;
	font-size:16px;
 }
.blog .panel span{
	display:inline-block;
	line-height:40px;
}
.blog .panel .button{float:right; padding: 0 20px;}
/* blog - news-filter */
.page-wrapper > ul.news-filter{padding:0 10px;}
.news-filter li{display:inline-block; padding-right:0.5em;}
.news-filter li a{border:solid 1px #bbb; border-radius:5px; padding:6px; text-decoration:none; display:inline-block;}
.news-filter li a:hover{border:solid 1px #bbb; color:#fff; background-color:#bbb;}
.news-filter li.active a{background-color:#999; border-color:#999; color:#fff;}
.module-blog .news-filter{
	margin-top:20px;
	padding: 0 10px;
}

/***** MODULE banner *****/
.block-banner .content{
	position:relative;
	padding:0;
	user-select:none;
	min-height:120px;
}
.block-banner .body{
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	background:rgba(0,0,0,0.5);
	padding:20px;
	font-weight:300;
	display:table;
	color:#fff;
	font-size:16px;
}
.block-banner .block{
	display:table-cell; 
	vertical-align:middle;
	padding: 0 10px;
}
.block-banner .block.button-container{
	text-align:right; 
	vertical-align:middle;
	min-width:250px;
}

.block-banner .body p{overflow:hidden;}
.block-banner .body p.head{
	font-size:30px;
	margin-top:-5px;
}
/* banner top (wide) */
.block-banner .block.button-container{
	vertical-align:bottom;
}
.block-banner.banner-top.nopadding{
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-10px;
}
.block-banner.banner-top .img{
	height:411px; 
	background-position: 50% 0;
	background-repeat:no-repeat;
}
.block-banner.banner-top .body p{
	width:1200px;
	margin: 0 auto; 
	font-size:18px;
	text-align:center;
	text-shadow: 0 0 5px #000;
}
.block-banner.banner-top .body p.head{
	font-size:60px;
	padding-bottom:20px;
	font-weight:400; 
}
.block-banner.banner-top .block-wrapper{
	padding-bottom:0;
}
.block-banner.banner-top .button-container{margin-top:15px;}

/***** module - gallery *****/
.block-gallery .gallery{margin-top:0; margin-bottom:0;}
.block-gallery .content.text{padding:0 10px;}
.block-gallery h2{padding:0;}
.block-gallery .content.text p:first-child{padding-top:0;}
.block-gallery .content.text p:last-child{padding-bottom:0;}

/*    gallery   */
div.gallery.slick-initialized{width:600px; margin: 0 auto; overflow:visible;}
.gallery .content p{
	height:3em; 
	font-size:14px; 
	color:#404040;
	line-height:1.5;
	overflow:hidden;
	margin-top:17px;
	margin-bottom:10px;
	text-align:center;
	font-weight:300;
}
.gallery div.image:before{padding-top:75%;}
.gallery-counter{
	width:600px;
	margin: 0 auto; 
	margin-bottom: 10px;
	display:none;
	text-align:center;
	user-select:none;
	font-size:18px;
	color:#8f8f8f;
}
.gallery.slick-slider + .gallery-counter{display:block;}

.gallery .slick-prev, .gallery .slick-next{
	opacity:1; height:54px; width:54px;
}
.gallery .slick-prev{background-image:url(/images/icons/gallery-arrow-left.svg); left:-59px;}
.gallery .slick-next{background-image:url(/images/icons/gallery-arrow-right.svg); right:-59px;}

@media screen and (max-width: 719px){
	div.gallery .block-wrapper{padding:0;}
	.gallery-counter{width:100%; margin-bottom:35px; padding-top:24px; }
	div.gallery.slick-initialized{width:100%; max-width:300px; }
	.gallery .slick-prev{left:0; bottom:-90px; top:auto;}
	.gallery .slick-next{right:0; bottom:-90px; top:auto;}	
}
/***** table-striped table *****/
.table-striped table{
	color: #404040;
	font-size: 16px;
	font-weight:400;
}
.table-striped th {
	background-color: #4c506b;
	color: #ffffff;
	font-size: 18px;
	border-right: solid 5px #fff;
	text-align: left;
	padding: 20px;
	font-weight:inherit;
}
.table-striped th:last-child {
	border-right: solid 0px #fff;
}
.table-striped tr {
	background-color: #e9eaeb;
}
.table-striped tbody tr:nth-child(odd) {
	background-color: #f2f2f2;
}
.table-striped td {
	border: none;
	border-right: solid 5px #fff;
	padding: 20px;
}
.table-striped tr td:last-child {
	border-right: solid 0px #fff;
}

/***** table-no-col table *****/
.table-no-col table{
	color: #404040;
	font-size: 16px;
	font-weight:400;
}
.table-no-col th {
	padding: 20px;
	text-align: left;
}
.table-no-col th {
	background-color: #fff;
	border: none;
	color: #adadad;
}
.table-no-col td {
	padding: 20px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #cdcdcd;
}
.table-no-col tr:first-child td {
	border-top: solid 1px #cdcdcd;
}

/* slider */
.slick-dots li button{
	background:#eceeef!important;
}
.slick-dots li.slick-active button{
	background:#ef1a21!important;
}
.slick-dots li:not(.slick-active) button:hover,
.slick-dots li:not(.slick-active) button:focus{
	background:#bbb!important;
}

/* AJAX nbform  */
div.content.ajaxform{
	max-width:930px; 
	margin: 40px auto 20px;
	box-shadow:0px 0px 8px 3px rgba(194,194,194,0.53);

}
form.nbform{
	max-width: 800px;
    margin: 0 auto;
}
form.nbform div.label, form.nbform label{
	display:block;
	margin-bottom:10px;
}
form.nbform div.label label{
	display:block; 
	margin-bottom:0!important;
	padding:4px 10px 4px 10px;
}
form.nbform div.label p, form.nbform label p{
	user-select:none; 
	font-size:16px;
	color:#484848;
}

form.nbform .error-message{display:none;}
form.nbform .success-message{display:none;}
form.nbform.success .success-hidden{display:none;}

form.nbform.success .success-message{
	display:block;  
	border:solid #090 1px;
	font-size:18px; 
	color:#090;
	white-space:pre-wrap; 
	padding:6px;
	margin-top:13px;
}
form.nbform.error .error-message{
	display:block;
	border:solid #e44 1px;
	font-size:13px;
	color:#e44;
	white-space:pre-wrap;
	padding:6px; 
	margin-top:13px;
}

form.nbform label.line{
	display:inline-block;
	margin-right:10px;
	user-select:none;
}
form.nbform input[type="radio"], form.nbform input[type="checkbox"]{
	display:inline-block;
	margin-right:5px;
}
form.nbform input[type="radio"]:focus, form.nbform input[type="checkbox"]:focus{-outline:#ccc 1px solid;}
form.nbform input[type="number"]{padding:10px;}
form.nbform select{padding:10px; }
form.nbform textarea{
	height:200px;
}

form.nbform .submit:focus{
	background-color:#ba0805!important;
}

form.nbform .submit:disabled{
	background-color:#bbb;
}
form.nbform label.ok{
	user-select:none; 
	font-size:14px;
	color:#858585;
}

form.nbform .required:before{
    content: "\f069";
	font: normal normal normal 14px/1 FontAwesome; 
	display:inline-block;
	cursor:help;
	color:#d44;
}
form.nbform .fa-asterisk{
	cursor:help;
	color:#d44;
}

form.nbform .phone_wrapper{
	position:relative;
	margin-bottom:21px;
}
form.nbform .phone_pre{
	float:left;
	width:22px;
	line-height:40px;
}
form.nbform .phone_mask{
	width: calc(100% - 22px);
	overflow:hidden;
}
form.nbform .phone_example{
	font-size:14px; 
	color:#ccc;
	position:absolute;
	bottom:-19px;
	padding-left:22px;
}
/*****    SLIDER    *****/
.wrapper-slider {
	height:338px;
	margin-top:20px;
	margin-bottom:20px;
	display:table;
	width:100%;
}
.page-wrapper .wrapper-slider{margin-left:-10px; margin-right:-10px;}
.wrapper-slider .left{
	display:table-cell;
	background: linear-gradient(90deg, rgba(255,255,255, 2) 20%, rgba(185,185,185,1) 100%);
}
.wrapper-slider .right{
	display:table-cell;
	background: linear-gradient(270deg, rgba(255,255,255, 1) 20%, rgba(185,185,185,1) 100%);
}
.wrapper-slider .container-slider2{
	display:table-cell;
	height:338px;
}
.wrapper-slider .container-slider2 .block-wrapper{
	width:auto; 
	display:table-cell;
	padding:0;
	position:absolute;
	
}
.wrapper-slider .container-slider2 .slider-double{
	display:block;
	width:1200px; 
	margin-bottom:0;
}


.slider-double img{
	width:100%;
	height:auto;
}
.slider-double .slick-slide{
	position:relative;
	width:600px;
}
.slider-double .slide-descr{
	position:absolute;
	width:100%; 
	left:0; 
	right:0;
	top:0;
	bottom:0;
	background:linear-gradient(0deg, rgba(0,0,0,0.7) 20%, rgba(255,255,255,0) 100%);
}
.slider-double .slide-descr div.bottom{
	position:absolute; 
	bottom:20px; 
	width:100%;
}

.slider-double .slide-descr p.title{
	font-size:28px;
	padding-bottom:0; 
	margin-bottom:5px;
}
.slider-double .slide-descr p.descr{
	font-size:16px; 
}
.slider-double .slide-descr p.title a{text-decoration:none; color:#eee;}
.slider-double .slide-descr p.title a:hover{color:#fff;}
.slider-double .slide-descr p.title a:active, .slider-double .slide-descr p.title a:focus{outline:none;}



.slider-double .slick-dots{position:absolute; bottom:-30px; display:none!important;}
.slider-double  .slick-prev{background-image:url(/images/icons/slider2-arrow-left.svg); height:59px; width:34px; left:-50px;}
.slider-double .slick-next{background-image:url(/images/icons/slider2-arrow-right.svg);  height:59px; width:34px; right:-50px;} 
@media screen and (max-width: 1366px){
.slider-double .slick-prev{background-image:url(/images/icons/slider2-arrow-left-white.svg); height:59px; width:34px; left:10px;}
.slider-double .slick-next{background-image:url(/images/icons/slider2-arrow-right-white.svg);  height:59px; width:34px; right:10px;} 	

.slider-double .slide-descr{padding-left:60px; padding-right:60px;}
}


/* slider standr */
.container.top .slider-standart .slick-dots{margin-top:-40px;}
.container.top .slider .button-wrapper{bottom:40px;}
.container.top .slider-standart .slick-prev, .container.top .slider-standart .slick-next{margin-top:0;}

.wrapper-slider .container-slider{
	display:table-cell;
	height:338px;
}
.wrapper-slider .container-slider .block-wrapper{
	width:auto; 
	display:table-cell;
	padding:0;
	position:absolute;
	
}
.wrapper-slider .container-slider .slider-standart{
	display:block;
	width:1200px; 
	margin-bottom:0;
}
.container.top .slider-standart .slick-prev{background-image:url(/images/icons/slider2-arrow-left.svg); height:59px; width:34px; left:-50px;}
.container.top .slider-standart .slick-next{background-image:url(/images/icons/slider2-arrow-right.svg); height:59px; width:34px; right:-50px;} 
@media screen and (max-width: 1366px){
.container.top .slider-standart .slick-prev{background-image:url(/images/icons/slider2-arrow-left-white.svg);  left:10px;}
.container.top .slider-standart .slick-next{background-image:url(/images/icons/slider2-arrow-right-white.svg);  right:10px;} 	
}


.slider-standart .slick-slide{
	position:relative;
	width:600px;
}

.slider-standart{padding:0; }

.slider-standart .slick-prev, .slider-standart .slick-next{
	margin-top:-20px;
}

.slider-standart .slide-descr{
	width:50%;
	padding-left:50px; padding-right:50px;
	background:rgba(0,0,0,0.5);
	background:linear-gradient(90deg, rgba(0,0,0,0.5) 70%, rgba(255,255,255,0) 100%);
	
	
}



/*##################################################################
#	Netbike adaptive styles for center template
##################################################################*/
/*########################## BIG SCREEN (> 1920) ###################*/
@media screen and (min-width: 1921px){
	.container.top, .container.bottom{
		max-width:1200px;
		margin-left: auto;
		margin-right: auto;
	}
}
/*########################## 4x3 SCREEN (1024 - 1280) ###################*/
@media screen and (min-width: 1000px) and (max-width: 1239px){
	#headbar, #header, #top_menu, #footer, #footbar, body > .container, div.wrapper > .container{
		width:960px;
		min-width:300px;
	}	
	#top_menu ul li{min-width:auto!important;}
	#top_menu ul li a{font-size:13px; padding-left:15px; padding-right:15px;}
	/**** containers *****/
	.block6 .block-wrapper,
	.block5 .block-wrapper{
		width:25%;
	}
	/***** blog  *****/
	.blog{font-size:14px;}
	.blog .image{width:200px;}
	.blog .panel{left:200px; font-size:12px;}
	/* banner */
	.block-banner .content{min-height:100px;}
	.block-banner .body{padding:10px; font-size:13px;}
	/* banner-top */
	.block-banner.banner-top .body p{width:auto;}
	.block-banner.banner-top .body p.head{font-size:42px;}	
	/* image-text-contacts */
	.image-text.image-text-contacts .content .icon-buttons{position:static;}
	/* slider */
	.wrapper-slider{height:auto; display:block;}
	.wrapper-slider .container-slider2, .wrapper-slider .container-slider{
		height:auto;
		display:block;
	}
	.wrapper-slider .container .slider{
		width:960px;
	}
	.wrapper-slider .container-slider2 .block-wrapper, .wrapper-slider .container-slider .block-wrapper{
		display:block;
		position:relative;
	}
	.slider .slick-prev, .slider .slick-next{
		height:29px!important;
	}
	.slider-double .slick-prev{left:0;}
	.slider-double .slick-next{right:0;}
	.slider-double .slide-descr{padding-left:40px; padding-right:40px;}	
}
/*########################## BIG TABLET COMPUTER (720 - 1024) ###################*/
@media screen and (min-width: 720px) and (max-width: 1239px){
	.icon-buttons{
		display:inline-block;
	}
	.icon-buttons .block-wrapper{
		width:auto!important;
		display:inline-block!important;
	}
	.icon-buttons .block-wrapper .content{
		width:auto!important;
	}	
}

@media screen and (max-width: 999px){
	#headbar, #header, #top_menu, #footer, #footbar, body > .container, div.wrapper > .container{
		width:100%;
		min-width:300px;
	}	
	.page-wrapper{padding:0;}	
	h1{font-size:26px;}
	h2{font-size:22px; }
	h3{font-size:18px; font-weight:bold;}
	h4, h5, h6{font-size:18px; font-weight:400;}	
	.content.text{font-size:16px;}
	.content{padding:10px;}
	.content table{padding:0;}
	.content blockquote:before{content:none;}
	input[type='button'], input[type='submit'], a.button:link, a.button:visited{margin-bottom:4px; height:auto; line-height:1.5; padding: 10px 20px; white-space:nowrap;}
	a.button.button-light:link, a.button.button-light:visited, a.button.button-inv:link, a.button.button-inv:visited{margin-bottom:4px; height:auto; line-height:1.5; padding: 10px 20px;}
	details summary{font-size:22px;}
	/* image-text */
	div.container.image-text .content{width:auto; box-shadow:none; padding:10px;}
	div.container.image-text .image-container{max-width:200px; padding:10px;}
	div.container.image-text .text{padding:10px;}
	/* block-title */
	.block-title .content{min-height:auto; font-size:13px;}
	.block-title .body{padding: 0 10px;}
	.block-title .body h1{font-size:20px;}
	.block-title p{padding-top:5px; padding: 10px 10px 0;}
	/**** containers *****/
	.block6 .block-wrapper,
	.block5 .block-wrapper,
	.block4 .block-wrapper{
		width:33.33333%;
	}
	.block2 .block-wrapper{
		width:100%;
	}
	.container{margin-left:auto; margin-right:auto;}
	.block3.block-card .block-wrapper, .block4.block-card .block-wrapper, .block5.block-card .block-wrapper, .block6.block-card .block-wrapper{
		width:50%;
	}
	.block3.block-card-circle .block-wrapper, .block4.block-card-circle .block-wrapper, .block5.block-card-circle .block-wrapper, .block6.block-card-circle .block-wrapper{
		width:33.33333%;
	}

	/***** blocks *****/
	.block-card{max-width:720px;}
	.block-text{max-width:720px;}
	.block-card-circle, .image-circle{max-width:720px;}
	.block-card-circle .content{margin:0;}
	/***** modules *****/
	
	/***** blog *****/
	.blog .block-wrapper{padding:0;}
	.blog .content{font-size:14px;}
	.blog .image{width:200px;}
	.blog .panel{left:200px; font-size:12px;}
	.blog .panel .button.button-light{font-size:13px; padding: 0 10px; line-height:30px; height:30px; margin-top:5px;}
	.blog .body h3{font-size:18px; padding-bottom:9px;}
	/* banner */
	.block-banner .body{
		padding:10px;
		font-size:13px;
		position:static;
		display:block; 
		background:transparent;
		color:#888;
		border:solid 1px #888;
		border-radius:5px;
	}	
	.block-banner .image{
		display:none;
	}	
	.block-banner .block{
		display:block;
	}
	.block-banner .block.button-container{
		text-align:center; 
		padding-top:10px;
	}
	.block-banner div.button-container .button{
		border-color:#888;
		color:#888;
	}
	.block-banner div.button-container .button:hover{
		border-color:#888; 
		color:#fff; 
		background-color:#888;
}
	/* banner-top */
	.block-banner.banner-top.nopadding{
		margin-left:0; 
		margin-right:0;
		margin-top:0;
	}
	.block-banner.banner-top .img{
		display:none;
	}
	.block-banner .body{
		color:#424242; 
		background-color:#fff;
	}
	.block-banner.banner-top .body p{
		text-shadow:none; 
		width:auto;
		font-size:16px;
	}
	.block-banner.banner-top .body p.head{
		font-size:30px; 
		padding-bottom:10px;
	}
	.block-banner.banner-top .block-wrapper{
		padding-bottom:10px;
	}
	
	
	/* image-text-contacts */	
	.image-text.image-text-contacts .content .icon-buttons{position:static;}
	.image-text.image-text-contacts .content .image-container{width:auto; float:none;}
	div.container.image-text.image-text-contacts .image-container{max-width:initial;}	
	/* slider */
		.page-wrapper .wrapper-slider{margin-left:0; margin-right:0;}	
	.wrapper-slider{height:auto; display:block;}
	.wrapper-slider .left, .wrapper-slider .right{display:none;}
	
	.wrapper-slider .container-slider2, .wrapper-slider .container-slider{
		height:auto;
		display:block;
	}
	.wrapper-slider .container-slider2 .slider-double{
		width:600px; margin: 0 auto; 
	}
	.wrapper-slider .container-slider .slider-standart{
		width:auto;
	}
	.wrapper-slider .container-slider2 .block-wrapper, .wrapper-slider .container-slider .block-wrapper{
		display:block;
		position:relative;
		float:none;
	}
	.slider .slick-prev, .slider .slick-next{
		width:50px!important;
		height:29px!important;
	}
	.slider .slick-prev{left:0;}
	.slider .slick-next{right:0;}
	
	
	.slider-standart .slide-descr{min-width:600px;!important;}
	
	.container-slider .block-wrapper {padding:0;}
}
/*########################## BIG TABLET COMPUTER (480 - 720) ###################*/
@media screen and (max-width: 719px){
	.test_mode_wrapper .test_mode{font-size:12px;}
	body.open_menu .test_mode_wrapper{display:none;}
	/* mobile menu */
	a.mobile-menu-button{
		display:block!important;
		width: 75px;
		height: 80px;
		position:absolute;
		right:0;
		top:0;
		background-image:url(/images/icons/mobile_menu.svg);
		background-repeat:no-repeat;
		background-size:auto auto;
		background-position:50% 50%;
		background-color: #4b4b4b;
		
	}
	body.open_menu #mobile_menu{display:block!important;}
	body.open_menu{overflow:hidden!important;}
	body.open_menu a.mobile-menu-button{
		background-image:url(/images/icons/mobile_menu_active.svg);
	}		
	#mobile_menu ul li a{color:#000;}
	/***** general *****/
	#top_menu{display:none;}
	#header .block, #footer .block{width:100%; display:block; float:none; overflow:hidden; height:auto;}
	#header .block{display:none;}
	#header .block.logo{display:block;}
	#footer{padding:5px;}
	#footer .block{padding:10px 5px;}
	#footer .social{text-align:center;}
	#footer .copyright{text-align:center;}
	#footer .block.menu ul li a{
		border:solid 1px #444; 
		padding:10px; 
		max-width:400px; 
		margin: 0 auto;
		margin-bottom:4px; 
		text-decoration:none;
		display:block;
		border-radius:4px; 
		user-select:none;
	}
	#footer .block.menu ul li a:hover{
		padding:10px; 
		color:#000; 
		background-color:#aaa;
	}
	#footer .block.menu ul li.active a, #footer .block.menu ul li.active a:hover{ 
		color:#000;
		background-color:#bbb; 
	}
	#footer .block.right > div, #footer .block.right > div img{text-align:center!important;}	
	
	h1{font-size:22px;}
	h2{font-size:18px; }
	h3{font-size:16px; font-weight:bold;}
	h4, h5, h6{font-size:14px; font-weight:400;}	
	.content.text{font-size:15px;}	
	.content.text .quote-block{padding-left:10px;}
	/* block-title */
	.block-title .content{min-height:auto; margin:0;  }
	.block-title .content .body{position:static; color:#000; background:none; padding:0; text-shadow:none;}	
	.block-title .content img{display:none;}
	/* image-text */
	div.container.image-text .image-container{max-width:200px; margin: 0 auto; float:none;}
	.image-text div.image.square:before{content:none;}
	.image-text div.image.square img{position:static;}
	/**** containers *****/
	.block6 .block-wrapper,
	.block5 .block-wrapper,
	.block4 .block-wrapper,
	.block3 .block-wrapper{
		width:50%;
	}
	.block2 .block-wrapper{
		width:100%;
	}
	.block-card.block3 .block-wrapper{width:100%;}
	.block-card.block3 .content{max-width:320px; margin: 0 auto;}
	.block3.block-card-circle .block-wrapper, .block4.block-card-circle .block-wrapper, .block5.block-card-circle .block-wrapper, .block6.block-card-circle .block-wrapper{
		width:50%;
	}	
	.icon-buttons .block-wrapper{width:100%;}
	/***** blocks *****/
	.block-card{max-width:480px;}
	.block-card p.title {
    font-size: 20px;
	}
	.block-text{max-width:480px;}
	.icon-buttons{max-width:320px;}	
	/***** modules *****/
	
	/***** blog *****/
	.blog .block-wrapper:nth-child(odd) .content{background-color:#f2f2f2;}
	.blog .content{padding: 0;}
	.blog .image{display:none;}
	.blog .body{padding:10px; margin-bottom:0;}
	.blog .panel{position:static; margin: 0 10px; text-align:center; padding-bottom: 10px;}
	.blog .panel span{font-size:14px; line-height:1.5; text-align:left;}
	.blog .panel .button.button-light{float:none; margin: 0 5px; margin-top:7px;}	
	/* slider */
	.wrapper-slider .container-slider2 .slider-double{
		width:100%; margin: 0 auto; max-width:500px;
	}
	.slider-double .slide-descr p.title{
		font-size:20px;
	}
	.slider-double .slide-descr p.descr{
		font-size:15px;
	}
	.slider-standart .slide-descr{width:100%!important; min-width:auto!important; background:rgba(0, 0, 0, 0.5)!important;}
}
/*########################## SMARTPHONE (<480) ##############################*/
@media screen and (max-width: 479px){
	/**** containers *****/
	.block6 .block-wrapper,
	.block5 .block-wrapper,
	.block4 .block-wrapper,
	.block3 .block-wrapper,
	.block2 .block-wrapper{
		width:100%;
	}
	.container.block-card .block-wrapper{width:100%;}
	.block-card.block-nav .content{min-height:auto;}
	.block-card.block-nav .content:before{content:none;}
	.block-card.block-nav .body{font-size:16px; position:static;}
	.block-card.block-nav .content a{position:static; text-decoration:none;}
	
	.block3.block-card-circle .block-wrapper, .block4.block-card-circle .block-wrapper, .block5.block-card-circle .block-wrapper, .block6.block-card-circle .block-wrapper{
		width:100%;
	}	
	.block-card-circle, .image-circle{max-width:300px; padding: 0 40px;}
	/***** blocks *****/
	.block-card, .block-card-circle{max-width:320px;}
	.block-text, .image-circle{max-width:320px;}
	.block-text .body p{height:auto;}
	.icon-buttons{max-width:320px;}
	/***** modules *****/
	
	/* slider */
	.slider .slide-descr{
		padding:10px;
	}
	.slider-double .slide-descr div.bottom{bottom:10px;}
	.slider-double .slide-descr p.title{
		font-size:15px;
		padding:0;
	}
	.slider-double .slide-descr p.descr{
		font-size:12px;
		padding:0;
	}
	.slider .slick-prev, .slider .slick-next{
		top:30px; margin-top:0!important;
	}
	.slider-standart .slide-descr{
		padding-top:55px; padding-left:10px!important; padding-right:10px!important;
	}
	.slider-standart .slide-descr p.title{
		font-size:20px;
	}
	.wrapper-slider .container-slider .slider-standart{padding:0;}

}