@import "/lightbox/css/lightbox.min.css";

ul, ol {
	list-style: initial;
	margin-left: 30px;
}

.skewed {
	background: #ffffff;
	transform: skew(0deg, 10deg);
	margin-top: 0;
	overflow: hidden;
	min-height: 90vh;
	padding-top: 6vw;
	padding-bottom: 8vw;
	box-sizing: border-box;
}

.skewed > div {
	transform: skew(0deg, -10deg);
	max-width: 100%;
	margin: auto;
	/* padding: 17vw 3vw; */
	/* margin-top: 1vw; */
	/* margin-bottom: -10vw; */
	background: rgba(255, 255, 255, .62);
	padding: 3vw;
	padding-top: 20vw;
	margin-top: -18vw;
	min-height: 60vh;
	padding-bottom: 20vw;
	margin-bottom: -20vw;
}

.pattern.little {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGElEQVQYV2NkYGD4z8DAwMAIYqipqTEAABRwAnPHc25RAAAAAElFTkSuQmCC) repeat;
	background-attachment: fixed
}

.pattern.big {
	background-image: linear-gradient(to right, rgba(105, 105, 105, .6), rgba(105, 105, 105, .59)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAUElEQVQoU2MsLCxMY2BgYPj//7/k////TUBsRkbGM4yMjM/BbJgCmCKoArAkmF1QUFAPUw0ThNEgUxnz8/M3IxuJLAmykrACglYQdCQhbwIAZBk+i4H3IaEAAAAASUVORK5CYII=);
	background-attachment: fixed
}

pattern.opaque {
	background-color: rgba(0, 0, 0, .1)
}

.main-content {
	margin-top: -10vw;
	margin-bottom: -9vw;
	position: relative;
}

body:not(.narrow-screen) header {
	z-index: 123
}

header {
	position: fixed;
	width: 100%;
	color: #ffffff
}

header nav {
	display: flex;
	flex-wrap: wrap;
}

header .topbar {
	display: flex;
	max-width: 1200px;
	margin: auto;
	background: inherit;
}

header nav div {
	line-height: 60px;
	position: relative;
	flex-grow: 0;
	max-width: 100%;
}

header a {
	color: #ffffff;
	padding: 0 .8vw;
	text-decoration: none;
	font-size: 16px;
	white-space: nowrap;
}

nav {
	text-transform: none;
}

body {
	font-family: Verdana, Geneva, sans-serif;
}

header .topbar nav div.current:before, header .topbar nav div:hover:before {
	content: "";
	top: 0;
	display: block;
	width: 100%;
	position: absolute;
	height: 3px;
	background: #ffee00
}

header .topbar nav div.current:after, header .topbar nav div:hover:after {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background: #ffee00;
	transform: rotate(45deg);
	top: -5px;
	left: 45%
}

header .topbar nav div:after, header .topbar nav div:before {
	transition: .3s top;
	top: -25px;
	content: ""
}

.phone {
	line-height: 60px;
	color: #ffffff;
	text-align: right;
	margin-left: auto;
	/* font-family: "Georgia", Times, serif; */
	font-size: 21px;
}

.pizza {
	width: 0;
	overflow: hidden;
	transition: .5s all;
	height: 60px;
	display: block;
	position: relative
}

.pizza:before, .pizza:after {
	width: 33px;
	content: "";
	display: block;
	color: #ffffff;
	box-sizing: border-box;
	position: absolute
}

.narrow-screen header.scrolled .pizza {
	width: 60px
}

.pizza:before {
	height: 50%;
	margin: 25% 22%;
	border-top: 4px solid;
	border-bottom: 4px solid
}

.pizza:after {
	height: 0%;
	margin: 47% 22%;
	border: 2px solid
}

header .left-menu {
	position: fixed;
	top: 60px;
	height: 100vh;
	width: 30vw;
	max-width: 300px;
	z-index: -1;
}

.content.first-screen.main {
	background: url(/images/template/first-screen.jpg);
	-webkit-background-size: 100%;
	background-size: 100%;
	display: flex;
	min-height: 120vh;
	padding-left: 300px;
	margin-bottom: 28px;
}

.main-content > div:nth-child(even) > div {
	background-image: linear-gradient(to right, rgba(255, 255, 255, .6), rgba(255, 255, 255, .59)), url(/images/template/cars.jpg);
	background-attachment: fixed !important;
	background-size: 100%
}

body:not(.narrow-screen) .content {
	padding-left: 300px;
	z-index: 1;
}

.sidebar ul {
	padding-left: 30px;
	font-size: 18px;
	line-height: 24px;
	list-style: none;
	margin-left: 0;
	box-sizing: border-box;
	width: calc(100% - 30px);
}

.sidebar ul ul {
	padding-left: 20px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 22px;
}

.narrow-screen .scrolled aside.left-menu {
	top: -100%;
	transition: top 0.3s, box-shadow .5s;
	z-index: -1;
	box-shadow: 0 0 0 black;
}

header.scrolled {
	z-index: 123
}

body:not(.narrow-screen) .fixed-background {
	background-attachment: fixed !important;
	background-position-x: 50% !important;
	background-size: 100% !important;
	min-height: 101vh;
}

.taxi-form {
	margin: auto;
	width: 800px;
	height: 850px;
	padding-top: 35px;
}

img {
	max-width: 100%
}

.taxi-form__block {
}

.taxi-form form {
	display: flex;
	flex-wrap: wrap;
	margin-top: 65px;
	position: relative;
}

.taxi-form__block {
	width: 47%;
	padding: 26px;
	margin: 12px;
	box-sizing: border-box;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAUElEQVQoU2MsLCxMY2BgYPj//7/k////TUBsRkbGM4yMjM/BbJgCmCKoArAkmF1QUFAPUw0ThNEgUxnz8/M3IxuJLAmykrACglYQdCQhbwIAZBk+i4H3IaEAAAAASUVORK5CYII=);
	position: relative;
	color: #ffffff;
	background-attachment: fixed;
}

.taxi-form__block2 {
	width: 100%;
	padding: 18px 26px;
	display: flex;
	justify-content: space-between
}

.taxi-form__swap-loc {
	position: absolute
}

.taxi-form__fields {
	display: flex;
	flex-direction: row;
	text-align: center;
	flex-wrap: wrap;
	width: 320px;
	justify-content: space-between;
	position: relative;
}

.taxi-form__block input, .taxi-form__block select {
	width: 48%;
	margin: .7%;
	display: inline-block;
	padding: 11px 10px;
}

.taxi-form__block2 input {
	width: 31%
}

div:not(.location) > .taxi-form__fields > *:nth-child(1) {
	width: 100%;
	display: block;
}

div.location > .taxi-form__fields > *:nth-child(1) {
	width: 84%;
	display: block;
}

.taxi-form__heading {
	position: absolute;
	margin: auto;
	text-align: center;
	width: 100%;
	top: -35px;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	left: 0;
	text-shadow: 0 0 10px white;
}

.taxi-form__tarif img {
	width: 45%;
	display: inline-block
}

.taxi-form__tarif > div:after {
	clear: both;
	display: block;
	width: 50%;
	text-align: center
}

.taxi-form__tarif-details {
	text-align: center;
	display: inline-block;
	width: 53%
}

.taxi-form__tarif-details p {
	font-size: 20px;
}

span.taxi-form__tarif-price {
	font-size: 60px;
	color: #ffee00;
	font-weight: bold;
}

span.taxi-form__tarif-price.currency {
	color: #ffffff;
	font-weight: initial;
}

.taxi-form__block.taxi-form__tarif {
	background: rgba(53, 53, 53, .67)
}

.taxi-form__block input[type="button"] {
	background: #ffee00;
	border: none;
	outline: none !important;
	text-transform: uppercase;
	font-weight: bold
}

.taxi-form__block.opaque {
	background: none
}

h1, .h1 {
	position: absolute;
	margin-top: -50px;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: bold;
	margin-left: 45px;
	/* border-bottom: 2px solid; */
	z-index: 2;
	text-decoration: underline;
}

h1:before, .h1:before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	background: #a6d4f8;
	z-index: -1;
	margin-left: -12px;
	margin-top: -12px;
}

.benefits__block {
	width: 44%;
	position: relative;
	padding-left: 120px;
	box-sizing: border-box
}

.benefits {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.benefits__ico {
	width: 100px;
	height: 100px;
	background: #ffee00;
	margin-right: 20px;
	position: absolute;
	left: 0
}

.benefits__block > * {
	display: inline-block
}

.benefits__text {
	width: 70%
}

.benefits__ico:after {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	left: 81px;
	background: #ffee00;
	transform: scaleY(.6) rotate(45deg);
	top: 5px;
	z-index: -1;
}

.benefits__head {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 15px;
}

.benefits__desc {
	font-size: 13px;
}

.benefits__block:nth-child(4) {
	margin-left: 100px
}

.benefits__block:nth-child(6) {
	margin-left: 200px
}

.taxi-form__block:last-child input {
	width: 48%
}

.taxi-form__swap-loc {
	position: absolute;
	background: #ffee00;
	left: 46.5%;
	z-index: 2;
	padding: 28px;
	top: 50px;
}

article.inner-content {
	padding: 135px 4vw 17vw;
	position: relative;
}

.first-screen.inner {
	
	min-height: 100vh;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.85)), url(/images/template/cars.jpg);
	background-attachment: fixed !important;
	background-size: 100%;
}

article.inner-content * {
	background: none;
	/* top: initial !important; */
	/* left: initial !important; */
	/* padding: initial !important; */
}

article.inner-content.default div {
	float: none !important;
	margin: 0 ;
}

article.inner-content h1 {
	top: 140px;
}

.park_block_m table {
	margin-top: 35px;
	font-size: 17px;
}

article.inner-content.default {
	/* column-count: 2; */
}

p {
	padding: 5px 0
}

h2 {
	font-weight: bold;
	font-size: 16px
}

#map {
	width: 100%;
	height: 120vh
}

.contacts__card {
	width: 250px;
	height: 295px;
	background: #ffffff;
	margin: 4px;
	text-align: center;
	font-size: 12px;
}

.contacts__cards {
	position: relative;
	margin-top: -500px;
	display: flex;
	justify-content: center
}

.contacts {
	height: 120vh
}

.contacts__card-ico {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #000000;
	margin-top: -50px;
	margin-left: 65px
}

.taxi-form__submit {
	color: #000000;
	line-height: 43px;
	background: #a6d4f8;
	display: inline-flex;
	margin: .7%;
	min-width: 48%;
}

.taxi-form__submit input {
	border: none;
	background: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	width: 150px !important
}

.taxi-form__submit > span {
	display: inline-block;
	width: 0;
	overflow: hidden;
	transition: .3s all;
	white-space: nowrap;
	padding: 0
}

input[type="time"] {
	width: 28%;
	text-align: center
}

input[type="date"] {
	width: 36%
}

input::-webkit-calendar-picker-indicator {
	display: none
}

input::-webkit-inner-spin-button {
	display: none
}

.taxi-form__submit > span.opened {
	width: 70px;
	padding: 0 5px;
	padding-left: 0
}

.parent {
	width: 100%;
	height: 150px;
	padding: 15px;
	/* white-space:nowrap */
}

.child {
	width: 160px;
	height: 160px;
	background: url(/images/podlolka.png);
	margin: 20px;
	float: left;
	text-align: center;
	font-size: 12px;
	position: relative;
	box-shadow: -10px 10px 10px rgba(0, 0, 0, .5)
}

.text {
	position: absolute;
	width: 160px;
	left: 0;
	bottom: 5px
}

.child img {
	padding-top: 25%;
	max-width: 100px;
	height: auto;
	display: block;
	margin: 0 auto;
	border: none
}

article.inner-content.default .parent {
	display: inline-flex;
	justify-content: space-around;
}

article.inner-content.default div .child {
	background: url(/images/podlolka.png);
}

.logo {
	background: url("/images/template/logo.png");
	width: 100%;
	display: block;
	flex-grow: 1;
	height: 90px;
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: 50%;
}

.logo a {
	display: block;
	height: 100%;
	width: 100%;
}

body.narrow-screen .first-screen {
	padding-left: 300px;
}

footer.content {
	display: flex;
	background: black;
	padding-top: 15vw;
	color: white;
}

footer.content > div {
	width: 50%;
	padding: 20px;
}

footer.content ul {
	/* column-count: 2; */
	list-style: none;
	display: flex;
	/* flex-direction: column; */
	flex-wrap: wrap;
	/* max-height: 150px; */
	padding-top: 40px;
}

footer .logo {
	margin-top: -110px;
	width: 230px;
}

footer ul li:first-child a {
	color: yellow;
}

footer ul li a {
	color: white;
	text-decoration: none;
	line-height: 20px;
}

.soc > div {
	background: #a7a7a7;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin: 5px;
}

.soc {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.copy {
	text-align: center;
	font-size: 13px;
	line-height: 9px;
	padding-top: 30px;
	color: gray;
}

.footer-form__header {
	text-align: center;
	color: yellow;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-size: 18px;
}

.taxi-form__fields.footer-form__fields input {
	/* height: 28px; */
	background: rgba(128, 128, 128, 0.38);
	color: white;
	border: none;
	padding: 10px;
	margin: 3px;
	width: 75% !important;
}

.taxi-form__fields.footer-form__fields input::-webkit-input-placeholder {
	color: white;
	text-transform: uppercase;
}

.taxi-form__fields.footer-form__fields input:last-child {
	width: 20% !important;
}

.taxi-form__fields.footer-form__fields {
	width: 100%;
}

footer.content > div:first-child {
	padding: 20px 100px;
}

.footer-form > div > span {
	display: block;
	text-align: right;
	padding-right: 90px;
	margin: 11px;
	font-size: 20px;
	font-weight: bold;
	color: yellow;
	letter-spacing: 0px;
	overflow: hidden;
	height: 0;
	transition: .3s all;
	margin-bottom: 30px;
}

.footer-form > div > span.opened {
	height: 20px;
	margin-bottom: 10px;
}

.contacts__card-heading {
	padding-top: 70px;
	padding-bottom: 25px;
	font-size: 14px;
	text-transform: uppercase;
	color: gray;
}

.bold {
	font-weight: bold;
}

.taxi-form__swap-loc.icon {
	background: url(/images/template/swap.png), #ffee00;
}

.icon {
	background-repeat: no-repeat !important;
	background-position: 50% !important;
}

div:nth-child(2) > .benefits__ico.icon {
	background: url(/images/template/adv-ico-1.png), #ffee00;
}

div:nth-child(3) > .benefits__ico.icon {
	background: url(/images/template/adv-ico-2.png), #ffee00;
}

div:nth-child(4) > .benefits__ico.icon {
	background: url(/images/template/adv-ico-3.png), #ffee00;
}

div:nth-child(5) > .benefits__ico.icon {
	background: url(/images/template/adv-ico-4.png), #ffee00;
}

div:nth-child(6) > .benefits__ico.icon {
	background: url(/images/template/adv-ico-5.png), #ffee00;
}

.icon-rekv.icon {
	background-image: url("/images/template/paper.png");
}

.icon-phone.icon {
	background-image: url("/images/template/phone.png");
}

.icon-elephant.icon {
	background-image: url("/images/template/elephant.png");
}

article.inner-content.companies > div.yellow_block {
	float: left;
	width: 50vw;
}

.clientForm {
	float: right;
}

article.inner-content:after {
	content: "";
	display: block;
	clear: both;
}

.clientForm {
	background: white !important;
	color: black;
	font-size: 14px;
	width: 17vw;
}

.clientForm * {
	background: white !important;
	color: black;
	font-size: 14px;
	max-width: 100%;
	padding: 1px;
}

#cl {
	float: left !important;
	margin-left: 50px;
	padding: 15px;
	box-sizing: border-box;
	width: 50%;
	line-height: 15pt;
	#color: #ffffff;
	padding-bottom: 20px;
}

#cl a {
	text-decoration: none !important;
	#color: #000000
}

#cl a:hover {
	text-decoration: underline !important
}

#cl img {
	margin-top: 10px
}

#cr {
	padding-top: 15px;
	padding-bottom: 20px;
	width: 50%;
	margin-right: 50px;
	float: right !important;
	line-height: 15pt;
	color: #222222;
	padding: 15px;
	box-sizing: border-box;
}

#cr a {
	text-decoration: none !important;
	color: #222222 !important
}

#cr a:hover {
	text-decoration: underline !important
}

#cr img {
	margin-top: 10px
}

.taxi-form__block.final.sending:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(142, 136, 124, 0.79);
	text-align: center;
	padding: 20% 10%;
	box-sizing: border-box;
}

.taxi-form__block.final.sended:after {
	content: "Заявка успешно отправлена";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(142, 136, 124, 0.79);
	text-align: center;
	padding: 20% 10%;
	box-sizing: border-box;
}

.tarif-block {
	width: 20%;
	position: absolute;
	text-align: center;
	left: 40%;
}

.cloud {
	position: absolute;
	max-width: 434px;
	width: 24vw;
	background: url("/images/template/cloud.png") no-repeat;
	height: 20vw;
	right: 0;
	top: 60%;
	color: white;
	padding: 1vw 1vw 10px 5vw;
	box-sizing: border-box;
	text-align: center;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.tarif-block__buttons {
	--palchik: pointer;
}

.button {
	padding: 12px 14px;
	display: inline-block;
	background: #eaeaea;
	font-size: 16px;
	text-transform: uppercase;
	margin: 1px;
	border: none;
	cursor: var(--palchik);
}

.button.btn_active {
	background: #ffee00;
}

.tarif-block__buttons {
	display: flex;
	justify-content: center;
}

.tarif-block__image img {
	margin: auto;
	display: inherit;
	padding-bottom: 25px;
}

.tarif-block__car-name {
	padding-top: 20px;
	font-size: 18px;
}

.tarif-block__price {
	padding-top: 5px;
	font-size: 50px;
	font-weight: bold;
}

.tarif-block__add-info {
	padding: 13px;
	background: #eaeaea;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
}

.tarif-block__conditions {
	margin-bottom: 20px;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
}

.tarif-block:first-child {
	margin-top: -7vw;
	left: 10%;
}

.tarif-block:last-child {
	left: initial;
	right: 10%;
	margin-top: 7vw;
}

article.inner-content br + br {
	display: none;
}

article.inner-content.unknown {
	width: 910px;
	margin: auto;
}

article.inner-content fieldset {
	padding: 6px;
	background: rgba(191, 191, 191, 0.64);
	position: relative;
	color: #ffffff;
	background-attachment: fixed;
	color: black;
}

article.inner-content input, article.inner-content select {
	padding: 3px !important;
	/* font-size: 14px !important; */
	height: initial !important;
	background: white !important;
}

article.inner-content legend {
	color: black;
	padding: 7px;
}

.main-content.inner-form .taxi-form {
	/* margin: -8vw auto; */
	/* padding-bottom: 0; */
}

.narrow-screen.menued .scrolled aside.left-menu {
	top: 60px;
	box-shadow: 0 0 40px black;
}

.sidebar ul ul li {
	font-size: 16px;
	position: relative;
	padding-left: 15px;
}

.tarifs__block {
	display: flex;
	flex-direction: column;
	margin-top: 70px;
	position: relative;
}

.tarifs__selector {
	display: flex;
	justify-content: space-between;
}

.tarifs__selector >
* {
	display: block;
	padding: 20px;
	background: black;
	flex-grow: 1;
	margin: 5px;
	color: white;
	text-align: center;
	text-transform: uppercase;
}

.tarifs__selector >
.active {
	background: #ffee00;
	color: black;
}

.tarifs__detail {
	display: none;
	position: relative;
	padding-top: 40px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tarifs__detail.active {
	display: flex;
}

.tarifs__name {
	position: absolute;
	top: 10px;
	text-transform: uppercase;
	text-decoration: underline;
}

.tarifs__detail-container {
	padding: 10px 40px;
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.circle {
	border-radius: 50%;
}

.tarifs__price {
	background: white;
	width: 160px;
	height: 160px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	margin: 0 30px;
}

.tarifs__block .tarif-block__conditions {
	margin: 0;
}

.content li {
	/* padding-left: 20px; */
	/* margin-bottom: 7px; */
}

article.inner-content.zakaz {
	width: 940px;
	margin: auto;
	background: white;
	box-sizing: border-box;
	padding: 100px 0vw 11vw;
}

.vao_tarif p {
	line-height: 17px;
}

.vao_button {
	color: black !important;
	padding: 10px 30px 10px 30px;
	background: linear-gradient(to top, #e7c313, #f8e758);
	z-index: 333333;
	text-decoration: none !important;
	font-size: 20px;
	cursor: pointer;
	margin: 20px;
	border-radius: 5px;
}

.vao_tarif td {
	padding: 5px;
}

.ipopup {
	display: none;
}

.vao_descr {
	float: left;
	width: 53%;
	position: relative;
	left: 51px;
	top: 66px;
	text-align: justify;
}

.vao_h1 { /* font-family: Solomon sans semibold; *//* font-weight: normal; */
	color: #333333; /* text-transform: uppercase; *//* font-size: 18px; */
	position: relative;
	margin: 0 !important;
	top: 0 !important;
	text-align: center;
	display: inline-block;
}

.vao_descr p {
	color: #333333;
	line-height: 20px;
}

.vao_descr2 {
	background: #f8e859;
	padding: 25px;
	padding-left: 50px;
	color: #333333;
}

.vao_nametarif {
	font-size: 18px;
	text-transform: uppercase;
	padding-right: 60px;
	font-family: Solomon sans;
	color: #333333;
	padding-left: 40px;
}

.vao_tarif p {
	line-height: 17px;
}

.vao_button {
	color: black !important;
	padding: 10px 30px 10px 30px;
	background: linear-gradient(to top, #e7c313, #f8e758);
	z-index: 333333;
	text-decoration: none !important;
	font-size: 20px;
	cursor: pointer;
	margin: 20px;
	border-radius: 5px;
}

.divicon {
	display: inline-block;
	width: 35%;
	margin-bottom: 30px;
}

.divicon .icon {
	font-family: Solomon sans semibold;
	text-transform: uppercase
}

.sidebar > ul > li > ul {
	max-height: 0;
	overflow: hidden;
	transition: all .5s;
}

.sidebar li.has-child:after {
	content: "^";
	position: absolute;
	right: 0;
	top: 14px;
	line-height: 0;
	transform: rotate(180deg);
	transition: 0.1s all;
}

.sidebar li {
	position: relative;
}

.sidebar li.has-child.opened:after {
	/* top: 14px; */
	transform: rotate(0);
}

.sidebar li.has-child.current:after {
	display: none;
}

.sidebar > ul > li.opened > ul, .sidebar > ul > li.current > ul {
	max-height: 50vh;
	/* margin-bottom: 15px; */
}

.tarifs__text {
	margin-top: 60px;
	padding-bottom: 15vw;
}

article.inner-content.default {
	font-size: 14px;
}

body:not(.narrow-screen) .fixed-background.inner {
	min-height: 100px;
}

.park-page {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.park_block_m {
	width: 35%;
	padding: 30px;
}

.park_block_m img {
	width: 370px;
	height: initial;
}

.park-page .h3 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
	display: block;
}

div#news:before {
	content: "";
	display: block;
	float: left;
	width: 70px;
	height: 65px;
	background: url(/images/template/logo.png), black;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 61px;
}

div#news {
	/* position: relative; */
	overflow: hidden;
	border-bottom: 1px solid darkgray;
	margin-bottom: 21px;
}

div#news + hr {
	display: none;
}

.vacancy {
	column-count: 2;
}

div#spoiler1 {
	font-size: 20px;
}

.stock {
	display: inline-flex;
	flex-wrap: wrap;
	margin: auto;
	justify-content: center;
}

.stock__item {
	background-size: 100%;
	margin: 7px;
	background-repeat: no-repeat;
}

.suggestBox {
	position: absolute;
	z-index: 123;
	margin-top: 46px;
	width: 314px;
	background: white;
	color: black;
	margin-left: 3px;
	max-width: 100%;
}

.suggestBox > div {
	padding: 9px;
	cursor: pointer;
}

.taxi-form__block.apps {
	position: absolute;
	font-size: 16px;
	bottom: -150px;
	right: 0;
	/* background: gray; */
	background: rgb(166, 212, 248);
	text-align: center;
	font-weight: bold;
	color: black;
}

a.app.app-apple {
	background: url("/images/template/badge-download-on-the-app-store-ru.svg");
}

a.app.app-google {
	background-image: url("/images/template/ru_badge_web_generic.png");
}

.apps .app {
	/* background: black; */
	width: 155px;
	height: 40px;
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat !important;
	background-position: 50% !IMPORTANT;
}

.taxi-form__modeswitch {
	width: 40px;
	height: 40px;
	/* display: inline-block; */
	background: #ffee00;
	margin: 3px;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
}

.taxi-form__modeswitch.airport {
	background-image: url("/images/template/plane.png");
}

.taxi-form__modeswitch.home {
	background-image: url("/images/template/home.png");
}

.cloud > div:nth-child(1) {
	font-size: 24px;
}

.cloud > div:nth-child(2) {
	font-size: 60px;
	font-weight: bold;
}

.cloud > div {
	padding: 0.1vw 0;
}

.clientMenu {
	color: black !important;
}

.clientMenu ul {
	list-style: none;
}

.toolate {
	
	font-size: 16px;
	
	text-align: center;
	
	padding-top: 10px;
	
	color: white;
	
	font-weight: bold;
}

.sidebar ~ .apps {
	display: flex;
	width: 100%;
	margin-top: 25px;
}

.apps-cond {
	line-height: initial;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
}

.tarifs table {
	width: 100%;
	margin-top: 30px;
	padding-bottom: 30px;
}

.tarifs table td, .tarifs table th {
	border: 1px solid;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}

.tarifs table th {
	font-weight: bold;
}

.copy a {
	color: inherit;
}

.visa {
	background: url("/images/template/visa.png");
	background-size: 100%;
	width: 120px;
	height: 30px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: 50%;
}

.copy > div {
	line-height: 19px;
}

footer.content ul li {
	width: 48%;
	padding: 2px 0;
}

div#mapster_wrap_0 {
	display: block;
	position: relative;
	padding: 0px;
	width: 306px;
	height: 391px;
	margin: auto !important;
}

div#map_conteiner {
	margin: 40px auto !important;
	width: 450px;
	padding: 50px 20px;
	position: relative;
	top: 30px;
	/* border: 1px solid #444; */
	/* background-color: yellow; */
	float: right !important;
	margin: 0px !important;
}

canvas.mapster_el {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	border: 0px;
}

img#moskow_image {
	border: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	opacity: 0;
}

.moscow-caption {
	border-radius: 5px;
	padding: 10px;
	background-color: rgba(0, 0, 0, .8);
	_background-color: #111111;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
	color: #ffffff;
	z-index: 10000;
	clear: both;
	width: 400px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s;
}

.moscow-caption {
	background-color: rgba(0, 0, 0, .8) !important;
}

.tarif-block__infos > div {
	display: none;
}

.tarif-block__infos > .active {
	display: initial;
}

.blocker {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	background-color: rgba(0, 0, 0, 0.79);
}

.blocker.loading {
	background-image: url(http://www.dpp30.com.tw/images/img_loading.gif);
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.blocker.success span {
	margin: auto;
	font-size: 20px;
}

.blocker.error span {
	margin: auto;
	text-align: center;
	color: red;
}

.cloud .apps {
	margin-top: 10px;
}

.conditions a {
	color: black;
}

.conditions {
	margin: 10px 0 0 0;
	font-size: 15px;
}

.quality-control {
	width: 100%;
	text-align: center;
}

.quality-control > span {
	cursor: pointer;
}

.popup {
	position: fixed;
	width: 100vw;
	height: 100vh;
	display: flex;
	top: 0;
	left: 0;
	z-index: 1234566;
}

.popup__back {
	position: absolute;
	width: 100vw;
	height: 100vh;
	background: rgba(128, 128, 128, 0.75);
}

.popup__window {
	margin: auto;
	background: white;
	z-index: 123;
	font-family: inherit;
	font-family: Verdana, Geneva, sans-serif;
	padding: 20px;
	text-align: center;
}

.popup__head {
	text-align: center;
	line-height: 39px;
}

.popup__content, .popup__content form {
	display: flex;
	flex-direction: column;
}

.popup__content > * {
	padding: 5px;
	margin: 5px;
}

.popup__content > form > * {
	padding: 5px;
	margin: 5px;
}

.tarifs__sub-selector {
	display: flex;
	justify-content: center;
	background: black;
	color: white;
	margin: 5px;
}

.tarifs__sub-selector
* {
	padding: 0 25px;
	line-height: 45px;
	cursor: pointer;
	--bottom-marker: -1px;
	transition: --bottom-marker .3s;
	position: relative;
	display: flex;
	overflow: hidden;
}

.tooltip {
	display: none;
}

.tarifs__add-services {
	display: none;
}

.tarifs__add-prices {
	min-width: 100%;
	margin-top: 35px;
}

.tarifs__car {
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
}

.tarifs__car > div {
    padding: 10px;
}

.tarifs__image {
	/* margin-left: auto; */
}

.tarifs__add-price.air.day.night {
	display: flex;
	justify-content: space-around;
	display: none;
}

.tarifs__add-price-block {
	display: flex;
	background: linear-gradient(to right, rgba(255, 238, 0, 0), rgb(255, 238, 0), rgba(255, 238, 0, 0));
	text-align: center;
	align-items: center;
	padding: 10px 50px;
}

.tarifs__add-price-block p {
	text-transform: uppercase;
	font-weight: bold;
}

.tarifs__add-price-value span {
	font-size: 12px;
}

p.price span {
	font-size: inherit;
	font-weight: initial;
}

p.price {
	font-size: 35px;
}

.tarifs__add-price-value {
	width: 174px;
}

.tarifs__add-price-name span {
	font-size: 12px;
}

.tarifs__add-price-name p {
	font-size: 19px;
}

.tarifs__day-time-selector {
	position: absolute;
	--child-radius: 30px;
	left: calc(var(--child-radius) * -1.7);
	top: 20px;
}

.tarifs__day-time-selector > div {
	width: calc(var(--child-radius) * 2);
	height: calc(var(--child-radius) * 2);
	background: white;
	margin: 2px;
}

.tarifs__day-time-selector .active {
	background: black;
	cursor: default;
}

.tarifs__add-price.active {
	display: flex;
}

.price_item {
	display: none;
}

.price_item.active {
	display: initial;
}

.tarifs__add-price {
	display: none;
	justify-content: center;
}

div#moscow-caption-text br {
	display: initial !important;
}

div#map_conteiner p {
	/* width: 550px; */
	text-align: center;
	color: red;
}

.tarifs__sub-selector
.active {
	cursor: default;
	--bottom-marker: 10px;
}

.tarifs__selector div {
	cursor: pointer;
}

.tarifs__selector div.active {
	cursor: default;
}

.tarifs__sub-selector
div:before, .tarifs__sub-selector
div:after {
	content: "";
	display: block;
	position: absolute;
	color: #ffee00;
	background: #ffee00;
	margin: auto;
	left: 0;
	transition: .3s all;
}

.tarifs__sub-selector
div:before {
	width: 100%;
	height: 4px;
	bottom: calc(-10px + var(--bottom-marker));
}

.tarifs__sub-selector
div:after {
	width: 16px;
	height: 16px;
	bottom: calc(-18px + var(--bottom-marker));
	transform: rotate(45deg);
	left: calc(50% - 7px);
}

.tarifs__day-time-selector div {
	cursor: pointer;
	position: relative;
}

.tarifs__day-time-selector div:after {
	background-size: 70%;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: 50%;
}

.tarifs__day-time-selector div.day:after {
	background-image: url(/images/template/day.png);
}

.tarifs__day-time-selector div.day.active:after {
	filter: invert(100%);
}

.tarifs__day-time-selector div.night:after {
	background-image: url(/images/template/night.png);
}

.tarifs__day-time-selector div.night.active:after {
	filter: invert(100%);
}

.tarifs__add-price.train {
	width: 60vw;
	margin: auto;
}

.tarifs__add-services-text {
	text-align: center;
}

.tarifs .tarif-block__conditions {
	font-size: 10px;
}

.tarifs__description {
	line-height: 25px;
	font-weight: bold;
	/* width: 570px; */
}

.tarifs .day .tarif-block__conditions:not(:last-child):after,
.tarifs .night .tarif-block__conditions:not(:last-child):after {
    content: "*";
}

header li.opened > a, header li.current > a {
	color: #ffee00;
	background: linear-gradient(to right, rgba(255, 238, 0, 0), rgba(202, 202, 202, 0.22), rgba(255, 238, 0, 0));
	width: 70%;
	display: block;
}

.sidebar ul ul li:before {
	content: "";
	display: block;
	position: absolute;
	left: -2px;
	--size: 4px;
	height: var(--size);
	border-radius: 100%;
	width: var(--size);
	background: white;
	top: 40%;
}

.apps-cond {
	background: url(/images/template/shit.jpg);
	height: 126px;
	background-size: cover;
	margin: 30px 25px 0px;
	width: 100%;
}

@keyframes glance {
	from {
		left: -500px
	}
	to {
		left: 500px
	}
}

.glance {
	position: relative;
	overflow: hidden;
}

.glance:before {
	content: "";
	display: block;
	position: absolute;
	background: linear-gradient(90deg,
	rgba(255, 238, 0, 0) 0%,
	rgb(255, 255, 255) 50%,
	rgba(255, 238, 0, 0) 100%
	);
	transform: rotate(-45deg);
	height: 1000px;
	top: -500px;
	left: 410px;
	width: 100px;
	animation-name: glance;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
}

.red {
	color: red;
}

.benefits__block:nth-child(4):after {
	content: "";
	position: absolute;
	display: block;
	--size: 100px;
	width: var(--size);
	height: var(--size);
	background: url(/images/free.png);
	background-repeat: no-repeat;
	background-size: 100%;
	transform: rotate(-45deg);
	top: -30px;
	left: -60px;
}

.breadcrumbs {
	position: absolute;
	margin-top: 70px;
	padding: 0px 4vw;
	z-index: 1;
}

.breadcrumbs > * {
	color: black;
	margin: 0 10px;
	font-size: 12px;
}

.breadcrumbs > a:after {
	content: "/";
	position: absolute;
	margin-left: 7px;
}

.breadcrumbs > a {
	cursor: pointer;
}

@keyframes wiggle {
	0% {
		transform: rotate(-20deg);
	}
	25% {
		transform: rotate(-30deg);
	}
	50% {
		transform: rotate(-10deg);
	}
	75% {
		transform: rotate(-35deg);
	}
	100% {
		transform: rotate(-20deg);
	}
}

.benefits__block:nth-child(4):after {
	/* animation-name: wiggle; */
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

.sidebar ul ul a {
	white-space: initial;
	padding-left: 0px;
	width: 100%;
}

.tarifs__add-price.train p {
	background: #eaeaea;
	margin: 10px;
	padding: 20px;
	font-size: 12px;
	width: 50%;
}

.tarifs__description small {
	font-size: 12px;
	position: relative;
}

.tarifs__description small:before {
    content: "*";
    position: absolute;
    display: block;
    left: -15px;
    top: -5px;
    font-size: 20px;
}

.company-form {
    width: 600px;
    clear: both;
    margin: auto;
    padding: 30px;
    background: rgba(107, 107, 107, 0.78) !important;
    position: relative;
}

.company-form > form {
    display: flex;
    flex-direction: column;
}

.company-form .inputgroup {
    display: flex;
    flex-wrap: wrap;
}

.company-form .inputgroup > * {
    width: 48%;
    margin: 1%;
    box-sizing:border-box;
}

.company-form .inputgroup > div input {
    width: 100%;
    margin: 1%;
}

.inputgroup.selects label {
    width: 30%;
}

.inputgroup.selects select {
    width: 100%;
    text-align-last: center;
}

.inputgroup.selects option {
    text-align: center;
}

.inputgroup.selects label span {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    color: white;
}

.company-form textarea {
    background: white;
}

.company-form form > * {
    text-align: center;
}

.company-form input[type="submit"] {
    width: 160px;
    margin: auto;
    line-height: 33px;
    border: none;
    background: #ffee00 !important;
    color: black;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.company-form h2 {
    color: white;
    margin-bottom: 20px;
    font-size: 20px;
}

.response.success {
    position: absolute;
    z-index: 123;
    color: green;
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
}

.response.success * {
    margin: auto;
}

.company-form form > p {
    font-size: 12px;
    margin-bottom: 10px;
    color: white;
}

article.inner-content {
	line-height: 18px;
}


h2 {
	padding: 10px;
}

.autogallery {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.gallery-photo {
	max-width:100%;
}

.gallery-photo img {
	/* max-width: 90%; */
	width: 250px;
	margin: 10px;
}

.auto-gallery-link {
	display: block;
	position: absolute;
	margin-left: 300px;
	margin-top: -50px;
	border: 2px solid #a6d4f8;
	line-height: 50px;
	padding: 0 50px;
	font-size: 20px;
	text-decoration: none;
	color: black;
	background: #a6d4e1 !important;
	background: #a6d4f8 !important;
	font-weight: bold;
}

.slick-slide.gallery-photo {
	height: 200px;
	max-width: 30%;
	padding: 10px;
	overflow: hidden;
	text-align: center;
}

.gallery-photo.slick-slide img {
	width: auto;
	max-width: initial;
	margin: auto;
	height: 100%;
}

.slick-prev, .slick-next {
	filter: invert(60%);
}

article.inner-content.default .yellow div.autogallery-slider {
	padding-top: 20px;
	max-width: 1120px;
	margin: auto !important;
}

.table-price{

}

.table-price tr td{
	padding: 1px;
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid;
    text-align: center;
    vertical-align: middle;
}
.table-price tr{

}
.table-price tbody{

}
.table-price-container{
	text-align: center;
    width: 90%;
    
    margin: auto!important;
}

.table-price p{
	padding: 0;
}

.list-additional{
	width: 52%;
    margin: auto !important;
}
.list-additional p{

}

.list-additional ul{

}

.list-additional ul li{
	list-style: none;
	display: flex;
}

.list-additional ul li span{
	display: inline-block;
	width: 30px;
	height: 30px;
	/*background: url(/images/template/tax_ico.png) 0 0 no-repeat;*/
    background-size: auto auto;
	background-size: 30px 30px;
	line-height: 30px;
	text-align: center;
	border-radius: none !important;
	margin-right: 8px;
	color: transparent;
}

@media (max-width: 1100px){
	.table-price-container{
		 overflow-x: scroll;
	}
}

@media screen and (max-width: 780px) {
	h1, .h1 {
		margin-left: 0;
	}
	
	.sidebar ul ul li {
		padding: 0vh 0;
	}
	
	article.inner-content * {
		background: none;
		font-size: 20px;
		line-height: 1;
	}
	
	.cloud {
		display: none;
	}
	
	.park_block_m {
		width: 90vw;
	}
	
	.taxi-form__modeswitch {
		width: 10vw;
		height: 10vw;
	}
	
	.taxi-form__block input[type="button"] {
		width: 100%;
	}
	
	div.location > .taxi-form__fields > *:nth-child(1) {
		width: 69vw;
		display: block;
	}
	
	.taxi-form__block input, .taxi-form__block select {
		width: 48%;
		margin: .7%;
		display: inline-block;
		padding: 11px 10px;
		height: 10vw;
	}
	
	.taxi-form form {
		display: flex;
		flex-direction: column;
	}
	
	body.narrow-screen .first-screen {
		padding: 0 !important;
		margin-bottom: 0px !important;
		background-size: auto 120% !important;
	}
	
	.taxi-form {
		width: 100%;
		height: initial;
		padding: 0 !important;
		padding-bottom: 200px !important;
	}
	
	.taxi-form__block.taxi-form__block2 {
		flex-wrap: wrap;
	}
	
	.taxi-form__block.taxi-form__tarif {
		/* display: none; */
	}
	
	.taxi-form__block {
		width: 96vw;
		margin: 10px 2vw;
		padding: 6vw;
	}
	
	.taxi-form form {
		margin: 40px 0;
	}
	
	header .topbar nav {
		display: none;
	}
	
	.taxi-form__swap-loc.icon {
		display: none;
	}
	
	html, body {
		overflow-x: hidden;
		width: 100vw;
	}
	
	body.narrow-screen {
	}
	
	* {
		max-width: 100%;
	}
	
	footer.content {
		flex-direction: column;
		padding-top: 141px;
		text-align: center;
	}
	
	footer.content > div {
		width: 100vw;
		padding: 0 !important;
		margin: 0;
	}
	
	.taxi-form__heading {
		position: initial;
		padding-bottom: 20px;
		top: 0;
	}
	
	aside.left-menu.pattern.little {
		top: -100vmax;
		transition: top 0.3s, box-shadow .5s;
		z-index: -1;
		box-shadow: 0 0 0 black;
		width: 90vw;
		overflow-y: hidden;
	}
	
	.pizza {
		width: 60px;
	}
	
	header.pattern.little {
		z-index: 123;
	}
	
	.taxi-form__fields {
		width: 100%;
	}
	
	.benefits {
		flex-direction: column;
	}
	
	.benefits__block {
		width: 100%;
		margin: 0 !important;
		/* padding: 0; */
		padding-bottom: 40px;
	}
	
	.benefits__text {
		width: 90%;
	}
	
	.skewed.content {
		padding-top: 130px;
	}
	
	.main-content > div:nth-child(even) > div {
		background-size: auto 130%;
	}
	
	.tarif-block {
		width: 100%;
		position: initial;
		margin-bottom: 40px;
	}
	
	div.tarifs__selector {
		display: flex;
		width: 100%;
		flex-direction: column;
		order: 1;
	}
	
	.tarifs {
		margin-top: 70px;
	}
	
	div.tarifs__detail-container {
		width: 100%;
		float: none;
		position: relative;
		order: 2;
		padding: 10px 0;
	}
	
	div.tarifs__detail.active {
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
	}
	
	div.tarifs__image {
		flex-grow: 1;
		margin: auto 9px;
	}
	
	.narrow-screen.menued aside.left-menu {
		top: 60px;
		box-shadow: 0 0 40px black;
	}
	
	.taxi-form__block.location.pattern.big {
		order: 0;
	}
	
	.taxi-form__block.taxi-form__block2 {
		order: 1;
	}
	
	.taxi-form__block.final {
		order: 3;
	}
	
	header a {
		font-size: 20px;
		white-space: pre-line;
		margin-bottom: 8px;
		line-height: 1;
	}
	
	footer ul li a {
		font-size: 4vmin;
	}
	
	.apps .app {
		max-width: 47%;
	}
	
	.suggestBox > div {
		font-size: 14px;
	}
	
	.suggestBox {
		margin-left: 0;
		margin-top: 12vw;
	}
	
	.tarifs__sub-selector {
		order: 30;
		flex-direction: column;
	}
	
	.tarifs__sub-selector
	div:before, .tarifs__sub-selector
	div:after {
		left: initial;
		right: -5px;
		top: 50%;
	}
	
	.tarifs__sub-selector
	div:before {
		width: 4px;
		height: 100%;
		top: 0;
		bottom: initial;
		right: calc(-10px + var(--bottom-marker));
	}
	
	.tarifs__sub-selector
	div:after {
		top: 34%;
		bottom: initial;
		right: calc(-18px + var(--bottom-marker));
	}
	
	.tarifs__car {
		flex-direction: column;
	}
	
	.tarifs__add-prices {
		order: 10;
	}
	
	.tarifs__add-price.train {
		width: 90%;
		flex-direction: COLUMN;
	}
	
	.tarifs__add-price.active {
		flex-direction: column;
	}
	
	.tarifs__name {
		text-align: center;
	}
	
	.tarifs__price.circle {
		margin: 10px auto;
	}
	
	.tarifs__text {
		margin-top: 33vw;
		position: relative;
	}
	
	.tarifs__text h1 {
		top: -10vw;
		left: 20px;
	}
	
	.sidebar ul ul li:before {
		left: -15px;
	}
	
	.sidebar > ul {
		height: 40vh;
		overflow: scroll;
	}
	
	.phone {
		margin-right: 20px;
	}
	
	.clientForm {
		float: none;
		margin: auto;
	}
	
	article.inner-content.companies > div.yellow_block {
		width: initial;
	}
	
	.company-form .inputgroup {
		flex-direction: column;
	}
	
	.company-form .inputgroup > * {
		width: 100%;
	}
	
	.inputgroup.selects label {
		width: 100%;
	}
	
	.company-form {
		max-width: 100%;
		box-sizing: border-box;
		margin-top: 50px;
	}
	
	article.inner-content.default .yellow div.autogallery-slider, article.inner-content.default .yellow div.autogallery-slider * {
		max-width: initial;
	}
}