/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

	/* Document
	   ========================================================================== */

	/**
	 * 1. Correct the line height in all browsers.
	 * 2. Prevent adjustments of font size after orientation changes in iOS.
	 */

	html {
		scroll-behavior: smooth;
	  line-height: 1.15; /* 1 */
	  -webkit-text-size-adjust: 100%; /* 2 */
	}

	/* Sections
	   ========================================================================== */

	/**
	 * Remove the margin in all browsers.
	 */

	body {
	  margin: 0;
	  overflow-x: hidden; 
	}

	/**
	 * Correct the font size and margin on `h1` elements within `section` and
	 * `article` contexts in Chrome, Firefox, and Safari.
	 */

	h1 {
	  font-size: 2em;
	  margin: 0.67em 0;
	}

	p {
		margin-top: 0;
		font-size: 18px;
	}

	/* Grouping content
	   ========================================================================== */

	/**
	 * 1. Add the correct box sizing in Firefox.
	 * 2. Show the overflow in Edge and IE.
	 */

	hr {
	  box-sizing: content-box; /* 1 */
	  height: 0; /* 1 */
	  overflow: visible; /* 2 */
	}

	/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */

	pre {
	  font-family: monospace, monospace; /* 1 */
	  font-size: 1em; /* 2 */
	}

	/* Text-level semantics
	   ========================================================================== */

	/**
	 * Remove the gray background on active links in IE 10.
	 */

	a {
	  background-color: transparent;
	}

	/**
	 * 1. Remove the bottom border in Chrome 57-
	 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
	 */

	abbr[title] {
	  border-bottom: none; /* 1 */
	  text-decoration: underline; /* 2 */
	  text-decoration: underline dotted; /* 2 */
	}

	/**
	 * Add the correct font weight in Chrome, Edge, and Safari.
	 */

	b,
	strong {
	  font-weight: bold;
	}

	/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */

	code,
	kbd,
	samp {
	  font-family: monospace, monospace; /* 1 */
	  font-size: 1em; /* 2 */
	}

	/**
	 * Add the correct font size in all browsers.
	 */

	small {
	  font-size: 80%;
	}

	/**
	 * Prevent `sub` and `sup` elements from affecting the line height in
	 * all browsers.
	 */

	sub,
	sup {
	  font-size: 75%;
	  line-height: 0;
	  position: relative;
	  vertical-align: baseline;
	}

	sub {
	  bottom: -0.25em;
	}

	sup {
	  top: -0.5em;
	}

	/* Embedded content
	   ========================================================================== */

	/**
	 * Remove the border on images inside links in IE 10.
	 */

	img {
	  border-style: none;
	}

	/* Forms
	   ========================================================================== */

	/**
	 * 1. Change the font styles in all browsers.
	 * 2. Remove the margin in Firefox and Safari.
	 */

	button,
	input,
	optgroup,
	select,
	textarea {
	  font-family: inherit; /* 1 */
	  font-size: 100%; /* 1 */
	  line-height: 1.15; /* 1 */
	  margin: 0; /* 2 */
	}

	/**
	 * Show the overflow in IE.
	 * 1. Show the overflow in Edge.
	 */

	button,
	input { /* 1 */
	  overflow: visible;
	}

	/**
	 * Remove the inheritance of text transform in Edge, Firefox, and IE.
	 * 1. Remove the inheritance of text transform in Firefox.
	 */

	button,
	select { /* 1 */
	  text-transform: none;
	}

	/**
	 * Correct the inability to style clickable types in iOS and Safari.
	 */

	button,
	[type="button"],
	[type="reset"],
	[type="submit"] {
	  -webkit-appearance: button;
	}

	/**
	 * Remove the inner border and padding in Firefox.
	 */

	button::-moz-focus-inner,
	[type="button"]::-moz-focus-inner,
	[type="reset"]::-moz-focus-inner,
	[type="submit"]::-moz-focus-inner {
	  border-style: none;
	  padding: 0;
	}

	/**
	 * Restore the focus styles unset by the previous rule.
	 */

	button:-moz-focusring,
	[type="button"]:-moz-focusring,
	[type="reset"]:-moz-focusring,
	[type="submit"]:-moz-focusring {
	  outline: 1px dotted ButtonText;
	}

	/**
	 * Correct the padding in Firefox.
	 */

	fieldset {
	  padding: 0.35em 0.75em 0.625em;
	}

	/**
	 * 1. Correct the text wrapping in Edge and IE.
	 * 2. Correct the color inheritance from `fieldset` elements in IE.
	 * 3. Remove the padding so developers are not caught out when they zero out
	 *    `fieldset` elements in all browsers.
	 */

	legend {
	  box-sizing: border-box; /* 1 */
	  color: inherit; /* 2 */
	  display: table; /* 1 */
	  max-width: 100%; /* 1 */
	  padding: 0; /* 3 */
	  white-space: normal; /* 1 */
	}

	/**
	 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
	 */

	progress {
	  vertical-align: baseline;
	}

	/**
	 * Remove the default vertical scrollbar in IE 10+.
	 */

	textarea {
	  overflow: auto;
	}

	/**
	 * 1. Add the correct box sizing in IE 10.
	 * 2. Remove the padding in IE 10.
	 */

	[type="checkbox"],
	[type="radio"] {
	  box-sizing: border-box; /* 1 */
	  padding: 0; /* 2 */
	}

	/**
	 * Correct the cursor style of increment and decrement buttons in Chrome.
	 */

	[type="number"]::-webkit-inner-spin-button,
	[type="number"]::-webkit-outer-spin-button {
	  height: auto;
	}

	/**
	 * 1. Correct the odd appearance in Chrome and Safari.
	 * 2. Correct the outline style in Safari.
	 */

	[type="search"] {
	  -webkit-appearance: textfield; /* 1 */
	  outline-offset: -2px; /* 2 */
	}

	/**
	 * Remove the inner padding in Chrome and Safari on macOS.
	 */

	[type="search"]::-webkit-search-decoration {
	  -webkit-appearance: none;
	}

	/**
	 * 1. Correct the inability to style clickable types in iOS and Safari.
	 * 2. Change font properties to `inherit` in Safari.
	 */

	::-webkit-file-upload-button {
	  -webkit-appearance: button; /* 1 */
	  font: inherit; /* 2 */
	}

	/* Interactive
	   ========================================================================== */

	/*
	 * Add the correct display in Edge, IE 10+, and Firefox.
	 */

	details {
	  display: block;
	}

	/*
	 * Add the correct display in all browsers.
	 */

	summary {
	  display: list-item;
	}

	/* Misc
	   ========================================================================== */

	/**
	 * Add the correct display in IE 10+.
	 */

	template {
	  display: none;
	}

	/**
	 * Add the correct display in IE 10.
	 */

	[hidden] {
	  display: none;
	}
	
	ul {
		margin:0;
	}

/* Site style */
body {font-family: 'Museo Sans Cyrl';}

header {
	width: 100%;
	height: 100vh;
	min-height: 680px;
	background-image: url(../img/bckg.jpg);
	background-size: cover;
	background-position: center;
}

.slide	{
	width: 100%;
	height: 100vh;
	    min-height: 680px;
}

.slide-1	{background-image: url(../img/offer/peter-broomfield-239413-unsplash - .jpg);} 
.slide-2	{background-image: url(../img/offer/koke-mayayo-thevisualkiller-1283829-unsplash.jpg);}
.slide-3	{background-image: url(../img/offer/jesse-collins-629527-unsplash.jpg);} 
.slide-4	{background-image: url(../img/offer/car-690275_1920.jpg);}
.slide-5	{background-image: url(../img/offer/adorable-1850465_1920.jpg);}
.slide-6	{background-image: url(../img/offer/Leaf2018.jpg);} 
.slide-7	{background-image: url(../img/offer/SX3Semi-Family-e1534526883239.jpg);}  
.background-cover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header_top {
	display: flex;
	justify-content: space-between;
	position: fixed;
	width: 100vw;
	background-color: transparent;
	z-index: 99;
	transition: 1s;
}

.logo {
	width: 135px;
	height: 135px;
	padding: 30px 5%;
	z-index: 90;
}

.logo_stars {
	position: absolute;
	width: 135px;
	height: 135px;
	background-image: url(../img/logo_stars.png);
	background-size: cover; 
	z-index: 0;
}
	.logo_stars_menu {
	position: absolute;
	width: 63px;
	height: 63px;
	right: -13px;
	background-image: url(../img/logo_stars.png);
	background-size: cover; 
	}
.logo_min {
	position: absolute;
	width: 135px;
	height: 135px;
	background-image: url(../img/logo_min.png);
	background-size: cover; 
}

.logo_text {
    position: absolute;
    width: 135px;
    height: 135px;
    background-image: url(../img/logo_text.png);
    background-size: cover;
}
.logo_menu {
    position: absolute;
    width: 135px;
    height: 135px;
    background-image: url(../img/autodreamlogo_menu.png);
    background-size: cover;
}
.menu {
	display: flex;
	justify-content: flex-end;
	list-style: none;
	padding: 30px 0 0 0;
}

.menu li {
	display: inherit;
	min-width: 70px;
	padding: 0 30px 0 0;
	transition: 1s;
}

.menu a {
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	transition: 0.2s;
}

.menu a:hover {
	color: #b32235;
	transition: 0.2s;
}

.header_bottom {position: absolute; top:28.5%; padding-left: 50px; z-index: 90;}
h1 {
	width: 450px;
	margin: 10% 0 30px 5%;
	color: #fff;
	font-size: 48px;
	font-weight: 100;

}

.order_button, .learn_button, .send_button {
	margin-left: 5%;
	padding: 12px 18px;
	background-color: #b32235;
	color: #fff;
	font-weight: 500;
	border: 1px solid transparent;
	border-radius: 50px;
	cursor: pointer;
	transition: 0.2s;
}
.learn_button {text-decoration: none; color: #fff}

.order_button:hover, .send_button:hover, .learn_button a:hover, .learn_button:hover {
	background-color: #fff;
	color: #b32235;	
	font-weight: 900;
	transition: 0.2s; 
}
.order_button:active, .order_button:hover {outline-color:transparent;}

main { 
	margin: 0 auto; 
}

.secondary_header h2{	
	margin:0;
	padding-top: 100px;
	text-align: center;
	background-image: url(../img/carhead.png);
	background-size: 350px;
	background-repeat: no-repeat;
}
	#benefits h2,
	#together h2,
	#electromobile h2,
	#cars h2 {background-image: url(../img/carhead_inv.png);}

	#about h2, 
	#benefits h2, 
	#service h2, 
	#together h2, 
	#electromobile h2, 
	#faq h2, 
 	#cars h2,
 	#auction h2,
	#contacts h2 {background-position: 50% 50%; display: flex;flex-direction: column; justify-content: center;}
		#auction h2 {background-position: 50% 50%;}
		#service h2 {background-position: 51% 50%;}

	 
	#benefits h2:after, 
	#electromobile h2:after,
	#cars h2:after  {content: ''; border: 2px solid #fff; border-radius: 400px 400px 400px 400px / 8px 8px 8px 8px; width: 280px;margin:5px auto 0 auto;}  /*#4c4c67*/
#about h2:after,
#service h2:after, 
#faq h2:after,
#auction h2:after,
#contacts h2:after  {content: ''; border: 2px solid #2d2e5b; border-radius: 400px 400px 400px 400px / 8px 8px 8px 8px; width: 280px;margin:5px auto 0 auto;} /*#d7d8e2*/

#about h2,
#service h2, 
#faq h2,
#auction h2,
#contacts h2 {color: #2d2e5b; }

/*.slider-for:after {content: ''; border: 2px solid #4c4c67; border-radius: 400px 400px 400px 400px / 8px 8px 8px 8px; width: 280px;margin:5px auto 0 auto;}*/

#about .secondary_header,
#service .secondary_header, 
#auction .secondary_header{margin-right: 30%;}
	#benefits .secondary_header, 
	#electromobile .secondary_header,
	#cars .secondary_header {margin-left: 30%;}

.about_container, .sale_container, .service_container, .auction_container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	margin: 60px 150px;
}

.benefits_container, .together_container, .electromobile_container, .faq_container, .cars_container, .contacts_container, #service>.service_container:last-child {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 60px 150px;
}
/* .cars_container {
	max-width: calc(920px + 5%);
	max-height: 100vh;
	margin: 60px 150px;
	justify-content: center;
} */
.center	{
	display: flex;	
	justify-content: center;
}

.slider-nav img{
	margin: 20px 10px; 
}

.content {
	width: 50%;
	max-width: 460px;
	/*margin-right: 5%;*/
	    text-align: justify;	
}
.benefits_container>.content, .together_container>.content, .electromobile_container>.content{display: flex; flex-direction: column;}
.content>.rate>img {
	width: 100%;
}
.image_section {
	width: 460px;
	height: 300px;
	/*margin-left: 5%;*/
	background-size: cover;
	background-position: center;
	border-radius: 5px;
}
.cars_container .image_section{height: inherit;}
	.about_container>.image_section {background-image: url(../img/transparent.gif);}
	.benefits_container>.image_section {background-image: url(../img/transparent.gif);}
	.service_container>.image_section {background-image: url(../img/transparent.gif);}
	.together_container>.image_section {background-image: url(../img/transparent.gif);}
	.electromobile_container>.image_section {background-image: url(../img/transparent.gif);}
	.faq_container>.image_section {background-image: url(../img/transparent.gif);}


.together_container>.content, .electromobile_container>.content {
	margin-right: 0%;
	margin-left: 5%;
}
.about_container>.content, .service_container>.content, .benefits_container>.image_section, .cars_container>.image_section, .faq_container>.content:first-child, .auction_container>.content, .sale_container>.content, .contacts_container>.image_section {
	margin-right: 5%;
	margin-left: 0%;
}

#benefits, #together, #electromobile, #cars, .sale {
	background-color: #2d2e5b;
	color: #fff;
	padding: 16px 0;
}

#about, #service, #electromobile, #faq, #auction, #contacts{
	padding-top: 16px;
}

.sale_container>.content {text-align: center;}
.sale .image_section {
	background-image: url(../img/sale.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

.s1 {display: block;}
.s2 {display: none;}

.service_container>.content {
	display: flex;
	flex-wrap: wrap;
}
.service_icon {
	width: 90px;
	padding-top: 90px;
	margin: 0 50px;
	text-align: center;
	color: #2d2e5b;
	font-weight: 900;
}


.service_icon::after {
	content: '';
	width: 20px;
	height: 30px;
	background-image: url(../img/arrow.png);
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	transform: translate3d(80px, -90px, 0);
}
.service_icon:last-child::after { 
	content: '';
	width: 0;
	height: 0;
	background-image: none;
}
	
	.service_icon:first-child {background: url(../img/transparent.gif)  no-repeat;background-size: contain;}
	.service_icon:nth-child(2) {background: url(../img/transparent.gif)  no-repeat;background-size: contain;}
	.service_icon:nth-child(3) {background: url(../img/transparent.gif)  no-repeat;background-size: contain;}
	.service_icon:nth-child(4) {background: url(../img/transparent.gif)  no-repeat;background-size: contain;}
	.service_icon:nth-child(5) {background: url(../img/transparent.gif)  no-repeat;background-size: contain;}
	.service_icon:nth-child(6){background: url(../img/transparent.gif)  no-repeat;background-size: contain;}

.question_container {
	margin: 10px 0;
	border: 1px solid #ddd;
	border-radius: 20px; 
}

.question, .answer {
	margin: 0;
	padding: 15px 15px;
}

.addition_questions {display: flex; justify-content: center;text-align: center;}
.addition_questions>div>div {font-size: 24px; color: #2d2e5b; font-weight: 900; margin-bottom: 15px;}

	.hide {height: 0px; padding: 0; transition: height 0.3s}
	.show {height: auto; transition: height 0.3s}
.contacts_container a {
	color: #000;
	text-decoration: none!important;
}
.auction_icon {
	width: 90px;
	padding-top: 90px;
	margin-left: 100px;
	text-align: center;
}
	.auction_icon:first-child {background: url(../img/transparent.gif)  no-repeat;background-size: contain; }
	.auction_icon:nth-child(2) {background: url(../img/transparent.gif)  no-repeat;background-size: contain; }
	.auction_icon:nth-child(3) {background: url(../img/transparent.gif)  no-repeat;background-size: contain; }
	.auction_icon:nth-child(4) {background: url(../img/transparent.gif)  no-repeat;background-size: contain; }

footer { display: flex; flex-direction: column;
	background-color: #2d2e5b;
	color: #fff; 
}
footer .logo {position: absolute; padding: 60px 70px 20px 70px;}
footer>.logo>.logo_footer {
	height: 135px; 
	background-image: url(../img/autodreamlogo.png);
	background-size: cover; 
}

footer .menu {
	justify-content: center; /*padding: 0; */
}

footer .menu li:last-child {
	padding-right: 0; 
}

footer nav {
	padding: 30px 0 110px 0;
}

footer .copyrights {
	display: flex; 
	justify-content: center; 
	padding-bottom: 45px; 
	font-size: 12px;
}

.flag {
	position: absolute;
	width: 240px;
	height: 220px;
	background: url(../img/flag_x.png) center no-repeat; background-size: contain; 
	right: 70px;
	margin-top: 10px;
}


/* Addition / animation */
	.nav_min { 
		height: 67px;
		background-position: center;
		background-size: unset;
		    z-index: 99;
		transition: 1s;
	}
		.nav_min_n {
		    height: 45px;
		    background-position: 50% 58%;
		    background-size: unset;
		    transition: 1s;
		}
		.np { padding: 10px 5%; }
		.np4 { padding: 4px 5%;	}
		.hc { background-color: rgba(0, 0, 0, 0.6); }
		.vis {transform: translate3d(-500%, 0, 0);}
		.bl {background-color: rgba(0, 0, 0, 1); transition: 0.3s;}
		.dn {display: none;}
		.logo_stars_menu_min {
		    position: absolute;
		    width: 36px;
		    height: 36px;
		    right: unset;
		    background-image: url(../img/logo_stars.png);
		    background-size: cover;
		}
		.mt8 {	margin-top: 8px!important;	}
		.be_min {	width: 5px!important;	}

	@keyframes fadeIn {
			from {
					transform: scale(1.5) rotate(0deg);
					opacity: 0;
			}
			to {
					transform: scale(1) rotate(359deg);				
			}
	}
	.fade_in {
			animation: fadeIn 1s forwards linear;
	}


	@keyframes fadeOut {
			from {
					transform: scale(1) rotate(0deg);
			}
			to {
					transform: scale(2) rotate(359deg);
					opacity: 0;
			}
	}
	.fade_out {
			animation: fadeOut 1s forwards linear;
	}

	@keyframes slideOutLeft {
	 from {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    visibility: visible;
	  }

	  to {
	    -webkit-transform: translate3d(-200%, 0, 0);
	    transform: translate3d(-200%, 0, 0);
	  }
	}

	.slideOutLeft {  
	  animation: slideOutLeft 1s forwards;
	}

	@keyframes slideInLeft {
	 from {
	    -webkit-transform: translate3d(-200%, 0, 0);
	    transform: translate3d(-200%, 0, 0);
	    visibility: visible;
	  }

	  to {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}

	.slideInLeft {  
	  animation: slideInLeft 1s forwards;
	}

	@keyframes slideInRight {
	  from {
	    -webkit-transform: translate3d(200%, 0, 0);
	    transform: translate3d(100%, 0, 0);
	    visibility: visible;
	  }

	  to {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}

	.slideInRight {  
	  animation: slideInRight 1s forwards;
	}

	@keyframes fadeInUp {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}

	.fadeInUp {  
	  animation: fadeInUp 1s forwards;
	}

	@keyframes rotateIn {
			from {
					transform: rotate(0deg);					
			}
			to {
					transform: rotate(180deg);				
			}
	}
	.rotateIn{
			animation: rotateIn 0.3s forwards linear;
	}
		@keyframes rotateOut {
			from {
					transform: rotate(180deg);					
			}
			to {
					transform: rotate(0deg);				
			}
	}
	.rotateOut{
			animation: rotateOut 0.3s forwards linear;
	}

.menu_open {transform: translate3d(30%, 87px, 0); transition: 0.3s}
	.mo_min {transform: translate3d(0, 53px, 0); width: calc(100% - 30px);transition: 0.3s}

/* icons */
	.menu li:before, .phone:before, .e-mail:before, .adress:before, .hours:before {
		content: "";
		display: block;		
		width: 20px;
		height: 20px; 
		float: left;
		margin: 0 6px 0 0;
	}
		.phone:before {background: url("../img/ico/phone2kontakt.png") no-repeat;}
		.e-mail:before {background: url("../img/ico/konvert.png") no-repeat;} 
		.adress:before {background: url("../img/ico/adress.png") no-repeat;}
		.hours:before {background: url("../img/ico/rolex.png") no-repeat;}
		.menu li:nth-child(1):before {background: url("../img/ico/zironka.png") no-repeat;}
		.menu li:nth-child(2):before {background: url("../img/ico/wheel.png") no-repeat;}
		.menu li:nth-child(3):before {background: url("../img/ico/220.png") no-repeat;}
		.menu li:nth-child(4):before {background: url("../img/ico/chat.png") no-repeat;}
		.menu li:nth-child(5):before {background: url("../img/ico/phone.png") no-repeat;}
		
		.m_li_min {padding: 16px 5% 0 0; transition: 1s;}
	.sale_container h2:before, .sale_container h2:after {
		content: "";
		display: block;		
		width: 20px;
		height: 20px; 
		margin: 6px 6px 0 10px;
		background: url("../img/ico/zironka.png") no-repeat;
	}

	.sale_container h2 {
	    display: flex;	
    	justify-content: center;
    }
	.sale_container>.content {text-align: center;}
	.question {display: flex; justify-content: space-between;}
	.arrow {
			content: "";
			display: block;		
			width: 20px;
			height: 20px; 
			margin: 0 6px 0 0;
			background: url("../img/ico/strelka.png") no-repeat;
			background-position: center;
			transform: rotate(0deg);
			transition: 0.3s;
		}
.timer_container {margin: 5% 0 30px 5%;color: #fff}
.timer_text {text-align: left;}
.timer {
	display: flex;
	justify-content: flex-start;
}
.timer>div {margin: 15px;}
.timer>div:first-child {margin: 15px 15px 15px 0;}
.timer>div div:first-child {font-size: 48px; color:#fff;text-align: center; }

#faq p {text-align: left;}

.cars_info {display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 80px;}
.cars_info>div {text-align:center;width:130px;height:130px; margin: 10px; background-image: url(../img/logo_stars.png); background-repeat: no-repeat; background-size: cover;}
/*.cars_info>div:first-child {margin: 15px 15px 15px 0;}*/
.cars_info>div div:first-child {margin-top: 18px;font-size: 48px; color:#fff;text-align: center; }
.cars_info>div div:last-child {    width: 100px;    margin-left: 15px; }

.image_slider_container {max-width: 460px; width: 100%; max-height: 345px; height: 100vh; background-size: cover; background-repeat: no-repeat;background-position: 50% 50%;}

.image_info { width: 100%; background-color: rgba(0,0,0, 0.6); color: #fff; padding: 15px; }

.sale_pc {padding: 10px; background-color: #b32235; color: #fff;}

.partner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 60px 150px;
    
    }
.partner img {
	max-width: 1000px;
	width: 100%;
	height: auto;
	display: block;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}    


@media  (min-width: 150px) and (max-width: 575.98px) {

	nav {position: absolute; right: 0; padding: 15px;background-color: rgba(0, 0, 0, 1); transform: translate3d(0, -100%, 0);transition: 0.3s;}
		nav ul li{margin-top: 15px}
		.menu {flex-direction: column; z-index: 98; transition: 0.3s; }
		.toggle-btn {margin: 8px 40px 0 0; z-index: 101;position: absolute; right: 0; }
		.toggle-btn span {width:35px; height: 4px; background: #fff; display: block; margin: 0 0 5px 16px; border-radius:5px; transition:0.8s}

		.toggle-btn span:nth-child(2) {margin-top: 20px; background-color: #2d2e5b;transition:0.8s}
		.toggle-btn span:last-child {background-color: #b32235;}
		.toggle-btn.active span{width:35px; background-color: #b32235; transition:0.8s}


	h1 {	width: 90%;	}
	.header_bottom {padding-left: 0;}
	.image_section {	width: 90%; margin-left: 0;	}
	.content {	width: 90%; margin: 30px 0 0 0; }
	.sale_container>.content {margin: 0; text-align: center;}
		.s1 {	display: none;	}
		.s2 {	display: block; background-size: cover!important; margin: 20px 0 0 0; width: 100%; text-align: center;	}
	.about_container, .benefits_container, .service_container, .together_container, .electromobile_container, .faq_container, .cars_container, .auction_container, .contacts_container, .sale_container   {flex-wrap: wrap; justify-content: center; margin: 40px 10px;}
/*	#about h2 {background-position: 34% 5%;}
	#benefits h2 {background-position: 44% 5%;}
	#service h2 {background-position: 65% 5%;}
	#electromobile h2 {background-position: 60% 5%;}
	#faq h2 {background-position: 65% 5%;}
	#contacts h2 {background-position: 65% 5%;}*/
	.service_icon {
		width: 90px;
		padding-top: 90px;
		margin: 0 15px ;
		text-align: center;	
	}
	.service_container>.content {	justify-content: space-between;	}
	footer .menu {	display: none;	}
	footer .logo {
		padding: 30px 5%;
		width: 115px;
    	height: 115px;
	}
.electromobile_container>.content, .contacts_container>.content {
	margin-right: 0%;
	margin-left: 0;
}
.about_container>.content, .service_container>.content, .benefits_container>.image_section, .cars_container>.image_section, .faq_container>.content:first-child, .auction_container>.content, .sale_container>.content, .contacts_container>.image_section {
	margin-right: 0;
	margin-left: 0;
}
	.phone {margin-top: 15px;}
	footer>.logo>.logo_footer {	height: 115px;	}
	footer .copyrights { padding: 180px 0 30px 0; }
	.flag {
		width: 160px;
		height: 160px;
		right: 10px;
		margin-top: 10px;
	}
	#about .secondary_header,
	#service .secondary_header, 
	#auction .secondary_header{margin-right: 0;}
	#benefits .secondary_header, 
	#electromobile .secondary_header,
	#cars .secondary_header {margin-left: 0;}
	
.cars_info {margin-top: 25px; justify-content: center;}
.auction_container>.image_section {height: inherit;}
.auction_container>.image_section>div:first-child {margin-bottom: 25px;}
.auction_container>.image_section>div:nth-child(2) {margin-bottom: 15px;}
.auction_container>.image_section>div:nth-child(4) {margin-bottom: -15px;}
.service_icon::after {
	background-image: none;}
		.partner {
	    margin:  0px;
    }

}

@media (min-width: 576px) and (max-width: 881.98px) {

	nav {position: absolute; right: 0; padding: 15px;background-color: rgba(0, 0, 0, 1); transform: translate3d(0, -100%, 0);transition: 0.3s;}
		nav ul li{margin-top: 15px}
		.menu {flex-direction: column; z-index: 98; transition: 0.3s; }
		.toggle-btn {margin: 8px 40px 0 0; z-index: 101;position: absolute; right: 0; }
		.toggle-btn span {width:35px; height: 4px; background: #fff; display: block; margin: 0 0 5px 16px;border-radius:5px;transition:0.8s}

		.toggle-btn span:nth-child(2) {margin-top: 20px; background-color: #2d2e5b;transition:0.8s}
		.toggle-btn span:last-child {background-color: #b32235;}
		.toggle-btn.active span{width:35px; background-color: #b32235; transition:0.8s}


.image_section {width: 90%; margin-left: 0;}
	.content {width: 90%; margin: 30px 0 0 0; }
	.sale_container>.content {margin: 0; text-align: center;}
		.s1 {	display: none;	}
		.s2 {	display: block; background-size: cover!important; margin: 20px 0 0 0; width: 100%; text-align: center;	}
	.about_container, .benefits_container, .service_container, .together_container, .electromobile_container, .faq_container, .cars_container, .auction_container, .contacts_container, .sale_container  {flex-wrap: wrap; justify-content: center; margin: 60px 30px;}

	.service_icon {
		width: 90px;
		padding-top: 90px;
		margin: 5px 20px;
		text-align: center;
	}
	.service_container>.content {
		justify-content: space-between;
	}

	footer .menu {
		display: none;
	}
	footer .logo {
		padding: 30px 5%;
	}
	/*footer>.logo>.logo_footer {	height: 115px;	}*/
	footer .copyrights { padding: 180px 0 30px 0; }
	.flag {
		width: 160px;
		height: 140px;
		right: 10px;
		margin-top: 20px;
	}
	#about .secondary_header,
	#service .secondary_header, 
	#auction .secondary_header{margin-right: 0;}
	#benefits .secondary_header, 
	#electromobile .secondary_header,
	#cars .secondary_header {margin-left: 0;}

.cars_info {margin-top: 25px; justify-content: center;}	
.electromobile_container>.content, .contacts_container>.content {
	margin-right: 0%;
	margin-left: 0;
}
.about_container>.content, .service_container>.content, .benefits_container>.image_section, .cars_container>.image_section, .faq_container>.content:first-child, .auction_container>.content, .sale_container>.content, .contacts_container>.image_section {
	margin-right: 0;
	margin-left: 0;
}
.image_slider_container {
	max-width: inherit;
    max-height: 500px;
}
.service_icon::after {
	transform: translate3d(55px, -90px, 0);}
	.partner {
	    margin: 30px 60px;
    }
    .partner img {
	width: 100%;
	margin: 0 auto;
}

}


@media (min-width: 882px) and (max-width: 1199.98px) {

	.image_section {width: 90%; margin-left: 0;}
	.content {width: 90%; margin: 30px 0 0 0;}
	.sale_container>.content {margin: 0; text-align: center;}
		.s1 {display: none;}
		.s2 {display: block; margin-left: 5%;}
	.about_container, .benefits_container, .service_container, .together_container, .electromobile_container, .faq_container, .cars_container, .auction_container, .contacts_container, .sale_container   {flex-wrap: wrap; justify-content: center;}

	.service_icon {
		width: 90px;
		padding-top: 90px;
		margin: 5px 20px;
		text-align: center;
	}
	.service_container>.content {
		justify-content: space-between;
	}
	footer .menu {	display: none;	}
	.flag {
		width: 180px;
		height: 160px;
		right: 10px;
		margin-top: 20px;
	}
		footer .logo {
		padding: 30px 5%;
	}
	#about .secondary_header,
	#service .secondary_header, 
	#auction .secondary_header{margin-right: 0;}
	#benefits .secondary_header, 
	#electromobile .secondary_header,
	#cars .secondary_header {margin-left: 0;}

.cars_info {margin-top: 25px; justify-content: center;}
.electromobile_container>.content, .contacts_container>.content {
	margin-right: 0%;
	margin-left: 0;
}
.about_container>.content, .service_container>.content, .benefits_container>.image_section, .cars_container>.image_section, .faq_container>.content:first-child, .auction_container>.content, .sale_container>.content, .contacts_container>.image_section {
	margin-right: 0;
	margin-left: 0;
}

.image_slider_container {
	max-width: inherit;
    max-height: 500px;
}

.service_icon::after {
	transform: translate3d(55px, -90px, 0);}
	.partner {
	    margin: 60px 150px;
    }
        .partner img {
	width: 90%;
	margin: 0 auto;
}
}

/* MODAL */

    /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    /*padding: 20px; */   
    width: 280px;
    height: 450px;
}

.modal_header{
	width: 100%;
	background-color: #2d2e5b;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}
.modal_header>h3 {padding: 15px 0 30px 0;margin:0;}
.modal_body {padding: 30px; text-align: center;}
.modal_name, .modal_phone, .modal_comment {width: 86%; border: none;  } /**/

.modal_name:before {z-index:999;position:relative; }
.modal_phone:before {background-image: url(../img/ico/m_ph.png);} 
.modal_comment:before {background-image: url(../img/ico/m_com.png);}
.n_ico, .ph_ico, .txt_ico{
		display: block;		
		width: 20px;
		height: 20px; 
		float: left;
		margin: 1px 6px 0 0;
		
}
.n_ico{background: url(../img/ico/m_nm.png) no-repeat;}
.ph_ico{background: url(../img/ico/m_ph.png) no-repeat;}
.txt_ico{background: url(../img/ico/m_com.png) no-repeat;}
.name_cont {border-bottom: 1px solid #eee;margin-bottom: 25px;}
.ph_cont {border-bottom: 1px solid #eee;margin-bottom: 25px;}
.txt_cont {border-bottom: 1px solid #eee;margin-bottom: 25px;}
/* The Close Button */
.close {
	position: relative;
    color: #000;
top: -10px;
right: -270px;
    width: 20px;
    height: 20px;
    background: url(../img/ico/m_close.png) no-repeat;
    background-size: cover;
/*
    font-size: 28px;
    font-weight: bold;*/
}

.close:hover,
.close:focus {
    color: #b32235;
    text-decoration: none;
    cursor: pointer;
}