/*##################################################################
#	Netbike Framework - center template - custom styles
#   ЭКСПЕРИМЕНТАЛЬНАЯ ЗАГОТОВКА ДЛЯ БЫСТРОЙ СБОРКИ САЙТ
#	26.11.2020
##################################################################*/
/***** MAIN STYLES *****/
/* подключите здесь шрифты, используя @import (из инструкции Google Fonts)*/
/*@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap");*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');*/
/* укажите основной шрифт */
html{
	font-family: 'Nunito', sans-serif;
	color: #353535;
}
/* укажите шрифт и ццвет для заголовков */
h1, h2, h3, h4, .content .title{
	font-family: 'Nunito', sans-serif;
}
h1 {
font-weight: 600;
font-size: 32px;
line-height: 100%;

}
/* фон страницы*/
body{
	background-color: #fff;	
}
/* фон поля для контента*/
.container.page{
	background-color: #fff;	
}
/* кнопки */
input[type='button'], input[type='submit'], a.button:link, a.button:visited{ /* обычная кнопка */
	border-radius:5px; /* применяется ко всем типам кнопок */
	background-color:#48AC3C;;
	color:#fff;
}
input[type='button']:hover, input[type='submit']:hover, a.button:hover{ /* обычная кнопка при наведении */
	background: linear-gradient(90deg, #0BA360 0%, #3CBA92 100%);
}
a.button.button-light:link, a.button.button-light:visited, a.button.button-light:focus{ /* контурная кнопка */
	border-color:#eb0c0c;
	color:#eb0c0c;
}
a.button.button-light:hover{ /* контурная кнопка при наведении */
	background-color:#eb0c0c;
	color:#fff;
}

a:link, a:visited {
    color: #353535;
    text-decoration: none;
}

/***** HEADER, FOOTER *****/
#header{
	font-size: inherit;
}
#header .block.logo{
	width:210px; /* ширина логотипа */
	height:60px; /* высота контейнера логотипа */
}
#header .block.logo a{
	/* background-size:auto 50px;*/ /* размеры логотипа в контейтере (высота соответствует высоте контейнера) */
	background-position:0 50%; /* выравнивание логотипа в контейтере*/
}
#header .block.phone{
	width:220px; /* ширина контейтера с телефоном */
}
#header .block a.phone{ /* ссылка "телефон" */
    font-size: 18px; 
    color: #353535;	
}
#header .block a.phone:hover{ /* ссылка "телефон" */
    color: #48AC3C;
}
.wrapper-footer{
	background-color:#353535;;
}
#footer{color:#fff;}
#footer a:link, #footer a:visited{
	color:inherit;
}
#footer a:hover{
	color:#48AC3C;
}
#footer .block.menu ul li.active a {
    color:#48AC3C;
}

#footer .nb-service a img.first {
    position: absolute; 
	right:20px; 
	bottom: 40px;
}

#footer .nb-service a img.second {
    position: absolute; 
	right:20px; 
	bottom: 40px;
}

#footer .nb-service a:hover img.first {
    display: none;
}

#footer .nb-service a:hover img.second {
    display: block!important;
}

/***** TOP_MENU *****/
.wrapper-top-menu{
	background-color: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
#top_menu{
	box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
}
#top_menu > ul li, #top_menu > ul li:first-child{
	border-color: #686868;
}
#top_menu a:link, #top_menu a:visited{
	background: #FFFFFF;
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
	color:#353535;
}
#top_menu ul li a:hover {
	background-color: #888888;
}
#top_menu ul li.active a, #top_menu ul li.active a:hover{
	background-color: #989898;
}
#top_menu > ul li {
    border: 1px solid #E7E7E7;
    /*border-bottom: none;*/
    background: #FFFFFF;
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.1);
}
#top_menu > ul li a {
    text-transform: none;
    font-size: 18px;
}
#top_menu > ul li:first-child {
    /*border-left: none;*/
}
#top_menu ul li.active a, #top_menu ul li.active a:hover {
    background-color: #373C63;;
	border-bottom: 3px solid #373C63;
}
#top_menu > ul li, #top_menu > ul li:first-child {
    border-color: #E7E7E7;
	height: 50px;
}
#top_menu > ul li a {
    padding: 10px 20px;
}
#top_menu ul li a:hover {
    background-color: #fff;
	border-bottom: 3px solid #373C63;
	color:#353535;
}

/***** BLOCKS *****/

/***** CONTENT *****/

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

/***** Главная *****/
.block-banner.polihim.banner-top .img {
    height: 550px;
}
.block-banner.polihim .body {
	background:none;
	width: 1200px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.block-banner.polihim.banner-top .body p.head {
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 100%;
    color: #353535;
	text-align: left;
    text-shadow: none;
    width: 680px;
    float: left;
}
.block-banner.polihim.banner-top .button-container a.button.button-inv {
    background: #48AC3C;
    border: none;
    border-radius: inherit;
    height: 50px;
    display: table-cell;
    width: 300px;
    vertical-align: middle;
}
.block-banner.polihim.banner-top .button-container a.button.button-inv:hover {
    color:#fff;
	background: linear-gradient(90deg, #0BA360 0%, #3CBA92 100%);
}

.block-card.catalog  {
    background-color:#F9F9F9;
	padding:40px 0;
}
.block-card.catalog h2{
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
	color: #353535;
}
.block-card.catalog .content {
    background:none;
	height: 190px;
}
.block-card.catalog .body {
     background: linear-gradient(90deg, #007ADF 0%, #00ECBC 100%);
     opacity: 0.65;
}
.block-card.catalog .body p.title {
    font-weight: 800;
    font-size: 18px;
    line-height: 100%;
    height: auto;
    bottom: 10px;
    position: absolute;
	padding-right: 20px;
}
.item-card.application {
  padding:40px 0;
}
.item-card.application h2.title {
   font-weight: 600;
   font-size: 32px;
   line-height: 100%;
   color: #353535;
   padding-bottom: 30px;
}
.item-card.application .content {
    box-shadow: none; 
}
.item-card.application .content .title {
    height: 4em;
    overflow: hidden;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #353535;
}

.link-catalog {
display:none;
}

/***** О компании *****/
.content.text .quote-block.quote {
    box-shadow: none;
	max-width: 940px;
}
.content.text .quote-block.quote p{
    font-weight: 300;
    font-size: 20px;
    color: #353535;
}
.content.text .quote-block.quote .bottom{
    padding-top:20px;
}
.content.text .quote-block.quote blockquote {
    border-left: 1px solid #0096F3;
    padding: 0 30px 0 60px;
}
.content.text .quote-block.quote blockquote:before{
background-image: none;
}
.item-card.partner h2.title {
   font-weight: 600;
   font-size: 32px;
   line-height: 100%;
   color: #353535;
   padding-bottom: 30px;
}
.item-card.partner .block-wrapper {
    padding: 10px;
}
.item-card.partner .content {
    box-shadow: none;
	padding: 0;
}
.item-card.partner .content .title {
    display:none;
}
/***** Каталог внутренняя *****/
.block-card.catalog.inner {
    background-color:#fff;
	padding:0;
}
/***** Доставка и оплата *****/
.icons-list.hr-icon {
    margin-top:40px;
	margin-bottom:80px;
}
.hr-icon h2.title{
    font-weight: 600;
    color: #353535;
}
.icon-buttons.hr-icon .content {
    border:none;
}

.icon-buttons.hr-icon .content p.title{
    border-right:solid 1px;
	border-color:#C4C4C4;
	font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.icon-buttons.hr-icon .content div.image{
	width:96px;
	height:96px;
	padding-right:10px;
}

.block-card .body {
    background: linear-gradient(90deg, #007ADF 0%, #00ECBC 100%);
    opacity: 0.65;
}

.block-card .content > a:hover .body{
	 background: linear-gradient(90deg, #007ADF 0%, #00ECBC 100%);
    opacity: 0.65;
}
.block-card p.title {
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    height: auto;
    bottom: 20px;
    position: absolute;
	padding-right: 20px;
}
.image-text.image-text-contacts .content {
box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
}


/***** Категория товаров *****/
.block-card.zakaz{
    background: #F9F9F9;
	padding:60px 0;
}

.block-card.zakaz h2.title{
   font-weight: 600;
   font-size: 32px;
   line-height: 100%;
   color: #353535;
}
.block-card.zakaz .body{
	color:#323232;
	text-shadow:none;
	background: none;
	opacity: 1;
}
.block-card.zakaz .content{
	background-position: right bottom;
	background:#fff;
}
.block-card.zakaz .content > div:not(.content-bg):last-child, .block2 .content .content-bg > div:last-child{
	padding:0;
}
.block-card.zakaz .content > div:not(.content-bg), .block2 .content .content-bg > div{
	padding:0;
}
.block-card.zakaz .content > div:not(.content-bg), .block2 .content .content-bg > div{
	position:absolute;
}
.block-card.zakaz p.title{
	padding: 20px 35% 0 20px;
    color: #353535;
    font-weight: 600;
    font-size: 24px;
	line-height: 33px;
    top: 10px;
}

/***** Страница товаров *****/

.image-text.big.docs .image-container {
    width: 150px;
}

.image-text.big.docs .content{
    box-shadow: none;
	width:1100px;
}

.image-text.big.docs .text .description {
    display: table-cell;
	vertical-align: middle;
    height: 200px;
    padding-left: 20px;
}

.image-text.big.docs .text .description p {
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    color: #353535;
	vertical-align:middle;
}

/***** Страница товаров (макет left-image) *****/
	.body.product {
	text-shadow:none; 
	background:none; 
	color:#353535; 
	position:relative; 
	padding:0;
}
	.body.product .left{
    width:50%; 
	float:left; 
	height: 420px;
}
	.body.product .block.right{
    width:50%; 
	float:right; 
	text-align:left; 
	position:relative; 
	height: 400px;
}
	.body.product .block.right h1{
    padding-left:40px;
}
	.body.product .block.right .bottom{
    position:absolute; 
	bottom:0; 
	margin-left: 40px;
}
	.body.product .block.right .bottom a.green-button{
    background:#48AC3C; 
	border:none; 
	border-radius:inherit; 
	height:50px; 
	display:table-cell; 
	width:300px; 
	vertical-align:middle; 
	color: #fff; 
	text-decoration:none; 
	text-align: center;'
}
	.body.product .block.right .bottom a.green-button:hover{
    background: linear-gradient(90deg, #0BA360 0%, #3CBA92 100%);

}
	.block-title p {
    padding: 10px 40px 0;
}
	.content.text > div.green{
	border: 1px solid #48AC3C;
	padding:40px 50px;
	margin:30px 0;
	}
	.content.text table.tech {
	margin:20px 0;
	}
	.content.text table.tech td, .content.text table.tech th {
	padding:10px;
	width: 50%;
    vertical-align: middle;
	}