/*##################################################################
#	Netbike Framework - center template - custom styles
#   ЭКСПЕРИМЕНТАЛЬНАЯ ЗАГОТОВКА ДЛЯ БЫСТРОЙ СБОРКИ САЙТ
#	26.11.2020
##################################################################*/
/***** MAIN STYLES *****/
/* подключите здесь шрифты, используя @import (из инструкции Google Fonts)*/
/*@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@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: 'Open Sans', sans-serif;
}
/* укажите шрифт и ццвет для заголовков */
h1, h2, h3, h4, .content .title{
	-font-family: 'Roboto', sans-serif;
	font-family: 'Open Sans', sans-serif;
	color:#353535;
}

h1 {font-size:32px;}
/* фон страницы*/
body{
	background-color: #fff;	
}
/* фон поля для контента*/
body:not(.default) .container.page {
    background: transparent;
}

.container.page{
	background-color: #fff;	
}
/* кнопки */
input[type='button'], input[type='submit'], a.button:link, a.button:visited{ /* обычная кнопка */
	border-radius: 0px;
    background-color: #E94F1A;
    color: #fff;
    border: 1.5px solid #E94F1A;
    width: 300px;
    text-align: center;
    padding: 5px 0;
    height: 50px;
    text-align: center;
    float: right;
}
input[type='button']:hover, input[type='submit']:hover, a.button:hover{ /* обычная кнопка при наведении */
	background-color:#fff;
	color:#525252;
	border-color:#E94F1A;
}
a.button.button-light:link, a.button.button-light:visited, a.button.button-light:focus{ /* контурная кнопка */
	border-color:#E94F1A;
	color:#525252;
}
a.button.button-light:hover{ /* контурная кнопка при наведении */
	background-color:#E94F1A;
	color:#fff;
}

/***** HEADER, FOOTER *****/
#header{
	font-size: inherit;
	padding:0;
}
#header .block.logo{
	width:230px; /* ширина логотипа */
	height:80px; /* высота контейнера логотипа */
}
#header .block.logo a{
	background-size:auto 50px; /* размеры логотипа в контейтере (высота соответствует высоте контейнера) */
	background-position:0 50%; /* выравнивание логотипа в контейтере*/
}
#header .block.phone{
	width:210px; /* ширина контейтера с телефоном */
	text-align:center;
	padding-left:10px;
}
#header .block.phone a{ /* ссылка "телефон" */
    font-size: 24px; 
    color: #676767;	
	text-decoration:none;
}

#header .block.icon{
	width:50px; 
	text-align:center;
	background-image: url(/images/content/icons/hour.png);
	background-size: auto 43px;
    background-position: 0 50%;
}

#header .block.button{
	width:100px; 
	background-image: url(/images/content/icons/phone.png);
	background-size: auto 50px;
    background-position: 50%;
	background-color:#E94F1A;
}

#header .block.button a{
	background-image: url(/images/content/icons/phone.png);
	background-size: auto 50px;
    background-position: 50%;
	display: block;
    height: inherit;
    background-repeat: no-repeat;
}

#header .block {
    padding: 0px;
}

.wrapper-header {
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.10);
}


#header .line_menu ul{display:flex; justify-content: right;}
#header .line_menu li{ display: inline-block;text-align:center; font-size:24px; font-weight:400; position: relative; padding: 30px 0;}
#header .line_menu li a{ text-decoration:none; color:#676767; font-weight:400; line-height:100%; letter-spacing:0.05em; padding:30px;}
#header .line_menu li:hover {background:#E94F1A;}
#header .line_menu li:hover a{color:#fff; }
#header .line_menu li::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 100px;
            background: #BFBABA;
}


.wrapper-footer{
	background-color:#E94F1A;
}
#footer{color:#fff;}
#footer a:link, #footer a:visited{
	color:inherit;
}
#footer a:hover{
	color:#383838;
}


#footer .block.phone {
    width:220px;
}

#footer .block.text {
    text-align:right;
}


#footer .block.footbar .block.right {
    position: absolute;
    right: 0;
    bottom: 20px;
    display: flex;
}

#footer .block.menu {
    line-height: 25px;
	width: 300px;
}

#footer .block.menu ul li a {
	text-decoration:none;
}

#footer .block.menu ul li a:hover {
    color:#fff; 
	text-decoration:underline;
}

#footer .block.menu ul li.active a {
    color:#fff; 
	text-decoration:underline;
}
/***** TOP_MENU *****/
/*
.wrapper-top-menu{
	background-color: #787878;
}
#top_menu > ul li, #top_menu > ul li:first-child{
	border-color: #686868;
}
#top_menu a:link, #top_menu a:visited{
	background-color: #787878;
	color:#fff;
}
#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;
}
*/
/***** BLOCKS *****/

.block-banner.banner-top.nopadding {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    position: relative;
    margin-bottom: -120px;
}

.block-banner.banner-top .img {
    height: 700px;
}

.block-banner.banner-top  .body {
    width: 1200px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	background: none;
}

.block-banner.banner-top .body p.head {
    font-size: 44px;
    padding-bottom: 40px;
    font-weight: 500;
    text-align: left;
	width:1000px;
	float: left;
}

.block-banner.banner-top .body p.description {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
	width:1000px;
	float: left;
}


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

.container h2 {
    font-size: 32px;
    font-weight: 400;
    color: #353535;
    padding-bottom: 25px;
}

.content.text h2 {
    font-size: 24px;
    font-weight: 400;
    color: #353535;
    padding-bottom: 10px;
	padding-top: 10px;
}

.content.text.faq h2 {
    font-size: 32px;
    font-weight: 400;
    color: #353535;
    padding-bottom: 25px;
}

.container.item-card.uslugi{
    position: relative;
    z-index: 100;
    width: 1200px;
    margin: 0 auto;
}

.item-card.uslugi .content .button-arrow {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 24px;
    height: 24px;
}

.item-card.uslugi .content .button-arrow::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333333;
    border-top: 2px solid #333333;
    transform: rotate(45deg);
    right: 0;
    top: 5px;
}

.item-card.uslugi .content {
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.35);
    color: #333333;
	background:#fff;
	height:400px;
}

.item-card.uslugi .content .title {
    font-size: 24px;
    color: #000000;
    height: auto;
    font-weight:400;
    text-align: left;
	padding-bottom:20px;
}

.item-card.uslugi .content .descr {
    font-size: 16px;
    line-height: 1.5;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.5em;
	font-weight:400;
}

.item-card.uslugi .content:hover {
    background-color: #C4C4C4;
}

.content.text.reasons {
    border:3px solid #E94F1A;
    margin: 80px auto;
	padding:90px;
	background-image:url(/images/content/mark.png);
	background-repeat:no-repeat;
	background-position:right;
	font-size:24px;
	height: 520px;
    display: flex;
}

.block-card.article p.title {
    font-size: 20px;
    line-height: 100%;
    font-weight: 400;
    height: auto;
    overflow: hidden;
    color: #fff;
    position: absolute;
    bottom: 40px;
    padding-right: 20px;
}

.container.block-card.article{
    margin:20px auto;
}

.item-card.steps .content  {
    background-color:#E94F1A;
}

.item-card.steps .content .title {
    font-size: 22px;
	font-weight:700;
    color: #fff;
    line-height: 1.5;
    height: 3em;
}

.item-card.steps .content .descr {
    font-size: 16px;
	color:#fff;
}

.content.text.callback {
	display:flex;
    margin: 80px auto;
	font-size:24px;
	width:100%;

}

.content.text.callback .link {
	background-image:url(/images/content/icons/hour.png);
	background-repeat:no-repeat;
	background-position:left 30px center;
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.35);
	width:70%;
	line-height: 100px;
}

.content.text.callback .link .text{
	padding-left:120px;
	padding-right:50px;
}

.content.text.callback .button-container{
	width: 30%;
}

.content.text.callback .button-container .button{
	background-image:url(/images/content/icons/phone.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
	width: 100%;
	height: 100%;
    line-height: 90px;
	font-size:24px;
	text-align: left;
    padding-left: 50px;
}

.content.text.callback .button-container .button:hover{
	background-image:url(/images/content/icons/phone-orange.png);
}

.content.text.callback .button-container .button a{
	color:#fff;
}

.content.text.orange {
    background:#E94F1A;
	padding:20px;
	font-size:24px;
	font-weight:700;
	margin-top:80px;
	color:#fff;
	text-align:center;
}

.price {
	font-size:24px;
	color:#E94F1A;
	font-weight:700;
}

.content.text.city {
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.35);
    margin: 40px auto;
	background-image:url(/images/content/city.png);
	background-repeat:no-repeat;
	background-position:right;
	font-size:23px;
	font-weight:700;
	padding: 20px 40px;
}

.content.text.reasons.standart {
	padding:50px;
}

.content.text.reasons.standart ul {
	padding: 10px 10px 0.5em 90px;
}

/* Модуль Цитата*/

.quote.image-text.small .content {
    font-size: 24px;
    font-weight: 400;
    width: 900px;
    box-shadow: none;
	margin-top: 40px;
	display:flex;
}

.quote.image-text.small .image-container {
    width: 510px;
}

.quote.image-text.small .text {
    margin: auto;
}


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

/*Раскрывающийся*/

details summary{
	background-color:#fff; font-size:24px; color:#353535; display:block; background-image:url(/images/icons/summary-arrow-down.svg); background-repeat:no-repeat; background-position: calc(100% - 20px) 50%;
	padding: 15px 100px;
}

details.one {
	border-bottom: solid 1px #353535;
    margin: 0 0 30px 0;
}


/* ФОС */

form.nbform div.label p, form.nbform label p {
    font-size: 14px;
    color: #353535;
	padding:5px;
}

form.nbform {
    padding-top: 20px;
}


input, textarea {
    border: none;
    background: #F2F6FA;
}

input[type='text'], input[type='password'], input[type='email'], input[type='date'], input[type='number'] {
    padding: 15px;
}

form.nbform .fa-asterisk {
    font-size: 8px;
    position: absolute;
}

form.nbform div.label, form.nbform label {
    margin-bottom: 20px;
}


.table-no-col table, table.table-no-col {
	margin-top:40px;
    color: #4A4A4A;
    font-size: 24px;
    font-weight: 400;
}

.content.text table td, .content.text table th {
    padding: 10px;
}