*,*::after,*::before{box-sizing:border-box;padding:0;margin:0}

body{
	background:#14161A;transition:background .3s;color:#ebe9e5;
	/*font:normal 300 15px/19px "Fira Sans Condensed", sans-serif;*/
	font:normal 300 17px/21px "Fira Sans Extra Condensed", sans-serif;
}

a{color:#fff;transition:all .4s ease;}
a:hover{--color:#ebe9e5;text-decoration:none;opacity:.5}

h1,h2,h3,h4{font-size:24px;font-weight:200;text-transform:uppercase}

h2,h3,.b-specs__title{color:#ff6220}
h1,h4{color:#fff}
h1,h3,h4,p{margin-bottom:20px}
h2{margin-bottom:10px;margin:1vw 0 1vw}

h2,.b-specs__title{font-size:33px;font-weight:200;line-height:35px}
h3{font-size:25px;}
h4{font-size:17px}

strong,em{font-weight:inherit;font-style:inherit}

small{font-size:11px;line-height:0}

.b-subtitle{min-width:100%}

input{font-size:16px;padding:12px;width:100%;max-width:500px;margin:5px 4px;border:0;border-radius:4px}
	input:focus{outline:4px solid #0C78ED}

.btn,button{
	display:inline-flex;text-transform:uppercase;text-decoration:none;
	color:#fff;font-size:20px;font-weight:400;letter-spacing:3px;line-height:20px;
	padding:12px 24px;border:2px solid #fff;border-radius:4px;
	transition:all .5s ease;cursor:pointer;
	}
	.btn:hover,button:hover{border-color:#fff;opacity:.5}

.mobile{display:none}
.m-nobr{white-space:nowrap}
 

.b-tafe,.b-tafe-color{display:block;font-size:0;width:145px;min-width:145px;height:53px;background:url(../img/logos/tafe.svg);transition:opacity .3s}
.b-tafe-color{width:114px;min-width:114px;height:50px;background-image:url(../img/logos/tafe__color.svg)}
	a.b-tafe:hover,a.b-tafe-color:hover{opacity:.5}

.top-nav{
	position:fixed;padding:10px 3vw;top:0;left:0;right:0;z-index:1;transition:all .5s;
	display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;
	color:#FFF;height:53px;
	}

	.menu{display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:1;align-items:center;justify-content:space-between;list-style-type:none;margin:0;padding:0}
		.menu > .b-nav__item{margin:5px 0;overflow:hidden}
		.menu-button-container{
			position:fixed;top:20px;right:3vw;z-index:3;
			display:none;height:100%;height:30px;width:30px;cursor:pointer;
			flex-direction:column;justify-content:center;align-items:center
			}

			.menu-button,
			.menu-button::before,
			.menu-button::after{
				display:block;background-color:#fff;position:absolute;height:3px;width:30px;
				transition:all .4s cubic-bezier(0.23, 1, 0.32, 1);
				}
				.menu-button::before{content:'';margin-top:-8px}
				.menu-button::after{content:'';margin-top:8px}
				.menu-button:hover{opacity:.5}

			#menu-toggle{display:none}
				#menu-toggle:checked + .menu-button-container .menu-button::before{margin-top:0px;transform:rotate(405deg)}
				#menu-toggle:checked + .menu-button-container .menu-button{background:rgba(255,255,255,0)}
				#menu-toggle:checked + .menu-button-container .menu-button::after{margin-top:0;transform:rotate(-405deg)}

	.b-nav__list{display:flex;flex-direction:column;margin:2vw 0}
		.b-nav__item{list-style:none;text-align:right;transition:opacity .3s}
			.b-nav__link{
				text-transform:uppercase;text-decoration:none;text-shadow:1px 1px rgba(0,0,0,.5);
				font-size:18px;font-weight:300;pointer-events:auto;
				transform:color .5s;
				}
			.b-nav__link.p-tel{color:#ff6220;font-size:23px}
			.b-nav__link.b-tafe-color{font-size:0}	
			.active .b-nav__link{color:#787A7D;text-decoration:none;cursor:default;position:relative;}
				.active .b-nav__link:hover{opacity:1}

.fp-viewing-start .b-tafe{cursor:default;opacity:1}
.fp-viewing-start .b-logos{padding-top:3vw}
.fp-viewing-start .b-nav__link.p-tel{color:#000;text-shadow:none}

.b-screen{padding:80px 3vw 0}

.intro{display:flex;flex-direction:column;justify-content:center;height:100vh;}

.fp-viewing-start .b-file{bottom:2vw;}
.fp-viewing-start .b-social{position:absolute;bottom:2vw;right:3vw;z-index:2}


.b-file,.b-social,.b-maintitle,.b-buy{bottom:0;transition:all .5s ease}

.b-startpage{position:relative;--background-color:#ff6220;
background:#ff6220 url(../img/pages/tafe-tractors-2x.webp) 50% 50% / 60% no-repeat;
		}
	/*.b-startpage:after{
		position:absolute;top:0;left:0;bottom:0;right:0;--z-index:-1;
		content:'';opacity:0;transition:opacity .5s ease;
		}
	.fp-viewing-start .b-startpage:after{
		background:image-set(url(../img/pages/tafe-tractors.webp) 1x, url(../img/pages/tafe-tractors-2x.webp) 2x) 50% 50% / 70% no-repeat;
		opacity:1;
		}*/
.b-maintitle,.b-buy,.b-file,.b-social{position:relative;z-index:2}


.b-maintitle{
	display:flex;flex-wrap:wrap;gap:6px;
	color:#fff;max-width:250px;line-height:38px;
	margin:0 0 20px 6vw;
	}
	.b-maintitle__type{text-shadow:1px 1px 0 #0005}
	.b-maintitle__vendor{
		display:inline-block;width:140px;height:25px;font-size:0;
		background:url(../img/logos/tafe.svg) 0 50% / 190px 100px;
		/*filter:invert(100%);*/
		}
	.b-maintitle__model{font-size:38px;line-height:25px;font-weight:500}

.b-buy{margin-left:6vw}

.b-file{
	position:absolute;left:3vw;z-index:2;
	color:#14161a;color:#fff;font-size:14px;font-weight:300;text-transform:uppercase;text-shadow:1px 1px 0 #0005;
	padding-left:23px;transition:all .5s ease;
	}
	.b-file:hover{text-decoration:underline;--color:#14161a;opacity:.5}
	.b-file:after{
		position:absolute;left:0;top:calc(50% - 10px);content:'';width:18px;height:18px;
		background:url(../img/ico/file.svg) no-repeat;transition:filter .5s ease;
		}
		/*.b-file:hover:after{filter:invert(100%)}*/

.b-descpage{background:#2d2e35}
.b-descpage .fp-overflow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}

	.b-descpage__img{max-width:100%;width:auto;height:auto;opacity:0}
		.b-descpage .b-descpage__img{opacity:1}

	.b-desc{max-width:600px;flex-basis:390px;-max-width:50%;flex-grow:1}
		.b-desc__title{max-width:250px;margin:0 0 16px}

.b-specs{max-width:1200px;--margin:auto;--padding:0 3vw}
.b-specs__list{display:grid;grid-template-columns:2fr 1fr;}
	.b-specs__title,.b-specs__name{font-size:15px;font-weight:200;text-transform:uppercase}
	.b-specs__list > *:nth-child(1n){border-bottom:1px dotted #5A686B}

	.b-specs__title,.b-specs__name,.b-specs__value{margin:0;padding:6px 5px 5px 0}
	.b-specs__title{padding-bottom:0}
	.b-specs__name:first-of-type{padding-top:0}
	.b-specs__metric{text-transform:none;}

.b-gears{}
	.b-gears__item{
		/*display:flex;flex-wrap:wrap;--flex-direction:column*/;
		display:grid;grid-template-columns:1fr 5fr;
		flex-grow:1;--max-width:500px;min-width:300px;margin-bottom:30px;padding-right:2vw;flex-basis:500px;
		}
		.b-gears__title{font-size:19px;line-height:21px;margin:10px 0 5px;--width:calc(100% - 104px);flex-grow:1}
		.b-gears__subtitle{margin-bottom:5px;--width:calc(100% - 104px);flex-grow:1;}
		.b-gears__img{
			align-self:center;
			grid-column-start:1;
			grid-column-end:1;
			grid-row-start:1;
			grid-row-end:5;
			width:104px;height:104px;margin-right:15px;border:1px solid #5A686B;border-radius:50%;
		}
		.b-gears__item p{line-height:19px}

.b-details,.b-gears{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;--padding-right:200px;padding-bottom:20px;--padding-top:100px}
	.b-details__title{height:45px;flex-basis:100%;font-size:25px;line-height:25px;margin:0;text-align:center;}
	.b-details__item{
		width:30%;min-width:220px;overflow:hidden;
		display:flex;gap:10px 0;flex-wrap:wrap;flex-grow:1;
		align-items:center;justify-content:center;
		color:#14161A;background:#dee3e2;padding:20px;margin:0;
		}
		.b-details__container{
			min-width:250px;height:212px;
			display:flex;justify-content:center;-align-items:center}
			.m-details-extension .b-details__container{flex-basis:142px;width:142px;height:225px;
			}
			.m-details-power .b-details__container{flex-basis:195px;height:225px}
			.m-details-brake .b-details__container,.m-details-brake .b-details__img{max-width:80%}

			.b-details__img{height:auto;max-width:100%}

		.b-details p{margin:0;min-height:95px;flex-grow:1}
			.m-details-extension p,.m-details-power p{flex-basis:200px}

.b-social{position:absolute;z-index:2;display:flex;gap:2vw;margin:24px 0 0;--filter:invert(100%)}
	.b-social__item{align-items:center;list-style:none;}
		.b-social__link{display:block;font-size:0;transition:all .3s ease;}
			.b-social__link:hover{opacity:.5}
		.i-tg,.i-vk,.i-yt{background:0 0 no-repeat;background-size:contain}
		.i-tg{width:30px;height:27px;background-image:url(../img/social/tg.svg);margin:-3px 10px 0 0}
		.i-vk{width:38px;height:22px;background-image:url(../img/social/vk.svg)}
		.i-yt{width:32px;height:23px;background-image:url(../img/social/yt.svg)}

		.m-tg-bot{font-weight:bold;background-size:18px;padding-left:20px}

.b-contacts{position:relative;left:0;z-index:2;/*background:#14161A*/;max-width:320px;opacity:0;transition:opacity 1s ease}
.fp-viewing-contacts .b-contacts{opacity:1}
	.b-contacts__title{margin-left:0;margin-right:0}
	.b-contacts p{margin-bottom:40px}
	.b-contacts .b-social{position:static}
	.b-contacts__container{display:block}
	.b-contacts__company{color:#ebe9e5;text-transform:none;font-size:19px;margin-bottom:15px}

	/*.fp-viewing-contacts .b-az{opacity:0;pointer-events:none;}*/
	.fp-viewing-contacts .b-map{opacity:.5}
	.b-contacts__phone,.b-contacts__email{color:#fff}
		.b-contacts__phone:hover{}

	.b-az{display:block;width:205px;height:31px;font-size:0;margin:40px 0;background:url(../img/logos/az.svg)}

.b-map{opacity:0;transition:opacity 1s ease}
.b-video,.b-map{
    position:absolute;right:0;bottom:0;top:0;right:0;width:100%;height:100%;object-fit:cover;z-index:-1
	}

.m-nobr{white-space:nowrap}

/* фотогалерея */
.b-gallery{padding:0}
	.b-gallery__title{position:absolute;left:3vw;top:80px;z-index:2;transition:left .5s;text-shadow:1px 1px 3px #0009}
.b-gallery__img{max-width:100%}

/* формы */
#buys .fp-overflow{overflow:visible}
.convertforms{margin-top:20px;transform:translate(-4px, 0)}
.cf-control-input{margin-bottom:20px}
	.cf-label{font-size:17px;padding-left:4px}
		.cf-required-label{color:#f00}

	.cf-control-input-desc{color:#787A7D;font-size:15px;padding-left:4px}

	.cf-btn{background:#0C78ED;border:0;font-size:13px;margin:0 4px}

.cf-field-hp{display:none;position:absolute;left:-9000px}


@media (max-width:1024px){
	.b-screen{padding-top:70px}
	.b-social{gap:4vw}
	#section6{padding-top:70px}
	.b-subtitle{text-align:center}

	.menu-button-container{display:flex}
	.menu{position:fixed;top:0;left:0;width:100%;flex-direction:column;justify-content:center;align-items:center}
		#menu-toggle:checked ~ .menu{box-shadow:0 5px 10px #00000099}

			#menu-toggle ~ .menu .b-nav__item{
				height:0;transition:height .4s cubic-bezier(0.23, 1, 0.32, 1);
				display:flex;justify-content:center;margin:0;width:100%;color:#fff;background-color:#2C2E35;border:0;
			}

			#menu-toggle ~ .menu .b-nav__item.m-home,
			#menu-toggle:checked ~ .menu .b-nav__item.m-home{justify-content:flex-start;height:70px;padding:10px 0 0 3vw;border:0;transition:all .3s}
				#menu-toggle:not(:checked) ~ .menu .b-nav__item.m-home{background-color:transparent}

			#menu-toggle:checked ~ .menu .b-nav__item{border-top:1px solid #000;padding:1.5em 0 2.5em;height:62px}

			.fp-viewing-desc .menu > .b-nav__item{background-color:#14161A}
			.b-gallery .fp-overflow{margin-top:-40px}
}