.topBlock .reservations .input .buttWrapper{
	line-height: normal;
}
.systemOfDiscounts{
	margin-top: 80px;
}
.clientsAboutUs{
	margin-top: 80px;
}
.topBlock .registrationFormWrapperPU, .topBlock .entrfFormWrapperPU{
	top: 57px;
}
.item-page{
	padding-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	flex: 0 0 auto;
	text-align: center;
}
.to-pay {
	border-radius: 5px;
    border: none;
    background-color: seagreen;
    color: white;
}
/*--- change appearance of menu items ---*/
body.mainPage ul.topMenu > li.mainPage a,
body.myTickets ul.topMenu > li.myTickets a,
body.about ul.topMenu > li.about a,
body.personalCabinet ul.topMenu > li.personalCabinet a,
body.checkTicket ul.topMenu > li.checkTicket a
{
	color: #535992;
}
body.personalCabinet.myTickets ul.topMenu > li.personalCabinet a{
	color: #323232;
}
.visModWrapp {
	margin-right: 1em;
}
div.personalCabinetSM {
	padding-left: 5%;
	padding-right: 5%;
	width: 80%;
}
body.personalCabinet.myTickets ul.topMenu > li.personalCabinet a::before{
    bottom: -14px;
    left: 20px;
    opacity: 0;
    right: 20px;
}
body.mainPage ul.topMenu > li.mainPage > a::before,
body.myTickets ul.topMenu > li.myTickets > a::before,
body.about ul.topMenu > li.about > a::before,
body.personalCabinet ul.topMenu > li.personalCabinet > a::before,
body.checkTicket ul.topMenu > li.checkTicket > a::before
{
    bottom: -8px;
    left: 10px;
    opacity: 1;
    right: 10px;
    transition-duration: 1s;
}
body.personalCabinet.personalCabinetSMM ul#personalCabinetMenu > li.personalCabinetSMM a,
body.personalCabinet.myTickets ul#personalCabinetMenu > li.myTickets a,
body.personalCabinet.rewardPoints ul#personalCabinetMenu > li.rewardPoints a,
body.personalCabinet.minibusLocation ul#personalCabinetMenu > li.minibusLocation a,
body.personalCabinet.reviews ul#personalCabinetMenu > li.reviews a
{
	background-color: darkslateblue;
	color: white;
}
/*--- change appearance of menu items end ---*/
.topBlock .topInformation .secondBlock{
	position: static;
	top: auto;
}
.reservationsWindWrapp {
	padding: 24px 0;
    width: 100%;
	box-sizing: border-box;
    max-width: 1140px;
    margin: 0 auto;
    text-align: unset;
}
.reservationsWindWrapp form {
	text-align: left;
	padding: 15px 12px;
	position: relative;
}
.reservationsWindWrapp .visModWrapp{
    background-color: #4c545f;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8d9ba8;
    border-radius: 3px;
    border-right: 1px solid #8d9ba8;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.21) inset, 0 3px 4px rgba(0, 0, 0, 0.65) inset;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-size: 20px;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    position: relative;
	width: 11em;
	border-radius: 10px;
}
.reservationsWindWrapp form#reservations > div.withVerCentEl{
	line-height: 120px;
	height: auto;
}
.reservationsWindWrapp form#reservations > div.withVerCentEl > *{
	line-height: 54px;
	vertical-align: middle;
}
.reservationsWindWrapp .visModWrapp select{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: transparent;
	color: inherit;
	border: none;
	font-size: inherit;
	font-family: inherit;
    padding-left: 17px;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none !important;
}
.reservationsWindWrapp .visModWrapp select option{
	background-color: #555d69;
}
.reservationsWindWrapp .visModWrapp option{
	cursor: pointer;
}
.reservationsWindWrapp .visModWrapp input[type = 'text'],
.reservationsWindWrapp .visModWrapp input[type = 'date']{
    background-color: transparent;
    box-sizing: border-box;
    height: 100%;
    padding-left: 17px;
    width: 100%
}
.reservationsWindWrapp .reservatButon{
    background-color: #9e9999;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 54px;
    line-height: 51px;
    text-align: center;
    transition-duration: 0.7s;
    transition-property: background-color;
    width: 114px;
}
.reservatButon:hover{
	color:white;
}
.reservationsWindWrapp .reservatButon.today{
	float: left;
}
.reservationsWindWrapp .reservatButon.tomorrow{
	float: right;
}
.reservationsWindWrapp .buttsWrapper{
	overflow: hidden;
}
.reservationsWindWrapp .reservatButon:hover, .reservationsWindWrapp .reservatButon.active{
	background-color: #535992;
}
.reservationsWindWrapp .reservRoundWrapp{
    border: 5px solid white;
    border-radius: 53px;
    box-sizing: border-box;
    height: 106px;
    left: -65px;
    padding: 3px;
    position: absolute;
    top: -58px;
    width: 106px;
    z-index: 1;
}
.reservationsWindWrapp .reservRound {
    background-color: #535992;
    border-radius: 45px;
    color: white;
    font-size: 25px;
    height: 90px;
    line-height: 88px;
    text-align: center;
    text-transform: uppercase;
    width: 90px;
}
.reservationsWindWrapp  a.makeAReservation{
    background-color: #009746;
    border: 1px solid #009746;
    color: white;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
	flex: 0 0 306px;
	width: 306px;
	position: relative;
	border-radius: 3px;
}
@media screen and (max-width: 768px) {
	.reservationsWindWrapp  a.makeAReservation{
		width: 100%;
		flex: 0 0 100%;
	}
}
.topBlock .reservationsWindWrapp .anyPaymentMeths{
    bottom: -52px;
    color: white;
    font-size: 16px;
    font-style: italic;
    left: -20px;
    position: absolute;
	line-height: normal;
	text-transform: none;
	font-weight: normal;
	font-family: calibri,sans-serif;
}
.topBlock .reservationsWindWrapp .anyPaymentMeths .inscriptArrow{
    background-image: url("../images/paymentMethInscrArr.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 27px;
    left: 98px;
    position: absolute;
    top: -27px;
    width: 32px;
}
.reservationsWindWrapp .additImageBlock{
	line-height: 45px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	padding-right: 10px;
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.reservationsWindWrapp .additImageBlock {
		right: 0;
	}
}
.reservationsWindWrapp .forRoute .additImageBlock a{
    background-image: url('../images/reservInputArrows.png');
    height: 25px;
    width: 25px;
}
.reservationsWindWrapp .forDate .additImageBlock a{
    background-image: url('../images/reservCalendar.png');
    height: 25px;
    width: 25px;
}
.reservationsWindWrapp .forTime .additImageBlock a{
	background-image: url('../images/reservTime.png');
	background-size: 20px;
    height: 25px;
    width: 25px;
}
.reservationsWindWrapp .additImageBlock a{
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
	vertical-align: middle;
	position: relative;
}

body {
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.topBlock .topInformation .secondBlock{
	padding-top: 50px;
}
.topBlock .topInformation{
	margin-top: 20px;
}
.topBlock .topAdvantages{
	position: static;
	bottom: 0;
	left: 0;
	right: 0;
}
.topBlock .registration .custom.userInfo{
	display: none;
}
body.personalCabinet .topBlock .registration .custom.userInfo{
	display: block;
}
body.personalCabinet  .topBlock .registration .custom.authorization{
	display: none;
}
.topBlock .registration .custom.userInfo{
	line-height: 70px;
	color: white;
	padding-left: 28px;
	background-position: left 43%;
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-image: url('../images/userFace.png');
	font-family: raleway, sans-serif;
	position: relative;
	top: 5px;
}
.presonalCabinetMainBlock.personalCabinet .userData select{
	font-size: inherit;
	font-family: inherit;
}
/*--- hidden main inscriptions and single reg button ---*/
.topBlock .singleRegistrationButtonWrapp{
	text-align: center;
	padding-top: 30px;
}
.topBlock .singleRegistrationButtonWrapp .registrationButton{
	display: inline-block;
}
/*-- main page without reg button end --*/
.ticketMainBlock .enterStntCodeForm input.forCode{
	width: 100%;
	padding-right: 122px;
	outline: none;
	border-radius: 10px;
	background: #555d69fa;
	color: white;
}
.passwInpWrapper{
	position: relative;
}
.passwInpWrapper .dontRemember{
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 10px;
	line-height: 30px;
	color: #a83e3e;
	font-size: 13px;
}
ul.breadCrumbs{
	font-size: 16px;
	overflow: hidden;
	margin: 0 auto;
}
ul.breadCrumbs > li{
	float: left;
}
ul.breadCrumbs > li:nth-of-type(1n + 2)::before{
	content: '/';
	margin-left: 3px;
	margin-right: 3px;
}
ul.breadCrumbs > li > a{
	text-decoration: underline;
}
ul.breadCrumbs a.thisPage{
	text-decoration: none;
}