@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@font-face {
    font-family: 'ALSRubl-Arial';
    src: url('./fonts/alsrubl-arial-regular.eot');
    src: url('./fonts/alsrubl-arial-regular.eot?#iefix') format('embedded-opentype'),url('./fonts/alsrubl-arial-regular.woff') format('woff'), url('./fonts/alsrubl-arial-regular.ttf') format('truetype'), url('./fonts/alsrubl-arial-regular.svg#ALSRublArialRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height:1.4em;
    color:#565655;
}

h1 {
    font-size:3.4em;
    font-weight: bold;
    margin-top:0px;
    margin-bottom: 40px
}
h2 {
    font-size:2.6em;
    font-weight:bold;
    line-height:1.2em;
    margin-top:0px;
    margin-bottom:50px;
}
h3 {
    font-size:1.8em;
    line-height:1.2em;
    font-weight:bold;
    margin-top:0px;
}

a {
    color:#565655;
}
a:hover {
    color:#003c7b;
}

span.rouble {
  font-family: 'ALSRubl-Arial', Arial, sans-serif;
}

header {
    margin-top:50px;
    margin-bottom:30px;
}
.container {
    max-width:990px;
}

.park-bg {
    margin-bottom:0px;
    background: url(i/bg.jpg) no-repeat right bottom;

}
.timeblock {
    margin-bottom:70px
}

.timeblock-border {
    border: 4px #3eab35 solid;
    border-radius: 4px;
    padding: 20px 0px 20px 0px;
}

.timeblock-clock {
    background: url(i/clock.png) center no-repeat;
    text-align:center;
    height:102px;
    padding-top:55px;
    font-weight:bold;
    color:#3eab35;

}
.timeblock-head {
padding: 5px 60px 0px 60px;
}

.timeblock-text {
    padding-top: 10px;
}

.park-item {
    border-bottom:2px #e6e6e6 solid;
    padding-bottom:50px;
    margin-bottom:60px;

}

.booking-item-btn .btn {
 font-size: 16px;
 font-weight:bold;
}

.park-item-links  .btn  {
 font-size: 16px;
 font-weight:bold;
    border-radius: 7px;
    padding: 7px 20px 7px 20px;
    margin-right:7px;
    margin-bottom:10px
}

.park-item-links  .btn-secondary  {
   border:3px #565655 solid;
   background-color:#fff;
}

.park-item-links .btn-success
{
    background-color:#3eab35;
}

.park-item-info {
    margin-bottom: 30px;
}

.park-item-name-big {
    font-size:3.8em;
    font-weight: bold;
    color:#003c7b;
    border:5px #003c7b solid;
    border-radius: 8px;
    padding:24px 0px 24px 0px;
    text-align:center;
    width:76px;
    margin-top: 5px;

}
.park-item-time {
    font-size:2.6em;
    line-height:1.2em;
    margin-bottom:37px;

}
.park-item-price {
    color:#3eab35;
    margin-bottom:7px;
}
.park-item-price span {
    font-size:1.6em;

}

.park-item-distance-time {
    font-size:1.6em;
    float:left;
    padding:8px 10px 0px 0px
}

.park-item-distance-text {
    font-size:0.9em;
    line-height:1.2em;
}

.park-item-phone {

    text-align:left;
    margin-bottom: 15px;
    margin-top:10px;
    font-weight:bold;

}
.park-item-phone-number {
    margin-bottom:10px;
        font-size:2em;
        background: url(i/ico-mobile.png) left no-repeat;
        padding-left:30px;
        height:22px;
}

.park-item-phone-text {
        font-size:1.2em;
    color:#3eab35;
}

.park-item-links {
    text-align:left;
    font-size:16px;
}
.how-work {
    margin-bottom:50px;
}

.how-work-number {
    color:#003c7b;
}

.adv {
    margin-bottom:50px;

}

.adv .row {
    border-bottom:2px #e6e6e6 solid;
    padding-bottom:0px;   }

.adv-ico-1 {
    background: url(i/ico-1.jpg) left top no-repeat;
    background-position: 0px 2px;
}

.adv-ico-2 {
    background: url(i/ico-2.jpg) left top no-repeat;
}

.adv-ico-3 {
    background: url(i/ico-3.jpg) left top no-repeat;
}

.adv-ico-4 {
    background: url(i/ico-4.jpg) left top no-repeat;
}

.adv-ico-5 {
    background: url(i/ico-5.jpg) left top no-repeat;
    padding-top:12px;
}

.adv-ico-6 {
    background: url(i/ico-6.jpg) left top no-repeat;
}

.adv-ico-7 {
    background: url(i/ico-7.jpg) left top no-repeat;
}

.adv-ico-8 {
    background: url(i/ico-8.jpg) left top no-repeat;
}

.adv-ico-9 {
    background: url(i/ico-9.jpg) left top no-repeat;
}

.adv-ico-0 {
    background: url(i/ico-0.jpg) left top no-repeat;
}


.adv-item {
    height:60px;
    margin-bottom:50px;
    font-size: 1.2em;
    padding-left:70px;
    line-height: 1.3em; 
}

.tarif {
    background: url(i/bg-tarif.jpg) no-repeat bottom right #3eab35 ;
    color:#fff;
    padding: 45px 0px 45px 0px;

    margin-bottom: 60px;
}

.tarif-item-name-sml {
    font-size:1.8em;
    font-weight: bold;
    color:#fff;
    border:3px #fff solid;
    border-radius: 8px;
    padding:6px 2px 6px 2px;
    text-align:center;
    width:36px;
    margin-top: 3px;
}

.tarif-item-name-big {
    font-size:3.8em;
    font-weight: bold;
    color:#fff;
    border:5px #fff solid;
    border-radius: 8px;
    padding:24px 0px 24px 0px;
    text-align:center;
    width:76px;
    margin-top: 5px;
}

.font-large {
    font-size:1.8em;
    line-height:1.2em;
    margin-bottom:2px;
}

.font-medium {
    font-size:1.4em;
    line-height:1.2em;
    margin-bottom:2px;
    margin-top:15px;
}

.font-small {
    font-size:0.9em;
    line-height: 1.2em;
    margin: 5px 0px 5px 0px;
}

.tarif-item {
    padding: 25px 0px 25px 0px;
}

.font-middle {
    margin: 12px 0px 0px 0px;
}

.font-middle-2 {
    margin: 20px 0px 0px 0px;
}

.gallery-images {
    display: none
}
.gallery {
    margin: 0px 0px 40px 0px;
}
.footer {
        margin-bottom:40px;
}

.footer a {
    color:#3eab35

}
.footer-link {
    text-align:right;
}

.about {
    margin-bottom:40px;
}

.subscription {
    margin-bottom:60px;
}

.border-subscription {
    border: 4px #3eab35 solid;
    border-radius: 4px;
    padding: 35px 0px 30px 0px;

}
.text-right {
    text-align:right;
}

.text-green {
    color:#3eab35;
}

.additional {
margin-bottom: 40px;
}

.additional-price {
    margin-top:15px;
}
.additional a {
    color:#3eab35;
    text-decoration:underline;
}
.additional-item {

    padding: 20px 0px 20px 0px;
}

.howtofind {
    color:#fff;
    background-color:#003c7b;
    margin-bottom:50px;

}

.howtofind-name-big {
    font-size:3.8em;
    font-weight: bold;
    color:#fff;
    border:5px #fff solid;
    border-radius: 8px;
    padding:24px 0px 24px 0px;
    text-align:center;
    width:76px;
    margin-top: 5px;
}
.howtofind-text {
    padding: 50px 0px 50px 0px;

}

.howtofind-map {
    background: url(i/map.jpg) no-repeat top center;
 background-size:  cover;
   height:541px;
   width:100%;
}

.howtofind-map a[href^=tel]{
    color: #fff;
    border:0px #000 solid;
    display:normal;
    padding:0px;
}

.parking-name {
    font-size:16px;
}

.marker-a {
    position:absolute;
    margin-left:9%;
    margin-top:32%;
    display:block;
    width: 40px;
    height:45px;
    color:#fff;
    font-size:1.8em;
    font-weight:bold;
    padding: 5px 0px 0px 11px;
    background: url(i/map-marker.png) no-repeat top center;
}

.marker-a-block {
    position:absolute;
    margin-left:9%;
    margin-top:32%;
    display:block;
    width: 40px;
    height:45px;
    color:#fff;
    font-size:0.9em;
    padding: 5px 0px 0px 11px;
    background: url(i/map-marker.png) no-repeat top center;
    text-align:center;
    line-height: 1.3em;
}

.marker-a-block-wrap {
    width:160px;
    height:130px;
    background-color: #003c7b;
    padding:10px 10px 10px 10px;
    border-radius: 10px;
    margin: -104px 0px 0px -30px;
    padding-top:15px;
}

a.marker-marsh-link  {
    border: 2px #3eab35 solid;
    border-radius: 3px;
    padding: 2px 0px 2px 0px;
    color:#fff;
    display:block;
}

a.marker-marsh-link:hover {
    border: 2px #3eab35 solid;
    border-radius: 3px;
    padding: 2px 0px 2px 0px;
    color:#fff;
    background-color: #3eab35;
    display:block;
    text-decoration:none;
}

.marker-close {
    position:absolute;
margin: -22px -105px 0px 0px;
right:0px;

}

.marker-b {
    position:absolute;
    margin-left:82%;
    margin-top:43%;
    display:block;
    width: 40px;
    height:45px;
    color:#fff;
    font-size:1.8em;
    font-weight:bold;
    padding: 5px 0px 0px 11px;
    background: url(i/map-marker.png) no-repeat top center;
}

.marker-b-block {
    position:absolute;
    margin-left:82%;
    margin-top:43%;
    display:block;
    width: 40px;
    height:45px;
    color:#fff;
    font-size:0.9em;
    padding: 5px 0px 0px 11px;
    background: url(i/map-marker.png) no-repeat top center;
    text-align:center;
    line-height: 1.3em;
}

.marker-b-block-wrap {
    width:160px;
    height:145px;
    background-color: #003c7b;
    padding:10px 10px 10px 10px;
    border-radius: 10px;
    margin: -119px 0px 0px -110px;
    padding-top:15px;
}

.marker-v {
    position:absolute;
    margin-left:6%;
    margin-top:25%;
    display:block;
    width: 40px;
    height:45px;
    color:#fff;
    font-size:1.8em;
    font-weight:bold;
    padding: 5px 0px 0px 11px;
    background: url(i/map-marker.png) no-repeat top center;
}

.marker-v-block {
    position:absolute;
    margin-left:6%;
    margin-top:25%;
    display:block;
    width: 40px;
    height:45px;
    color:#fff;
    font-size:0.9em;
    padding: 5px 0px 0px 11px;
    background: url(i/map-marker.png) no-repeat top center;
    text-align:center;
    line-height: 1.3em;
}

.marker-v-block-wrap {
    width:160px;
    height:160px;
    background-color: #003c7b;
    padding:10px 10px 10px 10px;
    border-radius: 10px;
    margin: -134px 0px 0px -20px;
    padding-top:15px;
}
.marker-v-block-wrap .marker-close {
    position:absolute;
margin: -22px -115px 0px 0px;
right:0px;

}

.marker-a:hover 
{
    color:#fff;
    text-decoration:none;
}
.marker-b:hover 
{
    color:#fff;
    text-decoration:none;
}
.marker-v:hover 
{
    color:#fff;
    text-decoration:none;
}

.howtofind-map-mobile {
 width:100%;   
}
.howtofind-map-mobile img{
width:100%;
   margin: 30px 0px 30px 0px;
   padding-bottom:30px;

}

.howtofind-text-descr {
    font-size:0.85em;
   line-height: 1.4em;
   padding-right:40px;
}

.booking {
    margin-bottom:50px;

}

.booking-item-name-sml {
     font-size:1.8em;
    font-weight: bold;
    color:#003c7b;
    border:3px #003c7b solid;
    border-radius: 8px;
    padding:6px 2px 6px 2px;
    text-align:center;
    width:36px;
    margin-top: 3px;  
    display:block;
}

.booking-item-name-sml-select {
     font-size:1.8em;
    font-weight: bold;
    color:#3eab35;
    border:3px #3eab35 solid;
    border-radius: 8px;
    padding:6px 2px 6px 2px;
    text-align:center;
    width:36px;
    margin-top: 3px;  
    display:block;
}

.booking-item-name-sml-select:hover {
    text-decoration:none;
     color:#3eab35;

}

.booking-item-name-sml:hover {
    text-decoration:none;
     color:#3eab35;
    border:3px #3eab35 solid;
    transition-property: color, border-color;
    transition-duration: 0.8s;      

}

.booking-item-name-vib {
     text-align:center;
}
.booking-item-form label {
    font-size:0.9em;
    margin-bottom:7px;
}

.booking-item-date-begin {
text-align:center;    

}

.booking-item-date-middle {
text-align:center;  
padding-top:30px;
}
.booking-item-date-end {
text-align:center;    
word-wrap: inherit;
}
.booking-item-name {
    margin-top:4px;
}
.booking-item-btn {
    margin-top:25px;
}
.booking-item-btn button {
    background-color:#3eab35;
    color:#fff;
    width:100%;
}

.booking-item-btn button:hover {
    background-color:#4ccf41;
    color:#fff;
    transition-property: background-color;
    transition-duration: 0.5s;    
}
.border-booking {
    margin-top:30px;
    border: 4px #3eab35 solid;
    border-radius: 4px;
    padding: 30px 0px 30px 0px;

}

.booking-info label {  font-size:0.9em;

}
.booking-info h3 {
    margin-bottom: 30px;
}

.booking-item-check { 
    margin-top:32px 
}

@media (min-width: 768px) {

}

@media (max-width: 992px) {
.howtofind-text {
    text-align:center;
}

.timeblock-clock {
    margin-top:25px;
}

.timeblock-text {
    margin-top:25px;
}

}

@media (min-width: 1000px) {
.font-margin-top {
    margin-top:20px;
}

}

@media (max-width: 1000px) {

.booking-item-date-middle {
text-align:center;  
padding-top:50px;
}
}

@media (max-width: 1100px) {

.booking-item-name-vib {
    margin-top:10px;
}
.booking-item-name {
    margin-top:10px;
}
.booking-item-btn {
    margin-top:43px;
}

.tarif a[href^=tel]{
    color: #fff;
}
    .park-bg {
    background-size: 32%;
}
    h2 {
        font-size:2.2em;
        font-weight:bold;
        line-height:1.2em;
        margin-top:0px;
        margin-bottom:50px;
}
    .howtofind-name-big {
    margin-bottom:30px;
}

.howtofind {
    padding-bottom:60px;
}

h3 {
    font-size:1.6em;

}
.tarif .font-large 
{
    font-size: 1.6em;
}

.tarif .font-medium 
{
    font-size: 1.6em;
}

}

@media (min-width: 990px) and (max-width: 1200px) {

.booking-item-date-begin {
text-align:center; 
margin-top:18px;

}

.park-item-phone-number {
    font-size:1.7em;
}

.booking-item-date-middle {
text-align:center;  
padding-top:50px;
}
}

@media (min-width: 1400px) {
  .park-bg {
    background-size: 32%;
}

}

@media (max-width: 760px) {
    .timeblock-head {
        padding:0px;
    }
.timeblock {

padding:0px 20px 0px 20px;
}

.timeblock-head {
margin-bottom:30px;
}

.timeblock-clock {
    margin-bottom:20px;
}

body {
    font-size:1.6em;
}

.park-item-phone-number {
    background:none;
    padding:0px;
}

.park-bg {
    text-align:center;
    margin-bottom:20px;
    background: none;
}

.park-item {
    border-bottom:2px #e6e6e6 solid!important;
}

.header-logo {
    text-align:center;
    margin-bottom:40px;
}
h1 {
    text-align:center;
    font-size:2.6em;
}

header {
    margin-top:50px;
    margin-bottom:30px;
    text-align:center;
}

.how-work {
    text-align:center;
    margin-bottom: 30px;
}

.how-work-item {
    margin-bottom:30px;
}
.park-item-name {
        text-align:center;
        margin-bottom:20px;
}

.park-item-name-big {
        margin: auto;
}

.park-item-links {
    text-align:center;
}
.park-item-phone {
    text-align:center;
}
.about {
    text-align:center;
}
.footer-copy {
     text-align:center;
}
.footer-link {
     text-align:center;     
}
.additional {
     text-align:center;
     margin-bottom:0px;
}
.text-right {
     text-align:center;
}
.subscription {
     text-align:center;
    padding: 20px 20px 20px 20px;
    margin-bottom:30px;
}
.border-subscription {
        padding: 20px 20px 20px 20px;
}

  .subscription .font-large {
   font-size:1.6em;
}

.additional-price {
     margin:0px;
}
.additional .font-large {
     margin-bottom:15px;
}
.additional h2 {
     margin-bottom:15px;
}

.park-item-distance {
margin-bottom:15px;
}
.park-item-distance-time {
    text-align:center;
    float:none;
    margin-bottom:5px;
}
.park-item-distance-text {
    text-align:center;

}

.tarif {
    padding-bottom:0px;
}
.tarif-item {
    margin-bottom:30px;

}

.tarif-item-xs {
    margin-bottom:15px;
    padding-bottom:15px;
    padding-top:15px;

}

.font-small {
    margin-bottom:0px;
}
.font-middle {
    margin-top:6px;
} 

.font-medium {
    margin-top:0px;
} 

.font-middle-2 {
    margin-top:6px;
} 
.howtofind-text {
    text-align:center;
    padding:0px 20px 0px 20px;
}
.howtofind {
    padding:40px 0px 40px 0px;
}

.howtofind-map {
 background-size:cover;
   height:auto;
   width:100%;
}
.booking-item-name {
    margin-top:0px;
    margin-bottom:20px;
}
.booking-item-btn {
    margin-top:15px;
}

.border-booking {
    margin-top:30px;
    border: 4px #3eab35 solid;
    border-radius: 4px;
    padding: 20px 20px 20px 20px;

}
.booking-info {
       padding: 20px 20px 20px 20px;
}

.booking-item-name-vib {
     margin-bottom:10px;
}
.tarif-bg {
     --background-color:#35942e;
     border-bottom:2px #fff solid;
     padding-bottom:30px;

}

.adv {
     padding: 0px 30px 0px 30px;
}

}
@media (min-width: 0px) and (max-width: 1000px) {
.marker-a-mobile {
    position:absolute;
    display:block;
    width: 100%;
    height:500px;
    color:#fff;
    font-size:1.8em;
    font-weight:bold;
    padding: 5px 0px 0px 0px;
    background: url(i/map-marker.png) no-repeat top center;
  margin: 35% 0 0 -34%;
  right:34%;
}

.booking-item-check {
    margin-top:0px;
    margin-bottom:4px;
}

.park-item-phone-number {
    font-size:1.7em;
}

}   

@media (min-width: 760px) and (max-width: 1200px) {

.grgrmarker-a-mobile {
    right:40%;
    top:37%;
}    
}

a:link, a:hover, a:visited, a:active   {
    text-decoration: none;
}

.park-item a:hover {
   color:#565655;
}

.tarif-item a {
    color:#fff;
}

.booking-info a {
 color:#565655;
}

@media (min-width: 990px) and (max-width: 1200px) {
.booking-item-date-end label {
        white-space:nowrap;
}

.booking-item-date-begin {
text-align:center;
margin-top:2px;

}

.booking-item-date-middle {
text-align:center;
padding-top:35px;
}

.booking-item-name-vib {
    margin-top:0px;
}

.booking-item-btn {
    margin-top:25px;
}
}

.subscription a:hover { 
color:#565655; 
}

.footer-soc {
    padding:0px 0px 10px 0px;
    text-align:center;
}

.footer-copy {
    padding-bottom:10px;
}

.invalid-feedback {
    visibility: hidden;
}

form.was-validated .invalid-feedback.invalid {
    visibility: visible;
}

form.was-validated input {
    border-color: #3eab35;
    border-width: 2px;
}

form.was-validated input.invalid {
    border-color: firebrick;
    border-width: 2px;
}