@font-face { font-family: "PF BeauSans Pro"; src: url(fonts/pfbeausanspro-reg.ttf); font-style: normal; font-weight: 400; }
@font-face { font-family: "PF BeauSans Pro"; src: url(fonts/pfbeausanspro-sebold.ttf); font-style: normal; font-weight: 600; }
@font-face { font-family: "PF BeauSans Pro"; src: url(fonts/pfbeausanspro-bold.ttf); font-style: normal; font-weight: 700; }
@font-face { font-family: "PF BeauSans Pro"; src: url(fonts/PFBeauSansPro-Black.ttf); font-style: normal; font-weight: 800; }
html { height: 100%; }
body { color: #959595; font-size: 15px; background-color: #fff; font-family: 'PF BeauSans Pro', sans-serif; font-style: normal; font-weight: 400;/*height: 100%;*/
}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -330px; }
#sticker { height: 330px; clear: both; }
a { text-decoration: underline; color: #32c4f3; }
a:hover { color: #75b35f; text-decoration: underline; }
header.main { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}
header.main nav.top ul li.active a { color: #32C4F3; }
header.main nav.top ul li.parent.active a:hover { color: #fff; }
header.main nav.top ul li.parent.active ul li a:hover { color: #86c450; }
.logo { display: block; margin: 25px 0 18px; }
nav.top ul { list-style-type: none; padding: 0; margin: 0; }
nav.top ul li { display: block; float: left; margin-right: 10px; }
nav.top ul li:first-child { margin-left: 167px; }
nav.top ul li:last-child { margin-right: 0; }
nav.top ul :after { display: table; content: ' '; clear: both; }
nav.top ul li a { color: #433b50; font-weight: 400; margin-top: 49px; transition: all 0.3s ease; padding: 2px 15px 5px 15px; }
nav.top ul li.parent a:hover { color: #fff; text-decoration: underline; background: none; background: #8dce59; }
nav.top ul li a:hover, nav.top ul li a.active { background: none; color: #32c4f3; text-decoration: underline; }
nav.top ul li ul { border: 10px solid transparent; display: none; position: absolute; z-index: 100; padding: 10px; width: 220px; }
nav.top ul li ul li.divider { background: #9ce160 url(../img/main-submenu-border.jpg); margin: 0; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: -1; width: auto; }
nav.top ul li ul li.divider span.main-submenu-background { background: #fff; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; }
nav.top ul li:hover ul { display: block; }
nav.top ul li ul li { display: block; float: none; }
nav.top ul li ul li a { display: block; margin: 3px 0; font-size: 16px; padding-left: 20px; background: url(../img/main-menu.png) no-repeat left center !important; }
nav.top ul li.parent:hover ul li a { background: none; color: #433b50; }
nav.top ul li ul li a:hover, nav.top ul li.parent:hover ul li a:hover { color: #91D15A; background: none; background: url(../img/main-menu-active.png) no-repeat left center !important; }
nav.top ul li ul li:first-child { margin-left: 0; }
header {margin-bottom:15px;}
header .phone { line-height: 24px; margin-top: 24px; float: right; padding-left: 38px; background: green; background: url('../img/ico_phone.png') no-repeat left center; }
header .phone_block_hdr { color: #626262; font-size: 14px; font-weight: 400; margin-bottom: 2px; }
header .phone a { color: #433b50; font-size: 22px; font-weight: 700; text-decoration: none; white-space: nowrap; }
header .phone a:hover { text-decoration: underline; }
header .phone a span { color: #313131; font-size: 22px; font-weight: 700; }
header .phone .work_hours { color: #959595; font-size: 14px; font-weight: 400; }
header .short_phone { display: block; width: 50px; height: 50px; background: url('../img/ico_phone.png') no-repeat center center; margin-top: 34px; border: 1px solid #9de261; float: right; }
header .nav_menu_opener { display: block; width: 50px; height: 50px; margin-top: 34px; border: 1px solid #9de261; text-align: center; background: #a5e86a; }
header .nav_menu_opener span { color: #fafafa; font-size: 24px; line-height: 44px; }
header .submenu { background: #4a3d59; }
header .submenu ul { width: 100%; padding: 0; margin: 0; list-style-type: none; text-align: center; }
header .submenu ul li { display: inline-block; }
header .submenu ul li a { display: block; font-size: 18px; font-weight: 400; line-height: 32px; padding: 14px 48px 14px 88px; margin: 0 19px; color: #fff; text-decoration: none; background: url('../img/icons_submenu.png') no-repeat; }
header .submenu ul li:nth-child(1) a { background-position: top 17px left 45px; }
header .submenu ul li:nth-child(2) a { background-position: top -91px left 45px; }
header .submenu ul li:nth-child(3) a { background-position: top -201px left 37px; }
header .submenu ul li:nth-child(1):not(.active) a:hover { background-position: top 17px left -247px; }
header .submenu ul li:nth-child(2):not(.active) a:hover { background-position: top -91px left -247px; }
header .submenu ul li:nth-child(3):not(.active) a:hover { background-position: top -201px left -255px; }
header .submenu ul li:not(.active) a:hover { color: #a5e86a; text-decoration: none; background-color: transparent; }
header .submenu ul li.active a { color: #4a3d59; background-color: #a5e86a; }
header .submenu ul li:nth-child(1).active a { background-position: top 17px left -536px; }
header .submenu ul li:nth-child(2).active a { background-position: top -91px left -539px; }
header .submenu ul li:nth-child(3).active a { background-position: top -201px left -541px; }
footer { background: #3a2f46 url('../img/pat3.png') repeat bottom center; display: block; width: 100%; min-height: 330px; clear: both; }
footer .up { background: #3a2f46; height: 80px; }
footer .btn_footer { display: block; color: #9de261; font-size: 14px; font-weight: 400; line-height: 18px; background: transparent; border: 1px solid #9de261; border-radius: 0; text-decoration: none; line-height: 26px; }
footer .btn_footer:hover, footer .btn_footer:active, footer .btn_footer:focus { display: block; color: #503C61; font-size: 14px; font-weight: 400; line-height: 18px; background: #9de261; border: 1px solid #9de261; border-radius: 0; text-decoration: none; line-height: 26px; }
footer .up button.btn_footer { width: 176px; height: 40px; margin: 18px auto 0; text-transform: uppercase; }
footer .up .phone { color: #fff; line-height: 24px; font-size: 14px; font-weight: 400; margin-top: 14px; }
footer .up .phone a { color: #fff; font-size: 18px; font-weight: 700; text-decoration: none; }
footer .up .work_hours { color: #fff; font-size: 14px; font-weight: 400; line-height: 24px; text-align: left; padding-left: 200px; margin-top: 14px; }
footer .down .btn_footer { margin-top: 18px; width: 40px; height: 40px; }
footer .down .copyrights { color: #9890b8; font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 50px; }
footer nav ul { list-style-type: none; padding: 0; margin: 0; float: left; margin-right: 100px; font-size: 14px; font-weight: 400; line-height: 30px; margin-top: 46px; }
footer nav ul li a { text-decoration: underline; color: #aba2cc; padding: 0 0 0 20px !important; background: url('../img/footer_nav_list_marker.png') no-repeat top 3px left; display: inline !important; }
footer nav ul li a:hover { color: #9de261; background-position: top -96px left; background-color: transparent !important; text-decoration: underline !important; }
footer nav ul:last-child { margin-right: 0; }
footer .down .contacts { margin-top: 50px; padding-left: 200px; font-size: 14px; font-weight: 400; line-height: 30px; }
footer .down .contacts .phone, footer .down .contacts .email, footer .down .contacts .skype { display: block; color: #aba2cc; padding-left: 35px; background: url('../img/ico_contacts.png') no-repeat left top 7px; white-space: nowrap; }
footer .down .contacts .email { background-position: left top -59px; }
footer .down .contacts .skype { background-position: left top -126px; }
footer .down .contacts .phone:hover, footer .down .contacts .email:hover, footer .down .contacts .skype:hover { color: #9de261; }
section.mainslider {margin-top: -15px;}
.carousel { margin-bottom: 54px; }
.carousel .item .slide1, .carousel .item .slide2, .carousel .item .slide3, .carousel .item .slide4 { background: url('../img/pat1.png') no-repeat center center; background-size: cover; height: 600px; }
.carousel-control { z-index: 10; }
.carousel-caption { position: absolute; left: 1%; right: 1%; top: -550px; bottom: auto; width: 98%; text-align: center; padding: 35px; font-size: 30px; color: #eee; z-index: 1; }
.carousel-caption h3 { margin: 0 0 30px; padding: 0; font-size: 100px; color: #a5e86a; font-weight: 800; text-shadow: 0px 28px 1px rgba(0, 0, 0, 0.1); }
.carousel-indicators li { width: 12px; height: 12px; margin: 1px 12px 1px 0; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #86c450; border-radius: 12px; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 1px 12px 1px 0; background: linear-gradient(to bottom, #abed72, #73c32e); }
.btn_main { display: block; color: #fff; font-size: 14px; background-image: linear-gradient(to top, #067dbf 0%, #33c5f4 99%, #33c5f4 100%); box-shadow: 0 13px 18px rgba(0, 0, 0, 0.3); text-transform: uppercase; text-decoration: none; border-radius: 0; border: 0; }
.btn_main:hover { background-image: linear-gradient(to top, #33c5f4 0%, #33c5f4 1%, #067dbf 100%); color: #fff; }
.btn_main:active, .btn_main:focus { background-image: linear-gradient(to top, #067dbf 0%, #33c5f4 99%, #33c5f4 100%); box-shadow: inset 0 8px 13px rgba(255, 255, 255, 0.35), 0 13px 18px rgba(0, 0, 0, 0.3); color: #fff; outline: none; }
.btn-knowmore { display: block; width: 220px; height: 50px; line-height: 40px; margin: 30px auto 0; }
.slide1f h1 { background: #fff; color: #000; font-size: 36px; line-height: 36px; font-weight: 700; padding: 40px 0 20px 0; margin: 0 auto 50px; text-indent: -118px; white-space: nowrap; width: 80px; height: 100px; border-bottom: 3px solid #9de261; }
.slide1f .var { border: 1px solid #c9c9c9; padding: 40px 26px; margin: 0 20px 70px; position: relative; }
.slide1f .var:hover { border-color: #9DE261; }
.slide1f h3 { color: #000; font-size: 26px; font-weight: 700; line-height: 25px; margin: 0; padding: 0; text-align: center; }
.slide1f .desc { color: #626262; font-size: 15px; font-weight: 400; line-height: 25px; text-align: center; margin-top: 7px; padding-top: 74px; background: url('../img/slide1_var_desc_sprite.png') no-repeat top center; }
.slide1f .desc.v2 { background-position: top -306px center; }
.slide1f .desc.v3 { background-position: top -612px center; }
.slide1f .desc.v4 { background-position: top -918px center; }
.slide1f .desc.v5 { background-position: top -1224px center; }
.slide1f .desc.v6 { background-position: top -1530px center; }
.slide1f .price { color: #86c450; font-size: 30px; font-weight: 700; line-height: 30px; text-align: center; margin-top: 30px; }
.slide1f .period { color: #554768; font-size: 18px; font-weight: 700; line-height: 30px; text-align: center; margin-top: 3px; }
.slide1f .var .recommend { position: absolute; width: 116%; height: 116%; top: -8%; left: -8%; border: 2px solid #9de261; }
.btn-var { width: 178px; height: 44px; line-height: 31px; position: absolute; z-index: 100; bottom: -22px; left: 50%; margin-left: -89px; }
.slide1f .var.recomend { border: 0; padding: 20px 26px 60px; }
.slide1f .var.recomend .btn-var { bottom: 0; }
.slide1f .ico_recommend { position: absolute; z-index: 200; background: url('../img/ico_recomend.png') no-repeat top left; width: 80px; height: 80px; right: -16%; top: -16%; }
.slide2f { background: url('../img/pat2.png') no-repeat top center; height: 806px; }
.slide2f h2, .slide3f h2, .slide5f h2, .slide6f h2, .slide7f .form_consult h2 { background: transparent; color: #313131; font-size: 36px; line-height: 36px; font-weight: 700; padding: 70px 0 20px 0; margin: 0 auto 50px; text-indent: -107px; white-space: nowrap; width: 80px; height: 120px; border-bottom: 3px solid #9de261; }
.btn-portfolio { width: 376px; height: 80px; font-size: 24px; line-height: 70px; margin: 0 auto; }
.slide3f .brands { text-align: center; margin-bottom: 40px; }
.brands>div { display: inline-block; width: 265px; height: 135px; margin: 0 8px 8px; border: 1px solid #c9c9c9; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all 0.4s ease; }
.brands>div:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }
/*.slide3f */
.brands .nevado { background: url('../img/brands/nevado.png') no-repeat center center; }
.brands .eco { background: url('../img/brands/eco.png') no-repeat center center; }
.brands .al { background: url('../img/brands/stroy.png') no-repeat center center; }
.brands .voyaj { background: url('../img/brands/voyaj.png') no-repeat center center; }
.brands .stroy { background: url('../img/brands/stroy2.png') no-repeat center center; }
.brands .silent { background: url('../img/brands/silent.png') no-repeat center center; }
.brands .vita { background: url('../img/brands/vita.png') no-repeat center center; }
.brands .mir { background: url('../img/brands/mir.png') no-repeat center center; }
.brands .carbon { background: url('../img/brands/carbon.png') no-repeat center center; }
.brands .home { background: url('../img/brands/home.png') no-repeat center center; }
.brands .beauty { background: url('../img/brands/beauty.png') no-repeat center center; }
.brands .tandem { background: url('../img/brands/tandem.png') no-repeat center center; }
.slide4f { min-height: 460px; }
.slide5f { background: linear-gradient(to bottom, #f4f4f4 0px, #fff 90px); min-height: 930px; }
.slide5f h2 { text-indent: -233px; padding-top: 90px; height: 150px; }
.slide5f ol { list-style-type: none; margin: 80px 0 0 0; padding: 0; counter-reset: p; text-align: center; }
.slide5f ol li { display: inline-block; width: 420px; height: 170px; margin: 20px; padding: 0 0 0 120px; vertical-align: top; background-image: url('../img/whywe-list-marker.png'); background-repeat: no-repeat; text-align: left; border-bottom: 1px dashed #bfbfbf; }
.slide5f ol li:before { content: '0'counter(p)'. '; counter-increment: p 1; color: #86c450; font-size: 24px; font-weight: 700; }
.slide5f ol li h5 { display: inline; color: #313131; font-size: 24px; font-weight: 700; }
.slide5f ol li .desc { color: #959595; font-size: 16px; font-weight: 400; margin-top: 30px; }
.slide5f ol li:nth-child(odd) { margin-right: 80px; }
.slide5f ol li:nth-child(even) { margin-left: 80px; }
.slide5f ol li:nth-child(1) { background-position: left -94px top; }
.slide5f ol li:nth-child(1):hover { background-position: left top -90px; }
.slide5f ol li:nth-child(2) { background-position: left -94px top -305px; }
.slide5f ol li:nth-child(2):hover { background-position: left top -395px; }
.slide5f ol li:nth-child(3) { background-position: left -94px top -610px; }
.slide5f ol li:nth-child(3):hover { background-position: left top -700px; }
.slide5f ol li:nth-child(4) { background-position: left -94px top -915px; }
.slide5f ol li:nth-child(4):hover { background-position: left top -1005px; }
.slide5f ol li:nth-child(5) { background-position: left -94px top -1220px; border-bottom: 0; }
.slide5f ol li:nth-child(5):hover { background-position: left top -1310px; }
.slide5f ol li:nth-child(6) { background-position: left -94px top -1525px; border-bottom: 0; }
.slide5f ol li:nth-child(6):hover { background-position: left top -1615px; }
.slide6f { background: linear-gradient(to bottom, #f4f4f4 0px, #fff 90px); }
.slide6f h2 { text-indent: -92px; }
.slide6f .command { list-style-type: none; padding: 0; margin: 0; text-align: center; margin-bottom: 50px; }
.slide6f .command li { color: #000; font-size: 16px; font-weight: 400; display: block; display: inline-block; width: 280px; padding-top: 250px; }
.slide6f .command li span { display: block; color: #32c4f3; font-size: 18px; font-weight: 600; }
.slide6f .command li:nth-child(1) { background: url('../img/c1.png') no-repeat top center; }
.slide6f .command li:nth-child(2) { background: url('../img/c2.png') no-repeat top center; }
.slide6f .command li:nth-child(3) { background: url('../img/c3.png') no-repeat top center; }
.slide6f .command li:nth-child(4) { background: url('../img/c4.png') no-repeat top center; }
.slide6f .command li:nth-child(1):hover { background-position: top -770px center; }
.slide6f .command li:nth-child(2):hover { background-position: top -770px center; }
.slide6f .command li:nth-child(3):hover { background-position: top -770px center; }
.slide6f .command li:nth-child(4):hover { background-position: top -770px center; }
.slide6f a.moreinfo { color: #86c450; font-size: 18px; font-weight: 400; line-height: 18px; display: block; width: 179px; margin: 0 auto; text-decoration: none; border-bottom: 1px dashed #86c450; }
.slide6f .moreinfo_block { padding: 20px; margin-top: 20px; margin-bottom: 20px; text-align: center; color: #959595; font-size: 15px; font-weight: 400; line-height: 30px; transition: all 0.1s ease-in-out; }
.slide7f { margin-top: 70px; margin-bottom: 80px; }
footer .slide7f { margin: 0; }
.slide7f .block_bg { background: url('../img/pat4.jpg') no-repeat top center; background-size: cover; padding: 32px 28px; }
.slide7f .form_consult { width: 100%; height: 100%; background: #fff; padding-bottom: 60px; }
.slide7f .form_consult h2 { text-indent: -147px; color: #000; font-size: 30px; font-weight: 700; line-height: 48px; padding-top: 20px; height: 80px; }
.btn-submit { width: 276px; height: 70px; line-height: 50px; font-size: 24px; margin: 0 auto; }
.slide7f .form_consult .check { background: #eee; padding: 12px 0 12px; text-align: left; margin-bottom: 60px; }
.slide7f .form_consult .check label { display: inline-block; margin: 0 141px 0 80px; vertical-align: top; }
.slide7f .bs-zakaz-sm .form_consult .check label { margin: 0 75px 0 50px; }
.slide7f .bs-zakaz-sm .form_consult .check label:first-child { margin-left: 40px; }
.slide7f .bs-zakaz-sm .form_consult .check label:nth-child(2) { margin-left: 63px; }
.slide7f .form_consult .check label:last-child { margin-left: 80px; }
.slide7f .form_consult .check label input { border: 1px solid #9de261; }
.slide7f .form_consult .form-inline { margin-bottom: 60px; text-align: left; }
.slide7f .form_consult .form-inline label { display: block; color: #626262; font-size: 16px; font-weight: 400; line-height: 18px; text-align: left; }
.slide7f .form_consult .form-group { margin: 0 75px 0 80px; }
.slide7f .bs-zakaz-sm .form_consult .form-group { margin: 0 35px 0 40px; }
.slide7f .form_consult input.form-control { border: 1px solid #9de261; border-radius: 0; width: 200px; }
.slide2f .uk-margin p { color: #fff; }
.slide2f .uk-slidenav { display: block !important; }
.slide2f .uk-slidenav-next { margin-right: -65px; background-color: transparent; width: 60px !important; height: 90px !important; line-height: 85px !important; color: #000100; border: 1px solid #9de261 !important; z-index: 10000 !important; }
.slide2f .uk-slidenav-previous { margin-left: -65px; background-color: transparent; width: 60px !important; height: 90px !important; line-height: 85px !important; color: #000100; border: 1px solid #9de261 !important; z-index: 10000 !important; }
.slide2f .uk-slidenav-next:hover, .slide2f .uk-slidenav-previous:hover { background-color: #9de261; color: #fff !important; }
.slide2f .uk-slidenav-next:before { margin-left: 5px; }
.slide2f .uk-slidenav-previous:before { margin-right: 5px; }
.slide2f .uk-panel { position: relative; }
.slide2f .uk-panel-teaser { position: relative; z-index: 1000; transition: all 0.4s ease-in; }
.slide2f .uk-panel-teaser:hover { opacity: 0.05; }
.slide2f .uk-panel h3.uk-panel-title { position: absolute; top: 50px; width: 492px; z-index: 110; color: #86c450; font-size: 24px; font-family: 'PF BeauSans Pro', sans-serif; background: transparent; left: 30px; }
.slide2f .uk-panel .uk-margin { position: absolute; top: -20px; left: 32px; width: 490px; height: 356px; background-color: rgba(74, 61, 89, 0.95); z-index: 100; padding: 120px 30px 30px 30px; }
.slide2f .uk-panel .uk-margin a, .slide2f .uk-panel .uk-margin a:hover, .slide2f .uk-panel .uk-margin a:active, .slide2f .uk-panel .uk-margin a:focus { color: #32c4f3; font-size: 16px; font-family: 'PF BeauSans Pro', sans-serif; }
.slide2f .uk-panel p a.uk-button { position: absolute; top: 280px; z-index: 120; left: 210px; font-family: 'PF BeauSans Pro', sans-serif; text-transform: uppercase; color: #fff; font-size: 14px; background-image: linear-gradient(to top, #067dbf 0%, #33c5f4 99%, #33c5f4 100%); box-shadow: 0 13px 18px rgba(0, 0, 0, 0.3); text-decoration: none; border-radius: 0; border: 0; width: 135px; height: 34px; }
.slide2f .uk-overlay-icon::before { content: '' !important; }
.slide2f .uk-overlay-fade { opacity: 0; }
.slide2f .uk-overlay-background { display: none; }
.slide2f uk-grid > * { padding-left: 0; }
.slide2f .slider_our_work { padding: 30px 0 45px; }
.slide4f .uk-h3 { font-size: 20px; color: #32c4f3; margin-left: 261px; margin-bottom: 0; }
.slide4f .review_autor_name { font-size: 18px; color: #000; margin: 5px 0; }
.slide4f .review_content { font-size: 16px; color: #959595; margin: 35px 0 0 261px; line-height: 30px; position: relative; }
.slide4f .review_content:before { position: relative; top: 17px; content: '“ '; font-size: 60px; color: #99cd6b; display: inline; line-height: 1px; }
.slide4f .review_content:after { position: absolute; bottom: 10px; right: -5px; content: ' ”'; font-size: 60px; color: #99cd6b; display: inline-block; line-height: 1px; }
.slide4f .uk-slideshow img { float: left; width: 241px; height: 200px; margin-top: -20px; margin-right: 20px; }
.slide4f .uk-slideshow:after { display: table; content: ' '; clear: both; }
.slide4f .uk-margin { margin-top: 0; }
.slide4f .uk-dotnav-contrast > * > * { background-color: rgba(0,0,0,0); border: 1px solid #86c450 !important; width: 12px; height: 12px; margin: 1px 12px 1px 0; transform: none; }
.slide4f .uk-dotnav-contrast > * > :active, .slide4f .uk-dotnav-contrast > .uk-active > * { background: linear-gradient(to bottom, #abed72, #73c32e); width: 12px; height: 12px; margin: 1px 12px 1px 0; transform: none; }
.slide4f .uk-dotnav-contrast > * > :focus, .slide4f .uk-dotnav-contrast > * > :hover { background-color: rgba(0,0,0,0.2); border: 1px solid #86c450 !important; width: 12px; height: 12px; margin: 1px 12px 1px 0; transform: none; }
.slide4f .uk-dotnav > * { padding-left: 0; }
.slide4f .uk-overlay-panel { position: static; padding-top: 0; }
.slide4f .moduletable { margin-top: 40px; }
section.mainslider p { margin-bottom: 0; }
section.mainslider .uk-slideshow, section.mainslider .uk-cover-background { background-size: cover; height: 600px; background: url('../img/pat1.png') no-repeat center center; }
section.mainslider .uk-h3 { margin: 0 0 30px; padding: 0; font-size: 100px; line-height: 90px; color: #a5e86a; font-weight: 800; text-shadow: 0px 28px 1px rgba(0, 0, 0, 0.1); text-align: center; margin-top: 80px; }
section.mainslider .uk-margin { text-align: center; padding: 35px; font-size: 30px; color: #eee; }
section.mainslider .uk-slideshow p a { display: block; color: #fff; font-size: 14px; background-image: linear-gradient(to top, #067dbf 0%, #33c5f4 99%, #33c5f4 100%); box-shadow: 0 13px 18px rgba(0, 0, 0, 0.3); text-transform: uppercase; text-decoration: none; border-radius: 0; border: 0; width: 220px; height: 50px; line-height: 50px; margin: 0px auto 0; }
section.mainslider .uk-slideshow p a:hover { background-image: linear-gradient(to top, #33c5f4 0%, #33c5f4 1%, #067dbf 100%); color: #fff; }
section.mainslider .uk-slideshow p a:active, section.mainslider .uk-slideshow p a:focus { background-image: linear-gradient(to top, #067dbf 0%, #33c5f4 99%, #33c5f4 100%); box-shadow: inset 0 8px 13px rgba(255, 255, 255, 0.35), 0 13px 18px rgba(0, 0, 0, 0.3); color: #fff; outline: none; }
section.mainslider .uk-dotnav > * { padding-left: 0; }
section.mainslider .uk-dotnav-contrast > * > * { background-color: rgba(0,0,0,0.2); border: 1px solid #86c450 !important; width: 12px; height: 12px; margin: 1px 12px 1px 0; transform: none; }
section.mainslider .uk-dotnav-contrast > * > :active, section.mainslider .uk-dotnav-contrast > .uk-active > * { background: linear-gradient(to bottom, #abed72, #73c32e); width: 12px; height: 12px; margin: 1px 12px 1px 0; transform: none; }
section.mainslider .uk-dotnav-contrast > * > :focus, section.mainslider .uk-dotnav-contrast > * > :hover { background-color: rgba(0,0,0,0); border: 1px solid #86c450; width: 12px; height: 12px; margin: 1px 12px 1px 0; transform: none; }
.bs-many_thank-modal-sm .modal-content { border-radius: 0; background: url('../img/pat4.jpg') no-repeat top center; background-size: cover; padding: 15px 13px; }
.bs-many_thank-modal-sm .modal-content .close, .bs-zakaz-sm .modal-content .close { position: absolute; width: 35px; height: 35px; border-radius: 50%; background-color: #32c4f3; text-align: center; line-height: 34px; z-index: 1000; right: -17px; top: -17px; filter: alpha(opacity=100); opacity: 1; color: #fff; }
.bs-many_thank-modal-sm .modal-content .close:hover, .bs-zakaz-sm .modal-content .close:hover { filter: alpha(opacity=100); opacity: 1; }
.bs-many_thank-modal-sm .modal-body { background: #fff; }
.bs-many_thank-modal-sm .modal-body strong { color: #adf403; text-align: center; display: block; text-transform: uppercase; font-size: 24px; }
.bs-many_thank-modal-sm .modal-body p { color: #000; text-align: center; display: block; font-size: 24px; }
.form-group { position: relative; }
.err { color: red; position: absolute; top: 60px; left: 0; }
.bs-zakaz-sm .modal-content { border-radius: 0; }
.bs-zakaz-sm .modal-body { padding: 0; }
/* ############################################################ */
/*                           AlexSend                           */
/* ############################################################ */
body { color: #313131; }
.breadcrumb { border-radius: 0; margin-bottom: 35px; font-size: 14px; }
.breadcrumb li:nth-child(2) { margin-left: -10px; }
h1, h2, h3, h4, h5 { margin-top: 0; margin-bottom: 35px; font-weight: 700; }
h1 { font-size: 36px; font-family: "PF BeauSans Pro"; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: #313131; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #313131; text-decoration: none; }
p { margin-bottom: 40px; padding: 0; }
.btn.btn-all { border-radius: 0; padding: 15px 60px; text-transform: uppercase; }
a.btn { text-decoration: none; }
.btn-default, .btn-default:hover { color: #9de261; background: none; border-color: #9de261; }
.btn-primary, .btn-primary:hover { background: #9de261; border-color: #9de261; color: #3a2f46; }
.btn-success, .btn-success:hover { color: #3a2f46; background: none; border-color: #3a2f46; }
blockquote { border: 3px solid #a5e86a; padding: 15px 20px; font-size: inherit; }
table { width: 100%; font-size: 16px; text-align: center; margin-bottom: 45px; }
table tr { border-bottom: 1px solid #fff; }
table th { background: #4A3D59; color: #fff; padding: 20px 10px; font-size: 18px; border-left: 1px solid #fff; text-align: center; }
table td { padding: 20px 10px; background: #f4f1f1; border-left: 1px solid #fff; }
table .even td { background: #e0e0e0; }
ol { counter-reset: myCounter; margin-bottom: 45px; }
li { list-style: none; }
ol.list li:before { counter-increment: myCounter; content: counter(myCounter); color: #8dce59; background: url(../img/ol-marker.png) no-repeat; display: inline-block; margin: 5px 5px 5px -7px; line-height: 26px; width: 30px; height: 26px; padding-left: 8px; font-weight: bold; }
ul.list { margin-bottom: 45px; }
ul.list li { background: url(../img/main-menu-active.png) no-repeat left center; padding-left: 20px; margin-bottom: 10px; }
.price { color: #86c450; font-size: 30px; font-weight: 700; }
.title-style1 { color: #313131; margin-bottom: 60px; }
.title-style1 h1 { margin-left: 204px; margin-bottom: 30px; }
.title-style1 h1:after { display: block; content: ''; width: 80px; height: 3px; margin-top: 10px; background: #9de261; }
.title-style2 { color: #313131; margin-bottom: 30px; text-align: center; }
.title-style2 h2 { margin-bottom: 20px; }
.portfolio .title-style1 { margin-bottom: 35px; }
.portfolio .title-style1 h1:after { margin-top: 25px; }
.title-style2 h2 { font-size: 36px; font-family: "PF BeauSans Pro"; font-weight: 700; }
.title-style2 h2:after { display: block; content: ''; width: 80px; height: 3px; margin: 10px auto 0 auto; background: #9de261; }
.title-style2 h2 span { display: block; font-size: 18px; font-weight: 400 !important; color: #313131; padding: 10px 0; }
.title-style3 { color: #313131; margin-bottom: 60px; }
.title-style3 h1 { font-size: 36px; font-family: "PF BeauSans Pro"; font-weight: 700; }
.title-style3 p { font-size: 20px; }
.title-style3 p:after { display: block; content: ''; width: 80px; height: 3px; margin-top: 10px; background: #9de261; }
.about-block1 { /**box-shadow:#F4F4F4 0 15px 30px;*/
padding-bottom: 40px; }
.about-block1-item1, .about-block1-item2, .about-block1-item3 { padding: 10px 0 15px 204px; margin-bottom: 30px; line-height: 30px; color: #313131; min-height: 94px; }
.about-block1-item1 { background: url(../img/about/about1.png) no-repeat left top; }
.about-block1-item2 { background: url(../img/about/about2.png) no-repeat left top; }
.about-block1-item3 { background: url(../img/about/about3.png) no-repeat left top; }
.about-block1-item1:hover { background: url(../img/about/about1-hover.png) no-repeat left top; }
.about-block1-item2:hover { background: url(../img/about/about2-hover.png) no-repeat left top; }
.about-block1-item3:hover { background: url(../img/about/about3-hover.png) no-repeat left top; }
.about-block2 { box-shadow: #F4F4F4 0 15px 30px; margin-bottom: 50px; padding-top: 70px; padding-bottom: 70px; text-align: center; }
.about-block2 h4 { font-family: "PF BeauSans Pro"; font-weight: 700; color: #313131; font-size: 22px; margin-bottom: 30px; }
.about-block2 h4 span { color: #86c450; }
.about-block2 p { line-height: 30px; color: #959595; }
.about-block2 p:after { display: block; content: ''; width: 200px; height: 2px; margin: 30px auto 30px auto; border-bottom: 1px dotted #959595; }
.about-block2-item-img1 { height: 90px; background: url(../img/about4.png) no-repeat center center; margin-top: 25px; margin-bottom: 15px; }
.about-block2-item:hover .about-block2-item-img1 { background: url(../img/about4-hover.png) no-repeat center center; }
.about-block2-item-img2 { height: 90px; background: url(../img/about5.png) no-repeat center center; margin-top: 25px; margin-bottom: 15px; }
.about-block2-item:hover .about-block2-item-img2 { background: url(../img/about5-hover.png) no-repeat center center; }
.about-block2-item-img3 { height: 90px; background: url(../img/about6.png) no-repeat center center; margin-top: 25px; margin-bottom: 15px; }
.about-block2-item:hover .about-block2-item-img3 { background: url(../img/about6-hover.png) no-repeat center center; }
.about-block2-item-img4 { height: 90px; background: url(../img/about7.png) no-repeat center center; margin-top: 25px; margin-bottom: 15px; }
.about-block2-item:hover .about-block2-item-img4 { background: url(../img/about7-hover.png) no-repeat center center; }
.about-block2-item-img5 { height: 90px; background: url(../img/about8.png) no-repeat center center; margin-top: 25px; margin-bottom: 15px; }
.about-block2-item:hover .about-block2-item-img5 { background: url(../img/about8-hover.png) no-repeat center center; }
.about-block2-item-img6 { height: 90px; background: url(../img/about9.png) no-repeat center center; margin-top: 25px; margin-bottom: 15px; }
.about-block2-item:hover .about-block2-item-img6 { height: 90px; background: url(../img/about9-hover.png) no-repeat center center; margin-top: 25px; margin-bottom: 15px; }
.about-block3 { padding-top: 30px; padding-bottom: 70px; }
.about-block3 .about-block3-item { text-align: center; }
.about-block3 h4 { color: #32c4f3; font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.about-block3 p { color: #313131; font-weight: 600; font-size: 18px; }
.about-block3-item-img1 { width: 213px; height: 237px; background: url(../img/about10.jpg) no-repeat center center; margin: 0 auto 25px auto; }
.about-block3-item:hover .about-block3-item-img1 { background: url(../img/about10-hover.jpg) no-repeat center center; }
.about-block3-item-img2 { width: 213px; height: 237px; background: url(../img/about11-hover.jpg) no-repeat center center; margin: 0 auto 25px auto; }
.about-block3-item:hover .about-block3-item-img2 { background: url(../img/about11.jpg) no-repeat center center; }
.about-block3-item-img3 { width: 213px; height: 237px; background: url(../img/about12-hover.jpg) no-repeat center center; margin: 0 auto 25px auto; }
.about-block3-item:hover .about-block3-item-img3 { background: url(../img/about12.jpg) no-repeat center center; }
.about-block3-item-img4 { width: 213px; height: 237px; background: url(../img/about13-hover.jpg) no-repeat center center; margin: 0 auto 25px auto; }
.about-block3-item:hover .about-block3-item-img4 { background: url(../img/about13.jpg) no-repeat center center; }
.breadcrumb { background: none; background: url(../img/breadcrumbs.jpg); height: 38px; margin-top: 35px; }
.breadcrumb>.active { color: #32c4f3; }
.breadcrumb a { color: #4a3d59; background: url(../img/breadcrumb.png) no-repeat right center; padding-right: 25px; }
.breadcrumb a:hover { color: #32c4f3; text-decoration: underline; }
.breadcrumb>li+li:before { content: " "; }
.portfolio { padding: 0; }
.portfolio .title-style1 h1 { margin-left: 0; }
.portfolio-img img { display: block; width: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; }
.portfolio h2 { margin-bottom: 0; }
.portfolio h2 a { color: #86c450; font-size: 30px; font-family: "PF BeauSans Pro"; font-weight: 700; text-decoration: none; }
.portfolio-subtitle { color: #000; font-size: 18px; margin-bottom: 30px; margin-top: 10px; font-weight: 400; }
.portfolio-link { font-size: 16px; margin: 30px 0; }
.portfolio-review { padding: 15px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.portfolio-avatar { margin-right: 20px; }
.portfolio-avatar img { box-shadow: none; }
.portfolio-avatar-stat { color: #32c4f3; font-size: 16px; margin-top: 12px; margin-bottom: 5px; }
.portfolio-avatar-name { color: #313131; font-size: 14px; margin-bottom: 10px; font-weight: 600; }
.portfolio-menu { background: #fff; padding: 20px 10px; width: 100%; }
.portfolio-menu li a:hover, .portfolio-menu li.active a { color: #86c450; background: none; background: url(../img/main-menu-active.png) no-repeat left center !important; text-decoration: underline; }
.portfolio-menu li ul { display: none; }
.portfolio-menu li.current.active ul, .portfolio-menu li.parent.active ul { display: block !important; }
.portfolio-menu-border { background-image: url(../img/portfolio-menu-border.jpg); border: 13px solid transparent; }
.portfolio-menu .nav-child li a { color: #9b93bb; background: url(../img/portfolio-menu-child.jpg) no-repeat left center !important; }
.portfolio-menu .nav-child li a:hover, .portfolio-menu .nav-child li.current.active a { text-decoration: underline; color: #32c4f3; background: url(../img/portfolio-menu-child-hover.jpg) no-repeat left center !important; }
.portfolio-menu li a { display: block; margin: 3px 0; padding: 10px 0; font-size: 18px; padding-left: 20px; background: url(../img/main-menu.png) no-repeat left center !important; color: #313131; }
.portfolio-navigation { text-align: center; margin: 20px 0; }
.portfolio-navigation-prev, .portfolio-navigation-next { border: 1px solid #9de261; width: 58px; height: 88px; display: inline-block; }
.portfolio-navigation-prev { margin-right: 30px; background: url(../img/portfolio-navigation-prev.jpg) no-repeat center center; }
.portfolio-navigation-next { background: url(../img/portfolio-navigation-next.jpg) no-repeat center center; }
.portfolio-navigation-prev:hover { margin-right: 30px; background: url(../img/portfolio-navigation-prev-hover.jpg) no-repeat center center; }
.portfolio-navigation-next:hover { background: url(../img/portfolio-navigation-next-hover.jpg) no-repeat center center; }
.portfolio-text { color: #313131; line-height: 30px; }
.portfolio-description { border-bottom: 4px solid #86c450; padding-bottom: 20px; margin-bottom: 20px; }
.portfolio-description p { margin-bottom: 0; }
.portfolio-description strong { color: #313131; }
.portfolio-review-text:before { display: inline-block; content: ''; background: url(../img/portfolioico1.jpg) no-repeat; width: 21px; height: 15px; margin-right: 10px; }
.portfolio-review-text { font-size: 14px; line-height: 24px; margin-top: 20px; margin-bottom: 0px !important; color: #959595; }
.portfolio-blog-text { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 15px 0; font-size: 14px; color: #959595; }
.portfolio-blog-text p { margin-bottom: 0; line-height: 25px; }
.portfolio-review-text:after { display: inline-block; content: ''; background: url(../img/portfolioico2.jpg) no-repeat; width: 21px; height: 15px; margin-left: 10px; }
.services-menu { padding: 0; }
.services-menu ul { margin-bottom: 50px; margin-left: 80px; padding: 0; }
.services-menu ul li { margin-bottom: 10px; }
.services-menu ul li a { color: #959595; background: url(../img/main-menu.png) no-repeat left center; padding-left: 20px; }
.services-menu ul li a:hover { color: #959595; background: url(../img/main-menu-active.png) no-repeat left center; padding-left: 20px; }
.services-menu ul:hover li a { color: #313131; }
.services-menu ul li a:hover { color: #75b35f; }
.services-menu h3 { border-bottom: 1px dotted #8a8a8a; padding-bottom: 25px; margin-bottom: 25px; margin-left: 80px; }
.services-menu h3 a { color: #313131; text-decoration: none; display: block; margin-top: 14px; }
.services-menu-item h3 a:hover, .services-menu-item h3:hover a { color: #9b93bb; border-color: #fff; text-decoration: underline; }
.services-menu h3:before { display: block; content: ''; width: 71px; height: 60px; position: absolute; left: 15px; margin-top: -14px; }
.services-menu h3.site:before { background: url(../img/service-site.png) no-repeat center left; }
.services-menu h3.site:hover:before { background: url(../img/service-site-hover.png) no-repeat center left; }
.services-menu h3.prod:before { background: url(../img/service-prod.png) no-repeat center left; }
.services-menu h3.prod:hover:before { background: url(../img/service-prod-hover.png) no-repeat center left; }
.services-menu h3.suport:before { background: url(../img/service-suport.png) no-repeat center left; }
.services-menu h3.suport:hover:before { background: url(../img/service-suport-hover.png) no-repeat center left; }
.services-menu h3.reklama:before { background: url(../img/service-reklama.png) no-repeat center left; }
.services-menu h3.reklama:hover:before { background: url(../img/service-reklama-hover.png) no-repeat center left; }
.services-menu h3.design:before { background: url(../img/service-design.png) no-repeat center left; }
.services-menu h3.design:hover:before { background: url(../img/service-design-hover.png) no-repeat center left; }
.services-menu h3.all:before { background: url(../img/service-all.png) no-repeat center left; }
.services-menu h3.all:hover:before { background: url(../img/service-all-hover.png) no-repeat center left; }
.services-site { margin-bottom: 100px; }
.services-site-item-first { border: none !important;}
.services-site-item-last { border: none !important;}
.services-site-item { height: 450px; border: none !important; }
.services-site-item-odd { border: none; padding-top: 30px; border: 3px solid #E7E7E7; }
.services-site-item-odd .services-site-sub-item { height: 424px; }
.services-site-item-odd:hover { border-color: #9DE261; }
.services-site-item h3 { font-size: 22px !important; margin-bottom: 10px; }
.services-site-item-odd h3 { margin-bottom: 15px !important; }
.services-site-item-desc { color: #626262; font-size: 15px; line-height: 26px; margin-bottom: 20px; }
.services-site-item:hover { border-color: #fff; border: none !important; }
.services-site-sub-item { border: 3px solid #fff; padding: 30px 15px 0 15px; text-align: center !important; height: 460px; }
.services-site-sub-item .period { color: #554768; font-size: 18px; }
.services-site-item-odd .services-site-sub-item { padding-top: 0px; border: none; }
.services-site-sub-item { padding-left: 20px; }
.services-site-sub-item .btn-var { position: relative; bottom: 0; margin-top: 30px; }
.services-site-item-odd .services-site-sub-item img { margin-bottom: 10px; }
.service-reviews { padding-top: 50px; background: url(../img/service-reviews.jpg) no-repeat top center; }
.service-reviews h3 { font-size: 30px; }
.k2Pagination { text-align: center; margin: 30px 0 70px 0; }
.k2Pagination ul { margin: 0; padding: 20px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.k2Pagination li { display: inline-block; margin: 0 10px; font-size: 18px; }
.k2Pagination li:first-child, .k2Pagination li:last-child { margin-bottom: -15px; }
.k2Pagination li a, .k2Pagination li span.pagenav { display: block; border-radius: 50%; height: 42px; width: 40px; border: 1px solid #86c450; line-height: 41px; color: #000100; text-decoration: none; font-weight: 700; }
.k2Pagination li a:hover, .k2Pagination li.active a { background: #86c450; color: #fff; }
.k2Pagination li:first-child, .k2Pagination li:last-child { margin-bottom: -3px; }
.k2Pagination li:first-child:hover, .k2Pagination li:last-child:hover {background:none;}
.k2Pagination li:first-child a, .k2Pagination li:last-child a { border-radius: 0; border: none; display: block; width: 14px; height: 16px; }
.k2Pagination li:first-child a { background: url(../img/pagination-cursor.png) no-repeat 0 0; }
.k2Pagination li:first-child a:hover { background: url(../img/pagination-cursor.png) no-repeat 0 -22px; }
.k2Pagination li:last-child a { background: url(../img/pagination-cursor.png) no-repeat -21px 0; }
.k2Pagination li:last-child a:hover { background: url(../img/pagination-cursor.png) no-repeat -21px -22px; }
.service-clients { margin-bottom: 50px; }
.service-clients .uk-cover-background { background-size: auto !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); border: 1px solid #c9c9c9; width: 175px; }
.service-clients .uk-cover-background:hover { -webkit-filter: none; filter: none; opacity: 1; }
.service-clients .uk-text-center, .service-clients .uk-overlay-fade { }
.service-clients .uk-grid > * { padding-left: 5px !important; }
.service-clients .asdf { margin: 0 50px; }
.service-clients .uk-grid-width-xlarge-1-4 > * { margin: 0 3.2px; width: 178px; }
.service-clients .uk-slideset { overflow: hidden; }
.service-clients .uk-slidenav { background-image: url('../img/btn_service-clients-slideset.png'); background-repeat: no-repeat; display: block !important; width: 41px; height: 61px; }
.service-clients .uk-slidenav.uk-hidden-touch { display: block !important; }
.service-clients .uk-slidenav.uk-slidenav-next { background-position: -40px 0; right: -50px; }
.service-clients .uk-slidenav.uk-slidenav-next:hover { background-position: -40px -60px; }
.service-clients .uk-slidenav.uk-slidenav-next:before { content: none; }
.service-clients .uk-slidenav.uk-slidenav-previous { background-position: 0 0; left: -50px; }
.service-clients .uk-slidenav.uk-slidenav-previous:hover { background-position: 0 -60px; }
.service-clients .uk-slidenav.uk-slidenav-previous:before { content: none; }

.mainslider .uk-dotnav {margin-left: 0 !important;}

[itemprop="articleBody"] > p {line-height: 2em;}

@media(max-width:767px) {
.about-block1-item1,  .about-block1-item1:hover,  .about-block1-item2,  .about-block1-item2:hover,  .about-block1-item3,  .about-block1-item3:hover { padding: 154px 0 15px 0px; background-position: center top; }
.title-style1 h1 { margin-left: 0; }
.portfolio-img img,  .portfolio-review,  nav.top ul li a { margin-top: 0; }
}

@media(max-width:480px) {
.service-clients .uk-cover-background { width: 100%; }
}


@media (min-width: 992px) {
.col-md-9 .item-page, .col-md-9 .portfolio { margin-left: 15px; }
}

@media (max-width: 1200px) {
.service-clients .uk-grid-width-large-1-3 > * { margin: 0 9.5px; width: 178px; }
nav.top ul li:first-child { margin-left: 100px; }
nav.top ul li { margin-right: 0px; }
header .submenu ul li a { margin: 0; }
footer .up .work_hours,  footer .down .contacts { padding-left: 100px; }
footer nav ul { margin-right: 60px; }
section.mainslider .uk-h3 { font-size: 80px; text-shadow: 0px 22px 1px rgba(0, 0, 0, 0.1); }
.slide1f .var .price { font-size: 26px; }
.slide5f ol li:nth-child(odd) { margin-right: 20px; }
.slide5f ol li:nth-child(even) { margin-left: 20px; }
.slide6f .command li { width: 210px; margin-left: 10px; margin-right: 10px; }
.slide7f .form_consult .check label { margin: 0 91px 0 60px; }
.slide7f .form_consult .check label:last-child { margin-left: 74px; }
.slide7f .form_consult .form-group { margin: 0 25px 0 60px; }
.slide2f .uk-panel .uk-margin { width: 457px; left: 0; }
.slide2f .uk-panel h3.uk-panel-title { width: 450px; left: 0; }
.slide2f uk-panel p a.uk-button { left: 160px; }
.price { font-size: 24px; }
.portfolio-menu .nav-child li a { font-size: 16px; }
.portfolio-menu li.current.active ul, .portfolio-menu li.parent.active ul { padding-left: 20px; }
}

@media (max-width: 992px) {
.service-clients .asdf { margin: 0 51.5px; }
.service-clients .uk-grid-width-xlarge-1-4 > * { margin: 0 5.2px; width: 178px; }
nav.top ul li:first-child { margin-left: 20px; }
nav.top ul li { margin-right: 0px; }
nav.top ul li a { padding: 2px 10px 5px 10px }
header .phone .phone_block_hdr,  header .phone .work_hours { display: none; }
header .phone { margin: 0; padding: 0; background: none; float: none; }
header .phone a { display: block; width: 50px; height: 50px; background: url('../img/ico_phone.png') no-repeat center center; margin-top: 34px; border: 1px solid #9de261; text-indent: -9999px; outline: none; }
header .submenu ul li a { padding: 14px 10px 14px 65px; }
header .submenu ul li:nth-child(1) a { background-position: top 17px left 15px; }
header .submenu ul li:nth-child(2) a { background-position: top -91px left 15px; }
header .submenu ul li:nth-child(3) a { background-position: top -201px left 17px; }
header .submenu ul li:nth-child(1):not(.active) a:hover { background-position: top 17px left -277px; }
header .submenu ul li:nth-child(2):not(.active) a:hover { background-position: top -91px left -277px; }
header .submenu ul li:nth-child(3):not(.active) a:hover { background-position: top -201px left -275px; }
header .submenu ul li:not(.active) a:hover { color: #a5e86a; text-decoration: none; }
header .submenu ul li.active a { color: #4a3d59; background-color: #a5e86a; }
header .submenu ul li:nth-child(1).active a { background-position: top 17px left -563px; }
header .submenu ul li:nth-child(2).active a { background-position: top -91px left -567px; }
header .submenu ul li:nth-child(3).active a { background-position: top -201px left -566px; }
footer .up .work_hours,  footer .down .contacts { padding-left: 50px; }
footer nav ul:first-child { margin-left: -30px; }
footer nav ul { margin-right: 20px; }
section.mainslider .uk-h3 { font-size: 60px; text-shadow: 0px 15px 1px rgba(0, 0, 0, 0.1); }
.slide5f ol li:nth-child(5) { border-bottom: 1px dashed #bfbfbf; }
.slide6f .command li { width: 140px; vertical-align: top; padding-top: 160px; }
.slide6f .command li:nth-child(1),  .slide6f .command li:nth-child(2),  .slide6f .command li:nth-child(3),  .slide6f .command li:nth-child(4),  .slide6f .command li:nth-child(1):hover,  .slide6f .command li:nth-child(2):hover,  .slide6f .command li:nth-child(3):hover,  .slide6f .command li:nth-child(4):hover { background-size: 100% auto; background-position: top center; }
.slide7f .form_consult .check label { margin: 0 53px 0 20px; }
.slide7f .form_consult .check label:last-child { margin-left: 35px; }
.slide7f .form_consult .form-group { margin: 0 -12px 0 20px; }
.slide1f .ico_recommend { right: -44px; top: -55px; }
.slide2f .uk-panel .uk-margin { width: 347px; left: 0; }
.slide2f .uk-panel h3.uk-panel-title { width: 345px; left: 0; }
.slide2f .uk-panel p a.uk-button { left: 110px; }
.slide7f .bs-zakaz-sm .form_consult .check label { margin: 0 25px 0 15px; }
.slide7f .bs-zakaz-sm .form_consult .form-group { margin: 0 10px 0 15px; }
.slide7f .bs-zakaz-sm .form_consult input.form-control { width: 150px; }
.services-site-item-first .services-site-sub-item { padding-left: 0; }
.services-site .col-xs-12 { padding-right: 0; }
.portfolio-menu-border { margin-bottom: 30px; }
.slide7f .bs-zakaz-sm .form_consult .check label {margin-left: 20px !important;}
}

@media (max-width: 767px) {
nav.top { display: none; }
nav.top ul { float: right; position: absolute; left: -103px; z-index: 1000; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3); }
nav.top ul li { background: #ddd; width: 100%; float: none; border-bottom: 1px solid #aaa; }
nav.top ul li a { padding: 2px 10px 5px 10px }
nav.top ul li:first-child { margin: 0; }
nav.top ul li:last-child { border-bottom: 0; }
nav.top ul li a { line-height: 40px; display: block; width: 100%; padding: 5px 20px 5px 40px; }
nav.top ul li a:hover { background: #e8e8e8; }
header .submenu ul { text-align: left; }
header .submenu ul li { display: block; width: 300px; margin: 0 auto; border-bottom: 1px solid #2f2638; }
header .submenu ul li:last-child { border-bottom: 0; }
section.mainslider .uk-h3 { font-size: 45px; text-shadow: 0px 10px 1px rgba(0, 0, 0, 0.1); }
section.mainslider .uk-margin { font-size: 20px; top: -425px; }
.carousel .item .slide1,  .carousel .item .slide2,  .carousel .item .slide3,  .carousel .item .slide4 { height: 450px; }
.slide1f .var .recommend { width: 100%; height: 100%; top: 0; left: 0; border: 2px solid #9de261; }
.slide1f .var.recomend { border: 0; padding: 40px 26px; }
.slide1f .var.recomend .btn-var { bottom: -22px; }
.slide1f .ico_recommend { right: -17px; top: -17px; }
.slide5f h2 { white-space: normal; text-indent: 0; text-align: center; width: 100%; border: 0; }
.slide5f ol li { background: url('../img/whywe-list-marker_sm.png') no-repeat top left; padding: 0 0 0 60px; }
.slide6f .command li { display: block; width: 220px; margin: 0 auto 60px; padding-top: 250px; }
.slide7f .form_consult .check label,  .slide7f .bs-zakaz-sm .form_consult .check label { margin: 0 0 0 30px; }
.slide7f .form_consult .check label:last-child,  .slide7f .bs-zakaz-sm .form_consult .check label:last-child { margin-left: 30px; }
.slide7f .form_consult .form-group,  .slide7f .bs-zakaz-sm .form_consult .form-group { margin: 0 0 40px; padding: 0 30px; }
.slide7f .form_consult .form-group input,  .slide7f .bs-zakaz-sm .form_consult .form-group input { width: 100%; }
.slide2f .uk-panel .uk-margin { width: 490px; left: 50%; margin-left: -245px; }
.slide2f .uk-panel h3.uk-panel-title { width: 490px; left: 50%; margin-left: -245px; }
.slide2f .uk-panel p a.uk-button { left: 50%; margin-left: -67px; }
.slide2f .uk-slidenav-next { margin-right: -30px; }
.slide2f .uk-slidenav-previous { margin-left: -30px; }
.slide4f .uk-h3 { margin-top: 250px; margin-left: 0; }
.slide4f .uk-slideshow img { float: none; margin-top: -360px; }
.slide4f .review_content { margin: 35px 0 0 0; }
.slide7f .bs-zakaz-sm .form_consult .check label {margin-left: 30px !important;}
.slide1f h2,
.slide2f h2, 
.slide3f h2,
.slide4f h2, 
.slide5f h2, 
.slide6f h2, 
.slide7f h2 {white-space: normal !important; width: auto !important; height: auto !important; text-indent: 0 !important; text-align: center; padding: 40px 0 20px 0 !important; margin-bottom: 30px !important;}
.slide1f > h2,
.slide2f > h2, 
.slide3f > h2,
.slide4f > h2, 
.slide5f > h2, 
.slide6f > h2, 
.slide7f > h2 {white-space: normal !important; width: auto !important; height: auto !important; text-indent: 0 !important; text-align: center; padding: 40px 0 20px 0 !important; margin: 0 15px 30px 15px !important;}
.slide1f ol,
.slide2f ol, 
.slide3f ol,
.slide4f ol, 
.slide5f ol, 
.slide6f ol, 
.slide7f ol {margin-top: 0 !important;}
.slide1f ul,
.slide2f ul, 
.slide3f ul,
.slide4f ul, 
.slide5f ul, 
.slide6f ul, 
.slide7f ul {margin-top: 0 !important;}

#wrap > div[class*="slide"] {margin-bottom: 30px !important; margin-top: 0 !important;}

.moduletable {margin-top: 0 !important;}

.slide4f .uk-slideshow, .slide4f .uk-slideshow>li {position: relative !important; height: auto !important; min-height: 0 !important;}
.slide4f .uk-slideshow>li {display: none;}
.slide4f .uk-slideshow>li.uk-active {display: block;}

.mainslider .uk-slideshow, .mainslider .uk-slideshow>li {height: 400px !important; min-height: 400px !important;}
.mainslider .uk-h3 {line-height: 1.2em !important; margin: 50px 0 30px !important; padding: 0 !important;}
.mainslider .uk-margin {padding: 8px !important;}

.slide7f .form_consult {padding-bottom: 30px;}
.slide2f {height: auto !important; padding-bottom: 80px;}
.moduletable .brands {margin-bottom: 0;}
.portfolio h2 {margin-top: 15px;}

.slide4f > h3 {margin-bottom: 0;}

}



@media (max-width: 520px) {
.slide2f .uk-panel .uk-margin { width: 100%; left: 245px; }
.slide2f .uk-panel h3.uk-panel-title { width: 100%; left: 245px; }
}

@media (max-width: 490px) {
header .nav_menu_opener { margin-left: -20px; }
nav.top ul { left: -122px; }
section.mainslider .uk-h3 { font-size: 40px; text-shadow: 0px 8px 1px rgba(0, 0, 0, 0.1); }
section.mainslider .uk-margin { font-size: 16px; }
.btn-portfolio { width: 292px; height: 60px; font-size: 22px; line-height: 50px; }
.slide5f ol li { width: 300px; height: auto; min-height: 170px; margin: 20px 0 0 0; }
.slide5f ol li:nth-child(odd) { margin-right: 0; }
.slide5f ol li:nth-child(even) { margin-left: 0; }
.slide5f ol li h5 { font-size: 20px; }
.slide7f .form_consult .check label { margin: 0 0 10px 20px; display: block; }
.slide7f .form_consult .check label:last-child { margin-left: 20px; }
.slide7f .form_consult .form-group { margin: 0 0 40px; padding: 0 20px; }
.slide7f .form_consult h2 { border: 0; width: 100%; text-indent: 0; white-space: normal; text-align: center; }
}

@media (max-width: 378px) {
header .short_phone { width: 30px; height: 30px; background: url('../img/ico_phone.png') no-repeat center center; background-size: 70%; margin-top: 45px; margin-right: -20px; }
header .nav_menu_opener { width: 30px; height: 30px; margin-top: 45px; margin-left: 0; }
header .nav_menu_opener span { font-size: 19px; line-height: 25px; }
footer .down .contacts { margin-left: -50px; }
section.mainslider .uk-h3 { font-size: 28px; text-shadow: 0px 7px 1px rgba(0, 0, 0, 0.1); }
section.mainslider .uk-margin { font-size: 16px; }
.slide7f .form_consult h2 { font-size: 32px; line-height: 31px; }
.slide7f .block_bg { background: none; padding: 0; border: 2px solid #99dd5f; }
.btn-submit { width: 220px; height: 70px; line-height: 18px; font-size: 18px; margin: 0 auto; }
}


.ready-sites{
  width: 100%;
  display: grid;
  gap: 20px;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
  justify-items: center;
  margin: 20px 0;
}

.ready-sites_card{
  box-shadow: 0px 2px 5px 0px rgb(209 218 227);
  width: 350px;
}

.ready-sites__card-content{
  padding: 30px 20px;
}

.ready-sites__card-img-block{
  width: 100%;
  position: relative;
}
.ready-sites__card-img{
  width: 100%;
  display: block;
  height: auto;
}

.ready-sites__overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(42,44,47, 0);
    transition: background-color 0.3s;
}


.ready-sites__card-img-block:hover .ready-sites__overlay {
  background: rgba(25, 112, 201, 0.9) url(../../../images/cross.png) center center no-repeat;
}

.ready-sites__card-tilte{
    color: #232e43;
  	font-size: 17px;
    margin: 0 0 5px;
}
.ready-sites__card-text{
  
}
.ready-sites__card-buy-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
.ready-sites__card-price{
  margin: 7px 0 0;
  font-size: 20px;
  font-weight: 600;
}
.ready-sites__card-price_little{
  font-size: 16px;
}
.ready-sites__card-btn{
  font-size: 14px;
  padding: 6px 13px 6px;
  border-radius: 6px;
  display: block;
    color: #fff;
    background-image: linear-gradient(to top, #067dbf 0%, #33c5f4 99%, #33c5f4 100%);
    text-transform: uppercase;
    text-decoration: none;
  transition: box-shadow 0.8s;
}

.ready-sites__card-btn:hover {
    background-image: linear-gradient(to top, #067dbf 0%, #33c5f4 99%, #33c5f4 100%);
    box-shadow: inset 0 8px 13px rgb(255 255 255 / 35%);
    color: #fff!important;
    outline: none;
  	text-decoration: none;
}
.ready-sites__card-btn:action {
    color: #fff!important;
}