html,body {
  background:white;
  font-family:Segoe UI, Open Sans,Sans Seriff;
  font-size:20px;
  margin:0;
  min-width:320px;
  ms-text-size-adjust:100%;
  padding:0;
  webkit-text-size-adjust:100%;
  width:100%
}
.grid-2 {
  display:flex;
  justify-content:space-between
}
button:active {
  border-style:none
}
button:focus {
  border-style:none
}
.button-transfer {
  display:block;
  position:absolute;
  bottom:70px;
  right:0;
  color:#fff;
  height:40px;
  border:1px solid #fff;
  text-decoration:none;
  text-align:center;
  padding:10px 30px 0
}
.pricebox {
  width:50%;
  margin:auto
}
.buttons span {
  top:17px
}
.information .form-name a {
  text-decoration:none;
  color:#fff
}
.information .form-name.transfer a {
  text-decoration:none;
  color:#242424
}
#moreq {
  display:none
}
#q-button.input.input-button {
  width:50%;
  margin:30px auto;
  display:block;
  float:none
}
.offer {
  margin-top:50px
}
.button-call {
  font-size:2em;
  text-decoration:none;
  color:#242424;
  width:500px;
  margin:auto;
  display:flex;
  flex-direction:row;
  justify-content:center;
  border:3px solid #acd925;
  padding:14px 0 0;
  border-radius:20px;
  margin-top:50px;
  box-sizing:border-box
}
.button-phone {
  line-height:1.25;
  margin-right:20px
}
.article2{
  margin-bottom:70px;
  display: block;
}
.article2:after{
  content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0;
}
.article2_title{
  font-size:1.3rem;
  text-transform:uppercase;color:#262626;
}
.article2-date{
  color:#acd925;
  font-size:20px;
}
.article2_title,.article2-date,.article2-text,.article2-img{
  margin-bottom:30px;
  font-family:Segoe UI, Open Sans,Helvetica, Verdana;
  text-align:center;
}
.article2-text{
  text-align:left;
  font-size:20px;
  line-height:1.5;
}
.article2-img{
  position:relative;
}
.article2 .map{
  width: 100%;
  height: 400px;
}
.acrticle2-main .article2-date{
  display: none;
}
.acrticle2-main .article2-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.acrticle2-main .article2-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.line2{
  background-color: #acd925; 
  height: 2px; 
  border:0;
  width:100%;
  margin:30px 0 0 0;
  float:left;
}
.readmore{
  float:right;
}
.middle-note, .big-note, .small-note{
  width:80%;
  text-align:center;
  font-size:18px;
  padding:20px 0;
  margin:0 10%;
  background: white;
  position:absolute;
  bottom:-10px;
  box-shadow: 0.2em 0.2em 2px rgba(0,0,0,0.2);
}

.big-note{
  bottom:-25px;
}




.socials-item img {
  height:50px;
  width:50px
}
.footer .socials-item img {
  height:35px;
  width:35px
}
.footer #chclub img {
  width:88px;
  height:31px;
  margin-top:25px
}
.button-call span {
  color:#242424
}
.pricebox {
  display:flex;
  justify-content:space-between
}
.pricebox div {
  text-align:center;
  width:50%
}
.boxname {
  font-weight:bold
}
.footer-text {
  color:#fff;
  font-size:14px;
  padding-top:10px;
  text-align:center
}
.form-cars {
  background:#acd925;
  margin-bottom:50px;
  padding-top:10px;
  position:relative;
  text-align:right;
  width:100%
}
.ag_input {
  display:inline-block;
  width:33%
}
.ag-text {
  font-weight:bold;
  left:25px;
  position:absolute;
  text-align:left;
  top:25px
}
.bottom {
  margin-bottom:70px
}
.youtube {
  height:500px;
  margin:30px 0;
  width:calc(100% - 50px)
}
.clearfix:after {
  clear:both;
  content:"";
  display:table
}
.fa {
  color:#fff
}
.card {
    position: relative;
    overflow: hidden;
}
.card img {
    transition: transform 0.3s ease;
    transform-origin: center;
}
.card:hover img {
    transform: scale(1.08);
}
.arrow-right {
    position: absolute;
    right: 25px;
    bottom: 0px;
    color: #cccccc;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
}

.arrow-right::before {
    content: "»";
    font-size: 2.5rem;
    color: currentColor;
}

.card:hover .arrow-right {
    color: #1b877e;
}

#owl-demo .item {
  margin:0
}
.button {
  height:40px;
  margin:20px auto 15px;
  text-align:center;
  width:28%
}
.button:hover {
  background:#ceff1d;
  border:none
}
.thumb {
  float:left;
  margin:50px 25px 10px 0;
  max-width:200px;
  min-width:30px;
  width:50%
}
.button a {
  color:#242424;
  font-size:100%;
  line-height:2.2;
  text-decoration:none;
  text-transform:uppercase
}
.bold {
  color:#000;
  font-weight:bold
}
.choosecar .bold{
  color:#fff;
}

#characteristics {
  position:relative
}
.note-new {
  background:#34c924;
  box-sizing:border-box;
  color:#fff;
  display:inline-block;
  moz-box-sizing:border-box;
  padding:10px 25px;
  position:absolute;
  right:0;
  top:-10px;
  webkit-box-sizing:border-box
}
.note-new.sale {
  background:red
}
.carChar .note-new {
  font-size:20px;
  padding:5px 20px;
  right:-1px
}
.clear {
  clear:both
}
.center {
  text-align:center
}
.img-map {
  display:block;
  margin-bottom:70px
}
.gif {
  margin:10px 25% 20px;
  width:50%
}
#owl-demo .item img {
  display:block;
  height:auto;
  width:100%
}
#attention {
  background-color: rgba(0, 0, 0, 0.2);
  color:#fff;
  font-size:1rem;
  line-height:2;
  margin:auto;
  text-align:center;
  transition:all .3s ease;
  padding: 0 20px;
}

#attention {
    display: block;
    width: fit-content;
    clear: both; /* ключевая строка */
}
#attention i {
    color: #d32f2f !important;;
}
.model {
  margin-top:50px
}
.arrow {
  bottom:50px;
  position:fixed;
  right:150px;
  text-align:center;
  z-index:35
}
.scroll-button {
  display:block
}
.circle {
  background:#777;
  border:none;
  border-radius:100%;
  box-sizing:border-box;
  height:70px;
  margin:auto;
  moz-box-sizing:border-box;
  padding-top:10px;
  transition:background .5s ease;
  webkit-box-sizing:border-box;
  width:70px
}
.arrow:hover .circle {
  background:#acd925
}
.circle .fa {
  color:#fff;
  font-size:40px
}
.center-info {
  color:#fff;
  margin:auto;
  max-width:400px
}
.center-info .icon-at {
  width:50px
}
.center-info img,.center-info div {
  float:left
}
.center-info div {
  margin-left:10px;
  padding-top:10px
}
.icon-photo {
  float:right;
  margin:-40px 10px 0 0;
  width:25px
}
.nonbold {
  font-weight:normal
}
#prepaynote {
  color:#858585;
  font-size:16px;
  width:100%
}
.media {
  margin-bottom:20px;
  width:100%
}
.media .bigimg {
  width:100%
}
.media .smallimg {
  display:none
}
.pageHeader {
  font-family:"Open Sans","Open Sans","Sans Serif";
  font-size:2.2rem;
  font-weight:normal;
  margin-bottom:50px;
  text-transform:uppercase
}
.terms {
  font-size:16px;
  line-height:1.5em;
  margin:uto
}
.review p {
  color:#acd925;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase
}
#header {
  background-position:center;
  background-size:cover;
  margin:0 0 0px 0;
  padding-top:0;
  position:relative;
  width:100%;
  height: 410px;
}
#header .menu-row .container {
  height:auto
}
.overlay .container {
  position:relative;
  z-index:12
}
.overlay::after {
  background:rgba(57,28,15,.3);
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.choosecar,.grey {
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:0;
  padding-top:0;
  position:relative;
  width:100%
}
.choosecar .information{
  color: #fff;
}
.grey {
  background-size:cover
}
.choosecar .container,.grey .container {
  box-sizing:border-box;
  moz-box-sizing:border-box;
  padding:100px 0;
  webkit-box-sizing:border-box
}
.choosecar::after {
  background:rgba(57,28,15,.3);
}
.choosecar .grid4 {
  margin-bottom:70px
}
.menu-row {
  top:0;
  color:#fff;
  height:50px;
  position:absolute;
  width:100%;
  z-index:15
}
.menu-row .container {
  height:auto
}
.logo-row {
  width:100%
}
.cost {
  margin-top:80px
}
.icon-wrap {
  display:inline-block;
  width:20%
}
.costs-icon {
  display:block;
  margin:auto;
  margin-bottom:20px;
  width:100px
}
.icon-name {
  color:#fff;
  font-size:1rem;
  text-align:center;
  width:100%
}
.icon-name .bold {
  color:#fff;
  display:block
}
.wrapper-relative {
  height:100%;
  position:relative;
  width:100%
}
.logo-wrap{
  box-sizing:border-box;
  moz-box-sizing:border-box;
  padding-top:20px;
  position:absolute;
  top:0;
  webkit-box-sizing:border-box
}
.logo-wrap {
  left:0;
  width:10rem;
}
.freephone-container{
  text-align:right;
}
.freephone-block {
  color:#fff;
  width:14rem;
  display: flex;
    width: 100%;
    display: flex;
    justify-content: flex-end; /* прижимает влево */
    align-items: center;
}
.social-wrap {
    display: flex;
    color:#fff;
    gap: 10px;
    margin-bottom: 5px;
}
/* сами кнопки */
.social-wrap a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.3);
    
    border-radius: 25%;

    color: #333;
    text-decoration: none;

    transition: all 0.2s ease;
}

.social-wrap i {
    font-size: 23px;
    line-height: 1;
}

/* hover */
.social-wrap a:hover {
    background: #acd925; /* ВОТ фон */
    color: #fff;
}
.freephone-block .social-wrap .fa{
    color:#fff;
}
.freephone-wrap {
    margin-left: auto; /* уводит телефон вправо */
}

.freephone-block .phone .fa{
    margin-left: 8px;
    font-size: 60px;

}
.freephone{
  text-decoration: none;
    color: inherit;
}
.fa-phone-square {
    font-size: 32px !important;
    color: #acd925 !important;
    line-height: 1;
    display: inline-block;
    margin-left: 7px;
}
.freephone-block .phone {
  font-family:Segoe UI, Open Sans,Sans Seriff;
  font-size:1.6rem;
  font-weight:bold
}
.freephone-block .phone-text {
  font-size:.9rem;
  margin-bottom:15px
}
.freephone-block .phone .fa {
  color:#acd925;
  font-size:30px;
  margin-right:15px
}
.freephone .fa-phone-square {
    transition: color 0.2s ease;
}

.freephone:hover .fa-phone-square {
    color: #ceff1d !important;
}
.down-line {
  background-color:#acd925;
  height:5px;
  width:100%
}

.rentform {
  margin-bottom:30px;


}
.form-bg {
background-color:#acd925;
border-radius: 25px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.rentform-1{
padding: 30px;
margin-bottom: -30px;
}
.form-row {
  padding-top:150px
}
.form-name {
  color:#fff;
  font-family:MaassslicerItalic V1;
  font-size:2.7rem;
  letter-spacing: 2px;
  margin-top:0;
  text-align:center;
  text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
}
.input-wrap {
  float:left;
  height:60px;
  position:relative;
  transition:all .5s ease;
  width:20%
}
.rentform,.input-wrap,.input-divider,.input {
  height:60px
}
.input-divider,.input {
  color:#000;
  float:left;
  font-weight:600;
  padding:0
}

.input,select {
  border:none;
  border-radius: 20px;
  font-family:"Open Sans";
  font-size:.8rem;
  text-indent:20px;
  width:calc(100% - 8px);
  background-color:#fff
}

.custom-select {
  appearance: none;        /* убираем стандартную стрелку */
  -webkit-appearance: none;
  -moz-appearance: none;

  padding: 10px 40px 10px 0px; /* место под стрелку */
  border: 1px solid #ccc;
  background-color: #fff;

  /* добавляем свою стрелку */
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='25' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center; /* положение стрелки */
  background-size: 18px;
}
.pay {
  border:1px #e7e7e7 solid;
  width:calc(100% - 2px);
  margin-bottom:20px
}
#result.dark-summ {
  color:#303030
}
.bill {
  max-width:800px;
  min-width:300px;
  width:50%;
  margin:80px auto 100px
}
#payment_form {
  margin-top:50px
}
.input-button {
  background-color:#ceff1d;
  box-shadow:2px 2px 3px rgba(0,0,0,.3);
  cursor:pointer;
  text-indent:0;
  width:100%
}
.input-button:active{
  box-shadow:none;
}
.first-inputs,.second-inputs {
  left:0;
  position:absolute;
  top:0;
  transition:all .5s ease;
  width:100%
}
.f-two {
  transition-delay:.3s
}
.f-three {
  transition-delay:.5s
}
.f-four {
  transition-delay:.6s
}
.second-inputs {
  transform:scale(0);
  transition:all .5s ease;
  transition-delay:1.1s
}
.s-two {
  transition-delay:1.4s
}
.s-three {
  transition-delay:1.7s
}
.s-four {
  transition-delay:2s
}
.hide {
  transform:scale(0)
}
.show {
  display:block;
  transform:scale(1)
}
.button-wrap {
  float:right
}
.s-button {
  display:none
}
#note-choose {
  font-family: "Calibri Light Italic";
  float:left;
  font-size:1.1rem;
  font-weight:100;
  margin-top:20px;
  text-align: left;
  width:80%
}
.form2 {
  margin-left:auto;
  margin-right:auto;
  max-width:800px;
  width:80%
}
.rentform-2 {
  display:none;
  font-size:1rem;
  padding: 30px;
}
.show2 {
  display:block
}
.checkbox {
  color:#242424;
  float:left;
  margin:0 0 10px 5px;
  position:relative;
  width:100%
}
.discount {
  background:red;
  box-sizing:border-box;
  moz-box-sizing:border-box;
  padding:3px 10px;
  webkit-box-sizing:border-box
}
.send-button {
  display: inline-block;
  height:60px;
  margin-left:calc(50% - 150px);
  width:300px
}
.checkbox .check {
  background:rgba(0,0,0,.4);
  border:2px solid rgba(0,0,0,.2);
  border-radius:35%;
  cursor:pointer;
  display:block;
  height:21px;
  left:0;
  position:absolute;
  top:0;
  width:20px
}
.checkbox .check:after {
  background:#ceff1d;
  border-radius:35%;
  border-right:none;
  content:'';
  display:block;
  height:100%;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  width:100%
}
.checkbox:hover .check::after {
  opacity:0.3
}
.checkbox input[type=checkbox] {
  margin-left:20px;
  visibility:hidden
}
.checkbox input[type=checkbox]:checked + span:after {
  opacity:1
}
#result {
  color:#fff;
  font-size:3.5rem;
  font-weight:bold;
  text-align:right;
  margin-right: 35px;
  padding-bottom: 30px;
}
#result span {
  color:#ceff1d;
}
#result .note {
  color:#808080;
  display:block;
  font-size:18px;
  font-weight:normal;
  margin-top:-15px;
}

#summ {
  border:0;
  height:0;
  width:0
}
.carPage .input-button {
  margin-top:20px
}
.grid2-item {
  display:inline-block;
  margin-bottom:20px;
  margin-left:15px;
  margin-top:20px;
  vertical-align:top;
  width:calc(100% - 450px)
}
.grid2-item-sm {
  line-height:.7;
  width:300px
}
.grid2-item-sm #summ {
  margin-bottom:40px
}

::-webkit-input-placeholder {
  color:#000;
  font-weight:600
}
:-moz-placeholder {
  color:#000;
  font-weight:600
}
::-moz-placeholder {
  color:#000;
  font-weight:600
}
:-ms-input-placeholder {
  color:#000;
  font-weight:600
}
option::selection {
  color:#000;
  font-weight:600
}
option::-moz-selection {
  color:#000;
  font-weight:600
}
option::-webkit-selection {
  color:#000;
  font-weight:600
}
.menu-row .container {
  position:relative
}
.nav {
  margin-left: 0;
  width: auto;
  flex: 1 1 auto;
}
.slider-reviews .owl-prev,.owl-next {
  background:rgba(255,255,255,.7);
  border-radius:100%;
  font-size:40px;
  height:60px;
  position:absolute;
  top:30%;
  width:60px
}
.slider-reviews .owl-prev:hover,.owl-next:hover {
  background:rgba(255,255,255,1)
}
.slider-reviews .owl-nav .fa {
  color:orange
}
.slider-reviews .owl-prev .fa {
  margin-left:-5px
}
.slider-reviews .owl-next .fa {
  margin-left:5px
}
.slider-reviews .owl-prev {
  left:0
}
.slider-reviews .owl-next {
  right:1px
}
.socials {
  height:50px;
  left:0;
  padding-top:5px;
  display: inline-block;

}
.socials .fa {
  background-color: #acd925;
  border-radius:30%;
  box-sizing:border-box;
  display:inline-block;
  font-size:22px;
  height:40px;
  moz-box-sizing:border-box;
  padding:9px 0 0 2px;
  transition:all .3s ease;
  webkit-box-sizing:border-box;
  width:40px;
  text-align: center;
}
.socials a:visited,.socials a:active {
  color:#fff
}
.socials .fa-facebook {
  padding-left:11px
}
.socials .fa-vk {
  padding-left:0;
}
.socials .fa:hover {
  background-color:#ceff1d;
  cursor:pointer
}
.footer .socials {
  height:auto;
  margin:0 0 10px;
  padding:0;
  position:static
}
.footer .socials .fa {
  padding:7px 0 0 0
}
.main {
  background-color:#fff;
  width:100%
}
.contact-data {
  align-items:center;
  display:flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-flex;
  flex-direction:column;
  height:145px;
  justify-content:space-between;
  position:absolute;
  right:0;
  top:120px;
  width:45%;
  z-index:1
}
.contact-data>div,.contact-data a #an3 {
  background-color:rgba(0,0,0,0.3);
  box-sizing:border-box;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  height:60px;
  position:relative;
  text-transform:uppercase;
  width:90%;
  z-index:1
}
.tr1,.tr2,.tr3 {
  ms-transform:translateX(-150px);
  opacity:0;
  o-transform:translateX(-150px);
  transform:translateX(-150px);
  transition:all .4s ease-out;
  webkit-transform:translateX(-150px)
}
.tr2 {
  o-transition-delay:.1s;
  transition-delay:.1s;
  webkit-transition-delay:.1s
}
.tr3 {
  o-transition-delay:.3s;
  transition-delay:.3s;
  webkit-transition-delay:.3s
}
.contact-data>div>div,.contact-data>div>span {
  float:left
}
.contact-data>div>div {
  padding:18px 0 0 30px
}
.contact-data>div:first-child {
  align-self:flex-start
}
.contact-data>div .c-phone {
  font-size:32px;
  padding-top:6px
}
.contact-data>div .c-phone a {
  color:#fff;
  text-decoration:none
}
.contact-data>div:nth-child(2) {
  align-self:flex-end
}
.contact-data a #an3 {
  background-color:#ceff1d;
  height:50px;
  width:210px
}
.contact-data>a>#an3>div {
  color:#242424;
  font-weight:normal;
  padding:14px 0 0;
  text-align:center;
  width:100%
}
.contact-data div span {
  background-color:#ceff1d;
  display:block;
  height:100%;
  width:5px
}
.c-button {
  color:#242424;
  text-decoration:none
}
.contact-data .note {
  background-color:#fff;
  bottom:-10px;
  color:#777;
  font-size:10px;
  font-weight:normal;
  left:50px;
  padding:2px 20px;
  position:absolute;
  width:80%
}
.container {
  margin:0 auto;
  max-width:1400px;
  min-width:1200px;
  width:70%
}
.form-wrap {
  box-sizing:border-box;
  moz-box-sizing:border-box;
  padding:0 50px;
  webkit-box-sizing:border-box
}
#logo {
  background-color:#ceff1d;
  color:#000;
  display:block;
  font-size:40px;
  font-weight:bold;
  margin:20px auto 0;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  width:20rem
}
.nodecor{
   text-decoration: none;
}
.shadow {
  box-shadow:1px 1px 0 rgba(0,0,0,0.5)
}
.sent:active,.sentP:active {
  box-shadow:none
}
.menu {
  width: 100%;
}

.menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu ul li {
  float: none;
  width: auto;
  height: auto;
  padding: 0 35px;
  margin-top: 10px;
  border-radius: 20px;
}
.menu ul li a {
  color:inherit;
  display:block;
  font-size:.7rem;
  padding:15px 0;
  text-decoration:none;

  display:block;
  text-transform:uppercase
}
.menu ul li:hover {
  background-color:#acd925;
  color:#242424
}
.mobile-menu {
  color:#fff;
  display:none;
  font-size:2em;
  font-weight:bold;
  line-height:1.25em;
  text-align: right;
  text-decoration:none;
  text-transform:uppercase
}
.mobile-menu .fa{
  padding-right: 20px;
}
.mobile-menu:hover {
  text-decoration:none
}
#back {
  display:none
}
img {
  width:100%
}
.sent,.sentP {
  background:#ceff1d;
  border-radius:5px;
  border-width:0;
  color:#242424;
  font-size:130%;
  font-weight:normal;
  height:45px;
  padding-top:4px;
  text-align:center;
  text-transform:uppercase;
  width:50%
}
.sent:hover,.sentP:hover {
  background:#ceff1d;
  cursor:pointer
}
.carNameP,.openModalP,.carName {
  background:linear-gradient(to right,#c32020,#ff0000);
  background:-moz-linear-gradient(to right,#c32020,#ff0000);
  background:-ms-linear-gradient(to right,#c32020,#ff0000);
  background:-o-linear-gradient(to right,#c32020,#ff0000);
  background:-webkit-linear-gradient(to right,#c32020,#ff0000)
}
#columns {
  height:150px;
  width:100%
}
.col {
  float:left;
  width:25%
}
.row {
  width:100%
}
.col_text {
  padding:15px
}
.icon {
  float:left
}
.icon,.col_name {
  width:70px
}
.col_name {
  color:#202020;
  font-family:impact;
  font-size:130%;
  line-height:320%;
  text-align:center;
  text-transform:uppercase;
  width:100%
}
#b1_100,#red-line-short {
  font-size:130%;
  height:0;
  text-align:center;
  visibility:hidden;
  width:0
}
.shift {
  padding-left:50px
}
.option {
  font-size:150%
}
#var {
  position:relative
}
#places {
  display:none;
  position:absolute;
  z-index:1
}
option {
  color:black
}
#button {
  display:none;
  width:100%;
  margin-top: -30px;
  margin-bottom: 30px;
}
.block {
  width:100%
}
.information {
  font-size:1.1rem;
  line-height:1.6;
  margin:auto;
  max-width:1100px;
  width:70%
}
.information .information {
  width:90%
}
.information .list {
  margin-left:40px
}
.information div {
  box-sizing:border-box
}
.information span {
  font-weight:bold
}
.information a {
  color:#27a8ea
}
.information .button a {
  color:#000
}
.information a.car {
  text-decoration:none
}
.list {
  padding:0
}
.list li {
  list-style-type:none;
  margin-bottom:25px;
  position:relative
}
.list li:before {
  background-color:#acd925;
  border-radius:100%;
  content:"";
  height:10px;
  left:-25px;
  position:absolute;
  top:13px;
  width:10px
}
.block .getcar {
  text-align:center
}
.wide-img {
  background-position:center;
  background-size:cover;
  height:300px;
  margin:50px 0;
  width:100%
}
.full-img {
  height:550px
}
.getcar a {
  background:#acd925;
  color:#000;
  display:inline-block;
  font-size:18px;
  padding:10px 40px;
  text-decoration:none
}
h3 {
  text-align:center
}
h3.class {
  background-color:#acd925;
  font-size:1.2rem;
  font-weight:normal;
  margin-bottom:5px;
  padding:5px 20px;
  text-align:left;
  text-transform:uppercase
}
.information .h1 {
  font-size:2.1rem;
  padding-bottom:40px;
  position:relative
}
.information .h2,.articles .h2 {
  font-size:1.9rem;
  max-width:900px;
  padding-bottom:40px;
  position:relative;
  font-family:  'ZenDotsKir';
}
.information .h3,.articles .h3 {
  font-size:1.6rem
}
.information .h1,.information .h2,.information .h3,.choose,.articles .h2,.articles .h3 {
  color:#404040;
  font-weight:normal;
  margin:0 auto;
  text-align:center;
 
}
.overlay .information .h2 {
  color:#fff;
  margin-bottom: 50px;
}
.h1::after,.h2::after {
  background:$accent-color;
  border-bottom:.1em solid #acd925;
  bottom:0;
  content:"";
  left:calc(50% - 3em /2);
  position:absolute;
  width:3em;

}
.information .artimg {
  float:left;
  margin-right:30px;
  width:45%
}
.information .right {
  float:right;
  margin-left:30px;
  margin-right:0
}
.information .notice {
  padding:20px;
  text-align:center
}
.linkbutton {
  font-size:22px;
  margin:0 auto;
  text-align:center;
  text-transform:uppercase
}
.linkbutton a {
  border:1px solid transparent;
  box-sizing:border-box;
  color:#000;
  text-decoration:none
}
.linkbutton:hover {
  font-weight:bold;
  transition:all .1s
}
.about {
  font-size:18px;
  line-height:1.5;
  margin:auto;
  width:90%
}
.cities {
  margin-top:80px
}
.article {
  margin-top:50px;
  width:100%
}
.text {
  color:#303030;
  line-height:1.6;

}
.slider-reviews .text {
  color: #fff;
}
.speech-bubble {
  background:#acd925;
  border-radius:2em;
  font-weight:bold;
  margin-top:40px;
  padding:15px 35px;
  position:relative;
  text-align:left
}
.speech-bubble:after {
  border:20px solid transparent;
  border-bottom:0;
  border-left:0;
  border-top-color:#acd925;
  bottom:0;
  content:'';
  height:0;
  left:50px;
  margin-bottom:-18px;
  margin-left:-14px;
  position:absolute;
  width:0
}
.answer {
  display:block;
  margin-left:50px;
  margin-top:0
}
.article .information {
  margin:0;
  width:100%
}
.article .information .linkbutton {
  margin:30px auto 0;
  padding:0;
  width:80%
}
.article div img {
  max-width:100%
}
.article>div:first-child {
  height:300px;
  overflow:hidden
}
.article>div {
  width:48%
}
.article p {
  margin-top:-7px
}
.article ul {
  font-size:18px;
  margin:0;
  padding-left:30px;
  padding-top:0
}
.notice {
  background-color:#f2be31;
  border-radius:5px;
  box-sizing:border-box;
  color:#fff;
  padding:10px 30px;
  text-align:center
}
.block {
  margin:80px auto 100px
}
.hLine {
  background-color:#ceff1d;
  bottom:0;
  height:3px;
  margin:100px auto 80px;
  width:100%
}
.car {
  border-radius:5px;
  box-shadow:0 0 2px #404040;
  float:left;
  margin:25px 0;
  max-width:1200px;
  padding:20px 0;
  position:relative;
  width:100%
}
.carLeft {
  float:left;
  position:relative;
  width:40%
}
.carChar {
  width:60%
}
.carPriceButton {
  bottom:0;
  position:absolute;
  right:0;
  width:50%;
  z-index:15
}
.carPrice,.carPriceButton a {
  float:left;
  margin:0 0 15px;
  width:45%
}
.carPriceButton a {
  font-size:.8em;
  font-weight:normal;
  line-height:2.8em;
  text-transform:uppercase
}
.carPrice {
  color:red;
  font-family:'Open Sans';
  font-size:30px;
  font-weight:bold;
  margin-right:20px;
  margin-top:10px;
  text-align:right
}
.carImg {
  float:left;
  max-width:380px;
  width:100%
}
.carChar h2 {
  color:#404040;
  font-size:1.3em;
  font-weight:normal;
  margin:0;
  text-transform:uppercase
}
.carChar {
  color:#606060;
  float:left;
  font-size:150%
}
.carChar ul {
  margin:0 0 0 -7px;
  padding:0
}
.carChar ul li {
  float:left;
  font-size:1.2em;
  font-weight:bold;
  font-weight:normal;
  list-style:none
}
.carChar ul .li-text {
  line-height:2
}
.carChar ul li i {
  color:#ffe400;
  font-size:40px
}
.textcharcar ul li {
  height:30px;
  list-style:none;
  margin:0;
  padding:0
}
.grid4,.grid-3,.grid-2 {
  font-size:0;
  width:100%
}
.grid4 .grid-item,.grid-3 .grid-item,.grid-2 .grid-item {
  display:inline-block;
  font-size:0;
  margin-bottom:15px;
  margin-left:15px;
  overflow:hidden;
  text-decoration:none;
  vertical-align:top;
  width:calc(100%/4 - 15px*3/4)
}
.grid-3 {
  margin-left:-15px;
  width:auto
}
.grid-3 .grid-item {
  width:calc(100%/3 - 15px)
}
.grid-2 .grid-item,.offer .grid4 .grid-item {
  margin-bottom:50px;
  width:calc(100%/2 - 15px*1/2)
}
.grid4 .grid-item:first-child,.grid-2 .grid-item:first-child,.offer .grid4 .grid-item:nth-child(3),.grid4 .grid-item:nth-child(5),.grid4 .grid-item:nth-child(9) {
  margin-left:0
}
.offer .grid4 .grid-item {
  margin-bottom:16px
}
.grid4 .card,.grid-3 .card,.grid-2 .card {
  height:100%;
  margin:0;
  padding:0;
  position:relative;
  width:100%
}
.grid-3 .grid-it {
  float:left
}
.card .more-info {
  height:100%;
  left:0;
  o-transition:all .3s ease;
  position:absolute;
  top:0;
  transition:all .3s ease;
  webkit-transition:all .3s ease;
  width:100%
}
.wrapper {
  height:100%;
  position:relative;
  width:100%;
  z-index:5
}
.blocks {
  box-sizing:border-box;
  display:inline-block;
  font-size:.8rem;
  height:50%;
  moz-box-sizing:border-box;
  position:relative;
  text-align:center;
  transform:scale(0);
  transition:all .4s ease;
  webkit-box-sizing:border-box;
  width:50%
}
.block1 {
  padding:10px 5px 5px 10px;
  transition-delay:.2s
}
.block2 {
  padding:10px 10px 5px 5px;
  transition-delay:.3s
}
.block3 {
  padding:5px 5px 10px 10px;
  transition-delay:.4s
}
.block4 {
  padding:5px 10px 10px 5px;
  transition-delay:.5s
}
.blockbg {
  background:rgba(0,0,0,.6);
  box-sizing:border-box;
  color:#fff;
  font-weight:600;
  height:100%;
  moz-box-sizing:border-box;
  padding-top:20%;
  webkit-box-sizing:border-box;
  width:100%
}
#carsblock{
  margin-top: 150px;
}
.grid4 .card img,
.grid-3 .card img,
.grid-2 .card img {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding-top: 50px;
  transform: scaleX(-1);
}
.grid-item .card-info {
  top:0;
  height:25%;
  position:absolute;
  width:100%
}
.grid-item .card .name,.grid-item .card .price {
  box-sizing:border-box;
  height:90%;
  moz-box-sizing:border-box;
  padding-top:10px;
  webkit-box-sizing:border-box;
  white-space:nowrap
}
.grid-item .name {
  color:#000;
  font-family: "Binjay";
  font-size:2rem;
  padding-left:10px;
  width:calc(100% - 5.2rem)
}
.grid-2 .grid-item .card .name,.grid-2 .grid-item .card .price {
  font-size:1.2rem;
  padding-top:17px
}
.cities .card-info {
  z-index:10
}
.cities .grid-item .name {
  text-shadow:0 0 10px rgba(0,0,0,.7);
  text-transform:uppercase
}
.grid4 .card .price,.grid-3 .card .price,.grid-2 .card .price {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: italic;
  color:#fff;
  font-size:1.1rem;
  text-align:center;
  width:7rem;
  padding-top: 5px;
  background-image: url('../images/paint.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}

.slider-reviews {
  color:#fff;
  height:auto;
  margin-bottom:50px;
  overflow:hidden;
  text-align:center
}
#slider-reviews .information {
  margin-bottom:0
}
.slider-reviews-item {
  font-size:1.1rem;
  margin:0 auto 10px;
  max-width:1200px;
  width:80%
}
.slider-reviews-item{
  display: inline-block;
  width: 65%;

}

.slider-reviews .owl-item.active .name {
  margin-left:0
}
.slider-reviews .owl-item.active .photo-wrap {
  margin-left:0;
  border-radius: 20px;
}
.slider-reviews .owl-item.active .photo-wrap img{
  border-radius: 25px;

}

.slider-reviews-item {
    display: flex;
    flex-wrap: wrap;
}

.slider-reviews-item .text {
    order: 2;
    flex: 1 1 70%;
    padding-left: 40px;
    text-align: left;
}

.slider-reviews-item .photo-wrap {
    order: 1;
    flex: 0 0 auto;
    padding-top: 20px;
}

.slider-reviews-item .name {
    order: 3;
    margin-top: 0;
    width: 100%;
    text-align: right;
    font-weight: bold;
}

















.cramps {
  margin-top:80px
}
.cramps,.cramps a {
  color:grey;
  font-size:16px
}
.carPage {
  display:flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-flex;
  justify-content:space-between
}
.carPage>div {
  font-size:18px;
  line-height:1.6;
  width:calc(100% - 400px)
}
.carPage .carCharacteristics {
  width:400px;
  z-index:15
}
.carPage>div>h2 {
  color:black;
  font-weight:normal;
  margin:-12px 0 0;
  padding:0
}
.carPage>div>div span:last-child {
  color:#404040;
  font-weight:bold
}
.carPage>div img {
  width:96%;
  border-radius: 50px;
}
.carHeader {
  font-family:"Open Sans","Open Sans","Sans Serif";
  font-size:2.5em;
  font-weight:normal;
  margin-left:50px;
  text-transform:uppercase
}
.carPage>div i {
  color:#ffe400;
  font-size:40px
}
.carButton {
  width:100%
}
.carButton a {
  display:block;
  font-weight:normal;
  line-height:2.1;
  margin-top:20px;
  padding:5px 0;
  text-decoration:none;
  text-transform:uppercase;
  width:100%
}
.terms {
    column-count: 2;
    column-gap: 20px;
}

.review {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    break-inside: avoid;
}
.review {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    border-radius: 20px;
    padding: 20px;
    background: #fff;
}
.review ul li::marker {
    color: #acd925;
}
.date,.sign,.review .name {
  color:#909090;
  margin:20px 0;
  text-align:center
}
.review .name {
  color:#404040;
  font-size:26px;
  text-transform:uppercase
}
.contacts ul {
  padding:0
}
.contacts ul li {
  border-radius: 12px;
  width: 90%;
  display: inline-flex;
  align-items: center;
  font-size:1rem;
  font-weight:normal;
  line-height:3.5;
  list-style:none;
  margin-bottom:15px;
  text-align:center;

}
.contacts ul li span {
  display:block;
  float:left;
  height:100%;
  border-radius: 15px;
  margin-right: 15px;
}
.contacts ul li sub {
  margin-top:-20px
}
.contacts ul li span:first-child {
  background:#acd925;
  width:4em
}
.contacts ul .space {
  width:5%
}
.contacts sub {
  color:gray;
  display:block;
  font-size:60%;
  font-weight:normal;
  line-height:1;
  margin-top:0
}
.contacts ul {
  font-weight:bold
}
.blockM {
  padding-top:100px
}
.contacts .map {
  margin-left:450px;

}
.contacts .map iframe{
  border-radius: 30px;
}
.office {
  float:left;
  width:450px
}
.error {
  width:100%
}
.error div {
  color:#303030;
  float:left;
  font-size:16px;
  line-height:1.5;
  width:58%
}
.error div:last-child {
  margin:10px 0 40px;
  width:42%
}
.error h1 {
  font-size:40px;
  font-weight:normal;
  text-transform:uppercase
}
.error span {
  font-size:20px;
  font-weight:bold
}
.footer {
  background:#242424;
  box-sizing:border-box;
  moz-box-sizing:border-box;
  overflow:hidden;
  webkit-box-sizing:border-box;
  width:100%
}
.footer-grid {
  margin:80px 0 0
}
.footer-grid .logo-wrap {
  left:0;
  position:relative;
  z-index:15
}
.footer-grid .grid-item {
  width:calc((100% - 660px)/2 - 15px*3/2)
}
.item-inner {
  margin:auto;
  width:200px
}
.footer-grid .grid-item:nth-child(3) {
  width:420px
}
.footer-grid .grid-item:nth-child(4) {
  width:240px
}
.grid4 .footer-title {
  color:#acd925;
  font-size:1rem;
  font-weight:600;
  text-transform:uppercase
}
.footer-list {
  list-style-type:none;
  margin:20px 0 0;
  padding:0
}
.footer-list li {
  color:#777;
  font-size:.9rem;
  margin-bottom:10px
}
.footer-list li a {
  color:#fff;
  position:relative;
  z-index:15
}
.footer-list a {
  text-decoration:none;
  transition:all .3s ease
}
.footer .socials {
  color:#fff
}
.footer .socials .fa,.footer .socials-item {
  display:inline-block;
  font-size:16px;
  height:35px;
  vertical-align:bottom;
  width:35px
}
.messenger,.socials-item {
  cursor:pointer;
  position:relative;
  z-index:5
}
.messenger:hover:after {
  opacity:1
}
.fa-phone,.fa-envelope,.fa-map-marker {
  color:#acd925;
  margin-right:10px;
  width:20px
}
#footer-nav li a:hover {
  color:#acd925;
  margin-left:10px
}
.footer-list span,.footer-list .email {
  color:#fff
}
.footer-list a:hover span {
  color:#acd925
}
.address {
  color:#808080;
  font-size:14px;
  line-height:1.5;
  margin-bottom:20px;
  margin-top:30px;
  text-align:center;
  width:100%
}
.office {
  font-size:14px
}
.office-address {
  line-height:1.5;
  margin-bottom:10px
}
.address a {
  color:#fff;
  text-decoration:none;
  z-index:15
}
.grid3 {
  margin-left:-15px
}
.grid3-item {
  margin-left:15px;
  width:calc(100%/3 - 15px)
}
.article-container {
  margin-bottom:100px
}
.articles-item {
  box-shadow:0 0 2px rgba(0,0,0,.3);
  color:#242424;
  display:block;
  margin-bottom:50px;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  transition:all .3s ease;
  width:100%;
  z-index:15
}
.articles-item:hover {
  transform:scale(1.02)
}
.text-block {
  box-sizing:border-box;
  margin-right:35%;
  moz-box-sizing:border-box;
  padding:65px 50px 65px 120px;
  webkit-box-sizing:border-box
}
.image-block {
  height:100%;
  position:absolute;
  right:0;
  top:0;
  width:35%
}
.articles-item .name {
  color:#000;
  font-family:"MagistralC","Open Sans","Verdana","Open Sans";
  font-size:24px;
  font-weight:600;
  margin-bottom:30px;
  text-transform:uppercase
}
.date-block {
  background:#ffc424;
  box-sizing:border-box;
  height:70px;
  left:-1px;
  moz-box-sizing:border-box;
  padding-top:10px;
  position:absolute;
  text-align:center;
  top:65px;
  webkit-box-sizing:border-box;
  width:70px
}
.article-date,.article-month {
  color:#fff;
  font-weight:bold
}
.article-date {
  font-size:30px;
  line-height:.8
}
.articles-item .button {
  background:#ffc424;
  bottom:25px;
  position:absolute;
  right:calc(35% + 50px);
  width:250px
}
.articles-item .button a {
  color:#fff
}
.articles-item.item-left .image-block {
  left:0
}
.articles-item.item-left .text-block {
  margin-left:35%;
  margin-right:0;
  padding:65px 120px 65px 50px
}
.articles-item.item-left .date-block {
  left:calc(100% - 69px)
}
.articles-item.item-left .button {
  right:calc(120px)
}
.overlayed {
  background:rgba(100,0,0,1);
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0
}
.modal {
  background:rgba(0,0,0,0.5);
  bottom:0;
  left:0;
  moz-transition:opacity 500ms ease-in;
  opacity:0;
  overflow:auto;
  pointer-events:none;
  position:fixed;
  right:0;
  top:0;
  transition:opacity 500ms ease-in;
  webkit-transition:opacity 500ms ease-in;
  z-index:1
}
.modal:target {
  opacity:1;
  pointer-events:auto
}
.modal > div {
  background:#ffffff;
  border-radius:7px;
  box-shadow:0 3px 20px rgba(0,0,0,0.9);
  moz-border-radius:7px;
  moz-box-shadow:0 3px 20px rgba(0,0,0,0.9);
  padding:30px;
  text-shadow:0 1px 0 #fff;
  webkit-animation:minimise 600ms linear;
  webkit-box-shadow:0 3px 20px rgba(0,0,0,0.9);
  width:50%
}
.modal >div {
  margin:10% 25%;
  position:absolute
}
.modal h2 {
  font-size:36px;
  padding:0 0 20px
}


.alert.modal > div {
    position: relative; /* важно — чтобы крестик позиционировался внутри */
}


a.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* рисуем крестик */
a.close::before,
a.close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    background: #000;
    transform-origin: center;
}

a.close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

a.close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.alert {
  background:rgba(0,0,0,0.5);
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:20
}
.alert > div {
  background:#ffffff;
  border-radius:7px;
  box-shadow:0 3px 20px rgba(0,0,0,0.9);
  margin:5% auto;
  moz-border-radius:7px;
  moz-box-shadow:0 3px 20px rgba(0,0,0,0.9);
  padding:30px;
  position:relative;
  text-shadow:0 1px 0 #fff;
  webkit-box-shadow:0 3px 20px rgba(0,0,0,0.9);
  width:30%
}
.unvis >div {
  background:none;
  box-shadow:none;
  height:198px;
  margin:10% 30%;
  padding:none;
  width:450px
}
.unvis div a:after,.photomodal div a:after {
  content:none;
  display:block;
  text-decoration:none
}
.photomodal > .inmodal {
  background:white;
  border-radius:0;
  box-shadow:none;
  margin:100px 5%;
  max-width:1200px;
  padding:0;
  width:90%
}
.photomodal a.close {
  color:#242424
}
.textcharcar {
  margin:0 0 0 67%
}
.photo {
  width:65%
}
.photo div {
  float:left;
  margin-bottom:-1px;
  padding:0
}
.photomodal div a {
  font-size:25px;
  right:15px;
  text-decoration:none
}
select,#dates {
  color:#000
}
a.openModal {
  color:#404040;
  float:right;
  font-family:'Lato',"Helvetica Neue",Helvetica,Open Sans,"Lucida Grande",sans-serif;
  font-weight:normal;
  margin:0 20px 0 0;
  text-decoration:none;
  text-transform:uppercase
}
a.openModal i {
  color:#707070;
  font-size:20px;
  position:absolute;
  right:20px;
  top:20px
}
a.openModal i:hover {
  color:#ffe400
}
.request {
  text-align:center
}
.modal-articles .articles-item {
  margin-bottom:25px;
  min-height:100px
}
.modal-articles h2 {
  font-size:28px;
  font-weight:normal;
  text-transform:uppercase
}
.modal-articles .name {
  font-size:22px
}
.alert.modal .hLine {
  margin:50px 0
}
.modal-articles.text-block {
  margin-right:27%;
  padding:15px 5px 15px 100px
}
.modal-articles .image-block {
  width:25%
}
.modal-articles p {
  display:none
}
.modal-articles .date-block {
  top:15px
}
.modal-articles .articles-item. .text-block {
  padding:15px 100px 15px 5px
}
.modal-articles .articles-item.item-left .text-block {
  margin-left:27%;
  padding:15px 100px 15px 5px
}
.modal-articles .h2::after {
  display:none
}


.page .form-row {
  padding-top:80px
}
.page .form-name {

}
.cramps span.sm {
  font-weight:normal
}
.form-row.small {
  padding-top:70px
}
.form-row.long {
  padding-top:50px
}
.small .form-name {
  font-size:1.8rem;
  padding-top:50px
}
.long .form-name {
  font-size:2.3rem
}
.slider-form-item .form-row {
  margin-top:0;
  padding-top:0
}
.slider-form-item .form-row .input-wrap {
  margin-bottom:10px;
  width:100%
}
.slider-form-item .form-row .form-name {
  display:none
}
.slider-form-item .first-inputs,.slider-form-item .second-inputs {
  border:1px #e7e7e7 solid;
  width:calc(100% - 2px)
}
.slider-form-item .form-row .input {
  background:#fff;
  width:calc(100% - 8px)
}
.slider-form-item .form-row #result,.slider-form-item .form-row .checkbox {
  color:#303030;
  margin-left:0
}
.slider-form-item .form-row #result .note {
  color:#909090
}
.slider-form-item #note-choose {
  color:#909090;
  font-size:1rem
}
.slider-form .owl-stage-outer {
  padding-bottom:75px
}
.slider-form-item .form-row #result {
  margin-top:0
}
.slider-form-item .form-row .grid2-item,.slider-form-item .form-row.form2 {
  margin:0;
  width:100%
}
.slider-form-item .form-row .check {
  background:#e7e7e7
}
.slider-form,.owl-item {
  width:300px
}
.slider-form .slider-reviews-item {
  width:100%
}
.charTitle {
  margin-top:-12px
}
.carPage .slider-form-item .input-button {
  background:#acd925;
  margin-left:0;
  width:100%
}
.partner {
  display:block;
  margin:auto;
  width:60%
}
.partner.social {
  float:left;
  margin:0 5% 0 0;
  width:45%
}
.c-social {
  align-items:flex-start;
  display:flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-flex;
  margin-bottom:100px
}
.c-social h2 {
  margin-top:0
}
@-webkit-viewport {
  width:device-width
}
@-moz-viewport {
  width:device-width
}
@-ms-viewport {
  width:device-width
}
@-o-viewport {
  width:device-width
}
@viewport {
  width:device-width
}
@media(max-width:599px) {

  html,body {
  font-size:16px
}
#header {
  margin-bottom:90px
}
.button-call {
  font-size:1.5em;
  width:100%;
  max-width:300px;
  padding:10px 0 0;
  margin-top:30px
}
#header .button-transfer {
  border:1px solid #242424;
  color:#242424;
  padding-top:17px;
  bottom:-80px;
  right:25px
}
.page #header .button-transfer,.page #header .button-transfer {
  margin-top:80px
}
.pricebox {
  width:100%
}
.form-name.marg {
  margin:10px 0 10px
}
.slider-reviews {
  margin-bottom:25px
}
.button-phone {
  margin-right:10px
}
.socials-item img {
  height:30px;
  width:30px
}
.thumb {
  display:none
}
.gif {
  margin-left:0;
  margin-right:0;
  width:100%
}
.youtube {
  height:200px;
  width:100%
}
.partner {
  width:100%
}
.page #header,.page #header>.container {
  margin-top:0;
  height: 250px;
}
.carPage>div {
  width: 100%;
  margin-top: 50px;
}
.carPage>div img {
  border-radius: 25px;
}
.page .form-row {
  padding-top:35px
}
.page .form-name {
  font-size:1.6rem
}
.small .form-name {
  font-size:1.4rem
}
.page .logo-wrap {
  display:none
}
.full-img {
  height:220px
}
.form-row.long {
  padding-top:40px
}
.form-row.small {
  padding-top:45px
}
.form-row.small.double {
  padding-top:20px
}
.long .form-name {
  font-size:1.2rem
}
.page .form-name .sm {
  display:block;
  font-size:16px;
  margin:0
}
.text {
  font-size:1.1rem
}
.carChar .notes {
  margin:-12px 0 0;
  padding:0
}
.carChar .note-new {
  font-size:14px;
  margin:0;
  padding:2px 0;
  position:static;
  text-align:center;
  width:80px
}
.carPage>div img {
  width:100%
}
.container {
  min-width:320px;
  width:90%;
  box-sizing:border-box
}
.choosecar .container,.grey .container {
  padding:30px 0
}
#header,#header .container {
  height:750px
}
.freephone-block {
    display: flex;
    flex-direction: column;
}
.freephone-wrap {
  margin: 10px auto;
}
.menu-row {
  background:#acd925;
  height:44px;
  top:-44px
}
.menu-row .socials {
  display:none
}
#header .menu-row .container {
  height:auto;
  margin:0;
  padding-bottom:0;
  padding-top:0;
  width:100%
}
.item-inner {
  margin:0;
  width:100%
}
.logo-wrap {
  padding-top:55px
}
.input-wrap {
  margin-bottom:20px;
  width:100%
}
.choosecar .grid4 {
  margin-bottom:10px
}
.button-wrap {
  width:100%
}
.f-button,.s-button {
  margin-left:25%;
  width:50%
}
#result {
  line-height:.7
}
#summ {
  margin-bottom:40px
}
.rentform-1 {
  margin:auto;
  width:auto;

}
.grid2-item {
  margin-bottom:30px;
  margin-top:20px
}
.nav {

  width:100%
}
.form2 {
  margin-left:0;
  width:100%
}
.form-name {
  font-size:2.3rem
}
.grid2-item {
  margin-left:0;
  width:100%
}
.checkbox {
  font-size:14px
}
#attention {
  font-size:.8rem;
  min-width:300px;
  width:300px
}
.rentform,.input-wrap,.input-divider,.input {
  height:50px
}
.f-button,.s-button {
  margin-left:0;
  width:100%
}

.blocks {
  font-size:1rem;
  font-weight:bold
}
.grid-item.hover-2 .button {
  top:30%
}
.grid-item.hover-2 .name {
  font-size:1,5rem;
  margin-top:25%
}

.grid-item .card .name {
  padding-top:3px
}
.grid4 {
  margin-left:0
}
.grid4 .grid-item,.grid-2 .grid-item {
  margin-bottom:5px;
  margin-left:5px;
  width:calc(100%/2 - 5px*1/2)
}
.grid-3 {
  margin-left:-5px
}
.grid-3 .grid-item {
  margin-bottom:5px;
  margin-left:5px;
  width:100%
}
.grid4 .grid-item:first-child,.grid4 .grid-item:nth-child(odd) {
  margin-left:0
}
.grid-3.onerow .grid-item {
  margin-left:0;
  width:100%
}

.grid4 .card img, .grid-3 .card img, .grid-2 .card img {

    width: 70%;
    margin-bottom: 20px;
}
.freephone-block .phone{
  font-size: 2rem;
}
#note-choose{
  font-size: 1.2rem;
  width: 100%;
}
.costs-icon {
  width:40px
}
.grid-2 .grid-item .card .name {
  font-size:1rem;
  padding-top:0
}
.icon-name {
  font-size:.5rem
}
.information {
  margin:0;
  width:100%
}
.block {
  margin:30px auto
}
.cost {
  margin-top:20px
}
.review {
  padding:10px 20px
}
.information .h2,.articles .h2 {
  padding-bottom:20px
}
.buttons span {
  top:8px
}
.information .linkbutton {
  padding:0;
  width:80%
}
.linkbutton a {
  background-color:#ceff1d;
  border:none;
  box-shadow:0 0 1px 1xp #242424;
  color:black;
  font-size:20px;
  margin:auto;
  padding:10px 0;
  text-decoration:none
}
.information .artimg {
  float:none;
  margin:0;
  margin:auto;
  width:100%
}
.choosecar .linkbutton a {
  background:none
}
.cramps {
  margin:30px 0
}
.pageHeader {
  font-size:25px;
  margin:0 0 50px
}
.information .notice {
  padding-left:20px
}
nav {
  margin-top:5px;
  padding:0;
  width:100%
}
.sent {
  float:none;
  font-size:125%;
  height:40px;
  margin:20px auto;
  width:103%
}
.menu {
  display:none
}
.menu ul li {
  display:block;
  margin:0;
  padding:0;
  width:100%
}
.menu ul li a {
  text-align:center
}
.menu ul li div {
  display:none
}
.menu ul {
  display:block;
  font-size:130%;
  margin:0;
  padding:0;
  width:100%
}
.menu ul li a {
  background:rgba(0, 0, 0, 0.7);
  color:#fff;
  font-weight: bold;

}
.menu ul li a:hover {
  background:#ceff1d;
  color:#363636
}
.mobile-menu {
  display:block;
  width:100%;

}
.acrticle2-main .article2-img{
  height: 150px;
}
#back {
  background-color:#242424;
  display:block;
  left:0;
  padding:0;
  position:absolute;
  text-align:center;
  width:50px
}
#more div,#more2 div {
  margin-bottom:40px;
  margin-top:20px;
  width:100px
}
#more2 div {
  margin-bottom:60px
}
#more p {
  margin-top:20px;
  width:100%
}
#more2 p {
  margin-top:0
}
.input .inp {
  margin:0
}
.center-info .icon-at {
  width:50px
}
.media .bigimg {
  display:none
}
.media .smallimg {
  display:block;
  width:100%
}
.addnav {
  display:none
}
.terms {
  margin:0;
  padding:0;
  width:100%
}
.terms ul {
  padding:0
}
.terms li {
  padding:0
}
.about {
  width:100%
}
.information .h1 {
  font-size:1.5rem
}
.information .h2 {
  font-size:1.6rem
}
.information h3 {
  font-size:24px;
  margin-top:0;
  text-align:left
}
.information .list {
  margin-left:30px
}
.alert> div {
  padding:20px
}
.modal > div {
  margin:25px 0 0 2%;
  width:86%
}
.alert.modal .hLine {
  margin:30px 0
}
.unvis >div {
  margin:10% 0 0 -5%;
  width:400px
}
.car {
  margin:15px 0;
  width:100%
}
.carLeft,.carChar,.carPrice,.carPriceButton a,.carPriceButton {
  margin:10px 4% 10px;
  position:static;
  width:92%
}
.carChar {
  margin:0
}
.carChar h2 {
  font-size:26px;
  left:20px;
  position:absolute;
  top:20px
}
.textcharcar {
  margin-left:50px
}
.photo {
  width:100%
}
.carPriceButton a {
  font-size:1.3em;
  height:50px;
  line-height:2.5
}
.carPage {
  flex-direction:column;
  moz-flex-direction:column;
  ms-flex-direction:column;
  o-flex-direction:column;
  webkit-flex-direction:column
}
.carHeader {
  font-size:28px;
  margin:0
}
.carPage .carCharacteristics {
  margin: 40px 0;
  min-width:100%;
  width:100%
}
.carButton a {
  float:left;
  line-height:1.8
}
.contacts ul li {
  float:right;
  font-size:120%;
  height:70px;
  line-height:3.7;
  min-width:200px;
  width:100%
}
.contacts ul .space {
  height:20px
}
.contacts ul li span:first-child {
  width:70px
}
.contacts sub {
  line-height:0
}
.blockM {
  padding-top:150px
}
.contacts {
  width:100%
}
.map {
  margin-left:0
}
.office {
  width:100%
}
.error div,.error div:last-child {
  width:100%
}
.error h1 {
  margin:-10px 0 20px;
  text-align:center
}
.footer-grid {
  margin-top:30px
}
.footer-grid .grid-item,.footer-grid .grid-item:nth-child(3) {
  margin-left:0;
  width:100%
}
.grid4 .weather {
  display:none
}
.arrow {
  bottom:90px;
  right:22px
}
.owl-nav {
  display:none
}
.logo-wrap {
  position: relative;
  margin: auto;
  padding-top: 100px;
}
.form-row {
    padding-top: 30px;
}
.footer-grid .logo {
  display:none
}
.image-block,.articles-item.item-left .image-block {
  height:250px;
  width:100%
}
.text-block,.articles-item.item-left .text-block {
  margin-left:0;
  margin-right:0;
  margin-top:250px;
  padding:55px 25px 45px
}
.date-block,.articles-item.item-left .date-block {
  left:25px;
  top:215px;
  z-index:5
}
.circle {
  height:50px;
  padding-top:8px;
  width:50px
}
.circle .fa {
  font-size:30px
}
.slider-form-item .form-row #result {
  margin-top:40px
}
.carPage.block {
  margin-bottom:0
}
.slider-form-item .form-row .input-wrap {
  width:calc(100% - 1px)
}
.slider-form .owl-stage-outer {
  padding-bottom:50px
}
.carImg {
  margin:15px 0 0 0
}
.mob_hide {
  display:none
}
.autopark.container,.autopark.container .block,.autopark.container .car {
  margin:0;
  padding:0
}
.autopark.container {
  width:100%
}
.car {
  border-bottom:2px solid #f2c83d;
  border-radius:0;
  box-shadow:none;
  display:flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  justify-content:space-between;
  position:relative
}
.car .carLeft,.carChar,.carPriceButton {
  margin:0;
  width:130px
}
.carChar {
  width:calc(100% - 10% - 130px)
}
.carPriceButton {
  width:10%
}
.carChar h2 {
  font-size:22px;
  margin-top:18px;
  position:static;
  text-transform:none;
  z-index:10
}
.carPrice {
  bottom:0;
  font-size:26px;
  margin:0;
  position:absolute;
  right:0;
  width:150px
}
.carPrice .price {
  background-image:url('../images/Priceholder.png');
  background-position:left bottom;
  background-size:cover;
  color:#fff;
  display:inline-block;
  webkit-background-size:cover;
  width:100%
}
.carPrice .price span {
  padding-right:15px
}
.carPrice:after {
  }.carPriceButton a {
  box-sizing:border-box;
  height:100%;
  margin:0;
  moz-box-sizing:border-box;
  padding:10px 0;
  webkit-box-sizing:border-box;
  width:100%
}
.carPriceButton a:before {
  color:#000;
  content:"\f105";
  font-family:Fontawesome
}
.autopark .sent {
  background:none;
  box-shadow:none
}
.carpage .block {
  margin:0
}
.carpage .image,.carpage .cramps {
  display:none
}
.modal-articles .articles-item {
  margin-bottom:20px
}
.modal-articles h2 {
  font-size:22px;
  padding:0
}
.modal-articles .name {
  font-size:18px;
  padding-bottom:10px;
  position:relative
}
.modal-articles .h2::after {
  bottom:0;
  display:block;
  left:0
}
.modal-articles .date-block {
  display:none;
  left:10px;
  top:0
}
.modal-articles.text-block {
  margin-right:34%;
  padding:15px 5px 15px 15px
}
.modal-articles .image-block,.modal-articles .articles-item.item-left .image-block {
  height:100%;
  width:100px
}
.modal-articles .text-block,.modal-articles .articles-item.item-left .text-block {
  margin-top:0
}
.modal-articles .articles-item.item-left .text-block {
  margin-left:34%;
  padding:15px 15px 15px 5px
}
.modal-articles .articles-item .name {
  margin-bottom:10px
}
.modal-articles .linkbutton a {
  background-color:transparent;
  font-size:18px
}
.form-cars {
  padding-bottom:2px
}
.bottom {
  margin-bottom:30px
}
.ag_input {
  display:block;
  height:50px;
  margin-bottom:10px;
  width:100%
}
.ag-text {
  margin-left:30px;
  padding-top:10px;
  position:static
}
.ag_input .input {
  margin-left:8px;
  width:calc(100% - 16px)
}
.answer {
  margin-left:5px;
  margin-top:30px
}
.slider-reviews-item {
  width: 100%;
  display: block;
}
.slider-reviews-item .text{
  padding-left: 0;
}
.owl-carousel .owl-item .slider-reviews-item img{
  width: 100px;
  margin: auto;
}
.contacts .map{
  margin: 0;
}









}@media (min-width:600px) and (max-width:849px) {
  html,body {
  font-size:18px
}

.pricebox {
  width:50%
}
.page .form-name {
  font-size:1.5rem
}
.form-name.marg {
  margin:30px 0 0
}
.youtube {
  height:400px
}
.form-row.small {
  padding-top:130px
}
.form-row.middle {
  padding-top:100px
}
.form-row.long {
  padding-top:110px
}
.long .form-name {
  font-size:1.6rem
}
.long.toolong .form-name {
  font-size:1.4rem
}
.full-img {
  height:400px
}
.container {
  min-width:500px;
  width:90%
}
.note-new {
  top:0
}
.carPage>div img {
  width:100%
}
#header,#header .container {
  height:750px
}
.menu-row {
  background:#acd925
}
#header .menu-row .container {
  height:auto;
  padding-bottom:0;
  padding-top:0
}
.input-wrap {
  margin-bottom:20px;
  width:50%
}
.button-wrap {
  width:100%
}
.f-button,.s-button {
  margin-left:25%;
  width:50%
}
#result {
  line-height:.7
}
#summ {
  margin-bottom:40px
}
.rentform-1 {
  margin:auto;
  width:auto
}
.grid2-item {
  margin-bottom:30px;
  margin-top:20px
}
.nav {
  margin-left:24%;
  width:76%
}
.form2 {
  margin-left:0;
  width:100%
}
.form-name {
  font-size:2.4rem
}
.grid2-item {
  margin-left:0;
  width:100%
}
.checkbox {
  margin-left:19%;
  width:370px
}
.grid-item .name {
  font-size:1.2rem
}
.grid4 .card .price {
  font-size:1.2rem;
  width:5rem
}
.blocks {
  font-size:1rem;
  font-weight:bold
}
.grid-item.hover-2 .button {
  top:35%
}
.grid-item.hover-2 .name {
  font-size:2rem;
  margin-top:30%
}
.grid-item .card-info,.grid-item .card .name,.grid-item .card .price {
  height:50px
}
.grid4 .grid-item {
  margin-left:15px;
  width:calc(50% - 30px/2)
}
.grid4 .grid-item:nth-child(odd) {
  margin-left:0
}
.grid4 .weather {
  display:none
}
.grid4 .card .price,.grid4 .card .more-info,.grid-3 .card .price,.grid-3 .card .more-info,.grid-2 .card .price,.grid-2 .card .more-info {
  display:none
}
.footer-grid .grid-item,.footer-grid .grid-item:nth-child(3) {
  margin-left:0;
  width:60%
}
.footer-grid .grid-item:nth-child(2) {
  width:40%
}
.footer-grid .grid-item:first-child {
  display:none
}
.costs-icon {
  width:90px
}
.block {
  margin-bottom:50px;
  margin-top:50px
}
.information {
  width:100%
}
.information .artimg {
  float:none;
  margin:0;
  margin:auto;
  width:100%
}
.sent {
  float:none;
  font-size:125%;
  height:40px;
  margin:20px auto;
  width:100%
}
.menu {
  display:none
}
.menu ul {
  display:block;
  margin:0;
  padding:0;
  width:100%
}
.menu ul li {
  display:block;
  margin:0;
  padding:0;
  width:100%
}
.menu ul li a {
  background:#363636;
  color:#ceff1d;
  padding-left:25px;
  text-align:left
}
.menu ul li a:hover {
  background:#ceff1d;
  color:#363636
}
.mobile-menu {
  display:block;
  width:100%
}
#more p {
  margin-top:20px;
  width:100%
}
.center-info .icon-at {
  width:50px
}
nav {
  margin:0;
  padding:0;
  width:100%
}
.car {
  font-size:100%;
  margin:15px 0;
  width:100%
}
.carImg {
  margin:50px 0 10px;
  min-width:200px
}
.carLeft {
  width:35%
}
.carChar {
  width:65%
}
.carChar h2 {
  left:80px;
  margin-left:-50px;
  position:absolute
}
.carChar ul {
  margin:60px 0 0
}
.carChar ul .li-text {
  line-height:1.6
}
.carPrice {
  margin-bottom:0;
  width:40%
}
.carPriceButton {
  width:70%
}
.carPriceButton a {
  font-size:0.9em;
  line-height:2.7em;
  margin-bottom:0;
  width:52%
}
.carPrice,.carPriceButton a {
  margin-bottom:15px
}
.modal > div {
  margin:50px 12%;
  width:70%
}
.textcharcar {
  margin-left:50px
}
.photo {
  float:bottom;
  width:100%
}
.carPage {
  flex-direction:column;
  margin-bottom:0;
  moz-flex-direction:column;
  ms-flex-direction:column;
  o-flex-direction:column;
  webkit-flex-direction:column
}
.carHeader {
  font-size:60px;
  margin-top:20px
}
.carPage .carCharacteristics {
  margin-top:20px;
  min-width:100%;
  width:100%
}
.carButton a {
  float:left;
  line-height:1.8
}
.contacts ul li {
  float:right;
  font-size:120%;
  height:70px;
  line-height:3;
  min-width:200px;
  width:100%
}
.contacts ul .space {
  height:20px
}
.contacts ul li span:first-child {
  width:70px
}
.blockM {
  padding-top:150px
}
.contacts {
  width:100%
}
.map {
  margin-left:0
}
.office {
  width:100%
}
.arrow {
  bottom:86px;
  right:12px
}
.circle {
  width:60px;
  height:60px
}
.owl-nav {
  display:none
}
.image-block,.articles-item.item-left .image-block {
  height:400px;
  width:100%
}
.text-block,.articles-item.item-left .text-block {
  margin-left:0;
  margin-right:0;
  margin-top:400px;
  padding:65px 50px
}
.date-block,.articles-item.item-left .date-block {
  left:50px;
  top:365px;
  z-index:5
}
.slider-form-item .form-row #result {
  margin-top:40px
}
.carPage>div {
  width:100%
}
.modal-articles .articles-item {
  margin-bottom:20px
}
.modal-articles h2 {
  font-size:22px;
  padding:0
}
.modal-articles .name {
  font-size:18px;
  padding-bottom:10px;
  position:relative
}
.modal-articles .h2::after {
  bottom:0;
  display:block;
  left:0
}
.modal-articles .date-block {
  display:none;
  left:10px;
  top:0
}
.modal-articles.text-block {
  margin-right:34%;
  padding:15px 5px 15px 15px
}
.modal-articles .image-block,.image-block,.articles-item.item-left .image-block {
  height:100%;
  width:30%
}
.modal-articles .text-block,.articles-item.item-left .text-block {
  margin-top:0
}
.modal-articles .articles-item.item-left .text-block {
  margin-left:34%;
  padding:15px 15px 15px 5px
}
.modal-articles .articles-item .name {
  margin-bottom:10px
}
.modal-articles .linkbutton a {
  background-color:transparent;
  font-size:18px
}
.carPriceButton {
  margin-bottom:15px
}
.carPriceButton a {
  margin-bottom:0
}
.carPrice {
  line-height:1;
  position:absolute
}
.slider-reviews-item {
  width: 100%;
  display: block;
}
.slider-reviews-item .text{
  padding-left: 0;
}
.owl-carousel .owl-item .slider-reviews-item img{
  width: 100px;
  margin: auto;
}
.contacts .map{
  margin: 0;
}











}@media (min-width:850px) and (max-width:1099px) {
  html,body {
  font-size:18px
}
.slider-reviews-item {
  width: 100%;
  display: block;
}
.slider-reviews-item .text{
  padding-left: 0;
}
.owl-carousel .owl-item .slider-reviews-item img{
  width: 100px;
  margin: auto;
}
.contacts .map{
  margin: 0;
}
.pricebox {
  width:70%
}
.youtube {
  height:370px
}
.container {
  min-width:800px;
  width:90%
}
#header,#header .container {
  height:750px
}
#header .menu-row .container {
  height:auto;
  padding:0
}
.input-wrap {
  margin-bottom:20px;
  width:50%
}
.button-wrap {
  width:100%
}
.f-button,.s-button {
  margin-left:25%;
  width:50%
}
#result {
  line-height:.7
}
#summ {
  margin-bottom:40px
}
.header .rentform-1 {
  margin:auto;
  width:700px
}
.grid2-item {
  margin-bottom:30px;
  margin-top:20px
}
.grid-item .name {
  font-size:1.2rem
}
.grid4 .card .price {
  font-size:1.2rem;
  width:5rem
}

.blocks {
  font-size:1rem;
  font-weight:bold
}
.grid-item.hover-2 .button {
  top:35%
}
.grid-item.hover-2 .name {
  font-size:2rem;
  margin-top:30%
}
.grid-item .card-info,.grid-item .card .name,.grid-item .card .price {
  height:50px
}
.grid4 .grid-item {
  margin-left:15px;
  width:calc(50% - 30px)
}
.grid4 .grid-item:nth-child(odd) {
  margin-left:0
}
.information .artimg {
  float:none;
  margin:0;
  margin:auto;
  width:100%
}
#columns {
  height:150px;
  width:100%
}
.col {
  float:left;
  width:50%
}
.icon {
  margin-top:20px;
  width:100px
}
.col_text {
  padding:0 0 0 120px
}
#more p {
  margin-top:20px;
  width:70%
}
.center-info .icon-at {
  width:50px
}
.car {
  margin:25px 0;
  width:100%
}
.carImg {
  min-width:300px
}
.carChar ul .li-text {
  line-height:1.6
}
.modal > div {
  margin:50px 6%;
  width:80%
}
.photo {
  float:bottom;
  width:100%
}
.carPriceButton a {
  font-size:0.9em;
  line-height:3
}
.contacts ul li {
  line-height:3
}
.grid4 .weather {
  display:none
}
.footer-grid .grid-item,.footer-grid .grid-item:nth-child(3) {
  margin-left:15px;
  width:calc(100%/3 - 15px*2/3)
}
.footer-grid .grid-item:first-child {
  margin-left:0
}
.arrow {
  bottom:85px;
  right:15px
}
.circle {
  width:60px;
  height:60px
}
.circle .fa {
  font-size:35px
}
.contacts ul li {
  line-height:3.5;

}
.contacts ul .adr {
  width:calc(100% - 15px)
}
.information{
  width: 100%;
}
.menu ul li a {
  font-size:.7rem
}
.owl-stage {
  width:700px
}
.carPage.block {
  margin-bottom:0
}
.rentform-2 {
  font-size:.8rem
}
.slider-form-item .form-row #result {
  margin-top:40px
}
.carPriceButton a {
  margin-bottom:15px
}
.carPrice {
  position:absolute
}












}@media (min-width:1100px) and (max-width:1299px) {
  html,body {
  font-size:18px
}
.youtube {
  height:400px
}
.grid-item .name {
  font-weight:normal;
  width:calc(100% - 4.2rem)
}
.grid4 .card .price {
  width:4.2rem
}
.cities .grid-item .name {
  font-weight:bold
}
.container {
  min-width:1000px
}
#header .menu-row .container {
  height:auto;
  padding:0
}
.contact-data {
  width:50%
}
.contacts {
  width:80%
}
#more p {
  width:70%
}
.carChar h2 {
  font-size:1.4rem
}
.carPriceButton a {
  font-size:.9rem;
  line-height:2.7em;
  margin-bottom:15px
}
.arrow {
  bottom:50px;
  right:50px
}
.carPrice {
  position:absolute
}
.nav {
  margin-left:30%;
  width:70%
}
.footer-grid .grid-item,.footer-grid .grid-item:nth-child(4) {
  width:calc((100% - 350px)/3 - 15px*3/3)
}
.footer-grid .grid-item:nth-child(3) {
  width:350px
}
.owl-stage {
  width:700px
}
.carPage.block {
  margin-bottom:0
}
.rentform-2 {
  font-size:.8rem
}
.alert > div {
  margin:10px auto;
  width:70%
}
}