@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?pmoich');
  src:  url('fonts/icomoon.eot?pmoich#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pmoich') format('truetype'),
    url('fonts/icomoon.woff?pmoich') format('woff'),
    url('fonts/icomoon.svg?pmoich#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-telegram:before {
  content: "\e903";
  color: #2ca5e0;
}
.icon-instagram:before {
  content: "\e902";
  color: #e4405f;
}
.icon-whatsapp:before {
  content: "\e901";
  color: #25d366;
}
.icon-viber:before {
  content: "\e900";
  color: #665cac;
}

.icon-phone-forwarded:before {
  content: "\e904";
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
header .general-header .content .menu .select {
    position: relative;
    z-index: 3;
}

header .general-header .content .menu .select span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 5px solid transparent;
    font-size: 16px;
    text-decoration: none;
    color: #101010;
    font-family: "Roboto";
    padding: 5px 10px;
    position: relative;
}
header .general-header .content .menu .select span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    z-index: 7;
    left: 0;
    bottom: -5px;
    background: #fff;
}

header .general-header .content .menu .select .options {
    position: absolute;
    z-index: 6;
    left: 0;
    display: none;
    width: 255px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.12);
}

header .general-header .content .menu .select:hover .options {
    display: block;
}


header .general-header .content .menu .select .options a:hover {
    background: #f9f6f6;
    border: none;
}
header .general-header .content .menu .select .options a {
    padding: 18px;
    font-weight: 300;
    margin: 0;
    color: #101010;
    background: #fff;
    display: block;
    width: 100%;
    position: relative;
    z-index: 6;
    text-decoration: none;
    border: none;
}

/*----*/
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter, opacity, filter;
    transition-property: opacity, filter;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: 0.7
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #303337;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
    -webkit-transition-property: none;
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear
}

.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

.hamburger--elastic.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    -webkit-transition-duration: 0.275s;
    transition-duration: 0.275s;
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition: opacity 0.125s 0.275s ease;
    transition: opacity 0.125s 0.275s ease
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg);
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    -webkit-transition: -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    -webkit-transition: -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
    -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s
}

.hamburger--slider .hamburger-inner::after {
    top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: 0.22s;
    transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: 0.22s;
    transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s 0.13s linear;
    transition: background-color 0s 0.13s linear
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand .hamburger-inner {
    -webkit-transition: -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear
}

.hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent;
    -webkit-transition: -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand-r .hamburger-inner {
    -webkit-transition: -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear
}

.hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
    -webkit-transition: -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 0.075s;
    transition-duration: 0.075s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease
}

.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    -ms-transform: rotate(765deg);
    transform: rotate(765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    -ms-transform: rotate(-765deg);
    transform: rotate(-765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

html,
body {
    width: 100%;
    min-width: 320px
}

html.scrolldisable,
body.scrolldisable {
    overflow-y: hidden
}

html {
    min-height: 100%
}

html.full-version {
    min-width: 1276px
}

body {
    font-family: "Open Sans", sans-serif, Arial;
    font-size: 100%
}

input.placeholder,
textarea.placeholder {
    color: #000;
    font-weight: 300
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #000;
    font-weight: 300
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #000;
    font-weight: 300
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
    font-weight: 300
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
    font-weight: 300
}

#small-dialog {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative
}

.content {
    max-width: 1276px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.container {
/*    overflow: hidden*/
}

header {
       box-shadow: 0px 1px 4.95px 0.05px rgba(0, 0, 0, 0.25);
    z-index: 2;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}


header .top-header {
    background: #303337;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    height: 10px;
}
header .general-header{
     background: white;
}

header .top-header .content {
    height: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
/*
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center   
*/
        
        
        -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

header .top-header .content .select-city-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

header .top-header .content .select-city-wrapper span {
    margin-right: 20px
}

header .top-header .content .select-city-wrapper select {
    background: transparent;
    border: none;
    outline: none
}

header .top-header .content .select-city-wrapper select option {
    color: #000
}

header .top-header .content .contacts-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

header .top-header .content .contacts-block a {
    text-decoration: none;
    color: #fff;
    margin-left: 40px
}

header .top-header .content .contacts-block a:hover {
    text-decoration: underline
}

header .top-header .content .contacts-block .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

header .top-header .content .contacts-block .block.geo i {
    background-image: url(../../images/sprite.png);
    background-position: -1688px -92px;
    width: 12px;
    height: 15px
}

header .top-header .content .contacts-block .block.phone i {
    background-image: url(../../images/sprite.png);
    background-position: -2138px -33px;
    width: 14px;
    height: 14px
}

header .top-header .content .contacts-block .block i {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 10px
}

header .general-header .content {
/*    background: #fff;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
/*    height: 70px;*/
/*        background-color: #464646;*/
    height: 50px;
}

header .general-header .content a.logo {
    display: block;
    background-image: url(../../images/logo.png);
/*    background-position: -1061px -16px;*/
    width: 185px;
    height: 50px;
    cursor: pointer;
    text-decoration: none;
            background-size: contain;
    background-repeat: no-repeat;
}

header .general-header .content .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px
}

header .general-header .content .menu a {
display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-align: center; */
    /* -webkit-align-items: center; */
    -ms-flex-align: center;
    align-items: center;
    /* margin: 0 0px; */
    /* border-bottom: 5px solid transparent; */
    /* font-size: 16.7px; */
    font-size: 14px;
    font-weight: 500;
    /* line-height: 30px; */
    text-decoration: none;
    color: #101010;
    /* font-family: "Roboto"; */
    padding: 5px 0;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.96);
    /* border-bottom: 2px solid #808080; */
    padding-right: 27px;
    padding-left: 27px;
    border-right: 1px solid rgba(128, 128, 128, 0.83);
    font-family: 'SF UI Display';
    padding-bottom: 0px;
    
            font-weight: 400;
        padding-top: 3px;
    text-transform: uppercase;
    
}

header .general-header .content .menu a:hover {
/*     border-bottom: 2px solid #808080;*/
        color: #fec817;
}

header .general-header .content .menu a.active {
    border-color: #FFB700
}

section.index-banner-slider {
    margin-bottom: 0 !important;
            margin-top: 40px;
}

section.index-banner-slider .slick-dots {
    bottom: 40px
}

section.index-banner-slider .slick-dots li {
    width: 18px;
    height: 18px;
    margin: 0 8px
}

section.index-banner-slider .slick-dots li.slick-active button:before {
    background: #FFB700
}

section.index-banner-slider .slick-dots li:hover button:before {
    background: #ffc533
}

section.index-banner-slider .slick-dots li button {
    width: 18px;
    height: 18px
}

section.index-banner-slider .slick-dots li button::before {
    content: '';
    display: block;
    border-radius: 100%;
    opacity: 1;
    background: #fff;
    width: 18px;
    height: 18px;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.index-banner-slider .slide {
    outline: none
}

section.index-banner-slider .slide.slide1 {
    background: url(../../images/banner1.jpg) center center no-repeat;
    background-size: cover;
    height: 518px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.index-banner-slider .slide.slide1 .content .text-block {
    color: #fff;
    width: 591px
}

section.index-banner-slider .slide.slide1 .content .text-block .title {
    height: 29px;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}section.index-banner-slider .slide.slide1 .content .text-block .title p{
/*
padding-left: 10px;
    padding-right: 10px;
*/
    font-size: 24px;
    text-align: left;
}

/*
section.index-banner-slider .slide.slide1 .content .text-block .title:before,
section.index-banner-slider .slide.slide1 .content .text-block .title:after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 29px;
    background: #FFB700
}
*/

section.index-banner-slider .slide.slide1 .content .text-block .car {
    font-size: 50px;
    font-weight: 700;
    padding: 15px 0;
    text-shadow: 1px 2px 3px #000000
}

section.index-banner-slider .slide.slide1 .content .text-block .model-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 100px
}

section.index-banner-slider .slide.slide1 .content .text-block .model-price span {
    font-size: 28px
}

section.index-banner-slider .slide.slide1 .content .text-block .model-price .price-block {
    font-size: 26px;
    padding: 5px 15px;
    background: #FFB700
}

section.index-banner-slider .slide.slide1 .content .text-block a {
    border-radius: 30px;
    background: #fff;
    width: 170px;
    height: 49px;
    font-size: 14px;
    color: #444444;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

section.index-banner-slider .slide.slide1 .content .text-block a:hover {
    background: #FFB700;
    color: #303337
}

section.index-banner-slider .slide.slide1 .content .text-block a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    display: block
}

section.index-banner-slider .slide.slide1 .content .text-block a i {
    background: #303337;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 37px;
    height: 37px;
    border-radius: 100%;
    margin-right: 7px
}

section.index-banner-slider .slide.slide1 .content .text-block a i:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -2152px -33px;
    width: 8px;
    height: 13px
}

section.index-car-selection {
    background: #303337;
    box-shadow: 0px 0px 7px 0px rgba(76, 76, 76, 0.53);
    position: relative
}

section.index-car-selection .content form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 96px
}

section.index-car-selection .content form .input-wrapper {
    width: 211px;
    margin-right: 30px
}

section.index-car-selection .content form .input-wrapper input,
section.index-car-selection .content form .input-wrapper select {
    width: 100%;
    outline: none;
    border: none;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    background: transparent;
    height: 42px;
    padding: 0 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

section.index-car-selection .content form .input-wrapper input:focus,
section.index-car-selection .content form .input-wrapper select:focus {
    color: #000;
    background: #fff
}

section.index-car-selection .content form .input-wrapper input:focus.placeholder,
section.index-car-selection .content form .input-wrapper select:focus.placeholder {
    color: #353535
}

section.index-car-selection .content form .input-wrapper input:focus:-moz-placeholder,
section.index-car-selection .content form .input-wrapper select:focus:-moz-placeholder {
    color: #353535
}

section.index-car-selection .content form .input-wrapper input:focus::-moz-placeholder,
section.index-car-selection .content form .input-wrapper select:focus::-moz-placeholder {
    color: #353535
}

section.index-car-selection .content form .input-wrapper input:focus:-ms-input-placeholder,
section.index-car-selection .content form .input-wrapper select:focus:-ms-input-placeholder {
    color: #353535
}

section.index-car-selection .content form .input-wrapper input:focus::-webkit-input-placeholder,
section.index-car-selection .content form .input-wrapper select:focus::-webkit-input-placeholder {
    color: #353535
}

section.index-car-selection .content form .input-wrapper input.placeholder,
section.index-car-selection .content form .input-wrapper select.placeholder {
    color: #DFDFDF;
    font-weight: 400
}

section.index-car-selection .content form .input-wrapper input:-moz-placeholder,
section.index-car-selection .content form .input-wrapper select:-moz-placeholder {
    color: #DFDFDF;
    font-weight: 400
}

section.index-car-selection .content form .input-wrapper input::-moz-placeholder,
section.index-car-selection .content form .input-wrapper select::-moz-placeholder {
    color: #DFDFDF;
    font-weight: 400
}

section.index-car-selection .content form .input-wrapper input:-ms-input-placeholder,
section.index-car-selection .content form .input-wrapper select:-ms-input-placeholder {
    color: #DFDFDF;
    font-weight: 400
}

section.index-car-selection .content form .input-wrapper input::-webkit-input-placeholder,
section.index-car-selection .content form .input-wrapper select::-webkit-input-placeholder {
    color: #DFDFDF;
    font-weight: 400
}

section.index-car-selection .content form button {
    width: 211px;
    height: 42px;
    background: #FFB700;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    outline: none;
    animation: colors 2s infinite ease-in-out;
    color: rgba(0,0,0,.7);
    box-shadow: 0 0 40px 0 rgba(254,205,96,.6);
    -webkit-transition: .2s ease;
    transition: .2s ease;
    background: #ffe985;
    background: -webkit-linear-gradient(top,#ffe985 0,#fcae42 100%);
    background: oldlinear-gradient(top,#ffe985 0,#fcae42 100%) -moz-;
    background: linear-gradient(to bottom,#ffe985 0,#fcae42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe985', endColorstr='#fcae42', GradientType=0 );
}

section.index-car-selection .content form button:hover {
    background: #f0ac00
}

section.index-car-selection .content form button:active {
    background: #e0a100
}

section.popular-cars-section {
    padding: 50px 0;
    position: relative;
}

section.popular-cars-section:after {
    content: '';
    position: absolute;
    height: 228px;
    width: 126px;
    background: url(../../img/psevdo/new__after--1.png);
    top: 2px;
    z-index: 9;
    left: -7px;
}
section.popular-cars-section:before {
    content: '';
    position: absolute;
    height: 228px;
    width: 126px;
    background: url(../../img/psevdo/new__after--1.png);
   bottom: 2px;
    z-index: 9;
    right: -7px;
}

@media (max-width: 768px) {
    section.popular-cars-section:after {
        content: none;
/*
    content: '';
    position: absolute;
    height: 140px;
    width: 70px;
    background: url(../../img/psevdo/new__after--1.png);
    top: 2px;
    z-index: 9;
    left: -7px;
*/
}
section.popular-cars-section:before {
         content: none;
/*
   content: '';
    position: absolute;
    height: 140px;
    width: 70px;
    background: url(../../img/psevdo/new__after--1.png);
    bottom: 2px;
    z-index: 9;
    right: -7px;
*/
}

}
.slick-list.draggable {
    z-index: 990;
}
section.popular-cars-section .content {
    max-width: 1330px
}

section.popular-cars-section .content .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    text-align: center
}

section.popular-cars-section .content .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.popular-cars-section .content .section-title span:before,
section.popular-cars-section .content .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

section.popular-cars-section .content .section-title span:before {
    margin-right: 25px
}

section.popular-cars-section .content .section-title span:after {
    margin-left: 25px
}

section.popular-cars-section .content .popular-car-slider-wrapper {
    position: relative;
    padding-bottom:0px
}

section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls {
    position: absolute;
    width: 100px;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
    border-radius: 30px;
    border: 1px solid #DADADA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2;
    padding: 4px
}

section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-prev,
section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-next {
    width: 23px;
    height: 23px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #DADADA;
    cursor: pointer
}

section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-prev:hover,
section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-next:hover {
    background: #FFB700
}

section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-prev:hover::before,
section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-next:hover::before {
    background-image: url(../../images/sprite.png);
    background-position: -1404px -72px;
    width: 6px;
    height: 9px
}

section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-prev:before,
section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-next:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -1410px -72px;
    width: 6px;
    height: 9px
}

section.popular-cars-section .content .popular-car-slider-wrapper .slick-controls .popular-car-slider-next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.popular-cars-section .content .popular-car-slider {
    margin-bottom: 0 !important
}

section.popular-cars-section .content .popular-car-slider .slick-track {
    padding: 20px 0
}

section.popular-cars-section .content .popular-car-slider .block {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    width: 271px;
/*    height: 315px;*/
/*    height: 285px;*/
    margin: 0 27px;
    outline: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
        
             border: 3px solid rgba(115, 111, 111, 0);
    transition: .3s ease;
    border-radius: 3px;
    
}

section.popular-cars-section .content .popular-car-slider .block:hover {
    box-shadow:0 0px 10px rgba(0, 0, 0, 0.35);
/*        0px 0px 16.25px 1.75px rgb(247, 144, 30)*/
    
   
    
/*        border: 7px solid #736f6f;*/
    transition: .3s ease;
/*    border-radius: 5px;*/
    transform: scale(1.03);

}

section.popular-cars-section .content .popular-car-slider .block .image {
    overflow: hidden;
    height: 162px;
    position: relative
}

section.popular-cars-section .content .popular-car-slider .block .image img {
      display: block;
    min-width: inherit;
    min-height: inherit;
    height: auto;
    max-width: 95%;
    margin: 0 auto;
}

section.popular-cars-section .content .popular-car-slider .block .image .discount-mark {
    background-color: #3cd225;
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
    height: 20px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.popular-cars-section .content .popular-car-slider .block .image .price {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    background: #fcb146;
    padding: 0 15px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.popular-cars-section .content .popular-car-slider .block .common .top-text {
    padding: 11px 15px 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    color: #414141;
    font-size: 12px
}

section.popular-cars-section .content .popular-car-slider .block .common .top-info {
    padding: 11px 15px;
    padding-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    color: #414141;
    font-size: 14px
}

section.popular-cars-section .content .popular-car-slider .block .common .top-info .name {
    text-transform: uppercase
}

section.popular-cars-section .content .popular-car-slider .block .common .top-info .year {
    font-weight: 400
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info {
    padding: 0px;
    padding-bottom: 15px;
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #999999
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line:last-child {
    margin-bottom: 0
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line.mileage i:before {
    background-image: url(../../images/sprite.png);
    background-position: -2007px -33px;
    width: 18px;
    height: 18px
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line.doors i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1989px -33px;
    width: 18px;
    height: 18px
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line.transmission i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1971px -33px;
    width: 18px;
    height: 18px
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line.trunk i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1929px -33px;
    width: 22px;
    height: 18px
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line.chairs i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1664px -92px;
    width: 12px;
    height: 32px
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line i {
    width: 22px;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.popular-cars-section .content .popular-car-slider .block .common .common-info .info-line i::before {
    content: '';
    display: block
}

section.popular-cars-section .content .popular-car-slider .block .common .button-wrapper {
    padding: 0 15px 15px
}

section.popular-cars-section .content .popular-car-slider .block .common .button-wrapper a {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #151515;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #FFB700;
    text-transform: uppercase;
    border-radius: 50px;
}

section.popular-cars-section .content .popular-car-slider .block .common .button-wrapper a:hover {
    background: #f0ac00
}

section.popular-cars-section .content .popular-car-slider .block .common .button-wrapper a:active {
    background: #e0a100
}

section.rent-car-tariffs {
    background: #E6E6E6;
    padding: 50px 0
}

section.rent-car-tariffs .content .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    text-align: center
}

section.rent-car-tariffs .content .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.rent-car-tariffs .content .section-title span:before,
section.rent-car-tariffs .content .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #303337
}

section.rent-car-tariffs .content .section-title span:before {
    margin-right: 25px
}

section.rent-car-tariffs .content .section-title span:after {
    margin-left: 25px
}

section.rent-car-tariffs .content .tariffs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.rent-car-tariffs .content .tariffs .tariff {
    width: 233px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
/*    padding: 35px 25px;*/
        padding: 25px 10px;
    color: #222222;
    position: relative;
    position: relative;
            transition: 0.4s;
}
section.rent-car-tariffs .content .tariffs .tariff:hover {
   box-shadow:0 12px 120px 0 #ffaf00a1;
    transition: 0.4s;
}

  


section.rent-car-tariffs .content .tariffs .tariff.good-offer {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    border-color: #FFB700;
    box-shadow: 0px 1px 14.85px 0.15px rgba(0, 0, 0, 0.25);
    z-index: 2;
    background: #E6E6E6
}

section.rent-car-tariffs .content .tariffs .tariff.good-offer::before {
    content: 'ВЫГОДНОЕ ПРЕДЛОЖЕНИЕ!';
    border: 3px solid #FFB700;
    border-radius: 30px;
    background: #E6E6E6;
    position: absolute;
    left: -13px;
    right: -13px;
    font-weight: 800;
    color: #383b3f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    font-size: 14px;
    top: 205px;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

section.rent-car-tariffs .content .tariffs .tariff.good-offer .time,
section.rent-car-tariffs .content .tariffs .tariff.good-offer .price-block {
    border-color: #FFB700
}

section.rent-car-tariffs .content .tariffs .tariff.good-offer .price-block {
    padding-top: 20px
}

section.rent-car-tariffs .content .tariffs .tariff.good-offer .price-block .price {
    margin-bottom: 5px
}

section.rent-car-tariffs .content .tariffs .tariff.good-offer .price-block .price span {
    background: #FFB700;
    text-align: center;
    padding: 0px 10px
}

section.rent-car-tariffs .content .tariffs .tariff .time {
    margin: 0 auto;
    width: 150px;
/*    height: 32px;*/
    height: auto;
    border-radius: none;
/*    border: 1px solid #CCCCCC;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
            text-align: center;
        font-weight: 600;
}

section.rent-car-tariffs .content .tariffs .tariff .time i {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 5px;
    background-image: url(../../images/sprite.png);
    background-position: -2042px -33px;
    width: 17px;
    height: 18px
}

section.rent-car-tariffs .content .tariffs .tariff .price-block {
    margin: 28px auto;
    border: 1px solid #BFBFBF;
    border-right: 0;
    border-left: 0;
    padding: 27px 0;
    text-align: center
}

section.rent-car-tariffs .content .tariffs .tariff .price-block .price-text {
    font-size: 12px
}

section.rent-car-tariffs .content .tariffs .tariff .price-block .price {
    font-size: 36px;
    font-weight: 300
}

section.rent-car-tariffs .content .tariffs .tariff .price-block .price-desc {
    font-size: 14px
}

section.rent-car-tariffs .content .tariffs .tariff .tariff-desc {
    font-size: 14px;
    color: #737373;
    text-align: center;
    line-height: 1.5em
}

section.rent-car-tariffs .content .tariffs-desc {
    font-size: 13px;
    color: #7a7a7a;
    padding: 20px 0
}

section.rent-car-tariffs .content .button-wrapper a,
section.rent-car-tariffs .content .button-wrapper .button {
    width: 210px;
    height: 40px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #151515;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    background: #FFB700;
    margin: 0 auto
}

section.rent-car-tariffs .content .button-wrapper a:hover,
section.rent-car-tariffs .content .button-wrapper .button:hover {
    background: #f0ac00
}

section.rent-car-tariffs .content .button-wrapper a:active,
section.rent-car-tariffs .content .button-wrapper .button:active {
    background: #e0a100
}

section.callback-section {
    padding: 50px 0;
    background: #2B2B2B
}

section.callback-section.white {
    background: #fff
}

section.callback-section.white .content .section-title span {
    color: #2B2B2B
}

section.callback-section.white .content .section-title span:before,
section.callback-section.white .content .section-title span:after {
    background: #2B2B2B
}

section.callback-section.white .content .name {
    color: #2B2B2B
}

section.callback-section.white .content form .error-summary {
    color: red
}

section.callback-section.white .content form .input-wrapper input {
    background: transparent
}

section.callback-section .content .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    text-align: center
}

section.callback-section .content .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

section.callback-section .content .section-title span:before,
section.callback-section .content .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #fff
}

section.callback-section .content .section-title span:before {
    margin-right: 25px
}

section.callback-section .content .section-title span:after {
    margin-left: 25px
}

section.callback-section .content .name {
    font-size: 13px;
    color: #fff;
    text-align: center
}

section.callback-section .content form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 45px
}

section.callback-section .content form .error-summary {
    min-width: 100%;
    color: #fff
}

section.callback-section .content form .error-summary ul {
    padding: 10px 0 0
}

section.callback-section .content form .error-summary ul li {
    list-style: none;
    text-align: center;
    font-size: 12px
}

section.callback-section .content form .input-wrapper {
    width: 342px;
    margin: 0 9px
}

section.callback-section .content form .input-wrapper input {
    width: 100%;
    height: 44px;
    border-radius: 30px;
    outline: none;
    border: 1px solid #4C4C4C;
    background: #ffffff;
    padding: 0 20px;
    font-size: 13px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
section.callback-section .content form .input-wrapper input{
    color: #000!important;
   
}

section.callback-section .content form .input-wrapper input:focus {
    color: #000;
    background: #fff
}

section.callback-section .content form .input-wrapper input:focus.placeholder {
    color: #353535
}

section.callback-section .content form .input-wrapper input:focus:-moz-placeholder {
    color: #353535
}

section.callback-section .content form .input-wrapper input:focus::-moz-placeholder {
    color: #353535
}

section.callback-section .content form .input-wrapper input:focus:-ms-input-placeholder {
    color: #353535
}

section.callback-section .content form .input-wrapper input:focus::-webkit-input-placeholder {
    color: #353535
}

section.callback-section .content form .input-wrapper input.placeholder {
    color: #999999;
    font-weight: 400
}

section.callback-section .content form .input-wrapper input:-moz-placeholder {
    color: #000000;
    font-weight: 400
}

section.callback-section .content form .input-wrapper input::-moz-placeholder {
     color: #000000;
    font-weight: 400
}

section.callback-section .content form .input-wrapper input:-ms-input-placeholder {
   color: #000000;
    font-weight: 400
}

section.callback-section .content form .input-wrapper input::-webkit-input-placeholder {
   color: #000000;
    font-weight: 400
}

section.callback-section .content form button {
    margin: 0 9px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #FFB700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    outline: none;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    padding: 0
}

section.callback-section .content form button:hover {
    background: #f0ac00
}

section.callback-section .content form button:active {
    background: #e0a100
}

section.callback-section .content form button i {
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -2152px -33px;
    width: 8px;
    height: 13px
}

section.reviews-section {
    padding: 80px 0
}

section.reviews-section .content .reviews-slider-wrapper {
    position: relative;
    padding-bottom: 70px
}

section.reviews-section .content .reviews-slider-wrapper .slick-controls {
    position: absolute;
    width: 100px;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
    border-radius: 30px;
    border: 1px solid #DADADA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2;
    padding: 4px
}

section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-prev,
section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-next {
    width: 23px;
    height: 23px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #DADADA;
    cursor: pointer
}

section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-prev:hover,
section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-next:hover {
    background: #FFB700
}

section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-prev:hover::before,
section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-next:hover::before {
    background-image: url(../../images/sprite.png);
    background-position: -1404px -72px;
    width: 6px;
    height: 9px
}

section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-prev:before,
section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-next:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -1410px -72px;
    width: 6px;
    height: 9px
}

section.reviews-section .content .reviews-slider-wrapper .slick-controls .reviews-slider-next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.reviews-section .content .reviews-slider-wrapper .reviews-slider {
    margin-bottom: 0 !important
}

section.reviews-section .content .reviews-slider-wrapper .reviews-slider .review {
    outline: none
}

section.reviews-section .content .reviews-slider-wrapper .reviews-slider .review .name {
    text-align: center;
    font-size: 12px;
    color: #999999
}

section.reviews-section .content .reviews-slider-wrapper .reviews-slider .review .name::after {
    content: "";
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: 0px -668px;
    width: 909px;
    height: 27px;
    margin: 15px auto
}

section.reviews-section .content .reviews-slider-wrapper .reviews-slider .review .name span {
    font-weight: 700;
    color: #000000
}

section.reviews-section .content .reviews-slider-wrapper .reviews-slider .review .text {
    font-size: 15px;
    color: #666666;
    line-height: 1.5em;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 10px
}

footer {
    background: #2B2B2B
}

footer .general-footer {
    padding-bottom: 50px
}

footer .general-footer .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

footer .general-footer .content .page-upper {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -20px;
    width: 60px;
    height: 60px;
    background: #2B2B2B;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%
}

footer .general-footer .content .page-upper:hover i {
    background: #f0ac00
}

footer .general-footer .content .page-upper:active i {
    background: #e0a100
}

footer .general-footer .content .page-upper i {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFB700;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

footer .general-footer .content .page-upper i:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -1473px -52px;
    width: 16px;
    height: 10px
}

footer .general-footer .content .block-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

footer .general-footer .content .block-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #FFB700
}

footer .general-footer .content .block-title span:before,
footer .general-footer .content .block-title span:after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #C8C8C8
}

footer .general-footer .content .block-title span:before {
    margin-right: 15px
}

footer .general-footer .content .block-title span:after {
    margin-left: 15px
}

footer .general-footer .content span.dot {
    margin: 0 5px
}

footer .general-footer .content .footer-block {
    padding-top: 55px;
    margin-right: 78px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px
}

footer .general-footer .content .footer-block.block-dark {
    width: 370px;
    background: #2b2b2b;
/*    border-top: 3px solid #FFB700;*/
    margin-top: 0px;
    padding-top: 55px;
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #3C3C3C;
    padding: 15px 0;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car:hover {
    opacity: 0.8
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car:first-child {
    padding-top: 0
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car:last-child {
    border-bottom: 0
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .image {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    width: 80px;
    height: 65px
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .image img {
    width: 100%;
    display: block
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .common {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 20px
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .common .name {
    font-size: 12px;
    color: #fff;
    font-weight: 600
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .common .desc {
    margin: 0 0 8px;
    font-size: 12px;
    color: #999999
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .common .desc .price {
    color: #FFB700
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .common .mileage {
    font-size: 12px;
    color: #cccccc;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

footer .general-footer .content .footer-block .block-body .popular-cars a.car .common .mileage i {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 5px;
    background-image: url(../../images/sprite.png);
    background-position: -2129px -16px;
    width: 16px;
    height: 16px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #999999;
    margin-bottom: 10px;
            font-size: 17px;
    font-weight: 600;
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line a {
    color: #999999;
    text-decoration: none;
    margin-left: 5px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line a:hover {
    color: #fff;
    text-decoration: underline
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line:last-child {
    margin-bottom: 0
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 28px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i.geo:before {
    background-image: url(../../images/sprite.png);
    background-position: -1676px -92px;
    width: 12px;
    height: 16px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i.phone:before {
    background-image: url(../../images/sprite.png);
    background-position: -1459px -52px;
    width: 14px;
    height: 14px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i.email:before {
    background-image: url(../../images/sprite.png);
    background-position: -1700px -92px;
    width: 14px;
    height: 11px
}
footer .general-footer .content .footer-block .block-body .contacts .contact-line i.inst:before {
    background-image: url(../../img/inst.png);
background-size: cover;
    width: 14px;
    height: 14px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i.vk:before {
    background-image: url(../../images/sprite.png);
    background-position: -1489px -52px;
    width: 14px;
    height: 8px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i.wa:before {
    background-image: url(../../images/sprite.png);
    background-position: -2124px -33px;
    width: 14px;
    height: 14px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i.viber:before {
    background-image: url(../../images/sprite.png);
    background-position: -2145px -16px;
    width: 14px;
    height: 14px
}
footer .general-footer .content .footer-block .block-body .contacts .contact-line i.icq:before {
    background-image: url(/../img/icq.png);
  background-size: 100% 100%;
    width: 14px;
    height: 14px
}

footer .general-footer .content .footer-block .block-body .contacts .contact-line i::before {
    content: '';
    display: block
}

footer .general-footer .content .footer-block .block-body .open-map-block {
    background: url(../../images/map.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 177px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    margin-top: 25px;
    text-decoration: none
}

footer .general-footer .content .footer-block .block-body .open-map-block:hover .cnt {
    text-decoration: underline
}

footer .general-footer .content .footer-block .block-body .open-map-block .cnt {
    text-align: center;
    font-size: 14px
}

footer .general-footer .content .footer-block .block-body .open-map-block .cnt i {
    display: block;
    margin: 0 auto 10px;
    background-image: url(../../images/sprite.png);
    background-position: -1361px -52px;
    width: 26px;
    height: 36px
}

footer .general-footer .content .footer-block .block-wrapper {
    padding: 40px 30px;
    padding-top: 0px;
}

footer .general-footer .content .footer-block .block-wrapper:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

footer .general-footer .content .footer-block .block-wrapper .block-body .info-line {
    margin-bottom: 25px
}

footer .general-footer .content .footer-block .block-wrapper .block-body .info-line:last-child {
    margin-bottom: 0
}

footer .general-footer .content .footer-block .block-wrapper .block-body .info-line .name {
    color: #fff;
    font-size: 13px;
    margin-bottom: 3px
}

footer .general-footer .content .footer-block .block-wrapper .block-body .info-line .desc {
    font-size: 12px;
    color: #cccccc
}

footer .general-footer .content .footer-block .block-wrapper .block-body .text {
    font-size: 12px;
    color: #cccccc
}

footer .footer-bottom {
    background: #1C1C1C;
    padding: 25px 0
}

footer .footer-bottom .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

footer .footer-bottom .content .left {
    font-size: 12px;
    color: #cccccc;
    line-height: 1.5em
}

footer .footer-bottom .content .left a {
    color: #cccccc;
    text-decoration: none
}

footer .footer-bottom .content .left a:hover {
    text-decoration: underline;
    color: #fff
}

footer .footer-bottom .content .right .social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 10px
}

footer .footer-bottom .content .right .social a {
    display: block;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

footer .footer-bottom .content .right .social a.inst {
    background-image: url(../../images/sprite.png);
    background-position: -1424px -52px;
    width: 20px;
    height: 20px
}

footer .footer-bottom .content .right .social a.vk {
    margin-left: 5px;
    background-image: url(../../images/sprite.png);
    background-position: -1404px -52px;
    width: 20px;
    height: 20px
}

footer .footer-bottom .content .right .social a:hover {
    opacity: 0.8
}

footer .footer-bottom .content .right .menu a {
    font-size: 12px;
    color: #cccccc;
    text-decoration: none;
    margin-left: 15px;
    padding: 5px 0
}

footer .footer-bottom .content .right .menu a:hover {
    color: #fff;
    text-decoration: underline
}

section.catalog-page {
    padding: 40px 0
}

section.catalog-page .content .page-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.catalog-page .content .page-head .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    text-align: center
}

section.catalog-page .content .page-head .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.catalog-page .content .page-head .section-title span:before,
section.catalog-page .content .page-head .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

section.catalog-page .content .page-head .section-title span:before {
    margin-right: 25px
}

section.catalog-page .content .page-head .section-title span:after {
    margin-left: 25px
}

section.catalog-page .content .page-head .car-categories-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

section.catalog-page .content .page-head .car-categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #E6E6E6
}

section.catalog-page .content .page-head .car-categories:first-child {
    margin-bottom: 20px
}

section.catalog-page .content .page-head .car-categories .float-block {
    position: absolute;
    left: 0;
    top: -2px;
    height: 39px;
    border-radius: 4px;
    z-index: 1;
    background: #FFB700;
    box-shadow: 0px 0px 4.75px 0.25px rgba(76, 76, 76, 0.35);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

section.catalog-page .content .page-head .car-categories .car-cat {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 30px;
    height: 35px;
    color: #252525;
    position: relative;
    z-index: 2
}

section.catalog-page .content .page-head .car-categories .car-cat.active {
    background: transparent !important
}

section.catalog-page .content .page-head .car-categories .car-cat.active:hover {
    background: transparent
}

section.catalog-page .content .catalog-blocks {
    padding: 50px 0
}

section.catalog-page .content .catalog-blocks .car-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px
}

section.catalog-page .content .catalog-blocks .car-item:last-child {
    margin-bottom: 0
}

section.catalog-page .content .catalog-blocks .car-item .image {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: hidden;
    width: 515px;
    height: 300px;
    display: block
}

section.catalog-page .content .catalog-blocks .car-item .image img {
    display: block;
    min-width: 100%;
    min-height: 100%
}

section.catalog-page .content .catalog-blocks .car-item .common {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 30px
}

section.catalog-page .content .catalog-blocks .car-item .common .car-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -10px
}

section.catalog-page .content .catalog-blocks .car-item .common .car-head .name {
    font-size: 30px;
    color: #252525;
    font-weight: 600;
    text-decoration: none
}

section.catalog-page .content .catalog-blocks .car-item .common .car-head .name:hover {
    text-decoration: underline
}

section.catalog-page .content .catalog-blocks .car-item .common .car-head .price {
    font-size: 30px;
    color: #252525;
    position: relative;
    font-weight: 300
}

section.catalog-page .content .catalog-blocks .car-item .common .car-head .price span {
    margin-right: 5px;
    font-size: 24px
}

section.catalog-page .content .catalog-blocks .car-item .common .car-head .price .price-desc {
    position: absolute;
    top: 100%;
    right: 0;
    text-align: right;
    width: 100%;
    font-size: 14px;
    color: #252525;
    font-weight: 400;
    margin-top: -6px
}

section.catalog-page .content .catalog-blocks .car-item .common .desc {
    font-size: 14px;
    color: #999999;
    padding: 20px 0
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 146px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #999999;
    font-weight: 600
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line:last-child {
    margin-bottom: 0
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line.mileage i:before {
    background-image: url(../../images/sprite.png);
    background-position: -2007px -33px;
    width: 18px;
    height: 18px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line.doors i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1989px -33px;
    width: 18px;
    height: 18px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line.transmission i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1971px -33px;
    width: 18px;
    height: 18px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line.fuel-consumption i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1444px -52px;
    width: 15px;
    height: 20px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line.trunk i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1929px -33px;
    width: 22px;
    height: 18px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line.chairs i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1664px -92px;
    width: 12px;
    height: 32px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line i {
    width: 22px;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .common-info .info-line i::before {
    content: '';
    display: block
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .other-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 25px;
    border-left: 2px solid #E6E6E6
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .other-info ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-top: -6px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .other-info ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    list-style: none;
    font-size: 12px;
    color: #383b3f;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px
}

section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .other-info ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 7px;
    background: #FFB700
}

section.catalog-page .content .catalog-blocks .car-item .common .button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 20px
}

section.catalog-page .content .catalog-blocks .car-item .common .button-wrapper .button {
    width: 155px;
    height: 40px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #252525;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    background: #FFB700
}

section.catalog-page .content .catalog-blocks .car-item .common .button-wrapper .button:hover {
    background: #f0ac00
}

section.catalog-page .content .catalog-blocks .car-item .common .button-wrapper .button:active {
    background: #e0a100
}

section.catalog-page .content .pagination-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 50px
}

section.catalog-page .content .pagination-wrapper .pagination {
    border-radius: 30px;
    border: 1px solid #DADADA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2;
    padding: 4px
}

section.catalog-page .content .pagination-wrapper .pagination .prev,
section.catalog-page .content .pagination-wrapper .pagination .next {
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background: #DADADA;
    cursor: pointer
}

section.catalog-page .content .pagination-wrapper .pagination .prev:hover,
section.catalog-page .content .pagination-wrapper .pagination .next:hover {
    background: #FFB700
}

section.catalog-page .content .pagination-wrapper .pagination .prev:hover::before,
section.catalog-page .content .pagination-wrapper .pagination .next:hover::before {
    background-image: url(../../images/sprite.png);
    background-position: -1404px -72px;
    width: 6px;
    height: 9px
}

section.catalog-page .content .pagination-wrapper .pagination .prev.disabled,
section.catalog-page .content .pagination-wrapper .pagination .next.disabled {
    pointer-events: none
}

section.catalog-page .content .pagination-wrapper .pagination .prev.disabled a,
section.catalog-page .content .pagination-wrapper .pagination .prev.disabled span,
section.catalog-page .content .pagination-wrapper .pagination .next.disabled a,
section.catalog-page .content .pagination-wrapper .pagination .next.disabled span {
    cursor: default
}

section.catalog-page .content .pagination-wrapper .pagination .prev a,
section.catalog-page .content .pagination-wrapper .pagination .prev span,
section.catalog-page .content .pagination-wrapper .pagination .next a,
section.catalog-page .content .pagination-wrapper .pagination .next span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

section.catalog-page .content .pagination-wrapper .pagination .prev a:before,
section.catalog-page .content .pagination-wrapper .pagination .prev span:before,
section.catalog-page .content .pagination-wrapper .pagination .next a:before,
section.catalog-page .content .pagination-wrapper .pagination .next span:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -1410px -72px;
    width: 6px;
    height: 9px
}

section.catalog-page .content .pagination-wrapper .pagination .next a,
section.catalog-page .content .pagination-wrapper .pagination .next span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.catalog-page .content .pagination-wrapper .pagination .next a:before,
section.catalog-page .content .pagination-wrapper .pagination .next span:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.catalog-page .content .pagination-wrapper .pagination ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.catalog-page .content .pagination-wrapper .pagination ul li {
    list-style: none;
    font-size: 14px
}

section.catalog-page .content .pagination-wrapper .pagination ul li.active {
    pointer-events: none
}

section.catalog-page .content .pagination-wrapper .pagination ul li.active a {
    text-decoration: none;
    color: #868686;
    cursor: default
}

section.catalog-page .content .pagination-wrapper .pagination ul li span {
    color: #868686;
    cursor: default
}

section.catalog-page .content .pagination-wrapper .pagination ul li a {
    text-decoration: underline;
    color: #222222
}

section.catalog-page .content .pagination-wrapper .pagination ul li a:hover {
    color: #FFB700;
    text-decoration: underline
}

section.catalog-page .content .pagination-wrapper .pagination ul li a,
section.catalog-page .content .pagination-wrapper .pagination ul li span {
    height: 23px;
    padding: 0 15px;
    display: block
}

section.car-slider .slick-prev,
section.car-slider .slick-next {
    width: 29px;
    height: 29px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.car-slider .slick-prev:before,
section.car-slider .slick-next:before {
    content: '';
    display: block;
    position: static;
    background-image: url(../../images/sprite.png);
    background-position: -1387px -52px;
    width: 17px;
    height: 29px
}

section.car-slider .slick-next {
    right: 20px
}

section.car-slider .slick-next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.car-slider .slick-prev {
    left: 20px
}

section.car-slider .slide {
    height: 550px;
    outline: none
}

section.car-top-info .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.car-top-info .content .car-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.car-top-info .content .car-info .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    background: #FFB700;
    height: 75px;
    min-width: 300px;
    padding: 0 20px;
    margin-right: 30px
}

section.car-top-info .content .car-info .price {
    font-size: 18px;
    font-weight: 300;
    color: #383b3f
}

section.car-top-info .content .car-info .price span {
    font-size: 30px
}

section.car-top-info .content .reserve-car {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.car-top-info .content .reserve-car .form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px
}

section.car-top-info .content .reserve-car .form-wrapper label {
    font-size: 14px;
    color: #383b3f;
    font-weight: 600;
    margin-right: 10px
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper {
    position: relative;
    width: 211px
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper .error-summary {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 4px
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper .error-summary ul {
    padding: 0;
    margin: 0
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper .error-summary ul li {
    list-style: none;
    color: red;
    font-size: 11px
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper input {
    width: 100%;
    height: 40px;
    border: 1px solid #CCCCCC;
    padding: 0 10px;
    font-size: 14px;
    color: #383b3f;
    border-radius: 4px;
    font-weight: 600;
    outline: none;
    margin-right: 20px
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper input.has-error {
    border-color: red
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper input.placeholder {
    color: #53565A
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper input:-moz-placeholder {
    color: #53565A
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper input::-moz-placeholder {
    color: #53565A
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper input:-ms-input-placeholder {
    color: #53565A
}

section.car-top-info .content .reserve-car .form-wrapper .input-wrapper input::-webkit-input-placeholder {
    color: #53565A
}

section.car-top-info .content .reserve-car button {
    width: 211px;
    height: 40px;
    background: #FFB700;
    color: #383b3f;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    outline: none;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.car-top-info .content .reserve-car button:hover {
    background: #f0ac00
}

section.car-top-info .content .reserve-car button:active {
    background: #e0a100
}

section.car-icons {
    padding: 50px 0
}

section.car-icons .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.car-icons .content .icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px
}

section.car-icons .content .icon.free-service i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1119px -92px;
    width: 65px;
    height: 65px
}

section.car-icons .content .icon.infinite-mileage i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1292px -52px;
    width: 69px;
    height: 37px
}

section.car-icons .content .icon.free-navigator i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1061px -170px;
    width: 61px;
    height: 61px
}

section.car-icons .content .icon.shipping i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1184px -92px;
    width: 65px;
    height: 65px
}

section.car-icons .content .icon.pay-methods i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1380px -92px;
    width: 59px;
    height: 59px
}

section.car-icons .content .icon.kid-chair i:before {
    background-image: url(../../images/sprite.png);
    background-position: -1249px -92px;
    width: 70px;
    height: 60px
}

section.car-icons .content .icon i {
    width: 92px;
    height: 92px;
    border: 3px solid #FFB700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 15px
}

section.car-icons .content .icon i:before {
    content: '';
    display: block
}

section.car-icons .content .icon .name {
    text-align: center;
    color: #383b3f;
    font-size: 14px
}

section.fast-form-section .content .block {
    height: 83px;
    border: 4px solid #303337;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 46px
}

section.fast-form-section .content .block .cnt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 27px
}

section.fast-form-section .content .block .cnt i {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: block;
    margin-right: 25px;
    background-image: url(../../images/sprite.png);
    background-position: -1607px -92px;
    width: 57px;
    height: 39px
}

section.fast-form-section .content .block .cnt .text {
    color: #383b3f
}

section.fast-form-section .content .block .cnt .text .name {
    font-size: 24px;
    font-weight: 700
}

section.fast-form-section .content .block .cnt .text .desc {
    margin-top: -3px;
    font-size: 15px
}

section.fast-form-section .content .block .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 302px;
    height: 40px;
    background: #FFB700;
    color: #383b3f;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    outline: none;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    text-decoration: none
}

section.fast-form-section .content .block .button:hover {
    background: #f0ac00
}

section.fast-form-section .content .block .button:active {
    background: #e0a100
}

section.car-general-section {
    padding: 50px 0
}

section.car-general-section .content .car-cat-selectors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px
}

section.car-general-section .content .car-cat-selectors .car-cat-selector {
    color: #383b3f;
    font-size: 24px;
    border-bottom: 5px solid transparent;
    font-weight: 300;
    cursor: pointer;
    margin-right: 55px;
    padding: 4px 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

section.car-general-section .content .car-cat-selectors .car-cat-selector:hover,
section.car-general-section .content .car-cat-selectors .car-cat-selector.active {
    border-color: #FFB700
}

section.car-general-section .content .car-info-blocks .car-info-block {
    display: none
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .general-detail {
    width: 670px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .general-detail .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    background: #FFFFFF;
    color: #383b3f;
    font-size: 14px
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .general-detail .info:nth-child(odd) {
    background: #E6E6E6
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .general-detail .info span.strong {
    font-weight: 600
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .other-details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 20px;
    color: #383b3f
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .other-details .desc {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .other-details ul {
    padding: 0;
    margin: 0
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .other-details ul li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px
}

section.car-general-section .content .car-info-blocks .car-info-block .car-detail .other-details ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 7px;
    background: #FFB700
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 570px;
    margin-right: 50px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    margin-bottom: 20px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block:nth-child(1) i {
    background-image: url(../../images/sprite.png);
    background-position: -1493px -92px;
    width: 54px;
    height: 54px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block:nth-child(2) i {
    background-image: url(../../images/sprite.png);
    background-position: -1122px -170px;
    width: 48px;
    height: 61px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block:nth-child(3) i {
    background-image: url(../../images/sprite.png);
    background-position: -1439px -92px;
    width: 54px;
    height: 54px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block:nth-child(4) i {
    background-image: url(../../images/sprite.png);
    background-position: -1319px -92px;
    width: 61px;
    height: 60px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block i {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block .text {
    font-size: 14px;
    padding-left: 20px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .text-block .name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .text-block .desc {
    font-size: 16px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block {
    color: #101010;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    margin: 20px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common {
    font-size: 14px;
    line-height: 1.8em
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .desc {
    padding-top: 10px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .desc .desc-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .desc .desc-blocks .desc-block {
    padding-right: 60px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .desc .desc-blocks .desc-block:last-child {
    padding-right: 0
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .desc .desc-blocks .desc-block strong {
    margin-right: 30px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common strong {
    color: #FFB700;
    font-weight: 700
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .shipping-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .shipping-blocks .block .name {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px
}

section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .shipping-blocks .block .text strong {
    margin-left: 30px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 50px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination {
    border-radius: 30px;
    border: 1px solid #DADADA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2;
    padding: 4px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next {
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background: #DADADA;
    cursor: pointer
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev:hover,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next:hover {
    background: #FFB700
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev:hover::before,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next:hover::before {
    background-image: url(../../images/sprite.png);
    background-position: -1404px -72px;
    width: 6px;
    height: 9px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev.disabled,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next.disabled {
    pointer-events: none
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev.disabled a,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev.disabled span,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next.disabled a,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next.disabled span {
    cursor: default
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev a,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev span,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next a,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev a:before,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .prev span:before,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next a:before,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next span:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -1410px -72px;
    width: 6px;
    height: 9px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next a,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next a:before,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination .next span:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li {
    list-style: none;
    font-size: 14px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li.active {
    pointer-events: none
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li.active a {
    text-decoration: none;
    color: #868686;
    cursor: default
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li span {
    color: #868686;
    cursor: default
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li a {
    text-decoration: underline;
    color: #222222
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li a:hover {
    color: #FFB700;
    text-decoration: underline
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li a,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .pagination-wrapper .pagination ul li span {
    height: 23px;
    padding: 0 15px;
    display: block
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .add-review-button {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 200px;
    height: 40px;
    background: #FFB700;
    color: #383b3f;
    font-size: 13px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin-bottom: 40px;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .add-review-button:hover {
    background: #f0ac00
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .add-review-button:active {
    background: #e0a100
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper {
    padding-bottom: 60px;
    display: none;
    padding-top: 30px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form label {
    font-size: 14px;
    font-weight: 600;
    color: #383b3f;
    display: block;
    margin-bottom: 5px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form input,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form textarea {
    border: 1px solid #BFBFBF;
    outline: none;
    font-size: 14px;
    color: #383b3f;
    font-weight: 600
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form input {
    width: 300px;
    padding: 0 15px;
    height: 40px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form textarea {
    width: 640px;
    height: 170px;
    padding: 10px 15px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    resize: vertical
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .inputs {
    width: 640px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .textarea-wrapper {
    padding-top: 30px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .textarea-wrapper .textarea-and-desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .textarea-wrapper .textarea-and-desc .desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 10px;
    color: #969696;
    font-size: 14px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom {
    padding-top: 25px;
    width: 640px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .desc {
    font-size: 14px;
    color: #383b3f;
    font-weight: 600;
    padding-bottom: 11px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars {
    background-image: url(../../images/sprite.png);
    background-position: -1292px -16px;
    width: 214px;
    height: 36px;
    position: relative;
    cursor: pointer
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars[data-rating='0'] .active {
    width: calc(0 * 42.8px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars[data-rating='1'] .active {
    width: calc(1 * 42.8px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars[data-rating='2'] .active {
    width: calc(2 * 42.8px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars[data-rating='3'] .active {
    width: calc(3 * 42.8px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars[data-rating='4'] .active {
    width: calc(4 * 42.8px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars[data-rating='5'] .active {
    width: calc(5 * 42.8px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .stars-wrapper .stars .active {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../images/stars-lg.png) left center no-repeat;
    height: 100%
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .right .desc {
    font-size: 12px;
    color: #646464;
    text-align: right;
    padding-bottom: 10px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .right .desc span {
    font-size: 14px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .right button {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 300px;
    height: 40px;
    background: #FFB700;
    color: #383b3f;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .right button:hover {
    background: #f0ac00
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .right button:active {
    background: #e0a100
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review {
    border-bottom: 1px solid #BFBFBF;
    padding: 30px 0
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .head {
    color: #7f7f7f;
    padding-bottom: 5px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .head span {
    color: #383b3f;
    font-size: 18px;
    font-weight: 700
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars {
    background-image: url(../../images/sprite.png);
    background-position: -1929px -16px;
    width: 100px;
    height: 17px;
    position: relative
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars[data-rating='0'] .active {
    width: calc(0 * 20px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars[data-rating='1'] .active {
    width: calc(1 * 20px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars[data-rating='2'] .active {
    width: calc(2 * 20px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars[data-rating='3'] .active {
    width: calc(3 * 20px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars[data-rating='4'] .active {
    width: calc(4 * 20px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars[data-rating='5'] .active {
    width: calc(5 * 20px)
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .stars .active {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../images/stars-sm.png) left center no-repeat;
    height: 100%
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-body {
    padding-top: 40px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-body .review-body-text {
    color: #383b3f;
    padding-bottom: 15px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-body .review-body-text .name {
    font-size: 16px;
    font-weight: 700
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-body .review-body-text .text {
    font-size: 14px;
    line-height: 1.5em
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper {
    color: #383b3f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper span {
    font-weight: 600
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons {
    padding: 0 10px 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .like-button,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .dislike-button {
    width: 35px;
    height: 35px;
    border-radius: 2px;
    border: 1px solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin: 0 5px;
    cursor: pointer
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .like-button:hover,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .dislike-button:hover {
    opacity: 0.8
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .like-button:before,
section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .dislike-button:before {
    content: '';
    display: block
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .like-button {
    border-color: #F6B429
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .like-button.selected {
    background: #00AC22;
    border-color: #00AC22
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .like-button.selected:before {
    background-image: url(../../images/sprite.png);
    background-position: -2025px -33px;
    width: 17px;
    height: 18px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .like-button:before {
    background-image: url(../../images/sprite.png);
    background-position: -2059px -33px;
    width: 17px;
    height: 18px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .dislike-button {
    border-color: #BFBFBF
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .dislike-button.selected {
    background: red;
    border-color: red;
    pointer-events: none
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .dislike-button.selected:before {
    background-image: url(../../images/sprite.png);
    background-position: -2076px -33px;
    width: 16px;
    height: 18px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .buttons .dislike-button:before {
    background-image: url(../../images/sprite.png);
    background-position: -2092px -33px;
    width: 16px;
    height: 18px
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .rating-num {
    font-weight: 600
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .rating-num.plus {
    color: #00AC22
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .rating-num.minus {
    color: red
}

section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .reviews-wrapper .review .review-rating-wrapper .rating-num.neutral {
    color: #BFBFBF
}

section.car-gallery {
    padding: 50px 0
}

section.car-gallery .content .title {
    text-align: center;
    font-size: 24px;
    color: #383b3f;
    font-weight: 600;
    margin-bottom: 50px
}

section.car-gallery .content .car-gallery-slider {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto
}

section.car-gallery .content .car-gallery-slider .slick-prev,
section.car-gallery .content .car-gallery-slider .slick-next {
    width: 29px;
    height: 29px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.car-gallery .content .car-gallery-slider .slick-prev:before,
section.car-gallery .content .car-gallery-slider .slick-next:before {
    content: '';
    display: block;
    position: static;
    background-image: url(../../images/sprite.png);
    background-position: -1387px -52px;
    width: 17px;
    height: 29px
}

section.car-gallery .content .car-gallery-slider .slick-next {
    right: -39px
}

section.car-gallery .content .car-gallery-slider .slick-next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.car-gallery .content .car-gallery-slider .slick-prev {
    left: -39px
}

section.car-gallery .content .car-gallery-slider a {
    display: block;
    outline: none;
    overflow: hidden;
    margin: 0 7px
}

section.car-gallery .content .car-gallery-slider a img {
    width: 100%;
    display: block
}

section.car-gallery .content .desc {
    font-size: 14px;
    text-align: center;
    max-width: 870px;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px
}

section.contacts-map {
    height: 718px;
    position: relative
}

section.contacts-map #map {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

section.contacts-map .content {
    height: 618px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.contacts-map .content .block {
    position: relative;
    z-index: 2;
    color: #383b3f;
    font-family: "Roboto";
    border-top: 21px solid #303337;
    width: 430px;
    height: 640px; 
    background: #fff;
    box-shadow: 0px 5px 9.9px 0.1px rgba(0, 0, 0, 0.25);
    padding: 20px
}

section.contacts-map .content .block .block-name {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 50px
}

section.contacts-map .content .block .common .info-block {
    font-size: 18px;
    margin-bottom: 30px
}

section.contacts-map .content .block .common .info-block .name {
    font-weight: 700;
    margin-bottom: 5px
}

section.contacts-map .content .block .common .info-block .desc {
    font-weight: 300
}

section.contacts-map .content .block .common .info-block .desc a {
    color: #383b3f;
    text-decoration: none;
    display: block;
    margin-bottom: 5px
}

section.contacts-map .content .block .common .info-block .desc a:hover {
    text-decoration: underline
}

section.contacts-form {
    padding: 50px 0 80px
}

section.contacts-form .content .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    text-align: center
}

section.contacts-form .content .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.contacts-form .content .section-title span:before,
section.contacts-form .content .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

section.contacts-form .content .section-title span:before {
    margin-right: 25px
}

section.contacts-form .content .section-title span:after {
    margin-left: 25px
}

section.contacts-form .content .desc {
    text-align: center;
    font-size: 13px;
    color: #383b3f
}

section.contacts-form .content form {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding-top: 35px
}

section.contacts-form .content form textarea,
section.contacts-form .content form input {
    width: 100%;
    border-radius: 23px;
    border: 1px solid #4C4C4C;
    outline: none;
    padding: 15px 19px;
    font-size: 13px
}

section.contacts-form .content form textarea {
    height: 126px;
    resize: none;
    display: block;
    margin-bottom: 20px
}

section.contacts-form .content form input {
    height: 44px;
    width: 220px;
    margin-right: 20px
}

section.contacts-form .content form button {
    width: 220px;
    height: 44px;
    background: #FFB700;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 23px;
    outline: none;
    display: block;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.contacts-form .content form button:hover {
    background: #f0ac00
}

section.contacts-form .content form button:active {
    background: #e0a100
}

section.contacts-form .content form .inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.works-page {
    padding: 50px 0 70px
}

section.works-page .content .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 95px;
    text-align: center
}

section.works-page .content .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.works-page .content .section-title span:before,
section.works-page .content .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

section.works-page .content .section-title span:before {
    margin-right: 25px
}

section.works-page .content .section-title span:after {
    margin-left: 25px
}

section.works-page .content .works-wrapper .works-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 95px
}

section.works-page .content .works-wrapper .works-section .works-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%
}

section.works-page .content .works-wrapper .works-section .works-block:first-child {
    border-right: 1px solid #FFB700;
    text-align: right;
    padding-right: 35px
}

section.works-page .content .works-wrapper .works-section .works-block:last-child {
    padding-left: 35px;
    border-left: 1px solid #FFB700
}

section.works-page .content .works-wrapper .works-section .works-block .name {
    font-size: 24px;
    color: #101010;
    font-weight: 700
}

section.works-page .content .works-wrapper .works-section .works-block .price {
    color: #FFB700;
    font-size: 16px;
    font-weight: 700;
    margin: 30px 0
}

section.works-page .content .works-wrapper .works-section .works-block .desc {
    font-size: 16px;
    color: #101010
}

section.works-page .content .works-wrapper .works-section .works-block .desc .price-list {
    margin-top: 30px
}

section.works-page .content .works-wrapper .works-section .works-block .desc .price-list .line {
    margin-bottom: 5px
}

section.works-page .content .works-wrapper .works-section .works-block .desc .price-list .line:last-child {
    margin-bottom: 0
}

section.works-page .content .works-wrapper .works-section .works-block .desc .price-list .line span {
    color: #FFB700;
    font-weight: 700;
    margin-right: 20px
}

section.works-page .content .works-wrapper .works-section .works-block a {
    color: #101010;
    margin-top: 20px;
    display: block
}

section.works-page .content .works-wrapper .works-section .works-block a:hover {
    text-decoration: none
}

section.works-page .content .works-wrapper .works-shipping .title {
    font-size: 24px;
    color: #101010;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

section.works-page .content .works-wrapper .works-shipping .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.works-page .content .works-wrapper .works-shipping .blocks .block {
    text-align: center
}

section.works-page .content .works-wrapper .works-shipping .blocks .block .name {
    font-size: 16px;
    font-weight: 700;
    color: #101010;
    margin-bottom: 8px
}

section.works-page .content .works-wrapper .works-shipping .blocks .block .desc {
    font-size: 16px;
    color: #101010;
    line-height: 1.7em
}

section.works-page .content .works-wrapper .works-shipping .blocks .block .desc span {
    color: #FFB700;
    font-weight: 700;
    margin-left: 25px
}

section.rent-terms {
    padding: 50px 0
}

section.rent-terms .content .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    text-align: center
}

section.rent-terms .content .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.rent-terms .content .section-title span:before,
section.rent-terms .content .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

section.rent-terms .content .section-title span:before {
    margin-right: 25px
}

section.rent-terms .content .section-title span:after {
    margin-left: 25px
}

section.rent-terms .content .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.rent-terms .content .blocks .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border: 3px solid #FFB700;
    width: 290px
}

section.rent-terms .content .blocks .block:nth-child(1) i {
/*    background-image: url(../../images/sprite.png);*/
    background-image: url(/../img/years18.png);
    background-size: 100% 100%;
/*    background-position: -1493px -92px;*/
    width: 54px;
    height: 54px
}

section.rent-terms .content .blocks .block:nth-child(2) i {
    background-image: url(../../images/sprite.png);
    background-position: -1122px -170px;
    width: 48px;
    height: 61px
}

section.rent-terms .content .blocks .block:nth-child(3) i {
    background-image: url(../../images/sprite.png);
    background-position: -1439px -92px;
    width: 54px;
    height: 54px
}

section.rent-terms .content .blocks .block:nth-child(4) i {
    background-image: url(../../images/sprite.png);
    background-position: -1319px -92px;
    width: 61px;
    height: 60px
}

section.rent-terms .content .blocks .block i {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 15px
}

section.rent-terms .content .blocks .block .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 14px;
    color: #383b3f
}

.stages {
    background: #EBEBEB;
    padding: 50px 0
}

.stages .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    text-align: center
}

.stages .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.stages .section-title span:before,
.stages .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #303337
}

.stages .section-title span:before {
    margin-right: 25px
}

.stages .section-title span:after {
    margin-left: 25px
}

.stages .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 90px;
    position: relative
}

.stages .blocks::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    background-image: url(../../images/sprite.png);
    background-position: -1547px -92px;
    width: 60px;
    height: 40px
}

.stages .blocks .block {
    width: 100%;
    max-width: 260px
}

.stages .blocks .block:nth-child(1) .circle::after {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    top: 50px;
    left: 26px
}

.stages .blocks .block:nth-child(2) {
    margin-bottom: -142px
}

.stages .blocks .block:nth-child(3) {
    margin-top: 22px
}

.stages .blocks .block:nth-child(3) .circle::after {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    top: 50px;
    left: 26px
}

.stages .blocks .block:nth-child(4) {
    margin-bottom: -119px
}

.stages .blocks .block:nth-child(4) .circle::after {
    width: 269px;
    top: -21px
}

.stages .blocks .block .name {
    font-size: 16px;
    font-weight: 800;
    color: #252525;
    font-style: italic;
    text-align: center
}

.stages .blocks .block .name span {
    font-weight: 400;
    font-size: 14px;
    display: block
}

.stages .blocks .block .num {
    font-size: 30px;
    color: #b2b2b2;
    text-align: center;
    font-weight: 800;
    font-style: italic
}

.stages .blocks .block .circle {
    width: 28px;
    height: 28px;
    background: #727272;
    margin: 5px auto;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.stages .blocks .block .circle::after {
    content: '';
    display: block;
    background: url(../../images/line2.png) left top repeat;
    width: 235px;
    height: 2px;
    position: absolute;
    left: 27px;
    top: -18px;
    margin-top: -1px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.stages .blocks .block .circle::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #FFB700
}

section.documents {
    padding: 50px 0;
    background: url(../../images/bg.jpg) center center no-repeat;
    background-size: cover
}

section.documents .content {
/*
    background: url(../../images/docs2.png) right center no-repeat;
    min-height: 516px
*/
    background: url(../../images/docs2.png);
    /* min-height: 516px; */
    height: 511px;
    background-repeat: no-repeat;
    width: auto;
    background-size: contain;
    background-position: right;
}

section.documents .content .text {
    color: #252525
}

section.documents .content .text .name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px
}

section.documents .content .text .desc {
    font-size: 16px
}

section.documents .content .text .other-desc {
    margin-top: 100px
}

section.documents .content .text .other-desc a {
    color: #252525;
    text-decoration: none;
    font-weight: 700
}

section.documents .content .text .other-desc a:hover {
    text-decoration: underline
}

section.hotel-banner {
    background: url(../../images/bg2.jpg) center center no-repeat;
    background-size: cover
}

section.hotel-banner .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 618px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.hotel-banner .content .text-block {
    color: #fff
}

section.hotel-banner .content .text-block .title {
    height: 29px;
    font-size: 20px;
    font-weight: 700;
    width: 192px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.hotel-banner .content .text-block .title:before,
section.hotel-banner .content .text-block .title:after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 29px;
    background: #FFB700
}

section.hotel-banner .content .text-block .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 56px;
    font-weight: 700;
    margin: 20px 0
}

section.hotel-banner .content .text-block .name .stars {
    position: relative;
    width: 217px;
    height: 45px;
    margin-left: 10px
}

section.hotel-banner .content .text-block .name .stars[data-stars="1"]:before {
    width: 20%
}

section.hotel-banner .content .text-block .name .stars[data-stars="2"]:before {
    width: 40%
}

section.hotel-banner .content .text-block .name .stars[data-stars="3"]:before {
    width: 60%
}

section.hotel-banner .content .text-block .name .stars[data-stars="4"]:before {
    width: 80%
}

section.hotel-banner .content .text-block .name .stars[data-stars="5"]:before {
    width: 100%
}

section.hotel-banner .content .text-block .name .stars::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: url(../../images/stars.png) 4px center no-repeat
}

section.hotel-banner .content .text-block .desc {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 40px
}

section.hotel-banner .content .text-block a {
    border-radius: 30px;
    background: #fff;
    width: 235px;
    height: 49px;
    font-size: 14px;
    color: #444444;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

section.hotel-banner .content .text-block a:hover {
    background: #FFB700;
    color: #303337
}

section.hotel-banner .content .text-block a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    display: block
}

section.hotel-banner .content .text-block a i {
    background: #303337;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 37px;
    height: 37px;
    border-radius: 100%;
    margin-right: 7px
}

section.hotel-banner .content .text-block a i:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -2152px -33px;
    width: 8px;
    height: 13px
}

section.about-hotel {
    padding: 50px 0
}

section.about-hotel .content .about-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.about-hotel .content .about-block .image {
    width: 405px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 30px
}

section.about-hotel .content .about-block .image img {
    width: 100%;
    display: block
}

section.about-hotel .content .about-block .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    color: #383b3f;
    line-height: 1.5em
}

section.about-hotel .content .about-block .text .logo {
    background: url(../../images/metropolis.png) center center no-repeat;
    width: 234px;
    height: 65px;
    background-size: 100%;
    margin-bottom: 20px
}

section.about-hotel .content .about-block .text strong {
    font-weight: 700
}

section.about-hotel .content .hotel-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    padding-top: 50px
}

section.about-hotel .content .hotel-options .option {
    color: #383b3f;
    font-weight: 700;
    font-size: 16px;
    padding-left: 30px;
    background: url(../../images/ic24.png) left center no-repeat;
    min-height: 18px;
    margin: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 295px;
    -ms-flex: 1 1 295px;
    flex: 1 1 295px
}

section.hotel-gallery {
    padding-bottom: 50px
}

section.hotel-gallery .content .hotel-gallery-slider {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto
}

section.hotel-gallery .content .hotel-gallery-slider .slick-prev,
section.hotel-gallery .content .hotel-gallery-slider .slick-next {
    width: 29px;
    height: 29px;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.hotel-gallery .content .hotel-gallery-slider .slick-prev:before,
section.hotel-gallery .content .hotel-gallery-slider .slick-next:before {
    content: '';
    display: block;
    position: static;
    background-image: url(../../images/sprite.png);
    background-position: -1387px -52px;
    width: 17px;
    height: 29px
}

section.hotel-gallery .content .hotel-gallery-slider .slick-next {
    right: -39px
}

section.hotel-gallery .content .hotel-gallery-slider .slick-next:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

section.hotel-gallery .content .hotel-gallery-slider .slick-prev {
    left: -39px
}

section.hotel-gallery .content .hotel-gallery-slider a {
    display: block;
    outline: none;
    overflow: hidden;
    margin: 0 7px
}

section.hotel-gallery .content .hotel-gallery-slider a img {
    width: 100%;
    display: block
}

section.hotel-transfer {
    background: #EBEBEB;
    padding: 50px 0
}

section.hotel-transfer .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
    text-align: center
}

section.hotel-transfer .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.hotel-transfer .section-title span:before,
section.hotel-transfer .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #252525
}

section.hotel-transfer .section-title span:before {
    margin-right: 25px
}

section.hotel-transfer .section-title span:after {
    margin-left: 25px
}

section.hotel-transfer .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden
}

section.hotel-transfer .blocks::before {
    content: '';
    display: block;
    position: absolute;
    left: 68px;
    top: 59px;
    background-image: url(../../images/sprite.png);
    background-position: -1061px 0px;
    width: 1099px;
    height: 16px
}

section.hotel-transfer .blocks .block {
    position: relative;
    z-index: 2
}

section.hotel-transfer .blocks .block.orange .circle:before {
    background: #FFB700
}

section.hotel-transfer .blocks .block.red .circle:before {
    background: #E9231D
}

section.hotel-transfer .blocks .block .name {
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    color: #252525;
    margin-bottom: 10px
}

section.hotel-transfer .blocks .block .circle {
    margin: 0 auto;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #727272
}

section.hotel-transfer .blocks .block .circle:before {
    content: '';
    display: block;
    border-radius: 100%;
    width: 20px;
    height: 20px
}

section.hotel-transfer .desc {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #575757;
    padding-top: 40px
}

section.hotel-rooms {
    padding: 50px 0
}

section.hotel-rooms .content .rooms {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -29px
}

section.hotel-rooms .content .rooms .room {
    border: 3px solid #ededed;
    background-color: #fff;
    max-width: 370px;
    width: 100%;
    min-width: 300px;
    margin: 29px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

section.hotel-rooms .content .rooms .room .image {
    width: 100%;
    height: 275px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: block
}

section.hotel-rooms .content .rooms .room .image img {
    display: block;
    min-width: 100%;
    min-height: 100%
}

section.hotel-rooms .content .rooms .room .common {
    position: relative;
    text-align: center;
    color: #383b3f;
    padding: 18px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-bottom: 110px
}

section.hotel-rooms .content .rooms .room .common .name {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    padding-bottom: 17px
}

section.hotel-rooms .content .rooms .room .common .name::before {
    content: '';
    position: absolute;
    display: block;
    width: 210px;
    height: 1px;
    background: #CCCCCC;
    left: 50%;
    margin-left: -105px;
    bottom: 0
}

section.hotel-rooms .content .rooms .room .common .desc {
    font-size: 14px;
    padding: 17px 0
}

section.hotel-rooms .content .rooms .room .common .view {
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
    color: #383b3f
}

section.hotel-rooms .content .rooms .room .common .view:hover {
    text-decoration: none
}

section.hotel-rooms .content .rooms .room .common .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 18px;
    width: 100%
}

section.hotel-rooms .content .rooms .room .common .bottom .bottom-desc {
    font-size: 16px;
    margin-bottom: 15px
}

section.hotel-rooms .content .rooms .room .common .bottom .popup,
section.hotel-rooms .content .rooms .room .common .bottom a {
    width: 240px;
    height: 40px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #151515;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: #FFB700;
    margin: 0 auto;
    text-decoration: none
}

section.hotel-rooms .content .rooms .room .common .bottom .popup:hover,
section.hotel-rooms .content .rooms .room .common .bottom a:hover {
    background: #f0ac00
}

section.hotel-rooms .content .rooms .room .common .bottom .popup:active,
section.hotel-rooms .content .rooms .room .common .bottom a:active {
    background: #e0a100
}

#reserve-room,
#reserve-car {
    max-width: 1276px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 50px 0
}

#reserve-room .section-title,
#reserve-car .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    text-align: center
}

#reserve-room .section-title span,
#reserve-car .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #2B2B2B
}

#reserve-room .section-title span:before,
#reserve-room .section-title span:after,
#reserve-car .section-title span:before,
#reserve-car .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #2B2B2B
}

#reserve-room .section-title span:before,
#reserve-car .section-title span:before {
    margin-right: 25px
}

#reserve-room .section-title span:after,
#reserve-car .section-title span:after {
    margin-left: 25px
}

#reserve-room .name,
#reserve-car .name {
    font-size: 13px;
    color: #2B2B2B;
    text-align: center
}

#reserve-room .link-wrapper,
#reserve-car .link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 15px
}

#reserve-room .link-wrapper a,
#reserve-car .link-wrapper a {
    font-size: 13px;
    color: #999999;
    text-decoration: underline
}

#reserve-room .link-wrapper a:hover,
#reserve-car .link-wrapper a:hover {
    text-decoration: none
}

#reserve-room form,
#reserve-car form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 45px
}

#reserve-room form .error-summary,
#reserve-car form .error-summary {
    min-width: 100%;
    color: red
}

#reserve-room form .error-summary ul,
#reserve-car form .error-summary ul {
    padding: 10px 0 0
}

#reserve-room form .error-summary ul li,
#reserve-car form .error-summary ul li {
    list-style: none;
    text-align: center;
    font-size: 12px
}

#reserve-room form .input-wrapper,
#reserve-car form .input-wrapper {
    width: 342px;
    margin: 0 9px
}

#reserve-room form .input-wrapper input,
#reserve-car form .input-wrapper input {
    width: 100%;
    height: 44px;
    border-radius: 30px;
    outline: none;
    border: 1px solid #4C4C4C;
    padding: 0 20px;
    font-size: 13px;
    color: #2B2B2B;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

#reserve-room form .input-wrapper input:focus,
#reserve-car form .input-wrapper input:focus {
    color: #2B2B2B
}

#reserve-room form .input-wrapper input:focus.placeholder,
#reserve-car form .input-wrapper input:focus.placeholder {
    color: #353535
}

#reserve-room form .input-wrapper input:focus:-moz-placeholder,
#reserve-car form .input-wrapper input:focus:-moz-placeholder {
    color: #353535
}

#reserve-room form .input-wrapper input:focus::-moz-placeholder,
#reserve-car form .input-wrapper input:focus::-moz-placeholder {
    color: #353535
}

#reserve-room form .input-wrapper input:focus:-ms-input-placeholder,
#reserve-car form .input-wrapper input:focus:-ms-input-placeholder {
    color: #353535
}

#reserve-room form .input-wrapper input:focus::-webkit-input-placeholder,
#reserve-car form .input-wrapper input:focus::-webkit-input-placeholder {
    color: #353535
}

#reserve-room form .input-wrapper input.placeholder,
#reserve-car form .input-wrapper input.placeholder {
    color: #999999;
    font-weight: 400
}

#reserve-room form .input-wrapper input:-moz-placeholder,
#reserve-car form .input-wrapper input:-moz-placeholder {
    color: #999999;
    font-weight: 400
}

#reserve-room form .input-wrapper input::-moz-placeholder,
#reserve-car form .input-wrapper input::-moz-placeholder {
    color: #999999;
    font-weight: 400
}

#reserve-room form .input-wrapper input:-ms-input-placeholder,
#reserve-car form .input-wrapper input:-ms-input-placeholder {
    color: #999999;
    font-weight: 400
}

#reserve-room form .input-wrapper input::-webkit-input-placeholder,
#reserve-car form .input-wrapper input::-webkit-input-placeholder {
    color: #999999;
    font-weight: 400
}

#reserve-room form button,
#reserve-car form button {
    margin: 0 9px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #FFB700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    outline: none;
    padding: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

#reserve-room form button:hover,
#reserve-car form button:hover {
    background: #f0ac00
}

#reserve-room form button:active,
#reserve-car form button:active {
    background: #e0a100
}

#reserve-room form button i,
#reserve-car form button i {
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -2152px -33px;
    width: 8px;
    height: 13px
}

.reviews-page {
    padding: 50px 0 0
}

.reviews-page .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    text-align: center
}

.reviews-page .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.reviews-page .section-title span:before,
.reviews-page .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

.reviews-page .section-title span:before {
    margin-right: 25px
}

.reviews-page .section-title span:after {
    margin-left: 25px
}

.reviews-page .content .pagination-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 50px
}

.reviews-page .content .pagination-wrapper .pagination {
    border-radius: 30px;
    border: 1px solid #DADADA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2;
    padding: 4px
}

.reviews-page .content .pagination-wrapper .pagination .prev,
.reviews-page .content .pagination-wrapper .pagination .next {
    width: 23px;
    height: 23px;
    border-radius: 100%;
    background: #DADADA;
    cursor: pointer
}

.reviews-page .content .pagination-wrapper .pagination .prev:hover,
.reviews-page .content .pagination-wrapper .pagination .next:hover {
    background: #FFB700
}

.reviews-page .content .pagination-wrapper .pagination .prev:hover::before,
.reviews-page .content .pagination-wrapper .pagination .next:hover::before {
    background-image: url(../../images/sprite.png);
    background-position: -1404px -72px;
    width: 6px;
    height: 9px
}

.reviews-page .content .pagination-wrapper .pagination .prev.disabled,
.reviews-page .content .pagination-wrapper .pagination .next.disabled {
    pointer-events: none
}

.reviews-page .content .pagination-wrapper .pagination .prev.disabled a,
.reviews-page .content .pagination-wrapper .pagination .prev.disabled span,
.reviews-page .content .pagination-wrapper .pagination .next.disabled a,
.reviews-page .content .pagination-wrapper .pagination .next.disabled span {
    cursor: default
}

.reviews-page .content .pagination-wrapper .pagination .prev a,
.reviews-page .content .pagination-wrapper .pagination .prev span,
.reviews-page .content .pagination-wrapper .pagination .next a,
.reviews-page .content .pagination-wrapper .pagination .next span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.reviews-page .content .pagination-wrapper .pagination .prev a:before,
.reviews-page .content .pagination-wrapper .pagination .prev span:before,
.reviews-page .content .pagination-wrapper .pagination .next a:before,
.reviews-page .content .pagination-wrapper .pagination .next span:before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -1410px -72px;
    width: 6px;
    height: 9px
}

.reviews-page .content .pagination-wrapper .pagination .next a,
.reviews-page .content .pagination-wrapper .pagination .next span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.reviews-page .content .pagination-wrapper .pagination .next a:before,
.reviews-page .content .pagination-wrapper .pagination .next span:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.reviews-page .content .pagination-wrapper .pagination ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.reviews-page .content .pagination-wrapper .pagination ul li {
    list-style: none;
    font-size: 14px
}

.reviews-page .content .pagination-wrapper .pagination ul li.active {
    pointer-events: none
}

.reviews-page .content .pagination-wrapper .pagination ul li.active a {
    text-decoration: none;
    color: #868686;
    cursor: default
}

.reviews-page .content .pagination-wrapper .pagination ul li span {
    color: #868686;
    cursor: default
}

.reviews-page .content .pagination-wrapper .pagination ul li a {
    text-decoration: underline;
    color: #222222
}

.reviews-page .content .pagination-wrapper .pagination ul li a:hover {
    color: #FFB700;
    text-decoration: underline
}

.reviews-page .content .pagination-wrapper .pagination ul li a,
.reviews-page .content .pagination-wrapper .pagination ul li span {
    height: 23px;
    padding: 0 15px;
    display: block
}

.reviews-page .content .reviews-wrapper .review-block {
    border-bottom: 2px solid #BFBFBF;
    padding: 50px 0
}

.reviews-page .content .reviews-wrapper .review-block:last-child {
    border-bottom: 0
}

.reviews-page .content .reviews-wrapper .review-block .review .name {
    text-align: center;
    font-size: 12px;
    color: #999999
}

.reviews-page .content .reviews-wrapper .review-block .review .name::after {
    content: "";
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: 0px -668px;
    width: 909px;
    height: 27px;
    margin: 15px auto
}

.reviews-page .content .reviews-wrapper .review-block .review .name span {
    font-weight: 700;
    color: #000000
}

.reviews-page .content .reviews-wrapper .review-block .review .text {
    font-size: 15px;
    color: #666666;
    line-height: 1.5em;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 10px
}

.reviews-page .content .reviews-wrapper .review-block .review-answer {
    padding-top: 40px
}

.reviews-page .content .reviews-wrapper .review-block .review-answer .name {
    color: #000000;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px
}

.reviews-page .content .reviews-wrapper .review-block .review-answer .text {
    color: #666666;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

section.security-page {
    padding: 50px 0 80px
}

section.security-page .content {
    max-width: 1146px
}

section.security-page .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 15px
}

section.security-page .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

section.security-page .section-title span:before,
section.security-page .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

section.security-page .section-title span:before {
    margin-right: 25px
}

section.security-page .section-title span:after {
    margin-left: 25px
}

section.security-page .section-descr {
    font-size: 14px;
    text-align: center;
    color: #383b3f
}

section.security-page form {
    padding-top: 35px;
    color: #383b3f
}

section.security-page form input,
section.security-page form select,
section.security-page form textarea {
    width: 100%;
    height: 40px;
    border: 1px solid #BFBFBF;
    padding: 0 15px;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: #000;
    font-weight: 600
}

section.security-page form input.placeholder,
section.security-page form select.placeholder,
section.security-page form textarea.placeholder {
    color: #949494
}

section.security-page form input:-moz-placeholder,
section.security-page form select:-moz-placeholder,
section.security-page form textarea:-moz-placeholder {
    color: #949494
}

section.security-page form input::-moz-placeholder,
section.security-page form select::-moz-placeholder,
section.security-page form textarea::-moz-placeholder {
    color: #949494
}

section.security-page form input:-ms-input-placeholder,
section.security-page form select:-ms-input-placeholder,
section.security-page form textarea:-ms-input-placeholder {
    color: #949494
}

section.security-page form input::-webkit-input-placeholder,
section.security-page form select::-webkit-input-placeholder,
section.security-page form textarea::-webkit-input-placeholder {
    color: #949494
}

section.security-page form select {
    padding: 0 11px
}

section.security-page form textarea {
    resize: none;
    height: 91px;
    padding: 10px 15px
}

section.security-page form .form-sections {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px
}

section.security-page form .form-sections .form-section {
    margin: 0 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

section.security-page form .form-sections .form-section:first-child {
    max-width: 452px
}

section.security-page form .form-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0
}

section.security-page form .form-section.car-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

section.security-page form .form-section.car-section::before {
    content: '';
    display: block;
    position: absolute;
    left: -80px;
    top: 0;
    background: #E6E6E6;
    height: 100%;
    width: 1276px
}

section.security-page form .form-section.car-section .section-desc {
    width: auto;
    position: relative;
    z-index: 2
}

section.security-page form .form-section.car-section .input-wrapper {
    width: 624px;
    position: relative;
    z-index: 2
}

section.security-page form .form-section.car-section .input-wrapper select {
    background: #fff
}

section.security-page form .form-section .section-desc {
    font-size: 18px;
    font-weight: 600;
    padding-right: 10px;
    width: 160px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

section.security-page form .form-section .section-desc span {
    font-size: 13px;
    display: block;
    margin-top: 10px;
    font-weight: 300
}

section.security-page form .form-section .inputs,
section.security-page form .form-section .common-wrapper,
section.security-page form .form-section .form-selectors {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

section.security-page form .form-section .inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px
}

section.security-page form .form-section .inputs .input-wrapper {
    margin: 0 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    min-width: 292px
}

section.security-page form .form-section .inputs .input-wrapper.big {
    width: 624px !important;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

section.security-page form .form-section .inputs.inputs-two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

section.security-page form .form-section .form-selectors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -17px
}

section.security-page form .form-section .form-selectors .form-selector {
    border-radius: 30px;
    border: 1px solid #BFBFBF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 17px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    font-size: 14px;
    height: 40px;
    color: #949494;
    font-weight: 600;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease
}

section.security-page form .form-section .form-selectors .form-selector.active {
    background: #FFB700;
    border-color: #FFB700;
    color: #000000;
    pointer-events: none
}

section.security-page form .form-section .form-selectors .form-selector.active:hover {
    background: #FFB700;
    border-color: #FFB700;
    color: #000000
}

section.security-page form .form-section .form-selectors .form-selector:hover {
    background: #949494;
    color: #000000
}

section.security-page form .form-section .common-wrapper .car-categories {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #E6E6E6;
    margin-bottom: 25px
}

section.security-page form .form-section .common-wrapper .car-categories .float-block {
    position: absolute;
    left: 0;
    top: -2px;
    height: 39px;
    border-radius: 4px;
    z-index: 1;
    background: #FFB700;
    box-shadow: 0px 0px 4.75px 0.25px rgba(76, 76, 76, 0.35);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

section.security-page form .form-section .common-wrapper .car-categories .car-cat {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 18px;
    height: 35px;
    color: #252525;
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

section.security-page form .form-section .common-wrapper .car-categories .car-cat.active {
    background: transparent !important
}

section.security-page form .form-section .common-wrapper .car-categories .car-cat.active:hover {
    background: transparent
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox.full-width {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox:not(:last-child) {
    margin-right: 15px
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox label {
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox label:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #303337;
    margin-right: 8px
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox input[type=radio]:checked ~ .input-wrapper,
section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox input[type=radio]:checked ~ .inputes {
    opacity: 1
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox input[type=radio]:checked ~ label:before {
    background: #FFB700
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox input[type=radio] {
    display: none
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox .input-wrapper {
    opacity: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 15px;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox .inputes {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
    opacity: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox .inputes span {
    font-size: 14px
}

section.security-page form .form-section .common-wrapper .checkboxes-wrapper .security-checkbox .inputes .input-wrapper {
    opacity: 1
}

section.security-page form .documents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0
}

section.security-page form .documents .document-field {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1px;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px
}

section.security-page form .documents .document-field:nth-child(2) {
    margin: 0 75px
}

section.security-page form .documents .document-field label {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    display: block;
    cursor: pointer
}

section.security-page form .documents .document-field label:hover:before {
    opacity: 1
}

section.security-page form .documents .document-field label::before {
    content: '';
    display: block;
    background-image: url(../../images/sprite.png);
    background-position: -741px -84px;
    width: 145px;
    height: 145px;
    margin: 0 auto 15px;
    opacity: 0.5;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

section.security-page form .documents .document-field input {
    display: none
}

section.security-page form .decline-and-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.security-page form .decline-and-button .decline label {
    font-size: 13px;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

section.security-page form .decline-and-button .decline label:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #303337;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-top: 4px
}

section.security-page form .decline-and-button .decline input[type=checkbox]:checked ~ label:before {
    background: #FFB700
}

section.security-page form .decline-and-button .decline input[type=checkbox] {
    display: none
}

section.security-page form .decline-and-button button {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 300px;
    height: 44px;
    background: #FFB700;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    border: none;
    border-radius: 30px;
    outline: none;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    margin-left: 50px
}

section.security-page form .decline-and-button button:hover {
    background: #f0ac00
}

section.security-page form .decline-and-button button:active {
    background: #e0a100
}

.about-page {
    padding: 40px 0;
    font-size: 14px;
    color: #383b3f;
    line-height: 1.5em
}

.about-page p {
    margin: 20px 0
}

.about-page p:first-child {
    margin-top: 0
}

.about-page ul li {
    list-style: none
}

.about-page .content .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    text-align: center
}

.about-page .content .section-title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.about-page .content .section-title span:before,
.about-page .content .section-title span:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #FFB700
}

.about-page .content .section-title span:before {
    margin-right: 25px
}

.about-page .content .section-title span:after {
    margin-left: 25px
}

.about-page .content .about-common {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.about-page .content .about-common .logo {
    background-image: url(../img/taxi-block__2.png);
/*    background-position: 0px -516px;*/
    background-size: contain;
    background-repeat: no-repeat;
    width: 461px;
    height: 352px;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.about-page .content .about-common .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 50px
}

.slide2 {
    background: url("../../images/slide-1.jpg") center center no-repeat;
    background-size: cover;
    height: 618px;
    padding-top: 128px;
    color: #fff
}

.slide2__title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    display: inline-block;
    padding: 13px 40px;
    background: #FFB900;
    margin-bottom: 15px
}

.slide2 .text1 {
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
    margin-bottom: 30px
}

.slide2 .text2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px
}

.slide2 .text2 span {
    color: #FFB900
}

.slide2 .text3 {
    margin-bottom: 15px
}

.mobile-nav {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #303337;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    padding-top: 50px
}

.mobile-nav .hamburger {
    position: absolute;
    right: 0;
    top: 0
}

.mobile-nav .hamburger-inner,
.mobile-nav .hamburger-inner::before,
.mobile-nav .hamburger-inner::after {
    background: #fff
}

.mobile-nav .wrapper .menu a {
    color: #fff;
    text-align: center;
    display: block;
    text-decoration: none;
    display: block;
    margin: 5px 0;
    padding: 5px 20px
}

.mobile-nav .wrapper .menu a.active {
    background: #FFB700;
    color: #000
}

.mobile-nav .wrapper .contacts-block {
    padding-top: 30px
}

.mobile-nav .wrapper .contacts-block a {
    text-decoration: none;
    color: #fff;
    margin-left: 40px
}

.mobile-nav .wrapper .contacts-block a:hover {
    text-decoration: underline
}

.mobile-nav .wrapper .contacts-block .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px
}

.mobile-nav .wrapper .contacts-block .block.geo {
    margin-bottom: 10px
}

.mobile-nav .wrapper .contacts-block .block.geo i {
    background-image: url(../../images/sprite.png);
    background-position: -1688px -92px;
    width: 12px;
    height: 15px
}

.mobile-nav .wrapper .contacts-block .block.phone i {
    background-image: url(../../images/sprite.png);
    background-position: -2138px -33px;
    width: 14px;
    height: 14px
}

.mobile-nav .wrapper .contacts-block .block i {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 10px
}

.mfp-bg,
.mfp-wrap {
    min-width: 320px
}

.error-summary ul {
    padding: 0;
    margin: 15px 0
}

.error-summary ul li {
    list-style: none;
    color: red;
    font-size: 12px
}

.index-description {
    padding-bottom: 60px;
    padding-top: 40px;
    font-size: 14px;
    border-top: 1px solid #dadada;
            text-align: justify;
}
.index-description p {
font-size: 17px;
}
.index-description ul li {
font-size: 17px;
}

@media screen and (max-width: 1279px) {
    section.documents .content {
        background-size: 60%
    }
    .stages .blocks {
        display: block;
        padding-bottom: 0
    }
    .stages .blocks::before {
        display: none
    }
    .stages .blocks .block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 30px auto !important;
        text-align: center
    }
    .stages .blocks .block .num {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .stages .blocks .block .circle {
        margin: 10px auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .stages .blocks .block .circle::after {
        display: none
    }
    .stages .blocks .block .name {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    section.hotel-transfer .blocks .block {
        background: #EBEBEB
    }
    section.hotel-transfer .blocks::before {
        right: 110px;
        left: auto
    }
    section.car-top-info .content {
        display: block
    }
    section.car-top-info .content .car-info .name {
        font-size: 22px
    }
    section.car-top-info .content .reserve-car {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #f3f3f3;
        padding: 20px 0
    }
}

@media screen and (max-width: 1240px) {
    section.rent-terms .content .blocks {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    section.rent-terms .content .blocks .block {
        margin: 10px
    }
    section.rent-car-tariffs .content .tariffs .slick-next,
    section.rent-car-tariffs .content .tariffs .slick-prev {
        width: 29px;
        height: 29px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 1
    }
    section.rent-car-tariffs .content .tariffs .slick-next::before,
    section.rent-car-tariffs .content .tariffs .slick-prev::before {
        content: '';
        display: block;
        background-image: url(../../images/sprite.png);
        background-position: -1387px -52px;
        width: 17px;
        height: 29px
    }
    section.rent-car-tariffs .content .tariffs .slick-prev {
        left: 10px
    }
    section.rent-car-tariffs .content .tariffs .slick-next {
        right: 10px
    }
    section.rent-car-tariffs .content .tariffs .slick-next::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    section.rent-car-tariffs .content .tariffs .tariff {
        margin: 0 5px;
        outline: none
    }
    section.rent-car-tariffs .content .tariffs .tariff.good-offer {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        box-shadow: none
    }
}

@media screen and (max-width: 1024px) {
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .inputs {
        max-width: 640px;
        width: 100%
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .textarea-wrapper .textarea-and-desc .form-group {
        max-width: 640px;
        width: 100%
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .textarea-wrapper .textarea-and-desc .form-group textarea {
        width: 100%
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .textarea-wrapper .textarea-and-desc .desc {
        display: none
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom {
        max-width: 640px;
        width: 100%
    }
    footer .general-footer .content .footer-block:nth-child(3) {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    section.security-page form .form-section .inputs {
        display: block
    }
    section.security-page form .form-section .inputs.inputs-two {
        display: block
    }
    section.security-page form .form-section .inputs .input-wrapper {
        margin-bottom: 10px
    }
    section.security-page form .form-section .inputs .input-wrapper.big {
        width: auto !important
    }
    section.security-page form .form-section .form-selectors {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0
    }
    section.security-page form .form-section .form-selectors .form-selector {
        margin: 5px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        padding: 0 20px
    }
    footer .general-footer .content .footer-block {
        margin-right: 10px
    }
}

/*
@media screen and (max-width: 1100px) {
    #reserve-room .link-wrapper,
    #reserve-car .link-wrapper {
        display: none
    }
    .fast-form-section {
        display: none
    }
    header .general-header .content .menu {
        display: none
    }
    .mobile-nav.open {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
*/

@media screen and (min-width: 1100px) {
    header .general-header .content .hamburger {
        display: none
    }
}

@media screen and (max-width: 1079px) {
    section.catalog-page .content .catalog-blocks .car-item .image {
        width: 400px;
        height: auto
    }
    section.catalog-page .content .catalog-blocks .car-item .image img {
        width: 100%;
        height: auto;
        min-height: auto
    }
}

@media screen and (max-width: 1024px) {
    section.car-slider .slide {
        height: 300px
    }
}

@media screen and (max-width: 979px) {
    section.documents .content {
        background-size: 60%;
        background-position: center top;
        padding-top: 450px;
        text-align: center
    }
    section.documents .content .text .name {
        margin-bottom: 40px
    }
    section.documents .content .text .other-desc {
        margin-top: 30px
    }
    section.contacts-map {
        height: auto
    }
    section.contacts-map #map {
        position: static;
        height: 200px
    }
    section.contacts-map .content .block {
        width: 100%;
        height: auto
    }
    section.about-hotel .content .about-block {
        display: block
    }
    section.about-hotel .content .about-block .image {
        max-width: 405px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px
    }
    section.about-hotel .content .about-block .text {
        text-align: justify
    }
    section.about-hotel .content .about-block .text .logo {
        margin: 0 auto;
        margin-bottom: 20px
    }
    section.hotel-banner .content {
        height: auto;
        padding: 40px 15px
    }
    section.hotel-banner .content .text-block .name {
        font-size: 30px
    }
    .about-page .content .about-common {
        display: block
    }
    .about-page .content .about-common .logo {
        margin: 0 auto;
        background: url(../../images/logo-lg.png) center center no-repeat;
        width: 100%;
        max-width: 461px;
        background-size: 100%
    }
    .about-page .content .about-common .text {
        padding-left: 0;
        padding-top: 20px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper {
        display: block
    }
    section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks {
        margin: 0 auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .icon-blocks .block {
        min-width: 285px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .text-block {
        text-align: center
    }
    section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .text-block .name {
        font-size: 16px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .conditions-wrapper .text-block .desc {
        font-size: 14px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .car-detail {
        display: block
    }
    section.car-general-section .content .car-info-blocks .car-info-block .car-detail .general-detail {
        width: 100%;
        margin-bottom: 20px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .car-detail .general-detail .info {
        font-size: 12px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .car-detail .other-details {
        padding-left: 0
    }
    section.car-general-section .content .car-info-blocks .car-info-block .car-detail .other-details .desc {
        margin-bottom: 10px
    }
    section.catalog-page .content .page-head {
        display: block
    }
    section.catalog-page .content .page-head .section-title {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    section.catalog-page .content .page-head .car-categories-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    section.catalog-page .content .page-head .car-categories-wrapper .car-categories {
        display: block;
        margin: 0 auto
    }
    section.catalog-page .content .catalog-blocks .car-item {
        display: block;
        margin-bottom: 40px
    }
    section.catalog-page .content .catalog-blocks .car-item .image {
        width: 100%;
        max-width: 515px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 910px) {
    footer .footer-bottom .content .right .menu {
        display: none
    }
    .reviews-page .content .reviews-wrapper .review-block .review .name::after,
    section.reviews-section .content .reviews-slider-wrapper .reviews-slider .review .name::after {
        display: none
    }
}

@media screen and (max-width: 840px) {
    section.documents .content {
        background-size: 80%;
        padding-top: 450px
    }
    section.works-page {
        padding: 40px 0
    }
    section.works-page .content .section-title {
        margin-bottom: 35px
    }
    section.works-page .content .works-wrapper .works-section {
        display: block;
        margin: 0
    }
    section.works-page .content .works-wrapper .works-section .works-block {
        padding: 30px 0;
        border: none !important;
        border-bottom: 1px solid #FFB700 !important
    }
    section.works-page .content .works-wrapper .works-shipping {
        padding: 30px 0
    }
    section.works-page .content .works-wrapper .works-shipping .blocks {
        display: block
    }
    section.works-page .content .works-wrapper .works-shipping .blocks .block {
        text-align: center;
        margin-bottom: 20px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper {
        display: block
    }
    section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .title {
        text-align: center
    }
    section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .desc-blocks {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .shipping-blocks {
        display: block
    }
    section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .shipping-blocks .block {
        margin-bottom: 15px
    }
    section.car-general-section .content .car-info-blocks .car-info-block .services-wrapper .service-block .common .shipping-blocks .block .text {
        text-align: center
    }
    section.fast-form-section .content .block {
        display: block;
        height: auto;
        padding: 15px
    }
    section.fast-form-section .content .block .cnt {
        padding: 0;
        padding-bottom: 20px;
        display: block
    }
    section.fast-form-section .content .block .cnt i {
        margin: 0 auto 20px;
        display: block
    }
    section.fast-form-section .content .block .cnt .text {
        text-align: center
    }
    section.fast-form-section .content .block .cnt .text .name {
        margin-bottom: 10px
    }
    section.fast-form-section .content .block a.button {
        margin: 0 auto;
        max-width: 302px;
        width: 100%
    }
    #reserve-room form,
    #reserve-car form {
        display: block
    }
    #reserve-room form .input-wrapper,
    #reserve-car form .input-wrapper {
        margin: 10px auto;
        max-width: 342px;
        width: 100%
    }
    #reserve-room form button,
    #reserve-car form button {
        margin: 10px auto 0
    }
    section.callback-section .content form {
        display: block
    }
    section.callback-section .content form .input-wrapper {
        margin: 10px auto;
        max-width: 342px;
        width: 100%
    }
    section.callback-section .content form button {
        margin: 10px auto 0
    }
}

@media screen and (max-width: 720px) {
    section.index-banner-slider .slide.slide1 {

    min-height: 552px;

}

}
@media screen and (max-width: 720px) {
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .inputs {
        display: block
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form input {
        width: 100%
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .inputs .input-wrapper {
        margin-bottom: 10px
    }
    section.car-general-section .content .car-cat-selectors {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    section.car-general-section .content .car-cat-selectors .car-cat-selector {
        font-size: 16px;
        margin: 10px
    }
    section.car-icons .content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    section.car-icons .content .icon {
        margin: 5px
    }
    section.catalog-page .content .catalog-blocks .car-item .common {
        padding-left: 0
    }
    section.catalog-page .content .catalog-blocks .car-item .common .button-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    section.catalog-page .content .catalog-blocks .car-item .common .info-blocks {
        display: block
    }
    section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .other-info {
        border: none;
        padding-top: 20px;
        padding-left: 0
    }
    section.catalog-page .content .catalog-blocks .car-item .common .info-blocks .other-info ul {
        display: block
    }
    section.catalog-page .content .catalog-blocks .car-item .common .car-head {
        display: block
    }
    section.catalog-page .content .catalog-blocks .car-item .common .car-head .name {
        font-size: 22px
    }
    section.catalog-page .content .catalog-blocks .car-item .common .car-head .price {
        font-size: 18px;
        font-weight: 500
    }
    section.catalog-page .content .catalog-blocks .car-item .common .car-head .price span {
        font-size: inherit;
        margin-right: 0;
        font-weight: 300
    }
    section.catalog-page .content .catalog-blocks .car-item .common .car-head .price .price-desc {
        position: static;
        width: auto;
        margin-top: 0;
        display: inline-block;
        font-size: inherit;
        font-weight: 300
    }
    footer .general-footer .content .footer-block.block-dark {
        display: none
    }
    header .top-header .content .contacts-block .block.geo {
        display: none
    }
    header .general-header .content {
        height: 50px
    }
    header .general-header .content a.logo {
        background: url(../../images/logo.png) center center no-repeat;
        width: 100px;
        height: 33px;
        background-size: contain
    }
    header .general-header .content .hamburger {
        padding: 10px 15px
    }
}

@media screen and (max-width: 640px) {
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom {
        display: block
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .right .desc {
        text-align: left
    }
    section.car-general-section .content .car-info-blocks .car-info-block .reviews-module .review-form-wrapper form .form-bottom .right button {
        max-width: 300px;
        width: 100%
    }
    section.index-banner-slider {
        display: none
    }
    section.index-banner-slider .slide.slide1 .content .text-block {
        width: 100%
    }
    section.index-banner-slider .slide.slide1 .content .text-block .title {
        text-align: center;
        margin-bottom: 30px
    }
    section.index-banner-slider .slide.slide1 .content .text-block .car {
        font-size: 28px;
        text-align: center
    }
    section.index-banner-slider .slide.slide1 .content .text-block .model-price {
        display: block;
        text-align: center
    }
    section.index-banner-slider .slide.slide1 .content .text-block .model-price span {
        font-size: 24px;
        display: block;
        margin-bottom: 10px
    }
    section.index-banner-slider .slide.slide1 .content .text-block .model-price .price-block {
        font-size: 24px
    }
    section.documents .content {
        background-size: 100%;
        padding-top: 450px
    }
    section.contacts-form .content form textarea {
        margin-bottom: 10px
    }
    section.contacts-form .content form .inputs {
        display: block
    }
    section.contacts-form .content form .inputs input,
    section.contacts-form .content form .inputs button {
        margin: 10px 0;
        width: 100%
    }
    section.car-top-info .content .car-info {
        display: block
    }
    section.car-top-info .content .car-info .name {
        width: auto;
        margin-right: 0;
        text-align: center;
        height: auto;
        padding: 10px 20px;
        font-size: 18px;
        min-width: auto
    }
    section.car-top-info .content .car-info .price {
        display: none
    }
    section.car-top-info .content .reserve-car {
        display: block
    }
    section.car-top-info .content .reserve-car .form-wrapper {
        display: block;
        padding-right: 0
    }
    section.car-top-info .content .reserve-car .form-wrapper label {
        margin: 0 auto;
        display: block;
        text-align: center
    }
    section.car-top-info .content .reserve-car .form-wrapper .input-wrapper {
        margin: 10px auto
    }
    section.car-top-info .content .reserve-car .button {
        margin: 0 auto;
        display: block
    }
    section.car-slider .slide {
        height: 200px
    }
    section.index-car-selection .content form {
        display: block;
        height: auto;
        padding: 20px 0
    }
    section.index-car-selection .content form .input-wrapper {
        margin: 10px auto
    }
    section.index-car-selection .content form button {
        margin: 10px auto;
        display: block
    }
}

.wrapper__car--page .block-sale .ul__bloc--car li {
    font-size: 18px!important;
}

.table__services .table__services--item > td {

    font-size: 18px!important;
}
.wrapper__car--page .block-sale .p__text--icon {
    font-size: 13px!important;
}
@media screen and (max-width: 480px) {
    section.documents .content {
        padding-top: 300px
    }
    section.hotel-banner .content .text-block {
        text-align: center
    }
    section.hotel-banner .content .text-block .title {
        text-align: center;
        margin: 0 auto
    }
    section.hotel-banner .content .text-block .name {
        display: block
    }
    section.hotel-banner .content .text-block .name .stars {
        margin: 0 auto;
        left: 20px
    }
    section.hotel-banner .content .text-block a {
        margin: 0 auto
    }
    header .top-header .content .contacts-block {
        display: none
    }
}