* {

	color:#fff;

	-webkit-transition: all .2s linear;

	transition: all .5s linear;

	-webkit-user-select: none;

	   -moz-user-select: none;

	    -ms-user-select: none;

	        user-select: none;

}

h1,h2,h3 {

	font-family: 'KozGoPro-Regular', Tahoma;

}

a {

	font-weight: 400;

	font-family: 'KozGoPro-Regular', Tahoma;

	text-decoration: none;

	-webkit-transition: all .2s linear;

	transition: all .2s linear;

	color: inherit; 

}

a:hover, a:focus {

	color: #ff2513;

	text-decoration: none;

}

a[href^=tel] { color: inherit; text-decoration: none; }

ul {

	list-style: none;

}

video {

	pointer-events: none;

}

body {

	overflow-x:hidden;

	background-color: #262628;

	min-width: 1024px;

	margin: 0;

	padding: 0;

}

.container {

	width: 1000px;

	margin:0 auto;

	padding:0 20px;

		-webkit-box-sizing: border-box;

	box-sizing: border-box;

}







     /* =========== */

/* =+===== HEADER ======= */

     /* =========== */

header {

	width: 100%;

	position: relative;

	background-color: #202020;

}



.bannerWrap {

	width: 100%;

	height: 475px;

	overflow:hidden;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}

.banner {

	width: 100%;

	height: 100%;

	text-align:center;

}

.banner>video, .banner>iframe {

	width: auto;

	height: 100%;

	margin:0 auto;

}

.banner>video {

	width: 100%;

	height: auto;

}

.banner>img {

	min-width: 1920px;

	height:100%;

	position: relative;

	left: 50%;

	-webkit-transform: translateX(-50%);

	        transform: translateX(-50%);

	z-index: 0;

}

.header_title{

	display: none;

	position: absolute;

	top: 40%;

	left: 25%;

	font-size: 1.75em;

	font-weight: 700;

	color: #e22313;

}

header nav {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	background-image: url(../img/bcg-header.png);

	background-repeat: no-repeat;

	background-position: top center;

	background-size: 100% 100%;

	z-index: 3;

}

nav .container {

	padding: 0;

}

nav .row {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: start;

	    -ms-flex-align: start;

	        align-items: flex-start;

	-webkit-box-pack: start;

	    -ms-flex-pack: start;

	        justify-content: flex-start;

}

.logoWrap {

	width: 200px;

	height: 60px;

	margin-left: -18px;

}

.logoWrap>a{

	display: block;

	width: 100%;

	height: 100%;

	background-image: url(../img/logo-yotamoto.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 80%;

}

.navigation {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	        -ms-flex-pack: distribute;

	            justify-content: space-around;

	height: 60px;

	width: 590px;

	padding-left: 0;

	margin-bottom: 0;

	margin-top: 0;

	margin-left: 18px;

}

.navigation>li {

	margin-left: 25px;

}

.navigation>li>a {

	font-size: 0.875em;

	font-weight: 700;

	letter-spacing: 1px;

	position: relative;

}

.navigation>li>a>span {

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 100%;

	border-bottom: 1px solid #fff;

	transition:all .2s linear;

}

.navigation>li>a.active {

	color: #ff2513;

}

.navigation>li>a.active>span {

	border-color: #ff2513;

}

.navigation>li>a:hover>span {

	border-color: #ff2513;

}

.shield {

	width: 85px;

	background-image: url(../img/header-5shield-icon.png);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 95%;

	height: 85px;

	margin-left: 130px;

}

/* =+===== END HEADER ======= */





section>.container {

	position: relative;

	height: 100%;

}

section>.container>.row{

	height: 100%;

	position: relative;

}

.main {

	position: relative;

	background-image: url(../img/bcg-main.jpg);

	background-repeat: no-repeat;

	background-position: top center;

	background-size: 100%;

}

.main:before {

	content: '';

	display: block;

	width: 100%;

	height: 216px;

	position: absolute;

	top: -108px;

	left: 0;

	background-image: url(../img/bcg-bottom-header.png);

	background-size: 100% 100%;

	background-position: bottom center;

	background-repeat: no-repeat;

	z-index: 5;

}

.main h1 {

	position: absolute;

	top: 30px;

	left: -120px;

	font-size: 1.375em;

	font-weight: 400;

	color: #fff;

	z-index: 6;

	margin: 0;

}

.main h1>span {

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	background-image: url(../img/fire.png);

	width: 185px;

	height: 40px;

	display: inline-block;

	margin-bottom: -14px;

	margin-right: 5px;

	-webkit-transition: all 1s linear;

	transition: all 1s linear;

}





     /* =========== */

/* =+===== FOOTER ======= */

     /* =========== */

footer {

	width: 100%;

	height: 230px;

	background-color: #131517;

	-webkit-box-shadow: 0px 10px 150px 100px rgba(0,0,0,1);

	box-shadow: 0px 10px 150px 100px rgba(0,0,0,1);

	position: relative;

	z-index: 2;

}

footer>.container {

	position: relative;

	padding: 0;

	padding-top: 30px;

	height: 100%;

	width: 860px;

}

footer>.container:before {

	content: '';

	display: block;

	width: 510px;

	height: 260px;

	position: absolute;

	bottom: 0;

	right: -110px;

	background-size: cover;

	background-position:center bottom;

	background-repeat:no-repeat;

	background-image: url(../img/bcg-footer-pistons.png);

}

footer table {

	width: 100%;

	border:1px solid #fff;

	max-height: 175px;

	height: 175px;

}

footer td.secondCol {

	padding-left:30px;

	height: 50%;

	vertical-align: center;

}

footer td.secondCol.lower {

	border-top:1px solid #fff;

	vertical-align: center;

}

footer td.secondCol.lower>div {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	-webkit-box-pack: start;

	    -ms-flex-pack: start;

	        justify-content: flex-start;

}

footer td.secondCol.lower>div>div {

	font-size: 0.625em;

}

footer td.secondCol.lower a {

	text-decoration:none;

	font-size: 10px;

}

footer td.secondCol.lower a:hover {

	color:#fff;

}

footer td.secondCol.limited p{

	max-width: 369px;

	margin: 0;

	font-size: 0.625em;

}

footer .footer_navigation {

	padding-left: 20px;

	list-style: none;

	margin-bottom: 0;

	margin-top: 0px;

	max-height: 143px;

}

footer .footer_navigation>li {

	margin-bottom: 0px;

	height: 20px;

}

footer .footer_navigation>li:last-child {

	margin-bottom: 0;

}

footer .footer_navigation>li>a {

	font-size: 0.688em;

}

footer td .rightPart {

	margin-left: 25px;

}

footer td.leftCol {

	border-right:1px solid #fff;

	width: 150px;

	height: 170px;

}

.footer_logoWrap {

	width: 115px;

	margin: 0px auto;

	margin-top: 10px;

}

.footer_logoWrap>img {

	width: 100%;

}

/* =+===== END FOOTER ======= */

@media all and (max-width: 1680px) {

	.header_title{

		left: 22%;

	}

}

@media all and (max-width: 1440px) {

	.header_title{

		left: 17%;

	}

	footer>.container:before {

		right: 0;

	}

	footer td.secondCol.limited p {

		max-width: 257px;

	}

}

@media all and (max-width: 1280px) {

	.header_title{

		left: 12%;

	}

}

@media all and (max-width: 1024px) {

	.header_title{

		left: 80px;

	}

	body {

		overflow-x: scroll;

	}

}