
.ppage #sp-header {position: relative;
    background: #152430;}
.logo_before {position:relative;}
.logo_before:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -4rem;
    width: 8rem;
    height: 8rem;
    transform: translate(-4rem);
    background: #f5f5f5 url(/images/img/logo-c.svg) center center no-repeat;
    z-index: 4;
    border-radius: 50%;
    background-size: 85%;
    padding: 10px;
}

.overlay_top:before {
    position: absolute;
    width: 100%;
    top: 0;
    height: 40%;
    content: '';
    background: linear-gradient(to top,transparent 35%,rgb(26,26,31,.80) 100%);
}
.logo-image {
    height: auto!important;
}
.text_shadow_black {
    text-shadow: 1px 2px 2px rgb(0, 0, 0, .90);
}
#sp-header .logo {
    height: auto;}
.pricetd .price:first-child {display:none;font-weight:400;}
/*.price-table tr:hover .price:first-child {display:block;}*/
.price-table tr:hover {background:#fc0!important;}
.price-table tr {cursor:pointer;}

.price-table {
    background-color: #FFF;
    text-align: center;
    -webkit-box-shadow: 0 24px 59px 0 rgba(51, 59, 69, 0.25);
    box-shadow: 0 24px 59px 0 rgba(51, 59, 69, 0.25);
    border-collapse: collapse;
    border-spacing: 0;
}
.price-table caption {
    caption-side: top;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    padding-left: 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-align: left;
    /* background-image: url(/images/table-bg.png); */
      background: #62b168;  

    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-size: 100%;border:1px solid #dee2e6;border-bottom:none;
}
.fixed-contacts {
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    right: 17px;
    bottom: 20px;
    left: 17px;
    pointer-events: none;
    transition: all .3s ease;
    z-index: 201;
}
    .white_block {

    padding: 1.5rem;}
    .h100 {height: 100%;}
  .test-left {padding-right:0;padding:2rem 1rem 2rem 2rem;}  
    .main__utp {
    padding-top: 12rem;
    padding-bottom: 4rem;
}
    .mlg {
    margin-bottom: 3rem;
}
    .main-man {margin-bottom:3rem;}
    .main-man2 {
    position: absolute;
    right: 9rem;
    bottom: 0;
    width: 25rem;
}


.msm {
    margin-bottom: 2.4rem;
}
.mr {
    margin-right: 1rem;
}
.iconleft {width: 2rem; }
.fixed-contact {
    width: 56px;
    height: 56px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.52);
    pointer-events: all;
    border-radius: 50%;
}

.fixed-contact .icon {
    width: auto;
    height: auto;
}

#sp-bottom {
    font-size: .94rem;}


#sp-header.header-sticky {padding: 0.7rem 0;
    background: rgba(29,29,29,0.9);
    
}
#sp-header.header-sticky .tel1 {font-size:1.15rem;}
#sp-header.header-sticky  .btn.min-l {padding:0.7rem 2rem!important;}

#sp-header.header-sticky .sp-module.phone_head{
line-height: 1;}

#sp-header.header-sticky .callback_text {display:none;}
#sp-header.header-sticky #sp-logo {
    padding-top: 0;
    padding-bottom: 0;
}a {
    color: #222;
}
.socials.header-socials .btn {
    padding: 1rem 1.6rem;background-color: #54585c!important;-webkit-box-shadow: 0 9px 49px rgb(19, 169, 124, 0.1), inset 0 -4px 1px #3d4246;
    box-shadow: 0 9px 49px rgb(19, 169, 124, .1), inset 0 -4px 1px #3d4246;}
    
.socials.header-socials .btn.mod:hover {
    -webkit-box-shadow: inset 0 4px 1px #3d4246;
    box-shadow: inset 0 4px 1px #3d4246;
}    
    
    
    
a:hover {
    color: #62b168;
}

.pt_lg {padding-top:4rem;}
.pb_lg {padding-bottom:4rem;}


#sale .dir21,#sale .dir2, #sale2 .dir2, #sale3 .dir2{padding-left:3rem;padding-right:3rem; border-radius:1rem;}
.uk-scope .avtopark h3{margin-bottom:2rem!important;}
.steps img {margin:0 auto;}
.big_step {
    position: absolute;
    top: 0;
    left: 10%;
    font-weight: 900;
    font-size: 32px;
    z-index: 0;
    line-height: 1;
    color: #222;
}
.uk-scope .uk-accordion-title {
    font-size: 1.5rem;
    background: #fff;
    border-radius: 7px;
    padding: 0.7rem 1.5rem;
    box-shadow: 0 5px 15px rgb(0, 0, 0, 0.08);

}
.uk-open>.uk-accordion-title::before {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E)!important;
}
.uk-scope .uk-accordion-title::before {
    background: #e4e4e4;
    border-radius: 50%;}


.uk-scope .steps .uk-card-default {
    background: transparent;
    box-shadow: none;
}
.hars {
    font-size:1.5em;font-weight:600;
}
.hars span {
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    color: #888;
}
.pulse-bg {
    position: absolute;
    left: 82%;
    top: 50%;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 45%;
    padding-bottom: 45%;
}


.pulse-bg-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: pulse1 infinite ease-in-out 2s;
    animation: pulse1 infinite ease-in-out 2s;
}

.pulse-bg-circle {
    border: 1px solid rgba(255, 255, 255, 0.08);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.pulse-bg-circle1 {
    width: 100%;
    height: 100%;
}

.pulse-bg-circle3 {
    width: 70%;
    height: 70%;
}


@keyframes pulse1 {
	0% {
		transform: scale(.8);
		opacity: 0;}
	50%{
		opacity: 1;}
	to{
		transform: scale(1);
		opacity: 0;}}



.callback_text {cursor:pointer;}

.cifre {margin-right:15px;line-height:1;color:#62b168;
    font-size: 3.2rem;
    font-weight: 600;
}.vacenter {display:flex;align-items:center; }
div.contactus-form button[type="submit"].contactus-button {
    border-radius: 5px!important;
    text-transform: none!important;
    letter-spacing: 0!important;
}
.uk-scope .prices .uk-tab>*>a {border-bottom: 3px solid transparent;
    padding: 0.4rem 0.8rem;
    font-size: 1.7rem;
    font-weight: 600;}
.uk-scope .prices .uk-tab>*>a span {font-size: 0.8rem; display:block;}    

.items-partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.items-partners .img_wr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 31px;
}

.items-partners .img_wr img {
    max-height: 2rem;
    max-width: 4.5rem;
    margin: 0 2px;
    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
}


.table-bordered td, .table-bordered th {text-align: center;vertical-align: middle;}

.zayavka1 {
    background: #fff;
    padding: 3.5rem 2.5rem 2rem 2.5rem;right:2rem;
    border-radius: 1rem;position: absolute;
    width:23rem;bottom:2rem; max-width:420px;
    box-shadow: 0 5px 15px rgb(0, 0, 0, 0.1);

}
    
    


.zayavka1 .p0 input {
    border: 1px solid #ccc!important;
    background-color: #f6f6f6!important;font-size:1rem!important;
}

.top_dark:before {position:absolute; width:100%;top:0;height:50%;content:'';z-index:-1;
    background: linear-gradient(to top,transparent 50%,rgb(26,26,31,.5) 100%);
}
.sp-module.main_utp {position:relative;
 
   background-color: #fff;
    background: url(/images/mkp/utp_bg.jpg) no-repeat center;
    background-size: cover; 
}




body, .sp-preloader {
    background-color: #fff;
}

.brands { position: relative;padding: 1rem 1rem;background: #fff;width:50%; border-radius:7px;}
.brands .uk-scope .uk-margin{
    margin-bottom: 0;
}

.brands .uk-scope .uk-panel, .uk-scope .brands_full .uk-panel {
    display: flex;
    align-items: center;}

.white_block {
    position: relative;
    padding: 3rem;
    padding-bottom: 1.5rem;
    background: #fff;
    border-radius: 1.7rem;
    -webkit-box-shadow: 0 16px 93px 10px rgb(40 39 40 / 7%);
    box-shadow: 0 16px 93px 10px rgb(40 39 40 / 7%);
}
.cena-uslugi {margin-top:0.5rem;}
.in-viewport
{animation-delay: 1500ms; animation-duration: 3000ms; animation-fill-mode: both; animation-name: transform-3d-flip;}

@-webkit-keyframes transform-3d-flip
{
   0% { -webkit-transform: perspective(400px) rotateX(0deg) ;  }
   40% { -webkit-transform: perspective(400px) translate3d(0px,0px,150px) rotateX(0deg) rotateY(170deg) ;  }
   50% { -webkit-transform: perspective(400px) translate3d(0px,0px,150px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) ;  }
   80% { -webkit-transform: perspective(400px) translate3d(0px,0px,0px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95) ;  }
   100% { -webkit-transform: perspective(400px) translate3d(0px,0px,0px) rotateX(0deg) rotateY(0deg) scale3d(1.0,1.0,1.0) ;  }
}
@-moz-keyframes transform-3d-flip
{
   0% { -moz-transform: perspective(400px) rotateX(0deg) ;  }
   40% { -moz-transform: perspective(400px) translate3d(0px,0px,150px) rotateX(0deg) rotateY(170deg) ;  }
   50% { -moz-transform: perspective(400px) translate3d(0px,0px,150px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) ;  }
   80% { -moz-transform: perspective(400px) translate3d(0px,0px,0px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95) ;  }
   100% { -moz-transform: perspective(400px) translate3d(0px,0px,0px) rotateX(0deg) rotateY(0deg) scale3d(1.0,1.0,1.0) ;  }
}
@keyframes transform-3d-flip
{
   0% { transform: perspective(400px) rotateX(0deg) ;  }
   40% { transform: perspective(400px) translate3d(0px,0px,150px) rotateX(0deg) rotateY(170deg) ;  }
   50% { transform: perspective(400px) translate3d(0px,0px,150px) rotateX(0deg) rotateY(190deg) scale3d(1.01,1.01,1.01) ;  }
   80% { transform: perspective(400px) translate3d(0px,0px,0px) rotateX(0deg) rotateY(360deg) scale3d(0.95,0.95,0.95) ;  }
   100% { transform: perspective(400px) translate3d(0px,0px,0px) rotateX(0deg) rotateY(0deg) scale3d(1.0,1.0,1.0) ;  }
}
.uk-scope .sales .uk-card { box-shadow:none;  }
.uk-scope .sales .uk-card  {position:relative;}
.uk-scope .sales .uk-card img {position:absolute;}

.uk-scope .sales .uk-card .uk-card-body {width: 65%;}

.uk-scope .steps_tabs .uk-subnav-pill>*>:first-child {
    padding: 0.5rem 1rem;font-size: .95rem;
    background: #e4e4e4;
    border-radius: 0.4rem;
    color: #222;
}
.uk-scope .steps_tabs .uk-subnav-pill>.uk-active>a {
    background-color: #62b168;
    color: #000;
}

.sales>div:nth-child(1) .uk-card {
     background: #eceaeb url(/images/img/collective_buy.jpg) no-repeat right center;
    background-size: contain;}

.sales>div:nth-child(2) .uk-card {
   background: #fffaf6 url(/images/img/_615-2.jpg) no-repeat right center;
    background-size: contain;}

.sales>div:nth-child(3) .uk-card {
     background: #eceaeb url(/images/img/post_5c922822308b6.jpg) no-repeat right center;
    background-size: contain;} 
    
.sales>div:nth-child(4) .uk-card {
     background: #eceaeb url(/images/img/kraspa-min-354_1.png) no-repeat right center;
    background-size: contain;}
    
.sales>div:nth-child(5) .uk-card {
     background: #eceaeb url(/images/img/lan.png) no-repeat right center;
    background-size: contain;}
    


.wobble{
animation-duration: 2s;
animation-delay: 4s;
animation-iteration-count: infinite;
animation-name:wobble

}
.iphone img {margin:0 auto; width:12rem!important;margin-top: 3rem;}
.ploshad img {margin:0 auto;}
@keyframes wobble {
	from {
	 transform: translate3d(0, 0, 0);
	}

	1% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	2% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	3% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	4% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	5% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	6% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	7% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
  8% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	9% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	10% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	11% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	12% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	13% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	14% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
  15% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	16% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	17% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	18% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	19% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	20% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	21% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
  22% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	23% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	24% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	25% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	26% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	27% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	28% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}

	to {
	transform: translate3d(0, 0, 0);
	}
}
.snoska {
  z-index:-1;
    position: relative;
    font-size: 0.85rem;
    text-align: left;
    line-height: 1;
    margin-top: 0.8rem;
}

.snoska_img {
    margin-right: 10px;
}

.ba-form-page:first-child .snoska {
    display: inline-block;
}

.snoska_text {
    position: absolute;width:16rem;
    font-size: 12px;
    left: 45px;
    top: 2px;
}
.pba-form-page-1 .ba-page-items{    min-height: 21rem;}

.ba-form-page-break-button.nexxt img {
    margin-top: 4px;
    margin-left: 7px;
    height: 12px;
    width: 37px;
    animation: transform-shiver 2000ms linear 0ms infinite normal both;
    z-index: 1;
}

@keyframes transform-shiver{0%{transform:rotate(0deg)}25%{transform:translate(-5px,0) rotate(0deg)}75%{transform:translate(5px,0) rotate(0deg)}100%{transform:translate(0,0) rotate(0deg)}}


@media (min-width: 1200px){
.uk-scope .uk-card-body {
    padding: 2rem!important;
}}

#sp-menu .sp-column,.rel {
    position: relative!important;

}
.uk-scope .uk-h3, .uk-scope h3,.title-uslugi {
    font-size: 1.25rem!important;}
/*СЃС‚РёР»Рё */
.icon30left.duga img {
    width: 2rem!important;
    position: absolute;
    left: -1.2rem;
}

.before_line .uk-panel:before {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 4px;
    left: 0;
    top: 0;
    -webkit-transform: translate(-100%, -100%) rotate( 
-45deg
 );
    -ms-transform: translate(-100%, -100%) rotate(-45deg);
    transform: translate(-100%, -100%) rotate( 
-45deg
 );
    background-color: #62b168;
}


.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.h-100 {
    height: 100%!important;
}

.bg-lighter-gray {
/*    background-color: #eef0f3!important;*/
}

.prod-block-preview .product {
    position: relative;

}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}

.prod-block-preview .product .content {
    padding: 2.5rem 1rem 0;
    margin: 0 0 auto;
}
.svg-icon {
    max-width: 100%;
    height: auto;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.prod-block-preview .product .content .svg-icon {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

.prod-block-preview .product .content .title {
    font-size: 1.25rem!important;
    line-height: 1.2;
    text-transform: uppercase;
    min-height: 3rem;
    font-weight: 700;
}

.prod-block-preview .product .content .descr {
    font-size: 1rem;
    line-height: 1.4;
    padding: 3rem 0 3rem;
    color: #333333;
}

.w-100 {
    width: 100%!important;
}


.prod-block-preview .product .button1 {
    padding: 20px 26px;
    border-top: 1px solid #d5d7dc;
    color: #333333;
    fill: #d5d7dc;
}




.prod-block-preview .product .hover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0 27px 51px rgba(80,87,108,.23);
    box-shadow: 0 27px 51px rgba(80,87,108,.23);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.prod-block-preview .kosmeticheskij-remont .hover {
    background-color: #202933;
    background: #202933 url(/img/kosmeticheskij-remont.jpg) center no-repeat;
    background-size: cover;
    
}

.prod-block-preview .novostrojka-remont .hover {
    background-color: #202933;
    background: #202933 url(/img/novostrojka-remont.jpg) center no-repeat;
    background-size: cover;
    
}

.prod-block-preview .kapital-remont .hover {
    background-color: #202933;
    background: #202933 url(/img/kapitalnij-remont.jpg) center no-repeat;
    background-size: cover;
    
}
.prod-block-preview .chern-remont .hover {
    background-color: #202933;
    background: #202933 url(/img/chernovoj-remont.jpg) center no-repeat;
    background-size: cover;
    
}
.prod-block-preview .product .content .title {

    color: #000;
}

.prod-block-preview .product .hover .button1 {
    border: none;
    background:#62b168;
    color: #000;
    fill: #000;
    padding: 1rem 26px;
    font-size: 1rem;
    line-height: 1.8;
}




.prod-block-preview .product:hover .hover {
    opacity: 1;
    z-index: 2;

}

  .prod-block-preview .product{  transition: all .1s !important;}

.prod-block-preview .product:hover {text-decoration:none;}

.prod-block-preview .product .hover .content .title {
    min-height: 4rem;
    color: #fcd846;
    font-size: 1.2rem;
    line-height: 1.2;
}

.prod-block-preview .product .hover .content .descr {
    padding: 0.5rem 0 3rem;
    color: #fff;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width:320px){
    
    .product .front .svg-icon {display:none;}
}
/**/

 .uk-scope .uslugi_rem .uk-panel {
    border-radius: 15px;
    overflow: hidden;
}

.dir {position:relative;    padding-top: 5rem;
   }
.avtopark_block   { padding-bottom: 4.5rem;}
    
.dir2,.dir21 {position:relative;    padding-top: 3.5rem;
    padding-bottom: 3rem; 
    background: #62b168;  
    background: -webkit-gradient(linear, 0 100%, 0 0, from(#007dc8), to(#62b168));
    background: -webkit-linear-gradient(90deg, #007dc8, #62b168);
    background: -moz-linear-gradient(90deg, #007dc8, #62b168);
    background: -o-linear-gradient(90deg, #007dc8, #62b168);
    background: linear-gradient(90deg, #007dc8, #62b168);
    background-size: cover;
        box-shadow: 0 5px 15px rgb(0, 0, 0,  0.1);
} 

#sale3 .dir2,#sale2 .dir2 {
    background: -webkit-gradient(linear, 0 100%, 0 0, from(#62b168), to(#007dc8));
    background: -webkit-linear-gradient(90deg, #62b168, #007dc8);
    background: -moz-linear-gradient(90deg, #62b168, #007dc8);
    background: -o-linear-gradient(90deg, #62b168, #007dc8);
    background: linear-gradient(90deg, #62b168, #007dc8);
    
    background: url(/images/calc-bg.jpg) center no-repeat;
   background-size: cover;
} 

.calc2 .dir21 { background:#fff;}


    
.dir2 .armature {
    position: absolute;
    left: 55vw;
    bottom: 0;
    width: 45vw;
}
#sale2 {padding: 6rem 0 2.5rem 0;}
#sale3 {padding: 0 0 6rem 0;}
#sale2 .fura {
    position: absolute;
    left: 0;
    top:0;
    width: 32rem;
    z-index: 2;
}

.phone {
    position: absolute;
    left: 5rem;
    bottom: 0;
    width: 24rem;
    z-index: 2;
    animation: 2s wobble ease infinite;
}

@keyframes wobble {
	from {
	 transform: translate3d(0, 0, 0);
	}

	1% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	2% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	3% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	4% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	5% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	6% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	7% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
  8% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	9% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	10% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	11% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	12% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	13% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	14% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
  15% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	16% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	17% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	18% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	19% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	20% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	21% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
  22% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	23% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 1, 0.5deg);
	}

	24% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
	}

	25% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0,1, 0.5deg);
	}

	26% {
	transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}
	27% {
	transform: translate3d(0.5%, 0, 0) rotate3d(0, 0, 0, 0.5deg);
	}
	28% {
	transform: translate3d(0%, 0, 0) rotate3d(0, 0, 0, -0.5deg);
	}

	to {
	transform: translate3d(0, 0, 0);
	}
}
#sale3 .fura {
    position: absolute;    display: block;
    right: 0;
    top: 0;
    width: 32rem;border-radius: 1rem;
    z-index: 2;
    transform: scale(-1, 1);
}

#sale .calc_man {
    position: absolute;
    right: 4rem;
    bottom: 0;
    width: 27rem;
    z-index: 2;
}

.zayavka2 div.contactus-form {width:100%;max-width: 100%!important;}
.zayavka2 div.contactus-form div.joomly-contactus-div.p0 {
    width: 50%;
    float: left;
}

.zayavka2 div.contactus-form div.joomly-contactus-div.p0 input {
    padding: 1.2rem 1.6rem;
    height: 3.5rem;
}

.zayavka2 .button_contactus {
    width: 50%;
    float: left;
    padding-left: 15px;
}

.dir2 .zayavka1,.dir21 .zayavka1 {
    left: 0; position:relative;
    bottom: 0;
}

.container.dir3 {
    padding: 3rem;

    border-radius: 1rem;
 background: url(/images/mkp/zayavka_bg.jpg) no-repeat center;
    background-size: cover;
}



.dir .zayavka1 {
    left: 62vw; bottom:3vw;
}
.dir__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.dir__man {
    position: absolute;
    left: 30vw;
    bottom: 0;
    width: 27.5rem;z-index:2;
}

.dir__info {
    width: 57%;
    position: relative;
    color: #2b2b33;
    padding: 2vw;
    padding-top: 3.5vw;
    z-index: 3;
}

.psevdo-img-dir {
    position: absolute;
    left: -0.5vw;
    top: 0;
    max-width: none;
    max-height: none;
    width: 60vw;
    z-index: -1;
}




.test-right {padding:2rem;}
.test-right>div {background:#efefef; padding:1.5rem;border-radius:1.7rem;}

.uk-scope .steps_main  .uk-card-body {

    float: right;
    width: 50%;
}

.afcenter {    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.pbsm {padding-bottom:1rem;}
.bbgrey {border-bottom:1px solid #e2e2e2;}

.img_utp_check {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    background: #fff;
    position: relative;
    border-radius: 50%;
    max-width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.row-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.main__content-vantage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main__content-vantage-item {
    width: 100%;
    margin: 0.8rem 0;
}

.vantage__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;align-items: center;
}

.vantage__item-img {
    width:3.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 0.9rem;
}
.vantage__item-title {
    font-size: 1rem;
font-weight:600;
    margin-bottom: 10px;
}

.vantage__item-descr {
    font-size: 0.9rem; margin-bottom:0!important;
}

.dop_serv img {border: 4px solid #fff;
    width: 10rem;
    margin: 0 auto;
}

.dop_serv img.like_3d {
    border: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    margin-left: 2rem;
}


.steps_main>div:nth-child(1) .uk-card {
    background: url(/images/bg/bg-step1.jpg) no-repeat center;
    background-size: cover;}
.steps_main>div:nth-child(2) .uk-card {
    background: url(/images/bg/bg-step2.jpg) no-repeat center;
    background-size: cover;}
.steps_main>div:nth-child(3) .uk-card {
    background: url(/images/bg/bg-step3.jpg) no-repeat center;
    background-size: cover;}
.steps_main>div:nth-child(4) .uk-card {
    background: url(/images/bg/bg-step4.jpg) no-repeat center;
    background-size: cover;}
.quiz {position:relative;padding:0; background:#fff;border-radius:1.7rem;
-webkit-box-shadow: 0 24px 59px 0 rgba(51, 59, 69, 0.25);
    box-shadow: 0 24px 59px 0 rgba(51, 59, 69, 0.25);}
.hand_quiz {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30vw;
    z-index: 1;
}



ul.list li:before {
    content: "";
    position: absolute;
    top: 0.4em;
    left: -1.5rem;
    width: 0.5em;
    height: 0.5em;
    background: #62b168;
    background-size: contain;
}
.price {
    font-weight: 700;
    font-size: 1.1rem!important;
    display: block;
}

#offcanvas-toggler>.fa {
    color: #ffffff;
}
.tar {text-align:right;}
.sp-megamenu-parent>li>a {
    color: #ffffff;
}
.sp-megamenu-parent .sp-mega-group>li>a {
    text-transform: none;
    font-weight: 400;
    font-size: 0.83rem; margin-bottom:0.5rem;
}

.rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rating__n {
    color: #f8f6f2;
    width: 3.4rem;
    margin-right: 0.7rem;
    font-size: 2.8rem;
    height: 3.5rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}


.rating__t {
    padding-top: 0.4rem;
    padding-left: 0.4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .5vw;
}

.stars svg {
    width: .6vw;
    margin-right: .3vw;
}

.tsm10 {
    font-size: 0.75vw;
}
.uk-scope .slider .uk-slidenav.uk-slidenav-previous {
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    border: .25rem solid #fff;
    background-color: #e4e4e4;
    transition: .2s;
    border-radius: 50%;
    z-index: 1;

justify-content: center;
    display: flex;
    left: 50%;
    margin-left: -10rem;
}
.uk-scope .slider .uk-slidenav.uk-slidenav-next {
    position: absolute;
    width: 3.5rem;
    height: 3.5rem;
    border: .25rem solid #fff;
    background-color: #e4e4e4;
    transition: .2s;
    border-radius: 50%;
    z-index: 1;
    justify-content: center;
    display: flex;
    left: 50%;
    margin-left: 6rem;
}

.uk-scope .slider .uk-card {
    border-radius: 2rem;
    padding: 3rem;
}

.uk-scope .slider .uk-margin-remove-bottom {
    margin-top: 1.5rem;
}

.uk-scope .slider .uk-slidenav.uk-slidenav-previous:hover,.uk-scope .slider .uk-slidenav.uk-slidenav-next:hover {background-color: #62b168;}
.objects__inner .uk-scope .uk-slider-container  {overflow: visible;}
.objects__inner .uk-scope .uk-slider-container .uk-visible-toggle  {overflow: hidden;}

.uk-scope .slider .uk-slidenav:focus, .uk-scope .slider .uk-slidenav:hover {
    color: #fff;}

.close {
    opacity: 1;
}
.slider .slider-arrow {
    position: absolute;
    z-index: 1;
    top: 45%;width: 100%;
    transform: translateY(-50%);
}
.slider {position:relative;}
.slider .uk-visible-toggle.uk-margin {margin-bottom:5px!important;}
.sp-page-title {
    padding: 30px 0;
    background-position: 50% 50%;
    background-repeat-x: repeat;
    background-size: inherit;
    background-attachment: scroll;
}

.acenter {margin: 0 auto!important;}

.social.v2 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0.5rem;
}




.close:after, .close:before {
    position: absolute;
    left: 50%;
    content: " ";
    height: 100%;
    width: 2px;
    background-color: #282728;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 3px;
}

.close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 700;}
    
    .bold {font-weight:700;}
.text, .f18 {
    font-size: .94rem;
}
#sp-bottom,#dogovor,#metalloprokat {position:relative;}
.uk-scope address, .uk-scope dl, .uk-scope fieldset, .uk-scope figure, .uk-scope ol, .uk-scope p, .uk-scope pre, .uk-scope ul {
    margin: 0 0 1rem 0;
}

.btn.max {
    width: 100%;
}

.fade_in {
	opacity: 1;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slide-up-in;
	animation-name: slide-up-in;
}
/*.title-first {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slide-up-in;
    animation-name: slide-up-in;
}*/
@-webkit-keyframes slide-up-in {
	0% {
		-webkit-transform: translate(0, 100%) rotate(1deg);
		transform: translate(0, 100%) rotate(1deg);
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}
@keyframes slide-up-in {
	0% {
		-webkit-transform: translate(0, 100%) rotate(1deg);
		transform: translate(0, 100%) rotate(1deg);
		opacity: 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0) rotate(0);
		transform: translate(0, 0) rotate(0);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

.fade-bottom {animation-name: uk-fade-bottom-small;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;}

 .contactus-button.max.mod {text-align:center;}


.header_bg #sp-header {    background: url(/images/bg/main-header.jpg) 50% 50%;
    background-repeat: no-repeat;background-size: cover;
 
    width: 100%;}
    
    .header_bg .sp-page-title {
    background: transparent;
}


.rounded-section {
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;overflow: hidden;
}
 .revers >div:nth-child(even) .uk-panel {margin:3rem 0;}
.uk-scope .projects .uk-card {
    padding-left: 4rem;
    padding-right: 4rem;
}
.works__obj-info td {
    padding: 0.3rem 0.4rem;
    height: 2.5rem;
    vertical-align: middle;
}
.works__img {width:1.5rem;}
.works__obj-info td:first-child {
    padding-left: 0;
}
.works__obj-info td:last-child {
    padding-right: 0;
}
.icon-info-time {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
}
.works__obj-info [class^=icon-]{

color: #62b168; fill: currentColor;}

.vmzoomer-additional-images.slick-vertical .additional-image-wrap {
    padding: 0 0 0.4rem 0.8rem!important;
}
.projects .vmzoomer-additional-images .additional-image-wrap {
    height: 6rem;
}

.projects .vmzoomer-wrap.vertical-carousel .vmzoomer-additional-images {
    flex-basis: 20%;
    width: 20%;}

.projects .vmzoomer-image,.slick-list,.vmzoomer-additional-images.slick-vertical {
    height: 23.7rem!important;
}

.vmzoomer-image img {height:100%!important;}
.projects .vmzoomer-image {border-radius: 1.302rem;
    overflow: hidden;}


h3.uk-h3,.uk-scope .uk-h3 {
    font-size: 1.7rem; line-height:1.2;font-weight: 700;
}


.bg_black .uk-scope .uk-card,.bg_black .uk-scope  h3.uk-h3,.bg_black .uk-scope  .uk-h3, .bg_black .uk-scope h3.uk-h4,.bg_black .uk-scope  .uk-h4 {color:#fff!important;}

#sp-header p {margin-bottom:0;}
.f16 {
    font-size: 0.83rem;
}

.fwb {
    font-weight: 700;
}
.fw900 {
    font-weight: 900;
}
.f22 {
    font-size: 1.15rem;
}
.black{color:#000;}
.blue{color:#62b168;}
.white {
    color: #fff;
}
.white-space {
    white-space: nowrap;
}
.btn .f16 {font-size:1rem;}

.btn {
  
    padding: 1rem 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 6;
    cursor: pointer;
    border: none;
    position: relative;
    white-space: nowrap;
    color: #010213;
    border-radius: 5px;
    background-color: #62b168;
    text-decoration:none!important;
}



.btn:not(:disabled) .btn-blick {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;font-size:1rem;
    overflow: hidden;
    letter-spacing: 0;
    text-transform: none;
}

.btn:not(:disabled) .btn-blick:after {
content: "";
    background: -webkit-linear-gradient(left,rgba(255,255,255,.1),rgba(255,255,255,.5));
    background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.5));
    height: calc(100% + 16px);
    width: 40px;
    position: absolute;
    z-index: 1;
    top: -8px;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-animation: btn-anim 5.3s ease infinite;
    animation: btn-anim 5.3s ease infinite;
}

@-webkit-keyframes btn-anim{0%,55%{left:-100%}to{left:170%}}
@keyframes btn-anim{0%,55%{left:-100%}to{left:200%}}

@-webkit-keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0;
	}
	30% {
		left: 110%;
		margin-left: 80px;
	}
	100% {
		left: 110%;
		margin-left: 80px;
	}
}
@keyframes slideme {
	0% {
		left: -30px;
		margin-left: 0;
	}
	30% {
		left: 110%;
		margin-left: 80px;
	}
	100% {
		left: 110%;
		margin-left: 80px;
	}
}




    
.btn.mod {color:#fff!important;
    border-radius: 0.5rem;
    background-color: #62b168;
    text-align: left;
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {    
    background-color: #fc0;}


.btn.dark {
    border-radius: 5px;
    background: #fc0;
}

.btn:hover,div.contactus-form button[type="submit"].contactus-button:hover {

background:#287bd4!important;
box-shadow: none;
}

div.contactus-form.contactus-form185 button[type="submit"].contactus-button:hover {background:#4dbd77!important;}



div.contactus-form button[type="submit"].contactus-button:hover {
    opacity: 1!important;
    outline: 0 none;
}
.calc2 div.contactus-form button[type="submit"].contactus-button{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;}

/*header start*/
#sp-logo .sp-column {display:flex;justify-content: space-between; align-items:center;}

#sp-header {
    box-shadow: none;padding: 15px 0;
}

@media (min-width: 768px){
.utp .zayavka2  {position:relative; display:block;width: 55%;margin:0 auto;}
    .btn_block_h {height:15rem;}

    .fixed-contacts {
    display: none;
}
  .grace_left {
    position: absolute;
    left: 0;
    top: 10px;
    width: 12rem;z-index: 3;max-width:250px;
}
    
    .main__utp .title-lg {font-size:3.5rem;}
.uk-scope .avtopark .uk-grid>* {
    padding-left: 0;
}    
.uk-scope .steps_main .uk-card-body {
    width: 55%;
    padding: 15px;
}
    

.text-btn-right {
    position: absolute;
    left: 13rem;
    width: 14rem;
    top: 0.7rem;
}






#offcanvas-toggler {display:none!important;}
#sp-header .logo {
    max-width: 17rem;
}

.descriptor {
    width: 17rem;
}
#sp-bottom1 .descriptor {
    width: 25rem;
}

.sp-megamenu-parent {
    display: flex!important;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
float: none;
}
#sp-logo{
padding-top: 0.5rem;
    padding-bottom: 0.5rem;}
}
@media (min-width: 992px){
    .uk-scope .steps_main .uk-card-body {
    width: 50%;
    padding: 30px;
}
.container,.sppb-row-container {
    max-width: 90vw;
    padding-right: 0;
    padding-left: 0;}
}

@media (min-width: 1200px){
.container,.sppb-row-container {
    max-width: 81vw;
    padding-right: 0;
    padding-left: 0;}
}



.socials__text {
    text-align: center;
    margin-bottom: 0.5rem;;
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    align-items: center;
}
.man_min {
    width: 3.5rem;
    margin-right: .5rem;
}
.social__item {
    width: 2.3rem;
    height: 2.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 100%;
}

.mrm {
    margin-right: 0.5rem;
}

.phones__block-work {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;     margin-bottom: 0.2rem;
}
.social .phones__block-work {
      margin-bottom: 0;
      margin-right:0.6rem;
}
.phones__block-cir {
    width: 0.35rem;
    height: 0.35rem;
    background-color: #4cad50;
    border-radius: 100%;
    margin-right: 0.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-animation: flicker 2s infinite;
    animation: flicker 2s infinite;
}
@-webkit-keyframes flicker{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes flicker{0%{opacity:1}50%{opacity:0}100%{opacity:1}}

.phones__block-text {
    color: #4cad50;
    font-weight: 500;
    font-size: 0.8rem;
}

.phones__block-text.white {  color: #fff;
    font-weight: 500;
    font-size: 0.8rem;}
/*header end*/


.calc2 input[type="text"].contactus-fields,.calc2 input[type="email"].contactus-fields, .calc2 input[type="date"].contactus-fields,.calc2 input[type="time"].contactus-fields, .calc2 input[type="tel"].contactus-fields, .calc2 textarea.contactus-textarea,input[type="text"].contactus-fields, input[type="email"].contactus-fields, input[type="date"].contactus-fields, input[type="time"].contactus-fields, input[type="tel"].contactus-fields, textarea.contactus-textarea,.calc2 select.contactus-select {
    padding: .3rem;
    padding-left: 1rem;
    padding-right: 2.2rem;
    width: 100%;
    margin-bottom: 0.5rem;
    height: 3.125rem;
    border-radius: 4px;
border:none;
    color: #222;
    font-size: 1rem;
}

.calc2 .button_contactus {
    display: flex;
    margin-top: 1.5rem;
    align-items: center;
}
.calc2 .button_contactus p {
    margin-left: 15px;
    font-size: 0.9rem;
    margin-bottom: 0;
}
#sp-header {
    background: transparent;position: absolute;
}
.w65 {width:65%;}
.w50 {width:50%;}
.w80 {
    width: 80%; 
}
#calc2 {position:relative;}
.main-man {
    position: absolute;
    left: 57vw;
    bottom: 5rem;
    width: 50rem;
}

.main-dogovor {
    position: absolute;
    left: 53vw;
    bottom: 0;
    width: 38rem;
}


.stations-slider{
    position: absolute;
    right: 9rem;
    bottom: 1rem;
    width: 35rem;
}

.stations-slider .uk-panel:before {
    content: "";
    
    position: absolute;
    
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
    border-radius: 25rem;
    background-color: #62b168;
        width: 25rem;
    height: 25rem;
    top: 50%;
    left: 50%;
    margin-left: -12.5rem;
    margin-top: -10rem;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.stations-slider .uk-active .uk-panel:before {

    
    -webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}




.btn-imgs {
    width: 2rem;
}

.ttu {
    text-transform: uppercase;
}
.title-lg {
    font-size: 3.1rem;
    line-height: 1;
}
.fw7 {
    font-weight: 700;
}
.mbm {
    margin-bottom: 0.7rem;
}
.mbs {
    margin-bottom: 0.41rem;
}
.mtlg,.uk-scope .uk-margin-top.mtlg {margin-top: 1rem!important;}
.title.f4 {font-size: 2rem;}
.btn_link div{text-decoration: underline;
    color: #75aa36;}
.f28 {
    font-size: 1.3rem;
}
.vtor3 h3 {min-height:2.9rem;}
.uk-scope .vtor3 .uk-card-body {padding-top:0!important;}

.f30 {
    font-size: 1.5rem;
}
.fw300 {
    font-weight: 300;
}
.fw700 {
    font-weight: 700;
}
.btn.min-l {
    padding-left: 2.8rem!important;
    padding-right: 2.8rem!important;
}



.dir {    background: url(/images/bg_dark.jpg) no-repeat center;
    background-size: cover; }

.arenda #sp-section-2 {
    margin-top: -12rem;
    padding-top: 12rem;
    background: url(/images/bg/bg-main3.jpg) no-repeat center;
    background-size: cover;
}

.nobody #sp-main-body {display:none;padding:0;}



.f20 {
    font-size: 1.04rem;
}
.f12 {
    font-size: 0.63rem;
}
.f13 {

    font-size: 0.8rem;
}

.callback_text::after {
left: 0;
    content: '';
    position: absolute;
    bottom: -0.2rem;
    width: 100%;
    border-top: 0.15rem dotted #62b168;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.f24, .uk-scope .f24 h3.uk-h3 {
    font-size: 1.2rem;
}
.mb2 {
    margin-bottom: 1.4rem;
}

.mt2 {
    margin-top: 1.4rem!important;
}
.uk-scope h3.uk-h5, .uk-h5 {
    font-size: 0.97rem;
}

.f34, h3.uk-h3,.uk-scope .uk-h3 {
    font-size: 1.7rem; line-height:1.2;
}
.fwb {
    font-weight: 700;
}
.mb {
    margin-bottom: 1.5rem;
}
.container__left {
    width: 100%;
    padding-left: 9rem;
}

.container__right {
    width: 100%;
    padding-right: 9vw;
}
.calc2__inner {
    padding: 3vw 0 3vw 9vw;
    padding-right: 0;
    border-radius: 0 1.302vw 1.302vw 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.calc2 div.contactus-form div.joomly-contactus-div.p0 {
    width: 50%;
    float: left;}
.calc2 div.contactus-form div.joomly-contactus-div.p1,.calc2 div.contactus-form div.joomly-contactus-div.p3 {
    width: 50%;
    float: left;padding-left: 15px;}
.main-smeta {
    position: absolute;
    right: 3rem;
    bottom: 2rem;
    width: 35rem;
}   
.calc2 div.contactus-form div.joomly-contactus-div.p5,.calc2 div.contactus-form div.joomly-contactus-div.p6,.calc2 div.contactus-form div.joomly-contactus-div.p7 {width: 8rem;;float:left;}    
/*.calc2 div.contactus-form div.joomly-contactus-div.p6,.calc2 div.contactus-form div.joomly-contactus-div.p7 {padding-left:15px;}  
*/
.bg_grey {background:#f5f5f5;}
.bg_black {background: #202933;}
.bg_orange {background: #62b168;}
.objects__inner {
    padding: 3rem 1.2rem 1.5rem 3rem;
    border-radius: 1.302rem 0 0 1.302rem;
}

.machines__inner {
    padding: 3rem;
    border-radius: 1.302rem 0 0 1.302rem;
}

.br10_img img,img.br10_img,.br10_img .uk-overlay {
    border-radius: 1.042rem;}
    
.br10_overlay .uk-transition-toggle{
    border-radius: 1.042rem;}
    
.uk-scope .br10_overlay .uk-overlay-primary {
    background: rgb(32, 41, 51, .88);
}   
/*.last_o .uk-slider-items li:last-child{
    opacity: .5;
}    */

.title {
    font-size: 2.77rem;
    line-height: 1.1;
    position: relative;
    z-index: 2;
}
.tac {
    text-align: center;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.mlg {
    margin-bottom: 4.5rem;
}


.sppb-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;align-items: start;margin-bottom:2rem;
}
.sppb-media img {width: 2rem;margin-right:15px;}

.main-list {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;margin:0 auto;
    margin-bottom: 0;margin-top: 6.5rem;
}

.main-list li {width: 33%;
    position: relative;
    margin-right: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-list li img {width:1.2rem;}
.main-list li span {max-width:15rem;    width: calc(100% - 4rem);}


.main-list li .title-lg {
    font-size: 3.9rem;
    line-height: 0.8;
    display: inline-block;
    margin-right: 0.5rem;
}

.fw100 {
    font-weight: 100;
}

#sp-footer, #sp-bottom {
    background: #282728;
}

#sp-bottom1 .sp-column {
    display: flex;
    justify-content: space-between;
  
}
#sp-bottom .sp-module ul>li {
    margin-bottom: 0.6rem;
}

#sp-bottom {
    padding: 3rem 0 1.5rem 0;
}
#sp-bottom .sp-module {
    margin-bottom: 1rem;
}
#sp-bottom .sp-module a {color:#fff;}
#sp-footer1 .sp-module {
    margin-bottom: 3rem; color:#666;
}
#sp-bottom1 .logo {
    max-width: 17rem;
}


.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a,.sp-megamenu-parent>li:hover>a {
    color: #62b168;
}

/*start services*/
.services {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.dont-exit{
    padding-top: rem;
    padding-bottom: 5rem;
}



.metalloprokat{
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.preim_three {
    padding-top: 2rem;
 padding-bottom: 1.5rem;
}
.zavody{
   padding-top: 3rem;
    padding-bottom: 2rem;
}

.dogovor {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.preimushestva{
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.pricelist{
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.test {
    padding-top: 4rem;
    padding-bottom: 0;
}

.services2 {
    padding-top: 1rem;
    padding-bottom: 6rem;
}
/*end services*/


/*start projects*/
.projects_block {
    padding-top:1rem;
    padding-bottom: 6rem;
}
/*end projects*/

/*start faq*/
.faq_block {
padding-top: 0; padding-bottom:5rem;} 
 


.contacts_block {padding-top:0;padding-bottom:3rem;}
/*end faq*/

.fbetween {justify-content: space-between;}

  div.contactus-lightbox {animation-name: uk-fade-bottom-small;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;}


@media (min-width:768px){
   #quiz>.row {
       flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
   }
    /*.sp-module.main_utp {height:100vh;}*/
    
    .zayavka2 div.contactus-form button[type="submit"].contactus-button {height:3.5rem;}
    
   div.contactus-lightbox {max-width: 28rem!important;border-radius: 10px!important;}
    
    #sp-logo {
    margin-bottom: 0;
}
    .col-md-6.w45 {-ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;}
    
}


@media (min-width:992px){
 html {
    font-size: 1.25vw;}   
    
}

@media (min-width:1300px){
 html {
    font-size: 1vw;}   
    
}

@media (max-width: 991px){
    .main-list {
    width: 100%;}
.rounded-section {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}    
    .calc2__inner {
    padding: 3vw 0 3vw 6vw;}
html {
    font-size: 10px;
}
 .uk-scope .uk-card-body {
    padding: 1.5rem!important;
}   
.main-man {
    right: -5rem;
    width: 43rem;
}

.main-dogovor {

    bottom: 5rem;
}
.container {
    max-width: 90vw;padding-right:0; padding-left:0;
}

.small_block .container {
    max-width: 80vw;
}  
    
}
.pdt2 {padding-top:1rem;}
@media (max-width:767px){
    #sp-header .btn_header{display:none;}
  
    #sp-header .callback_text {display:none;}
    .test-right {display:none;}
   .main__utp {
    padding-top: 9rem;
    padding-bottom: 3rem;
} 
    .hidden-xs {display:none;}
    .three_line img {max-width:120px!important;}
    
.main-list li {font-size: 12px;
    margin-right: 0.5rem;}
.img_utp_check {
    width: 2rem;
    height: 2rem;}    
    
    .uk-scope  .three_line *+.uk-grid-margin, .uk-scope .three_line .uk-grid+.uk-grid, .uk-scope .three_line .uk-grid>.uk-grid-margin {
    margin-top: 10px;
}
  .grace_left {
    z-index: 3;
    left: 0;
    position: absolute;
    width: 150px;
    bottom: 20px;
}
.o2_m {order:2;}.o1_m {order:1;}



 .dir21 {
background: url(/images/mkp/fura_bg.jpg) no-repeat center;    
}
.br10_img {margin-bottom:2rem;}
#sale2 .fura {
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 33rem;
}   
    
 #sal3 .fura {
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 33rem;
}    
   .psevdo-img-dir,.calc_man {display:none;} 
 .dir__cont {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}  
div.contactus-lightbox {
    border-radius: 10px!important;
}
.dir__man {
    position: relative;
    left: auto;
    bottom: auto;
    width: 17rem;
    margin: 0 AUTO;
}
  .dir__info {
    width: 100%; border-radius:1rem;
    position: relative;
    color: #2b2b33;
    padding: 1rem; background:#fff;
    padding-top: 2rem;
    z-index: 3;
} 

.text-btn-right {margin-top:1rem;}

 .uk-scope .slider .uk-slidenav.uk-slidenav-previous,.uk-scope .slider .uk-slidenav.uk-slidenav-next     {width: 3rem;
    height: 3rem;
    border: .3rem solid #fff;}

  .stations-slider  {display:none;}  
    #sp-bottom1 .sp-column {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.uk-scope .small_panelbox .uk-panel {background:#fff; padding:1.5rem 1rem;border-radius: 1.302rem;    box-shadow: 0 5px 15px rgb(0, 0, 0, 0.08);}
.uk-scope .projects .uk-card {
    padding-left: 1rem;
    padding-right: 1rem;
} 

.uk-scope .projects .uk-card-body {
    padding: 0;
}


.header_bg #sp-header{background:#eee;}

    .rounded-section {
    border-bottom-left-radius: 1.7rem;
    border-bottom-right-radius: 1.7rem;
}
   #sp-menu {
    width: 40px;top:0;display:none;
    position: absolute!important;
    right: 0;

}
.phones__block-work.mbs {margin-bottom:0;}
.calc2 .w50 {
    width: 100%; padding: 1.5rem;
}

.calc2 .w80 {
    width: 100%; padding: 0;
}


.calc2__inner  {
    padding: 3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.container__right,.container__left {
    max-width: 90vw;
    margin: 0 auto;
    padding: 0;
}

.calc2__inner,.objects__inner {
    border-radius: 2.5rem;padding: 1rem;
}

.machines__inner {
    padding: 3rem 2rem;
    border-radius: 2.5rem;
}

.btn br {
    display: none;
}
.main-man,.main-man2,.main-smeta,.main-dogovor{
    position: relative;left:auto;
    right: auto;
    bottom: auto;
}

.main-man2,.main-smeta {

    width: 31rem;
}
.main-list {
    width: 100%;
}
#sp-header .descriptor,.callback_head {display:none;}    
html {
    font-size: 14px;
}


#sp-logo .sp-column {-ms-flex-wrap: wrap;
    flex-wrap: wrap;}
#sp-logo {
    margin-bottom: 0;
}
.btn.min-l {
    width: 100%!important;;}

h2 br {
    display: none;
}
.vmzoomer-wrap {margin-bottom:2rem;}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {

    font-size: 2rem;}
    

    
}


@media (max-width: 767px){
    #sp-header .logo {
    width: 15rem;
}
    .quiz {
   
}.test {
    padding-top: 0;

}
    .uk-scope .slider .uk-card {
    padding: 1rem;
}
    
    
    .table-bordered td,.table-bordered th{
        padding: .4rem;}
        
  .table-bordered td  .price ,.table-bordered td,.table-bordered th  {font-size:1rem!important;}
        
        
    .pricelist .white_block {padding: 0.7rem;}
    
    .brands,.phone,.fura {display:none;}
    .zayavka1 {
    padding: 3rem 1rem 1rem 1rem;
    right: auto;
    position: relative;
    width: 100%;
    bottom: auto;
    max-width: 100%;
}

    .pbsm {
    padding-bottom: 1rem;
}
.uk-scope .preim  .uk-width-1-3\@s {
    width: calc(100% * 1 / 3.001);
}
.uk-scope .preim  .uk-width-2-3\@s {
    width: calc(100% * 2 / 3.001);
}   
 .dir .zayavka1 {
    left: auto;
    right: auto;
    margin-left: 15px;
    margin-right: 30px;
    margin: 0 auto;
    max-width: 300px;
}   
    
}



@media (max-width:567px){
    
    
    .main-list li {font-size:1rem;
    width: 100%;}
    .main-list li span {
    max-width: 100%;}
    
#sp-header:not(.header-sticky) .logo-image {display:block!important; height:50px!important;}        
#sp-header:not(.header-sticky) .logo-image-phone {display:none!important;}    
 .sp-module.socc{order:4;} 
 .sp-module.phone_head  {order:3;}  
    
#sp-header.header-sticky {
    padding: 5px 0;
} 
#sp-header.header-sticky .logo {
    width: 35px;    height: 35px;
}
#sp-header.header-sticky .sp-module.socc,#sp-header.header-sticky .sp-module.phone_head {
    width: auto;
}
#sp-header.header-sticky  #offcanvas-toggler {
    height: 45px;
    line-height: 45px;}



 .custom.phone_head .f28 {
    font-size: 20px;
}   

    .zayavka2 div.contactus-form div.joomly-contactus-div.p0 {
    width: 100%;
    float: none;
}
.zayavka2 .button_contactus {
    width: 100%;
    float: none;
    padding-left: 0;
}





     .uk-scope .vtor .uk-card-body {
    padding: 10px 10px;
}
     .uk-scope .vtor.vtor2 .uk-card-body {
    padding: 30px 30px;
}

.vtor .btn.min-l {
    padding: 1rem!important;
}
       .uk-scope .prices .uk-tab>*>a span {display:none;}
    .uk-scope .prices .uk-tab>*>a {
    font-size: 1.2rem;}
.uk-scope .sales .uk-card .uk-card-body {width: 100%;}  
.uk-scope .sales .uk-card  {
    background: #eceaeb!important;
}


    
    
    
    .uk-scope .steps_main .uk-card-body {
    width: 55%;
    padding: 15px;
}
    .calc2 .button_contactus {
    display: block;}
    .calc2 .button_contactus p {
    margin-left: 0;
    font-size: 0.8rem;
    margin-top: 1rem;
}
.calc2 div.contactus-form div.joomly-contactus-div.p1, .calc2 div.contactus-form div.joomly-contactus-div.p3,.calc2 div.contactus-form div.joomly-contactus-div.p0, .calc2 div.contactus-form div.joomly-contactus-div.p2 {
    width: 100%;padding:0;
    float: none;
}
.calc2 div.contactus-form button[type="submit"].contactus-button {
    margin: 0 auto;}
    .projects .vmzoomer-additional-images .additional-image-wrap {
    height: 4.2rem;
}
    .btn {
    white-space: normal;
}

.main-list li {
    margin: 0.5rem 0;

}  
.main-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.main-list li br {
    display: none;
}
.main__utp .title-lg {
    margin-bottom: 2rem;
}
.title, .title-lg {
    font-size: 2.2rem;
}
  
}

#offcanvas-toggler {
    font-size: 26px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #ffffff;
}

.offcanvas-menu {
    background-color: #202933;
    color: #ffffff;
}


.grey_bg {
    background-color: #f5f5f5;}
.mw900 {max-width:970px;}

.price-table th {    background: #62b168;color:#fff;}
.price-table th p, .price-table td p {margin:0;}

.price-table tbody tr:nth-of-type(even) {
    background-color: #f5f5f5;
}

.close-offcanvas {
    background: transparent!important;}
    
    .close.close-offcanvas:after, .close.close-offcanvas:before {
    background-color: #ffffff;}
    
    
    
    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler:after {
display:none;
}

body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
    right: 3px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li.active a {
    color: #62b168;
}

 .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler{

   -webkit-transform: translateY(-50%) rotate(90deg);
   transform: translateY(-50%) rotate(90deg);
 
     
 }
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
    font-size: 1.2rem;
}    
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
    color: rgb(223, 223, 223, 0.8);
}

#quiz .phones__block-work {
    float: none;
    background: #25d266;display: block;
    padding: 5px 10px;
    border-radius: 0.4rem;
    margin-bottom: 0.4rem;
    margin-top: -1rem;
    position: absolute;width:100%; text-align:center;
}
.test__man {
    width: 9.5rem;    position: relative; max-width:150px;
    margin: 0 auto;
}
#quiz .phones__block-cir {
    background-color: #ffffff;
}

#quiz .phones__block-text {
    color: #ffffff;
}

.price-design-table__check:before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 15px 30px rgb(238 184 41 / 40%);
    box-shadow: 0px 15px 30px rgb(238 184 41 / 40%);
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fad32d), to(#e6a527));
    background: linear-gradient(
180deg
, #fad32d 0%, #e6a527 100%);
}

.price-design-table__check:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#FAD32D), to(#E6A527));
    background: linear-gradient(
180deg
, #FAD32D 0%, #E6A527 100%);
    border-radius: 50%;
    -webkit-box-shadow: 0px 15px 30px rgb(238 184 41 / 40%);
    box-shadow: 0px 15px 30px rgb(238 184 41 / 40%);
    opacity: 0.2;
}

.price-design-table__check {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 23px;
    height: 23px;
    position: relative;
}

.mcs-header .close:after,.mcs-header .close:before,.quick-search {display:none;}

.mcs-modal-header .close {

    z-index: 3;
}

.mcs-modal-header .mcs-header .title {
    color: #222!important;
}

.mcs-dialog a {
    font-size: 1rem!important;
    line-height: 1.2!important;
    color: #222!important;}
    
.mcs-dialog .cities .cities-group .first-letter-cities {
 color: #222!important;    
   font-size: 1.2rem!important;  line-height: 1.2;
}

.mcs-module .current-location {
    font-size: 1rem!important; 
    border-bottom: 1px dashed #A2A2A2!important; }
    
    
.mcs-modal-header .close svg {
    fill: #222!important;}
.mcs-modal-header .close:hover  svg {
    fill: #fff!important;}   
.mcs-modal-header .close:hover {
    background-color: #222!important;
    border-color: #222!important;}
    
.mcs-dialog .inner {
    padding: 0px 30px 30px!important;
}

@media (min-width:1550px){
    
    .small-container .container,.small-container .sppb-row-container {
    max-width: 1300px;
  
}
}
@media (max-width:576px){
    
 #sp-header:not(.header-sticky) .sp-module.phone_head {margin:0 auto;}
 
 #sp-header:not(.header-sticky)  .custom.phone_head .f28 {
    font-size: 24px;
}
    
    .title-lg {text-align:center;}
        .main__utp {
    padding-top: 13rem;
} 

.main-list {
    margin-top: 3.5rem;
}


#sp-header .logo {
    width: 100%; display:unset!important;
}
.logo-image {margin:0 auto;margin-bottom:15px;}
    .uk-scope .metallprokat .uk-card-body {
    padding: 10px 10px;
}}
@media (max-width:480px){
  
.price-table .f34 {    font-size: 1.2rem;}    
        .uk-scope .three_line.uk-child-width-1-3>* {
    width: 100%;
}
.three_line img {
    max-width: 120px!important;
}
.uk-scope .three_line .uk-width-3-4\@s {
    width: 75%;
}
.uk-scope .three_line .uk-width-1-4\@s {
    width: 25%;
}
#sp-bottom .sp-module {
    margin-bottom: 1rem;
    width: 100%;
}

.header-call__wrap.tac {text-align:left;}

    .container.dir3 {padding:1.5rem;}
  
#sale2 .fura {
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 35rem;
}
#sale3 .fura {
   right:0;
    bottom: 0;
    width: 90%;
    max-width: 35rem;
}
#sale3 .dir2 {
    padding-top: 22rem; padding-left:2rem; padding-right:2rem;

}}
#sale .dir21, #sale .dir2, #sale2 .dir2, #sale3 .dir2 {padding-left:2rem; padding-right:2rem;}
.sp-scroll-up {
    width: 50px;
    height: 50px;
    line-height: 50px;border-radius:50px;
    background: #62b168;
}





.ba-form-page .snoska {
    display: none;
}
.ba-form-page:first-child .snoska {
    display: inline-block;
}


input[type="text"].contactus-fields, input[type="email"].contactus-fields, input[type="date"].contactus-fields, input[type="time"].contactus-fields, input[type="tel"].contactus-fields, textarea.contactus-textarea {
    padding: 1.4rem 2rem;
    border: none;
    background-color: transparent;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    position: relative;
    border-radius: 5px;
    background-color: #ffffff;
    padding-left: 2rem;
    color: #131313;
}
input[type="text"].contactus-fields, input[type="email"].contactus-fields, input[type="date"].contactus-fields, input[type="time"].contactus-fields, input[type="tel"].contactus-fields, textarea.contactus-textarea {
    font-size: 1rem!important;}





@media (max-width: 600px){  
    #sp-header.header-sticky .btn_header{display:block;}
#sp-header.header-sticky .sp-module.socc,#sp-header.header-sticky .logo {display:none!important;}  } 
@media (max-width: 520px) {
    
.uk-scope .vtor.vtor2.uk-child-width-1-2>* {
    width: 100%!important;
}   
.uk-scope .vtor.uk-child-width-1-3>* {width: 50%;}   
}

@media (max-width: 380px){
    #sale3 .dir2 {
    padding-top: 18rem;

}
    #sp-header.header-sticky .btn.min-l {
    padding: 0.5rem 1.5rem!important;
}
.custom.phone_head .f28 {
    font-size: 18px;
}
    
.header-socials .social__item.mrm    {display:none;}
    
}


.favorite-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.favorite-title img {
    width: 1.5rem;
    margin-right: 0.7rem;
}

.favorite-instruction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 55rem;
    margin: 0 auto;
}

.favorite-instruction__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.favorite-instruction__text {
    opacity: 0.5;
    font-size: 1rem;
    line-height: 1.2;
   
    margin-right: 1rem;
}

.favorite-instruction__keyboard {font-weight: 600;
    padding: 1.5rem;  -webkit-box-shadow: 0 0 29rem rgb(0, 0, 0, .10);
    box-shadow: 0 0 29rem rgb(0, 0, 0, .10);
    border-radius: 1rem;
    background-color: #fff;
    font-size: 1.5rem;
}

.favorite-instruction__arrow {
    position: absolute;
    bottom: 0;
    left: 60%;
    -webkit-transform: translateX(-83%);
    transform: translateX(-83%);
    width: 7rem;
}

.favorite-instruction__arrow-2 {left: 50%;
    -webkit-transform: translateX(-148%);
    transform: translateX(-148%);
    bottom: 0;
}

.favorite-instruction__img {
    padding: 1.2rem 1.1rem;
    -webkit-box-shadow: 0 0 2rem rgb(0, 0, 0, .10);
    box-shadow: 0 0 2rem rgb(0, 0, 0, .10);
    border-radius: 1.1rem;
    background-color: #ffffff;
}
.favorite-instruction__img img {
    width: 17rem;
}

@media screen and (max-width: 767px){
.favorite-instruction {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
    
.favorite-instruction__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem;
}
.favorite-instruction__text {
    text-align: center;
    margin-bottom: 1rem;
}

.favorite-instruction__arrow {
  display:none;
} 



}