@font-face {

	font-family: SKODANext;

	src: url(../fonts/SKODANext-Regular.ttf);

}



* {

	margin: 0;

	padding: 0;

}



a:hover{

	opacity:0.9;

}



body {

	font-family: SKODANext;

}



header{

	display: grid;

	width: 100%;

}



	.top-line{

		background: #000;

		height: 50px;

		padding: 0 0 0 100px;

	}

	.top-line a{

		color: #2ea106;

		padding-left: 21px;

		line-height: 50px;

		text-decoration: none;

		margin-right: 30px;

	}

		a.phone{

			background: url(../img/icon-phone.svg) no-repeat;

			background-size: contain;

		}

		a.www{

			background: url(../img/icon-www.svg)  no-repeat;

			background-size: contain;

		}

	

	

	

	

.top {

    display: inline-block;

    width: 100%;

    height: 175px;

    overflow: hidden;

}



.top > div {}



header a.soc-vk {

    background: url(../img/top-vk.svg) no-repeat;

	background-size: contain;

}



header a.soc-in {

    background: url(../img/top-in.svg) no-repeat;

	background-size: contain;

}



.logo {

    float: left;

    width: 35%;

    text-align: center;

    height: 175px;

    background: #fff url('../img/logo600.png') center center no-repeat;

	background-size: contain;

}



/*nav {

    display: inline-block;

    width: 65%;

    text-align: right;

    height: 175px;

    overflow: hidden;

    background: #2ea106;

}



nav ul {

    display: inline-block;

    list-style: none;

    display: flex;

    flex-flow: row wrap;

    writing-mode: horizontal-tb;

}



nav ul li {

    float: left;

    line-height: 175px;

    display: inline-block;

    width: 20%;

    text-align: center;

}



nav ul li a {

    color: #fff;

    text-decoration: none;

    font-size: 1.5rem;

}	



nav ul li a:hover {

    color: #000;

}*/



.topnav {

  overflow: hidden;

  background-color: #2ea106;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

}



.topnav a {

  float: left;

  display: block;

  color: #fff;

  text-align: center;

  padding: 1.5vw;

  text-decoration: none;

  font-size: 2vw;

}



.topnav a:hover {

  color: black;

}



.topnav a.active {

  /* background-color: #4CAF50; */

  color: #000;

}



.topnav .icon {

  display: none;

}



img {

    max-width: 100%;

    display: block;

}



.slide {

    background: url(../img/slide.jpg) no-repeat;

    min-height: 100vh;

    position: relative;

    background-position-x: center;

    background-size: cover;

    text-align: center;

    display: flex;

    /* align-items: center; */

    justify-content: center;

}



.slide h3 {

    text-align: left;

    font-size: 7rem;

    color: #fff;

    margin-left: 00%;

    display: inline-block;

    width: 60%;

    line-height: 7rem;

}



.slide h3 span.line3 {text-transform: capitalize;text-transform: lowercase;margin-left: 10%;}



.slide h3 span.line2 {

    margin-left: 20%;

}



.action-info {

    background: #fff;

    text-align: center;

    padding: 7rem 0;

}



h3 {

    text-transform: uppercase;

    font-size: 2.8rem;

    color: #010101;

    padding: 4rem 0;

}



.description {

    color: #898787;

    font-size: 1.5rem;

    padding: 0 3%;

	display: inline-block;

    width: 94%;

}



.description p {

    padding: 1rem 0;

}



.models {

    background: #fff;

    text-align: center;

	padding-bottom: 4rem;

}



.models h3 {

	padding: 4rem 0 2rem;

}



.model a {

    color: #000;

    text-decoration: none;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 1.1rem;

}



.model a span {

    font-weight: normal;

    font-size: 1rem;

    width: 100%;

    display: inline-block;

}



.model li {

    display: inline-block;

    width: 23%;

    margin: 2rem 0;

    padding: 0px 4.55555%;

    border-right: 1px solid #ccc;

}



.model {

    display: inline-block;

}



.model ul {

    list-style: none;

    display: inline-block;

    /* flex-flow: row wrap; */

    /* writing-mode: horizontal-tb; */

    text-align: center;

}



.model li:last-of-type, .model li:nth-child(3n) {

    border-right: none;

}



.action {

	display: flex;

}

.action .left{

	background:url(../img/1-reklama-1.jpg) no-repeat;

	background-size: contain;

	padding: 0;

	width: 80%;

}



.action .left div{

	width: 48%;

	float: right;

	color: #000000;

	font-size: 4vw;

	background: -moz-linear-gradient(left,  rgba(46,161,6,0.8) 0%, rgba(46,161,6,1) 10%, rgba(46,161,6,1) 100%);

	background: -webkit-linear-gradient(left,  rgba(46,161,6,0.8) 0%,rgba(46,161,6,1) 10%,rgba(46,161,6,1) 100%);

	background: linear-gradient(to right,  rgba(46,161,6,0.8) 0%,rgba(46,161,6,1) 10%,rgba(46,161,6,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2ea106', endColorstr='#2ea106',GradientType=1 );

	background: #fff;

	min-height: 100%;

	vertical-align: middle;

	display: flex;

	align-items: center;

	padding-left: 5%;

}



.action .right{

	width: 20%;

	background: #fff;

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

}



.action .right a{

	display: inline-block;

	text-align: center;

	margin: 15px;

}



.action .right img {

    display: flex;

}



.action .right a span {

	display: inline-block;

	text-decoration: none;

	background: #000;

	color: #fff;

	padding: 10px 30px;

	border-radius: 4px;

	font-size: 1.5rem;

	margin: 15px 0 0;

}



.action2 {

    display: flex;

    background:url(../img/2-reklama.jpg) no-repeat;

    text-align: center;

    min-height: 100vh;

    position: relative;

    background-position-x: center;

}



.action2 h3 {

    color: #fff;

    width: 90%;

    margin: 5%;

}



.action2 a {

    position: absolute;

    bottom: 6vh;

    width: 250px;

    left: 50%;

    margin-left: -125px;

    background: #2ea106;

    color: #fff;

    text-decoration: none;

    font-size: 1.6rem;

    line-height: 4rem;

    border-radius: 6px;

    text-transform: uppercase;

}



.zayavka {

    background: #2ea106;

    text-align: center;

}



.zayavka h3 {

    color: #fff;

    padding: 4rem 0 0;

}



.zayavka h4 {

    font-size: 2rem;

    padding: 1rem 0 2.5rem;

}



.zayavka form {

    width: 680px;

    margin: 0 auto;

    max-width: 90vw;

}



.zayavka form input.form-control {

    width: calc(100% - 2rem);

    font-size: 1.3rem;

    padding: 1rem;

    margin: 1.5rem 0;

    border: none;

}



label.form-check-label {

    color: #225607;

}



button#form-send-button {

    background: #000;

    border: none;

    color: #fcfcfc;

    padding: 1.5rem 0;

    text-transform: uppercase;

    font-size: 1.2rem;

    font-family: SKODANext;

    border-radius: 5px;

    width: 350px;

    max-width: 90vw;

    /* margin: 1.5rem 0 4rem; */

}



.modal{

	display: none;

}



.contact {

    background: #fff;

    text-align: center;

	padding: 0 0 4rem 0;

}



.contact h3 {

    color: #8b8788;

    text-transform: capitalize;

}



.left {

    width: 40%;

    float: left;

}



.right {

    width: 60%;

    float: left;

}



.contact ul {

    list-style: none;

    text-align: left;

}



.contact ul li {

    padding: 1.5rem 2rem;

}



.contact ul li a {

    color: #898787;

    text-decoration: none;

    padding-left: 3rem;

}



.contact a.address {

    background: url(../img/1-address.png) no-repeat;

	background-size: contain;

}



.contact a.phone {

    background: url(../img/2-phone.png) no-repeat;

	background-size: contain;

}



.contact a.www {

    background: url(../img/3-www.png) no-repeat;

	background-size: contain;

}



.contact a.soc-vk {

    background: url(../img/4-vk.svg) no-repeat;

	background-size: contain;

}



.contact a.soc-in {

    background: url(../img/5-inst.svg) no-repeat;

	background-size: contain;

}



footer{

	background: #2c2c2c url(../img/foot-plitka.png) repeat;

	display: inline-block;

	border-top: 1rem solid #30a000;

	width: 100%;

}



footer .logo{

	background: url(../img/logo-foot.png) no-repeat;

	background-size: contain;

	height: 30px;

	width: 120px;

}



.foot {

    padding: 1rem 4rem;

    background: #2c2c2c;

    margin: 4rem;

    color: #30a000;

}



footer .desc {

    padding: 0 200px;

}



.soc a {

    width: 29px;

    height: 20px;

    display: inline-block;

    margin: 0 5px;

}



.soc {

    display: inline-block;

    float: right;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

}



footer a.soc-vk {

	background: url(../img/foot-vk.svg) no-repeat;

	background-size: contain;	

}



footer a.soc-in {

	background: url(../img/foot-in.svg) no-repeat;

	background-size: contain;	

}



#form-spinner {

    position: absolute;

    top: 13px;

    margin-left: 10px;

    display: none;

}



.form-group {

    margin: 1rem 0 3rem;

}



.modal-content img {

    max-width: 4rem;

    float: left;

}



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

	.action .left {

		width: 100%;

		display: inline-block;

		background-size: auto;

		background-position-x: 30%;

	}



	.action .right {

		width: 100%;

	}



	.action {

		/* display: block; */

	}



	.action .left div {

		width: 100%;

		margin: 33vw 0 0 0;

		text-align: center;

		justify-content: center;

		min-height: 10rem;

		font-size: 6.5vw;

	}

	.topnav a:not(:first-child) {display: none;}

	.topnav a.icon {

		float: right;

		display: block;

		font-size: 1.3rem;

		margin-right: 1rem;

	}

	.topnav.responsive {position: relative;}

	.topnav.responsive .icon {

		position: absolute;

		right: 0;

		top: 0;

	}

	.topnav.responsive a {

		float: none;

		display: block;

		text-align: left;

	}

	.model li:last-of-type, .model li:nth-child(2n) {

		border-right: none;

	}

	.model li {

		width: 40%;

	}	

}



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

	footer .desc {

		padding: 0;

		display: inline-block;

		margin: 1rem 0;

	}



	.foot {

		margin: 10px;

		padding: 10px;

	}



	.left {

		width: 100%;

		padding-bottom: 2rem;

	}



	.right {

		width: 100%;

	}



	.description {

		color: #898787;

		font-size: 1rem;

	}



	.logo {

		width: 100%;

		float: none;

	}



	.foot .logo {

		float: left;

	}



	.top-line {

		padding: 0 0 0 20px;

	}

	

	.contact ul li {

		padding: 1rem 1rem;

	}	



	.action .left {

		width: 100%;

		display: inline-block;

		background-size: 210%;

		background-position-x: 38%;

	}

	.slide h3 {

		width: 90%;

		font-size: 12vw;

		line-height: initial;

	}

	.slide h3 span.line2 {

		margin: 0;

	}



	.slide h3 span.line3 {

		margin: 0;

	}

	.top{

		height: auto;

	}

	.topnav {

		display: block;

		padding: 3vh 0;

	}



	.topnav a {

		font-size: 5vw;

		padding-left: 10vw;

	}

	.model li {

		width: 70%;

		border-right: none;

	}	

	.model a img {

		width: 100%;

	}

	.top-line {display: block;height: auto;}



	.top-line a {

		float: none;

		display: block;

		line-height: 18px;

		margin: 1rem;

	}	

	header .soc {

		float: none;

		justify-content: left;

	}



	header .soc a {

		margin: 0.5rem 0 1rem 1rem;

		width: 17px;

	}

	.slide {

		min-height: 40vh;

	}



	.action2 h3 {

		font-size: 9vw;

	}



	.action2 {

		min-height: 70vh;

		background-size: cover;

	}

}