header {
	background: url('../images/bg-menu.png') bottom no-repeat;
	padding: 30px 50px;
	padding-bottom: 50px;
}

header .navbar {
	width: 100%;
}

header .menu a {
	color: #ccc;
	text-transform: uppercase;
	font-size: 18px;
}

header .menu a:hover {
	color: #e50000;
}

header .menu .navbar-expand-lg .navbar-nav .nav-link {
	padding: 10px 20px;
}

header .menu-logo {
	display: none;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}

header .menu-logo span {
	color: #e50000;
}

header .menu i {
	color: #ccc;
    font-size: 30px;
    margin-top: 6px;
}

header .logo a {
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}

header .logo a span {
	color: #e50000;
}

header .logo a:hover {
	text-decoration: none;
}

header .area p {
	color: #ccc;
	margin-bottom: 0;
}

header .contacts {
	text-align: right;
    font-size: 32px;
    font-weight: bold;
}

header .contacts a {
	font-family: 'Roboto Mono', monospace;
	color: #ccc;
}

/*--------------------СЕКЦИЯ НАШИ УСЛУГИ--------------------------*/

#sect-uslugi {
	background: url('../images/golf.png') top right no-repeat;
	min-height: 500px;
	font-size: 18px;
    margin-top: 50px;    
    background-size: 50%;
}

#sect-uslugi h2 {
	font-size: 60px;
	font-weight: bold;
}

#sect-uslugi .list {
	margin-top: 200px;
}

#sect-uslugi .usluga-abs {
	position: absolute;
    top: 180px;
    left: 50px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
}

#sect-uslugi .usluga-btn {
	display: inline-block;
    padding: 10px 20px;
    margin: 0;
    background: rgb(219, 0, 0);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    position: absolute;
    bottom: -20px;
    left: 60px;
}

#sect-uslugi .usluga-btn:hover {
	background: #000;
}

/*--------------------СЕКЦИЯ НУЖНА ПОМОЩЬ--------------------------*/

#sect-help {
	background: url('../images/bg-help.jpg') no-repeat;
	min-height: 500px;
	color: #fff;
	font-size: 18px;
	margin-top: 150px;
	position: relative;
	padding-bottom: 130px;
}

#sect-help h2 {
    margin: 0 auto;
    text-transform: uppercase;
    padding-top: 210px;
    font-weight: bold;
    font-size: 60px;
    color: #fff;
    line-height: 1.2;
    width: 800px;
    margin-bottom: 30px;
}

#sect-help .val {
	width: 17%;
    position: absolute;
    left: 0px;
    top: -32%;
    z-index: 0;
}


/*--------------------СЕКЦИЯ ПАРТНЕРЫ--------------------------*/

#sect-partners {
	font-size: 18px;
	padding:50px 0;
}

#sect-partners h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 20px;
}

#sect-partners img {
	padding: 30px 20px;
}


/*--------------------СЕКЦИЯ СОЦИАЛЬНЫЕ СЕТИ--------------------------*/

#sect-social {
	background: url('../images/bg-social.jpg') no-repeat;
	min-height: 700px;
	color: #fff;
	font-size: 18px;
	padding-bottom: 100px;
}

#sect-social h2 {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 100px;
}

#sect-social .links {
	margin-top: 50px;
}

#sect-social .soc-link {
	display: block;
	border:2px solid #fff;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	width: 100%;
	font-weight: bold;
}

#sect-social .soc-link:hover {
	text-decoration: none;
}

#sect-social .vk {
	border-color: #698cc8;
}
#sect-social .whatsapp {
	border-color: #83d05b;
}
#sect-social .viber {
	border-color: #614d9b;
}
#sect-social .instagram {
	border-color: #996600;
}

#sect-social .vk:hover {
	background-color: #698cc8;
}
#sect-social .whatsapp:hover {
	background-color: #83d05b;
}
#sect-social .viber:hover {
	background-color: #614d9b;
}
#sect-social .instagram:hover {
	background-color: #996600;
}

/*--------------------СЕКЦИЯ КОМФОРТ--------------------------*/

#sect-rest {
	padding: 40px 0;
	font-size: 18px;
}

#sect-rest h2 {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*--------------------FOOTER--------------------------*/

footer {
	padding: 50px 0;
	background-color: #000;
	color: #fff;
}


header .logo h2 {
	font-size: 38px;
	font-weight: bold;
}

footer .logo span {
	color: #e50000;
}

footer .contacts {
	text-align: right;
}


footer .contacts p {
	margin-bottom: 0;	
}

/*--------------------MAIN-CHIP--------------------------*/

#chip-main {
	min-height: 730px;
	padding-top: 40px;
	font-size: 18px

}

#chip-main h1 {
	font-weight: bold;
    font-size: 48px;
    width: 70%;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#chip-main h3 {
	font-size: 22px;
}

#chip-main .text {
	margin-top: 20px;
}

/*--------------------CHIP-items--------------------------*/

#category-items {
	padding-bottom: 50px;
	text-align: center;
}

#category-items a {
	color: #333;
}

#category-items .item {
	background: url(/assets/app/images/frame-1.png) 0 -15px no-repeat;
}

#category-items .item:hover {
	background: url(/assets/app/images/frame-1-full.png) 0 -15px no-repeat;
}

#category-items .item:hover a {
	text-decoration: none;
	color: #fff;
}

#category-items h2 {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 50px;
}

#category-items img {
	position: relative;
    left: -40px;
    width: 99%;
}

#category-items h3 {
	font-weight: bold;
	margin-top: 20px;
}

#category-items p {
	line-height: 1;
	font-size: 14px;
	padding: 0 30px;
}

#category-items .item-btn {
	display: inline-block;
    padding: 10px 20px;
    margin: 0;
    background: rgb(219, 0, 0);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

#category-items .item:hover .item-btn {
	background: #000;
}

#category-items .text {
	font-size: 18px;
	margin-bottom: 50px;
}


/*--------------------CHIP-testdrive--------------------------*/

#chip-testdrive {
	background: url('../images/bg-help.jpg') no-repeat;
	color: #fff;
	font-size:18px;
	text-align: center;
	padding: 150px 0;
}

#chip-testdrive h2 {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 40px;
}

#chip-testdrive i {
	font-size: 80px;
	color: #ba0404;
}



/*--------------------CHIP-ВНИМАНИЕ--------------------------*/

#chip-attention {
	padding: 70px 0;
}

#chip-attention h2 {
	text-align: center;
	font-size: 60px;
	font-weight: bold;
}

#chip-attention h3 {
	text-align: center;
	font-size: 48px;
	margin-bottom: 50px;
}

#chip-attention h3 span {
	color: #ba0404;
}

#chip-attention .att-frame {
	border: 2px dashed #db0000;
    padding: 10px 20px;
}

#chip-attention .att-frame span {
	color: #db0000;
}

/*--------------------CHIP-РЕЗУЛЬТАТ--------------------------*/

#chip-result {
	font-size: 16px;
	line-height: 1.5;
}

#chip-result .item {
	margin-bottom: 50px;
    padding-right: 40px;
    padding-left: 40px;
}

#chip-result img {
	height: 60px;
    margin-bottom: 20px;
}

#chip-result h4 {
	font-size: 18px;
	font-weight: bold;
	color:red;
	margin-bottom: 15px;
}

/*--------------------CHIP-РАБОТЫ--------------------------*/

#chip-works {
	padding: 70px 0;	
	text-align: center;
	font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
}

#chip-works h2 {
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 50px;
}

#chip-works img {
	margin-bottom: 30px;
	position: relative;
	left: -15px;
}


/*--------------------РЕМОНТ-ГАРАНТИИ--------------------------*/

#repair-guarant {
	background: url('../images/bg-help.jpg') no-repeat;
	color: #fff;
	font-size:18px;
	text-align: center;
	padding: 80px 0;
}

#repair-guarant h2 {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 40px;
}

#repair-guarant .item {
	padding: 190px 0 0 70px;
}

#repair-guarant .item p {
	text-align: left;	
    line-height: 1.2;
}

#repair-guarant .item span {
	font-size: 32px;
	font-weight: bold;
}



/*--------------------РЕМОНТ-СЛАЙДЕР--------------------------*/


#repair-main {
	padding: 70px 0;
	font-size: 18px
}


#repair-main h1 {
	font-weight: bold;
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#repair-main h3 {
	font-size: 22px;
}

#repair-main .text {
	margin-top: 20px;
}


/*--------------------РЕМОНТ-категории--------------------------*/

#repair-category-items {
	text-align: center;
}

#repair-category-items h2 {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 50px;
}

#repair-category-items .item {
	min-height: 470px;
}

#repair-category-items .item h3 {
	color: #fff;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: 100px;
    display: block;
    width: 100%;
}

#repair-category-items .item-btn {
	display: inline-block;
    padding: 10px 20px;
    margin: 0;
    background: rgb(219, 0, 0);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;    
	position: relative;
    top: -100px;
}

#repair-category-items .item:hover .item-btn {
	background: #000;
}

#repair-category-items .text {
	font-size: 18px;
	margin-bottom: 50px;
}

/*--------------------РЕМОНТ-информация--------------------------*/

#repair-info {
text-align: center;	
	font-size: 18px;
}

#repair-info h2 {
	text-align: center;
	font-size: 60px;
	font-weight: bold;
}

#repair-info .text {
	margin: 30px 0;
}

#repair-info .left {
	background: url('../images/ps2.png') no-repeat;
	text-align: left;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.3;
    padding: 170px 0 100px 70px;
}

#repair-info .right {
	background: url('../images/ps1.png') no-repeat;
	text-align: left;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.3;
    padding: 170px 0 100px 0;
}

@media (max-width: 1500px) {
	header .logo a {
		font-size: 30px;
	}

	header .area {
		font-size: 12px;
	}

	header .contacts {
		font-size: 22px;
	}
}


@media (max-width: 1200px) {

	header .menu a {
		font-size: 14px;
	}

	header .logo a {
		font-size: 26px;
	}

	header .area {
		display: none;
	}

	header .contacts {
		font-size: 18px;
	}

	#sect-help {
		margin-top: 50px;
	}

	#sect-help img {
		margin-top: 250px;
	}

	#chip-testdrive h2 {
		font-size: 40px;
	}
}

@media (max-width: 993px) {
	header .navbar {
		padding:0;
	}

	header .menu-logo {
		display: unset;
	}

	header i {
		color: #fff;
	}

	#sect-uslugi {
		font-size: 16px;
	}

	#sect-uslugi h2 {
		font-size: 40px;
	}

	#sect-uslugi .list {
		margin-top: 50px;
	}

	#sect-uslugi .usluga-abs {	    
	    top: 120px;
	    left: 40px;	    
	    font-size: 18px;
	}

	#sect-help img {
	    margin-top: 350px;
	}

	#sect-rest h2 {
		font-size: 40px;
	}

	#chip-main h1 {
		width: 100%;
	}

	#chip-main {
	    min-height: 600px;
	}

	#category-items .item {
		margin-bottom: 50px;
	}
}

@media (max-width: 720px) {
	#sect-uslugi .usluga-abs {
	    top: 80px;
	    left: 35px;
	    font-size: 12px;
	}

	#sect-uslugi .usluga-btn {
	    padding: 5px 10px;	    
	    font-size: 16px;
	    left: 50px;
	}

	#sect-help h2 {
		font-size: 40px;
	}

	#sect-social .soc-link {	    
	    padding: 5px;
	    font-size: 16px;
	}
}

@media (max-width: 576px) {
	header {
		text-align: center;
		padding: 10px 30px;
		padding-bottom: 50px;
	}

	header .menu {
		margin: 20px 0;
	}	

	header .logo {
		display: none;
	}

	header .contacts {
		text-align: center;
	    font-size: 28px;
	    font-weight: bold;
	    color: #fff;
	    margin-top: 10px;
	}


	#sect-uslugi {
    background: none;
    min-height: unset;
    font-size: 18px;
    margin-top: 0;
    padding: 30px;
	}

	#sect-uslugi h2 {
		font-size: 32px;
	}

	#sect-uslugi .list {
		margin-top: 0;
	}

	#sect-uslugi .list .item {
		margin-bottom: 40px;
	}

	#sect-uslugi .usluga-abs {
	    position: absolute;
	    top: 150px;
	    left: 45px;
	    color: #fff;
	    font-weight: bold;
	    text-transform: uppercase;
	    font-size: 22px;
	}

	#sect-uslugi .usluga-btn {
	    padding: 10px 20px;
	    font-size: 18px;
	    left: 60px;
	}

	#sect-uslugi .list img {
		width: 90%;
	}
	#sect-help {
		margin-top: 0;
		padding: 0 20px;
	}

	#sect-help h2 {
		font-size: 32px;
		width: unset;
		padding-top: 180px;
	}

	#sect-help img {
	    margin-top: unset;
	}

	#sect-help .val {
		display: none;
	}
	#sect-partners {
		padding:50px 20px;
	}

	#sect-partners h2 {
		font-size: 32px;
	}

	#sect-partners img {
	    padding: 15px 5px;
	}
	
	#sect-social {
		padding: 50px 20px;
	}

	#sect-social h2 {
	    font-size: 32px;
	    margin-top: 0;
	}

	#sect-social .image {
		text-align: center;
	}

	#sect-social .image img {
		width: 70%
	}

	#sect-social .soc-link {
		margin-bottom: 10px;
	}
	
	#sect-rest {
		padding: 20px;
	}

	#sect-rest h2 {
		font-size: 32px;
	}
	
	footer {
		padding: 20px;
		text-align: center;
	}

	footer .contacts {
		text-align: center;
	}

	#chip-main {
		padding: 20px;
		background: url(/images/chip.jpg) -850px no-repeat;
		padding-bottom: 100px;
		min-height: auto;
	}

	#chip-main h1 {
	    font-size: 28px;
	    width: 100%;
	}

	#chip-main h3 {
		font-size: 18px;
	}

	#chip-main .text {
		display: none;
	}

	#category-items {
	    padding: 30px 20px 0 20px;
	}

	#category-items .item {
		margin-bottom: 30px;
	}
	
	#category-items h2 {
		font-size: 28px;
	}

	#category-items img {
		position: relative;
	    left: -40px;
	    width: 100%;
	}	

	#category-items .text {
	    padding: 0 50px;
	    margin-bottom: 25px;
	}

	#category-items .item {
		background: url(/assets/app/images/frame-1.png) 30px 60px no-repeat;
	}

	#category-items .item:hover {
		background: url(/assets/app/images/frame-1-full.png) 30px 60px no-repeat;
	}

	#chip-testdrive {
		padding: 150px 20px;
	}

	#chip-testdrive h2 {
		font-size: 28px;
	}

	#chip-testdrive i {
		font-size: 40px;
		margin-top: 30px;
	}

	#chip-attention {
	    padding: 0 20px;
	}

	#chip-attention h2 {
		font-size: 28px;
	}

	#chip-attention h3 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	#chip-attention .att-frame {
	    margin-bottom: 20px;
	}

	#chip-works {
		padding: 0;
	}

	#chip-works h2 {
		font-size: 28px;
	}

	#repair-guarant {
		padding:20px;
		background: #000;
	}

	#repair-guarant h2 {
		font-size: 32px;
	}

	#repair-main {
		padding: 20px 0;
	}

	#repair-main .left {
		padding: 0 20px;
	}

	#repair-main .right {
		margin-top: 20px;
	}

	#repair-main h1 {
	    font-size: 28px;
	    width: 100%;
	}

	#repair-main h3 {
		font-size: 18px;
	}

	#repair-info {
		padding:20px;
	}

	#repair-info h2 {
		font-size: 28px;
	}

	#repair-info .left {
		font-size: 22px;
	}

	#repair-info .right {
		font-size: 22px;
		padding: 170px 0 0 0;
	}
}