/*Стили КрафтАвто*/

html{
	font-family:"Open Sans";
	font-size:16px;
}
   table {
    background: linear-gradient(to bottom, #fec408, #e99904); /* Цвет фона таблицы */
    color: #1b1b1b; /* Цвет текста */
   }
   td, th {
    background: white; /* Цвет фона ячеек */
    padding: 5px; /* Поля вокруг текста */
   }
/*Анимация и фиксация хэдера*/
header{
			/*display: flex; 
			justify-content: space-between;*/
            line-height: 150px;
            height: 150px;
            background: #fec408;/* Для старых браузров */
            background: linear-gradient(to bottom, #fec408, #e99904);
			background-image: url(../img/logo.svg) -webkit-transition: all 0.4s ease;
           /* transition: all 0.4s ease;*/
        }
/*header.sticky {
		    position:fixed;
			z-index:100;
            line-height: 80px;
            height: 80px; 
            width: 100%;
            background: #fec408;
		}
/*-----------------------------------------------------------------*/


/*Стиль блока в хэдере*/
.header-div{
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;
}
.header-logo{
	width: 45%;
	height: auto;
	float: left;
	padding-left: 5%;
}
.header-menu{
	text-align: right;
	font-size: 3em;
	font-weight: bolder;
	width: 45%;
	height: auto;
	float: left;
	padding-right: 5%;
}

/*Стиль логотипа*/
#logo {
	background: url('../img/logo.png') left left no-repeat transparent;
    background-image: url('../img/logo.svg'), -khtml-linear-gradient(transparent, transparent);
    background-image: url('../img/logo.svg'), -webkit-linear-gradient(transparent, transparent);
    background-image: url('../img/logo.svg'), url('../img/logo.png');
    background-image: url('../img/logo.svg'), -ms-linear-gradient(transparent, transparent);
    background-image: url('../img/logo.svg'), linear-gradient(transparent, transparent);
    background-image: url('../img/logo.png'), -o-linear-gradient(transparent, transparent);
    background: url('../img/logo.png') left left no-repeat transparent\0/; /* IE8 хак */
    background-repeat: no-repeat, no-repeat;
    -moz-background-size: 0 0, contain; /* FF3.6 */
    background-size: contain, 0 0;
	background-position:left;
	background-repeat:no-repeat;

    /* Скрываем текст */
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    color: rgba(255,255,255,0);

    /* Фиксируем лого */
    display: block;
	width:300px;
	}
/*-----------------------------------------------------------------*/

/*Заливка в стиле карбон для блока До/После*/
.before-after{
	width: 100%;
	height: 450px;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
	background: -webkit-linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), -webkit-linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, -webkit-radial-gradient(at 50% 0, #484847, #090909);
    background: linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, radial-gradient(at 50% 0, #484847, #090909);
    background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%;
	box-shadow: rgba(241, 241, 241, 0.05) 3px 2px 3px;
}

/*Заливка в стиле карбон в футтере*/
.footer{
	width: 100%;
	height: 400px;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
	background: -webkit-linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), -webkit-linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, -webkit-radial-gradient(at 50% 0, #484847, #090909);
    background: linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%), linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em, radial-gradient(at 50% 0, #484847, #090909);
    background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%;
	box-shadow: rgba(241, 241, 241, 0.05) 3px 2px 3px;
}


.banner{
	position: absolute;
	top:150px;
	left:25%;
}
.slogan{
	position: absolute;
	top:250px;
	left:10%;
	color: #fff;
	line-height: 1.3em;
	font-weight: 100;
	font-size: 1.8em;
	text-transform: uppercase;
}
.record{
	width:auto;
	height:auto;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 5%;
	padding-right: 5%;
	cursor: pointer;
	font-size:1em;
	font-weight: 500;
	border:none;
	color:#1b1b1b;
	background:linear-gradient(to bottom, #fec408, #e99904);
	text-decoration: none;
	
}
.record:hover{
	background:#fff;
	color:#1b1b1b;
}
.more{
	color:#fff;
	font-size:0.6em;
	text-decoration: none;
}
.more:hover{
	text-decoration: underline;
}
.table{
	font-size: 1.1em;
	line-height: 1.7em;
	color: #1d1d1d;

}

.title{
	padding-top: 2.5%;
	color: #1b1b1b;
	font-size: 2em;
	font-weight:bolder;
	text-align: center;
	text-transform: uppercase;
	line-height: 2em;
}
.block{
	width: auto;
	height: auto;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 2%;
}
.block2{
	padding-top: 1%;
	padding-bottom: 1%;
	width: auto;
	height: auto;

}
.service{
	width: 21%;
	padding: 2%;
	height: auto;
	float: left;
	position:relative;
	font-size: 1.4em;
	color:#1b1b1b;
	line-height: 1.3;
}
.feedback-block{
	width:auto;
	height:auto;
	font-size:1.5em;
	text-align:center;
	font-weight:500;
	color:#1b1b1b;
	line-height:2;
	background-size: cover;
}
/*Форма обрвтной связи*/
.form-1 {
	width:50%;
	height:auto;
	display:inline-block;
	border:none;
}

.form-1 >button{
	margin-top:2%;
	float:center;
	width:102%;
	height:70px;
	cursor: pointer;
	font-size:1em;
	border:none;
	color:#fff;
	
}
.form-1 >button:hover{
	background:linear-gradient(to bottom, #fec408, #e99904);
	color:#1b1b1b;
}

.form-1 >textarea{
	margin-top:14px;
	border:1px solid #d8d8d8;
	font-family:"Open Sans";
	font-size:1em;
	font-weight:100;
	vertical-align:middle;
	padding-top:10px;
	padding-left:10px;
	width:100%;
	height:40;
	float:left;

}
.form-1 >input{
	box-shadow:none;
	font-family:"Open Sans";
	vertical-align:middle;
	padding-left:10px;
	font-size:1em;
	font-weight:100;
	color:#787878;
	margin-top:14px;
	border:1px solid #d8d8d8;
	float:left;
	width:100%;
	height:60px;
}

.rules{
	color:#010e3b;
	font-size:0.8em;
	font-weight:100;
	text-transform:none;
}
.rules:hover{
	text-decoration:none;
}

/***** Действие при ошибке *****/

.error::-webkit-input-placeholder{color:#bf2e2e;}
.error::-moz-placeholder{color:#bf2e2e;} 
.error:-moz-placeholder{color:#bf2e2e;} 
.error:-ms-input-placeholder{color:#bf2e2e;}
.error{ 
	border-color:#bf2e2e !important;
	float:left;
	color:#bf2e2e;
	font-size:14px;
}

/*Футер*/
.footer-1{
	width:35%;
	padding-top: 5%;
	margin-left: 5%;
	height:220px;
	float:left;
}
.footer-2{
	width:20%;
	padding-top: 4%;
	float:left;
	color:#fff;
	font-weight:100;
	font-size:0.8em;
	line-height:2;
	text-align:center;
}
.footer-3{
	width:35%;
	padding-top: 5%;
	margin-right: 5%;
	float:left;
	color:#fff;
	font-weight:100;
	font-size:0.8em;
	line-height:1.7;
	text-transform:uppercase;
	text-align:right;
}
.footer-4{
	float: left;
	width:100%;
	color:#fff;
	font-weight:100;
	font-size:0.8em;
	line-height:2;
}
.footer-link{
	color:#fff;
	text-decoration:none;
}
.footer-link:hover{
	text-decoration:underline;
}