@media (max-width: 767px) {
.cus-map {
    margin-left: 0 !important;
    min-width: auto !important;
}
  .kont-block {
    position: relative !important;
    top: 0 !important;
    transform: translateY(0%) !important;
    margin-bottom: 50px !important;
}
  a.ocenka {
    font-size: 12px !important;
}
  .usl-arrow img {
    width: 30px !important;
}
  div#sp-phone-header table img {
    margin-right: 5px !important;
    width: 22px !important;
}
  .kont-phone, .kont-adres, .kont-social {
    max-width: 100% !important;
    margin-bottom: 15px !important;
}
  .kont-body {
    width: auto !important;
    flex-wrap: wrap !important;
}
  div#sp-podval .sppb-container-inner {
    padding: 0 15px !important;
}
  .ba-form-1 .ba-form-page {
    padding: 0px !important;
}
  .img-zayavka {
    margin-top: -120px !important;
}
  .etapi-raboti.etapi-bg1, .etapi-raboti.etapi-bg2, .etapi-raboti.etapi-bg3 {
    background-position: 100% 100% !important;
    padding-right: 30px !important;
    padding-bottom: 160px !important;
}
  .etapi-raboti.etap-height {
    min-height: auto !important;
}
  .usl-left .usl-inner {
    margin-left: 0 !important;
}
  .usl-head {
    font-size: 18px !important;
    margin-bottom: 50px !important;
}
  .block-usl {
    min-height: auto !important;
}
  .block-usl a {
    padding: 15px 15px !important;
}
  .text-usl .sppb-addon-title, .text-usl .sppb-addon-content {
    max-width: inherit !important;
    margin-left: auto;
}
  .text-usl {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
  #sp-header .logo, .logo-image {
    height: auto !important;
    margin-bottom: 10px !important;
}
  .first-sect {
    margin-top: -174px !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.cus-map {
    margin-left: 0 !important;
    min-width: auto !important;
}
  .kont-block {
    position: relative !important;
    top: 0 !important;
    transform: translateY(0%) !important;
    margin-bottom: 50px !important;
}
  .kont-phone, .kont-adres, .kont-social {
    max-width: 100% !important;
    margin-bottom: 15px !important;
}
  .kont-body {
    width: auto !important;
    flex-wrap: wrap !important;
}
  div#sp-podval .sppb-container-inner {
    padding: 0 45px !important;
}
  .ba-form-1 .ba-form-page {
    padding: 0 !important;
}
  .img-zayavka {
    margin-top: -120px !important;
}
  .etapi-raboti.etapi-bg1 {
    background-position: 100% 100% !important;
    padding-right: 220px !important;
}
  .etapi-raboti.etap-height {
    min-height: auto !important;
}
  .usl-left .usl-inner {
    margin-left: 0 !important;
}
  .usl-head {
    font-size: 26px !important;
    margin-bottom: 140px !important;
}
  .block-usl {
    min-height: auto !important;
}
  .block-usl a {
    padding: 45px 45px !important;
}
  .text-usl .sppb-addon-title, .text-usl .sppb-addon-content {
    max-width: inherit !important;
    margin-left: auto;
}
  .text-usl {
    padding-right: 45px !important;
    padding-left: 45px !important;
}
  #sp-header .logo, .logo-image {
    height: auto !important;
}
  .first-sect {
    margin-top: -101px !important;
}
}
@media (min-width: 1200px) {
.first-sect {
    margin-top: -96px !important;
}
  .container, .sppb-row-container {
    max-width: 1280px;
}
}
.kont-page .ostalis-voprosi {
    display: none;
}
h1, h2, h3, .usl-head, .etapi-raboti .sppb-addon-title, .kont-header, .kont-body, .kont-body a, .etapi-raboti strong, .form-head {
    font-family: 'Stapel' !important;
}
@font-face {
    font-family: 'Stapel';
    src: url('../fonts/Stapel-Medium.eot');
    src: local('Stapel Medium'), local('Stapel-Medium'),
        url('../fonts/Stapel-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stapel-Medium.woff2') format('woff2'),
        url('../fonts/Stapel-Medium.woff') format('woff'),
        url('../fonts/Stapel-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
span.upload-file-btn:hover {
	background-color: #208BC8 !important;
}
span.upload-file-btn {
    width: 100%;
    display: block;
}
.upload-file-input {
    border-color: #009EE3 !important;
}
.form-subhead {
    font-size: 14px;
    text-align: center;
}
.form-head {
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
}
i.ba-form-icons.ba-icon-close {
    padding: 0 !important;
    margin: 5px;
}
.ba-forms-lightbox-row {
    height: 0;
}
.vert-align-block .sppb-media {
    display: flex;
    align-items: center;
}
.cus-table-price {
    overflow: auto !important;
}
.cus-table-price table tr:nth-child(odd) td {
    background: #ECEFF4;
}
.cus-table-price table td:first-child {
    text-align: left;
}
.cus-table-price table td {
    padding: 15px 35px;
}
.cus-table-price table th {
    background-color: #13AFFF;
    color: #fff;
    padding: 15px;
    font-size: 20px;
    text-transform: uppercase;
}
.cus-table-price table {
    text-align: center;
    border-spacing: 30px 0px;
    border-collapse: separate;
    margin: 0 -30px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1;
    color: #fff !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li img {
    display: none;
}
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 9px) rotate(-45deg);
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}
.offcanvas-menu .logo {
    max-width: 200px;
}
.offcanvas-menu {
    background-color: #4A5B66;
}
.burger-icon>span {
    background-color: #fff;
}
header#sp-header .row {
    align-items: center;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #009EE3;
}
.sp-scroll-up {
    background-color: #FFFFFF;
    color: #333;
    border-radius: 0;
    width: 45px;
    height: 45px;
    padding: 5px;
    font-size: 22px;
}
.copyright-row:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin-left: calc(-50vw - -50%);
    min-width: 1920px;
}
p.social-podval img {
    margin-right: 15px;
}
p.social-podval {
    display: flex;
    justify-content: center;
}
.social-kont-img img {
    margin-right: 15px;
}
.social-kont-img {
    display: flex;
}
.kont-adres p {
    font-size: 22px;
    color: #333;
}
div.kont-phone a {
    color: #333333;
    width: 100%;
    display: block;
    font-size: 22px;
    margin-bottom: 10px;
}
div.kont-phone > div, .kont-adres > div, .kont-social > div {
    color: #009EE3;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.kont-phone, .kont-adres, .kont-social {
    max-width: 33.333333%;
}
.kont-body {
    background-color: #fff;
    padding: 35px 30px;
    box-shadow: 0px 5px 50px rgb(0 0 0 / 10%);
    display: flex;
    width: 770px;
    justify-content: space-between;
}
.kont-header {
    font-size: 36px;
    color: #333;
    margin-bottom: 50px;
  	text-transform: uppercase;
}
.kont-block {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cus-map {
    margin-left: calc(-50vw - -50%);
    min-width: 1920px;
    margin-bottom: -8px;
}
.img-zayavka {
    margin-top: -220px;
}
p.social-zayavka img {
    margin-right: 20px;
}
p.social-zayavka {
    display: flex;
    margin-bottom: 30px;
}
div#sp-podval .sppb-container-inner {
    max-width: 1290px;
    margin: auto;
}
.etapi-raboti.etapi-bg3 {
    background-image: url(/images/skymotors/etap5.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: 100% 50%;
    padding-right: 220px;
}
.etapi-raboti.etapi-bg2 {
    background-image: url(/images/skymotors/etap4.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: 100% 50%;
    padding-right: 220px;
}
.etapi-raboti.etap-height {
    min-height: 350px;
}
.etapi-raboti.etapi-bg1 {
    background-image: url(/images/skymotors/etap3.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: 80% 100%;
}
a.ocenka {
    display: block;
    width: 100%;
    color: #009EE3;
    padding: 16px;
    text-align: center;
    background-color: #D9F1FB;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
a.telegram {
    width: 50%;
    display: block;
    color: #fff;
    padding: 16px;
    text-align: center;
    background-color: #54C1FF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
a.viber {
    width: 50%;
    display: block;
    color: #fff;
    padding: 16px;
    text-align: center;
    background-color: #735FF2;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
a.zvonok {
    display: block;
    width: 100%;
    color: #fff;
    padding: 16px;
    text-align: center;
    background-color: #009EE3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
  	margin-bottom: 10px;
}
.knopki {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.etapi-raboti p a {
    color: #666;
    font-weight: bold;
}
.etapi-raboti strong {
    color: #333;
    font-size: 22px;
    font-weight: 500;
}
.etapi-raboti {
    box-shadow: 0px 5px 50px rgb(0 0 0 / 10%);
    position: relative;
    padding: 35px 30px;
}
.cus-border {
    border-bottom: 1px solid #fff;
}
.usl-left .usl-inner {
    margin-left: auto;
}
.usl-head:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: .2s ease;
}
.block-usl:hover .usl-arrow img, .block-usl:hover .usl-head:after, .block-usl:hover .overlay {
    opacity: 1;
    transition: .2s ease;
}
.block-usl .overlay {
    opacity: 0;
    transition: .2s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(74, 91, 102, 0.85), rgba(74, 91, 102, 0.85)), url(/images/skymotors/bg-shum.png);
    transition: .2s ease;
}
.usl-arrow img {
    margin-left: auto;
    transition: .2s ease;
	opacity: 0;
}
.block-usl a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 100px 50px;
}
.usl-head {
    font-size: 36px;
    color: #fff;
    margin-bottom: 96px;
    position: relative;
    width: max-content;
}
.usl-inner {
    max-width: 600px;
    position: relative;
}
.usl5 {
    background-image: url(/images/skymotors/usl5.jpg);
}
.usl4 {
    background-image: url(/images/skymotors/usl4.jpg);
}
.usl3 {
    background-image: url(/images/skymotors/usl3.jpg);
}
.usl2 {
    background-image: url(/images/skymotors/usl2.jpg);
}
.usl1 {
    background-image: url(/images/skymotors/usl1.jpg);
}
.block-usl {
    position: relative;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
}
.text-usl {
    padding-right: 50px;
}
.text-usl .sppb-addon-title, .text-usl .sppb-addon-content {
    max-width: 600px;
    margin-left: auto;
}
div#sp-phone-header table a:hover {
    color: #009EE3 !important;
}
div#sp-phone-header table a {
    color: #fff;
}
div#sp-phone-header table img {
    margin-right: 15px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a:hover {
    color: #009EE3 !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
    color: #333333 !important;
}
.sp-megamenu-parent>li>a img, .sp-megamenu-parent>li>span img {
    margin-right: 10px;
    margin-top: -3px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 20px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-transform: uppercase;
}
body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
  	display: none;
}
div#sp-menu .justify-content-end {
    justify-content: center !important;
}
.sp-megamenu-parent {
    margin: 0px 0px;
    float: none;
}
#sp-header .sp-module {
    margin-left: 0;
}
header#sp-header {
    background-color: transparent !important;
    padding: 20px 0;
    height: auto;
    box-shadow: none;
    animation: none;
    border-bottom: 1px solid #FFFFFF !important;
}