body,
html {
    font-family: 'Museo Sans Cyrl 300', Arial, sans-serif;
    font-size: 14px;
    color: #212121;
    margin: 0;
    padding: 0;
    line-height: 160%;
    cursor: default;
    text-align: left;
    min-width: 100%;
    background: #fff url(images/main_picture.jpg) no-repeat 50% 0
}

body>div {
    position: relative;
    z-index: 2
}

li {
    list-style-type: none
}

input[type="text"],
input[type="submit"],
input[type="email"],
input[type="tel"],
button,
select,
textarea {
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
    padding: 19px 25px
}
input[type="text"],
input[type="email"],
input[type="tel"],
button,
select,
textarea {
    border: 1px solid #dbe0e2;
}
button,
input,
a,
select,
textarea {
    outline: none;
    font-family: inherit
}

input,
textarea {
    padding: 8px 15px
}

select {
    cursor: pointer
}

a {
    color: #6fa616;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a.inset {
    text-decoration: none
}

a.inset:hover {
    text-decoration: underline
}

hr {
    border: 0;
    border-top: 1px solid #e4e4e4
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

form {
    margin: 0
}

::selection {
    background: #a0c4e0 !important
}

::-moz-selection {
    background: #a0c4e0 !important
}

h1,
h2,
h3,
h4,
.title {
    font-size: 36px;
    line-height: 120%;
    text-align: center;
    text-transform: initial;
    font-family: 'Museo Sans Cyrl 500', Arial;
    letter-spacing: 1px;
}

.atitle {
    font-size: 28px;
	margin-bottom: 25px;
}
.atitle.atitle--left{
	text-align:left
}

h1 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 25px
}

* {
    outline: none
}

h2,
h3,
h4 {
    font-size: 36px;
    margin-top: 40px;
    margin-bottom: 50px;
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 17px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title a {
    color: inherit;
    text-decoration: none
}

strong {
    font-family: 'Museo Sans Cyrl 600', Arial
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.title a:hover {
    color: #5f9cd1;
    text-decoration: none
}

i {
    display: inline-block
}

.clearfix:after {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

#easyfrontendseo_topbar {
    background-color: white !important;
    border: 1px solid black !important;
    top: 10px !important;
    right: 10px !important;
    padding: 3px !important;
    position: fixed !important;
    z-index: 9999 !important;
    border-radius: 5px 5px 5px 5px !important;
}
#easyfrontendseo {
    position: fixed !important;
    top: 235px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
}
.jmodedit {
    display: none !important;
}
.btn {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    border: 0;
    border-bottom: 1px solid #61800e;
    border-radius: 50px;
    cursor: pointer;
    margin: 0;
    padding: 17px 31px;
    line-height: 200%;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    background: rgb(201,220,90);
    background: linear-gradient(180deg, rgba(201,220,90,1) 0%, rgba(153,202,43,1) 50%, rgba(124,194,17,1) 100%);
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif;
    box-shadow: 0 8px 20px rgb(126 194 23 / 51%);
}

.btn:hover {
    text-decoration: none;
    background: rgb(185,208,79);
    background: linear-gradient(180deg, rgba(185,208,79,1) 0%, rgba(141,190,37,1) 50%, rgba(119,185,16,1) 100%);
    box-shadow: 0 8px 20px rgb(126 194 23 / 51%);
}

.hide {
    display: none
}

.container {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative
}

.right {
    float: right
}

.left {
    float: left
}

.clear {
    width: 100%;
    clear: both
}

.xs_flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.xs_flex.xs_middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.xs_flex.xs_center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.xs_flex.xs_wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs_flex.xs_start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.xs_flex.xs_column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.xsite {
    color: #b0b0b0;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 300';
	cursor:pointer;
}

.xsite:hover,
.xsite:active {
    text-decoration: none
}

.xsite strong {
    color: #81c119
}

.xsite strong span {
    color: #81c119;
    font-weight: 700;
}

.xsite strong:hover {
    color: #81c119;
}

.share42init a {
    border-radius: 50%;
    transition: .3s all
}

.share42init a:hover {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.alignleft {
    float: left;
    margin: 0 20px 5px 0
}

.alignright {
    float: right;
    margin: 0 0 5px 20px
}

.pagenavigation {
    text-align: center;
    margin: 20px 0
}

.pagenavigation span,
.pagenavigation a {
    display: inline-block;
    background: #fc0;
    color: #000;
    margin: 0 6px;
    box-sizing: border-box;
    padding: 0 10px;
    white-space: nowrap;
    min-width: 31px;
    line-height: 29px;
    transition: .3s all
}

.pagenavigation span,
.pagenavigation a:hover {
    background: #ce0015;
    color: #fff
}

header {
    position: relative
}

.wr_header {
    min-height: 150px;
    position: relative;
}


.wr_header.main-page {
    min-height: 980px;
    background-image: url(images/main-pic.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wr_header.is_cat .container {
    z-index: 1
}

.wr_header.is_cat:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    height: 160px;
    background: url(images/shadow.png) repeat-x 100% 100%;
    z-index: 0
}

.wr_header.nomine {
    min-height: 130px
}

.wr_header.vlozhn {
    background: url(images/vlozh_picture.jpg) no-repeat 50% 50%
}

.wr_header .header {
    position: relative;
    letter-spacing: .5px;
    transition: .2s all;
}

.fix .wr_header .fix_menu .header {
    padding-bottom: 0
}

.wr_header .header .menu_area {
    padding: 15px 0;
    /*padding: 20px 0;*/
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wr_header .header .menu_area .hamburger {
    display: none
}

.wr_header .header .menu_area .logo_area {
    display: block;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    color: #3f3f3f;
    font-family: 'Museo Sans Cyrl 300', Arial, sans-serif;
    height: 50px;
}

.wr_header .header .menu_area .logo_area:hover,
.wr_header .header .menu_area .logo_area:hover span {
    text-decoration: none
}

.wr_header .header .menu_area .logo_area:before {
    content: "";
    display: block;
    width: 70px;
    height: 63px;
    background: url(images/logo.png) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: -10px;
    top: -7px
}

.wr_header .header .menu_area .logo_area span {
    font-size: 12px;
    line-height: 180%;
    margin: 0;
    padding-left: 80px;
    display: block;
    font-family: 'Museo Sans Cyrl 300', Arial, sans-serif
}

.wr_header .header .menu_area .logo_area span.paint {
    margin-top: 8px;
    display: block
}

.wr_header .fix_menu {
    position: fixed;
    width: 100%;
    top: 0;
    /*background-color: rgb(255 255 255 / 50%);*/
    backdrop-filter: blur(10px);
    padding-top: 20px;
    transition: .3s all;
    z-index: 999;
}


.wr_header .fix_menu .drop_search{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0 6px;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    transition: .2s all;
    background: #fff;
}
.wr_header .fix_menu .drop_search .container{
	height:100%;
}
.wr_header .fix_menu .drop_search.active{
    height: 100%;
}

.wr_header .fix_menu .drop_search .close{
    width: 33px;
    height: 33px;
    border-radius: 5px;
    background-image: url(images/serach_close.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    position: absolute;
    top: 3px;
    left: auto;
    right: 3px;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 11;
}

.wr_header .fix_menu .drop_search form{
    display: block;
    position: absolute;
    left:0;
	right:0;
    box-sizing: border-box;
    top: 50%;
    margin-top: -27px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.wr_header .fix_menu .drop_search form .your_latters{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: none;
    border-radius: 5px;
	background:#dddddd45
}
.wr_header .fix_menu .drop_search form .search_button{
    display: inline-block;
    vertical-align: top;
    width: 54px;
	margin-left: 10px;
    border: none;
    border-radius: 5px;
    background: #fff;
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer;
    transition: .2s all;
    background: #fdcb08;
    background: -moz-linear-gradient(top, #fdcb08 0%, #ffb409 100%);
    background: -webkit-linear-gradient(top, #fdcb08 0%, #ffb409 100%);
    background: linear-gradient(to bottom, #fdcb08 0%, #ffb409 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdcb08', endColorstr='#ffb409', GradientType=0);
	text-indent: 100px;
	position:relative;
	overflow:hidden
} 
.wr_header .fix_menu .drop_search form .search_button:after{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image: url(images/search.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
	width:22px;
	height:22px;
	margin:auto;
	content:"";
	display:block;
}



.fix .wr_header .fix_menu {
    background: #fff;
    padding-top: 0;
    box-shadow: 0 11px 11px -1px #00000008
}

.wr_header .fix_menu+.container {
    padding-top: 120px;
}

body.front_page .wr_header .fix_menu+.container {
    padding-top: 0px;
    margin-top: -200px;
}

.wr_header .header .menu_area .abyss{display: none;}
.wr_header .header .menu_area .abyss .search_spot{
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-image: url(images/search.svg);
    background-repeat:  no-repeat;
    background-position: 50% 50%;
    background-size: 14px;
    margin: -7px 5px 0;
}

.wr_header .header .menu_area ul.own_menu {
    margin: 0;
    padding: 0 20px;
    width: 70%;
    box-sizing: border-box
}

.wr_header .header .menu_area ul li {
    position: relative
}

.wr_header .header .menu_area ul li.hover {
    z-index: 2
}

.wr_header .header .menu_area .phone_area {
    text-align: right
}

.wr_header .header .menu_area .phone_area a.main_tel {
    color: #1f1f1f;
    font-size: 18px;
    font-family: 'Museo Sans Cyrl 300', Arial, sans-serif;
    text-transform: uppercase;
    display: block;
    text-decoration: none !important;
    letter-spacing: 1.2px;
}

.wr_header .header .menu_area .phone_area a.main_tel span {
    font-size: 16px;
    text-decoration: initial
}

.wr_header .header .menu_area .phone_area a.call_order {
    color: #6fa616;
    font-family: 'Museo Sans Cyrl 300', Arial, sans-serif;
    font-size: 14px;
    line-height: 115%;
    text-decoration: underline;
    display: block;
    margin-top: 5px
}

.wr_header .header .menu_area .phone_area a.call_order-new {
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif;
    color: #73aa1b;
    font-size: 10px;
    display: inline-block;
    vertical-align: top;
    line-height: 135%;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin-top: 11px;
    border-bottom: 1px dotted #73aa1b;
    transition: .2s all;
}
.wr_header .header .menu_area .phone_area a.call_order-new:hover {
    border-bottom: 1px solid transparent;
    text-decoration: none;
}

body.front_page .wr_header .container {
    z-index: 5;
}

.main-page__background {
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.main-page__background-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.soc-head {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    margin: -9px 12px 0 0;
}
.soc-head__item {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.soc-head__item--vk {
    background-color: #507299;
    background-image: url(images/vk-social-network-logo.svg);
    background-size: 14px;
}
.soc-head__item--youtube {
    background-color: #e62117;
    background-image: url(images/youtube-empty.svg);
    background-size: 14px;
}


.wr_header .header .menu_area .phone_area a.demo-link {
    font-size: 12px;
    text-decoration: underline;
    transition: .2s all;
}
.wr_header .header .menu_area .phone_area a.demo-link:hover {
    text-decoration: none;
}

.wr_header .header sup {
    font-size: 50%;
    margin-left: 2px
}

.wr_header .header .menu_area .phone_area a.call_order:hover {
    text-decoration: none;
    transition: .3s all
}

.wr_header .header .focus {
    margin-top: 15px
}

.wr_header .header .focus .img {
    width: 51%
}

.wr_header .header .focus .img img {
    vertical-align: top
}

.wr_header .header .focus .img .img_container {
    margin-left: -102px;
    position: relative
}

.wr_header.main-page .header .focus .img .img_container {
    display: none;
}

/*.home-order {
    padding: 40px;
    margin-top: 50px;
    border-radius: 10px;
    color: #fff;
    background-color: rgba(234, 22, 31, 0.82);
    position: absolute;
    top: 0;
    left: 102px;
    bottom: 0;
    max-width: 300px;
    height: 200px
}

.home-order:before {
    content: "";
    display: block;
    width: 50px;
    height: 51px;
    background: url(images/atantion.png) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    left: auto;
    right: 25px;
    bottom: 25px
}

.home-order .inform {
    font-size: 25px;
    color: #fff;
    line-height: 120%;
    font-weight: 500
}

.home-order .inform strong {
    color: #ffc200;
    font-size: 38px
}

.home-order.secound {
    display: none
}*/

.wr_header .header .focus .half {
    width: 42%;
    text-align: left;
    padding-top: 70px
}

.wr_header .header .focus .img,
.wr_header .header .focus .half {
    position: relative;
    z-index: 2
}

.wr_header .header .focus .half h1 {
    padding-top: 0;
    text-align: left
}

.wr_header .header .focus .half.vlozh {
    text-align: left;
    width: 53%
}

.wr_header .header.nomine .focus .half .top_title h1 {
    font-size: 46px;
    line-height: 120%
}

.wr_header .header.nomine .focus .half {
    width: 46%;
    padding-top: 65px;
}

body.front_page .wr_header .header.nomine .focus .half {
    padding-top: 0;
}

.wr_header .header.nomine .focus .half .text {
    margin-top: 35px;
}

.wr_header .header.nomine .focus .half .text .re-btn {
    padding: 21px 37px 19px;
    line-height: 120%;
    margin-right: 30px;
}

.wr_header .header.nomine .focus .half .text .change-p {
    font-size: 22px;
    color: #333;
    font-weight: 400;
    font-family: 'Museo Sans Cyrl 300', Arial, sans-serif;
    text-transform: initial;
    margin-bottom: 35px;
}

.wr_header.main-page .header.nomine .focus .half .text .change-p {
    font-size: 18px;
    color: #0b172d;
    font-weight: 300;
    opacity: 0.8;
}


/* keyframes START */

@-moz-keyframes cycle2 {
    35% {
        transform: rotate(0) translate(0, 0)
    }

    40% {
        transform: rotate(5deg) translate(0, -2px)
    }

    45% {
        transform: rotate(-3deg) translate(0, -2px)
    }

    50% {
        transform: rotate(5deg) translate(0, -2px)
    }

    55% {
        transform: rotate(-3deg) translate(0, -2px)
    }

    60% {
        transform: rotate(5deg) translate(0, -2px)
    }

    65% {
        transform: rotate(-3deg) translate(0, -2px)
    }

    70% {
        transform: rotate(0) translate(0, 0)
    }
}

@-webkit-keyframes cycle2 {
    35% {
        transform: rotate(0) translate(0, 0)
    }

    40% {
        transform: rotate(5deg) translate(0, -2px)
    }

    45% {
        transform: rotate(-3deg) translate(0, -2px)
    }

    50% {
        transform: rotate(5deg) translate(0, -2px)
    }

    55% {
        transform: rotate(-3deg) translate(0, -2px)
    }

    60% {
        transform: rotate(5deg) translate(0, -2px)
    }

    65% {
        transform: rotate(-3deg) translate(0, -2px)
    }

    70% {
        transform: rotate(0) translate(0, 0)
    }
}
/* keyframes END */

.wr_header .header.nomine .focus .half .text .fusian-btn .youtube_btn {
    background-color: #e4e4e4;
    border-radius: 25px;
    width: 230px;
    height: 54px;
    -moz-animation: cycle2 4s linear infinite;
    -webkit-animation: cycle2 4s linear infinite;
    transition: .2s all;
    text-decoration: none !important
}

.wr_header.main-page .header.nomine .focus .half .text .fusian-btn .youtube_btn {
    width: 214px;
    height: 58px;
    border-radius: 32px;
    background-color: #fff;
}

.wr_header.main-page .header.nomine .focus .half .text .fusian-btn .youtube_btn .text strong {
    font-family: 'Museo Sans Cyrl 300', Arial;
    font-size: 14px;
    color: #888585;
    font-weight: 300;
    transition: .2s all;
}

.wr_header .header.nomine .focus .half .text .fusian-btn .youtube_btn:hover {
    background: #90c823;
}

.wr_header.main-page .header.nomine .focus .half .text .fusian-btn .youtube_btn:hover .text strong {
    color: #fff;
}

.wr_header .header.nomine .focus .half .text .fusian-btn .youtube_btn .icon {
    position: relative;
    width: 65px;
    height: 65px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.12)
}

.wr_header.main-page .header.nomine .focus .half .text .fusian-btn .youtube_btn .icon {
    width: 52px;
    height: 52px;
    background-color: #ff2828;
    box-shadow: none;
    margin-left: 4px;
}

.wr_header .header.nomine .focus .half .text .fusian-btn .youtube_btn .icon:before {
    content: "";
    display: block;
    width: 31px;
    height: 22px;
    background: url(images/youtube_btn.svg) no-repeat 50% 50%;
    background-size: 31px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -15px
}


.wr_header.main-page .header.nomine .focus .half .text .fusian-btn .youtube_btn .icon:before {
    width: 9px;
    height: 10px;
    background: url(images/play-button.svg) no-repeat 50% 50%;
    background-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -4px
}


.wr_header .header.nomine .focus .half .text .fusian-btn .youtube_btn .text {
    margin-right: 15px;
    margin-top: 0
}

.wr_header .header.nomine .focus .half .text .fusian-btn .youtube_btn .text strong {
    display: block;
    font-size: 14px;
    font-weight: 900;
    color: #322e2d;
    line-height: 130%
}


.wr_header.main-page .header.nomine .focus .half .text .fusian-btn {
    justify-content: flex-start;
}

.wr_header .header.nomine .focus .half .top_title {
    font-size: 24px
}



.wr_header .header.nomine .focus .half .top_title .change-h1 {
    font-size: 46px;
    color: #2b2b2b;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 120%;
    font-family: 'Museo Sans Cyrl 900', Arial;
    margin: 0;
}

.wr_header.main-page .header.nomine .focus .half .top_title .change-h1 {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Museo Sans Cyrl 500', Arial;
    text-transform: initial;
    line-height: 131%;
}


.wr_header .header.nomine .focus .print_text {
    font-size: 22px;
    font-family: 'Museo Sans Cyrl 900', Arial;
    margin: 45px 0 35px;
    position: relative;
    line-height: 120%
}

.wr_header .header.nomine .focus .print_text:before {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    top: 0;
    left: -25px;
    width: 3px;
    background: #68a900
}

.wr_header .header .focus .half .top_title h1 {
    font-size: 46px;
    color: #2b2b2b;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 6px;
    font-family: 'Museo Sans Cyrl 900', Arial
}

.wr_header .header.nomine .focus .half .top_title h1 {
    margin-bottom: 0
}

.wr_header .header.nomine .focus .half .top_title h1+.subd {
    margin-top: 6px;
    margin-bottom: 10px
}

.wr_header .header .focus .half.vlozh .top_title h1 {
    text-align: left;
    padding-left: 0
}

.wr_header .header .focus .half .top_title strong {
    display: block;
    font-size: 24px;
    color: #2b2b2b;
    margin-top: -20px;
    font-weight: 400;
    font-family: 'Museo Sans Cyrl 300'
}

.wr_header .header .focus .half .text {
    margin-top: 60px
}

.wr_header .header .focus .half .text p {
    font-size: 22px;
    color: #333;
    margin: 0;
    margin-bottom: 15px
}

.wr_header .header .focus .half .text p.highlight {
    font-size: 32px;
    color: #333;
    border-left: 5px solid #68a900;
    padding: 4px 0 4px 34px;
    font-style: normal;
    font-family: 'Museo Sans Cyrl 900', Arial;
    line-height: 98%
}

.wr_header .header .focus .half .text p strong {
    font-family: 'Museo Sans Cyrl 900', Arial
}

.wr_header.vlozhn .text a.btn {
    margin-top: 5px;
    margin-left: 40px;
    box-sizing: border-box
}

@-moz-keyframes cycle {
    35% {
        transform: rotate(0) translate(0, 0)
    }

    40% {
        transform: rotate(1.5deg) translate(0, -1px)
    }

    45% {
        transform: rotate(-1.5deg) translate(0, -1px)
    }

    50% {
        transform: rotate(1.5deg) translate(0, -1px)
    }

    55% {
        transform: rotate(-1.5deg) translate(0, -1px)
    }

    60% {
        transform: rotate(1.5deg) translate(0, -1px)
    }

    65% {
        transform: rotate(-1.5deg) translate(0, -1px)
    }

    70% {
        transform: rotate(0) translate(0, 0)
    }
}

@-webkit-keyframes cycle {
    35% {
        transform: rotate(0) translate(0, 0)
    }

    40% {
        transform: rotate(1.5deg) translate(0, -1px)
    }

    45% {
        transform: rotate(-1.5deg) translate(0, -1px)
    }

    50% {
        transform: rotate(1.5deg) translate(0, -1px)
    }

    55% {
        transform: rotate(-1.5deg) translate(0, -1px)
    }

    60% {
        transform: rotate(1.5deg) translate(0, -1px)
    }

    65% {
        transform: rotate(-1.5deg) translate(0, -1px)
    }

    70% {
        transform: rotate(0) translate(0, 0)
    }
}

.wr_xcatalog {
    padding-bottom: 25px;
    position: relative;
    z-index: 10;
}

.wr_xcatalog .select {
    margin-top: 25px
}

.wr_xcatalog .select .level {
    cursor: pointer;
    border-radius: 5px;
    border-bottom: none;
    margin-right: 15px
}

.wr_xcatalog .select .level.active {
    background: #0095d2;
    background: -moz-linear-gradient(top, #0095d2 0%, #233587 100%);
    background: -webkit-linear-gradient(top, #0095d2 0%, #233587 100%);
    background: linear-gradient(to bottom, #0095d2 0%, #233587 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095d2', endColorstr='#233587', GradientType=0);
    color: #fff;
    display: block
}

.wr_xcatalog .select .level.disable {
    display: none
}

.wr_xcatalog .wr_vlozh_text {
    margin-top: 40px
}

.wr_xcatalog .vlozh_text p {
    font-size: 14px;
    color: #a3a0a0;
    margin: 5px 0
}

.wr_xcatalog .min_title,
h1,
#maincontent .min_title,
.maincontent .min_title {
    font-size: 30px;
    color: #2b2b2b;
    padding-top: 25px;
    letter-spacing: 1px;
    font-family: 'Museo Sans Cyrl 700', Arial
}

#maincontent .min_title,
.maincontent .min_title,
.wr_xcatalog .min_title {
    margin: 0;
    line-height: inherit;
    text-align: center;
}

.homecategories h2 {
    /*margin-top: 0;*/
    padding-top: 0
}

.maincontent {
    margin-bottom: 20px;
}

#maincontent h1,
#maincontent .min_title,
.maincontent .min_title,
.maincontent h1 {
    padding-top: 55px;
    font-size: 28px;
    text-transform: none
}
#maincontent_catalog h1 {
    padding-top: 0;
}

.wr_xcatalog.vlozhen .min_title {
    padding-top: 40px
}

.maincontent .min_title {
    padding-top: 0;
    margin-bottom: 35px;
}

.wr_xcatalog .xcatalog {
    margin: 60px -15px 0;
    flex-wrap: wrap;
}

.wr_xcatalog .xcatalog.categories {
    max-width: 100%
}

.wr_xcatalog .xcatalog.categories .item {
    display: block
}

.wr_xcatalog .xcatalog .more_categories {
    display: none
}

.wr_xcatalog .xcatalog .item,
.wr_xcatalog .xcatalog .psevdo_item,
.categories-list .item {
    width: 33.3333333%; 
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.categories-list .categories-list__inner .item {
    padding: 0 14px;
}

.categories-list .categories-list__inner .item.item-new .text .name a span {position: relative; z-index: 1;}
.categories-list .categories-list__inner .item.item-new .text .name a span:after {
    content: 'new';
    display: inline-block;
    vertical-align: middle;
    background-color: #f11c00;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 100%;
    padding: 6px 8px;
    margin-left: 10px;
}

.wr_xcatalog .xcatalog .item .item-inn,
.categories-list .item .item-inn {
    padding: 20px 20px 35px;
    box-sizing: border-box;
    box-shadow: 0 8px 26px rgb(156 156 156 / 10%);
    border-radius: 10px;
    text-align: center;
    transition: .3s all;
    background-color: #fff;
}

.wr_xcatalog .xcatalog .item .list_vendore_code,
.categories-list .item .list_vendore_code {
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px;
    z-index: 2;
    background: #ffbc09;
    padding: 2px 5px;
    font-size: 11px;
    border-radius: 3px;
    color: #000000;
}
.wr_xcatalog .xcatalog .item .list_vendore_code .code{}
.wr_xcatalog .xcatalog .item .list_vendore_code strong{}

.wr_xcatalog .xcatalog .item.empty {
    background: none !important;
    box-shadow: none !important
}

.wr_xcatalog .xcatalog .item .label,
.jshop.productfull .image_middle .label,
.categories-list .item .image_middle .label {
    width: 111px;
    height: 112px;
    position: absolute;
    top: -27px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 1
}

.jshop.productfull .image_middle .label {
    top: 0
}

.wr_xcatalog .xcatalog.categories .item {
    width: 48.3%;
    margin-bottom: 30px;
    padding: 35px 58px 32px
}

.wr_xcatalog .xcatalog.categories .item.numb_6 {
    display: none
}

.wr_xcatalog .xcatalog .psevdo_item {
    background: transparent;
    box-shadow: none
}

.wr_xcatalog .xcatalog .item .item-inn:hover {
    box-shadow: 0 10px 46px rgba(0, 0, 0, 0.26)
}

.wr_xcatalog .xcatalog .item .image,
.categories-list .item .image {
    width: 100%;
    max-width: 320px;
    height: 250px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 25px;
    background-size: cover;
    background-position: 50% 18%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.wr_xcatalog .xcatalog .item.sale .image:after,
.categories-list .item.sale .image:after {
    content: "";
    display: block;
    top: -1px;
    left: 0;
    position: absolute;
    width: 111px;
    height: 112px;
    background: url(/components/com_jshopping/files/img_labels/sale1.png) no-repeat 50% 50%;
    background-size: contain
}

.wr_xcatalog .xcatalog .item.new .image:after,
.categories-list .item.new .image:after {
    content: "";
    display: block;
    top: -1px;
    left: 0;
    position: absolute;
    width: 111px;
    height: 112px;
    background: url(/components/com_jshopping/files/img_labels/new.png) no-repeat 50% 50%;
    background-size: contain
}

.wr_xcatalog .xcatalog.categories .item .image,
.categories-list .item .image {
    height: 260px;
    max-width: 433px;
}

.categories-list .categories-list__inner .item .image {
    max-width: 322px;
    height: 200px;
}

.wr_xcatalog .xcatalog .item .text {
    text-align: center;
}

.wr_xcatalog .xcatalog .item .text .text-mediator {}

.wr_xcatalog .xcatalog .item .text a.name,
.categories-list .item .text a.name {
    display: inline-block;
    vertical-align: top;
    color: #0b172d;
    font-size: 16px;
    font-family: 'Museo Sans Cyrl 500';
    line-height: 120%;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    text-decoration: none !important;
    /*min-height: 38px;*/
}

.wr_xcatalog .xcatalog.categories .item .text a.name,
.categories-list .item .text a.name {
    padding-left: 0;
    max-width: 260px;
    min-width: 50%;
    font-size: 20px
}

.categories-list .categories-list__inner .item a.name {
    max-width: 224px;
    font-size: 16px;
}

.wr_xcatalog .xcatalog.categories .item.sale .text a.name,
.categories-list .item.new .text a.name {
    color: #6fa616;
    font-size: 23px;
    line-height: 127%;
    border: 0;
    padding-bottom: 0
}

.wr_xcatalog .xcatalog .item .text div.name ,
.categories-list .item .text div.name {
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.categories-list .categories-list__inner .item .text div.name {
    min-height: 38px;
}

.wr_xcatalog .xcatalog.xs_catalog .item .text a.name,
.categories-list .item .text a.name {
    padding-left: 0;
    padding-right: 0
}

.wr_xcatalog .xcatalog.xs_catalog .item .text .jshop_price,
.categories-list .item .text .jshop_price {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    align-content: center;
    white-space: nowrap;
    text-align: center;
    margin: 0px 0px 15px 0px;
}

.wr_xcatalog .xcatalog.xs_catalog .item .text .jshop_price .main-price,
.categories-list .item .text .jshop_price .main-price {
    font-size: 18px;
    color: #0b172d;
    font-family: 'Museo Sans Cyrl 700';
}
.wr_xcatalog .xcatalog.xs_catalog .item .text .jshop_price .price_throught,
.categories-list .item .text .jshop_price .price_throught {
    font-size: 18px;
    color: #b0b0b0;
    font-family: 'Museo Sans Cyrl 300';
    margin-left: 20px;
    position: relative;
    z-index: 1;
}
.wr_xcatalog .xcatalog.xs_catalog .item .text .jshop_price .price_throught:after,
.categories-list .item .text .jshop_price .price_throught:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 2px;
    background-color: #fe0000;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: -1px;
}

/*.wr_xcatalog .xcatalog.xs_catalog .item .text .jshop_price .price_throught {
    text-decoration: line-through;
    font-family: 'Museo Sans Cyrl 300', Arial, sans-serif;
    color: #333;
    font-size: 70%;
    display: block;
    margin-top: -1px
}*/

.wr_xcatalog .xcatalog .item .text a.name:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    background: #ededed;
    position: absolute;
    bottom: 0;
    max-width: 217px;
    display: none;
}

.wr_xcatalog .xcatalog .item.sale .text a.name:after {
    display: none
}

.wr_xcatalog .xcatalog .button_area {
    text-align: center;
    margin-top: 17px
}

.wr_xcatalog .xcatalog.categories .button_area {
    margin-top: 4px
}

.wr_xcatalog .xcatalog.categosries .button_area a {
    font-size: 12px
}

.wr_xcatalog .xcatalog .button_area .button_area-link,
.categories-list .button_area .button_area-link {
    color: #81c119;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 300';
    text-decoration: none !important;
    transition: .2s all;
}
.wr_xcatalog .xcatalog .button_area .button_area-link:hover,
.categories-list .button_area .button_area-link:hover {
    font-family: 'Museo Sans Cyrl 700';
}

.categories-list .categories-list__inner .button_area .button_area-link {
    font-size: 12px;
}

.button_area .button_area_btn {
    padding: 11px 30px;
}

.wr_xcatalog .watch_more {
    text-align: center
}

.wr_xcatalog .watch_more a {
    font-size: 16px;
    color: #323a45;
    text-decoration: none;
    border-bottom: 1px solid #323a4591;
    transition: .3s all;
    opacity: .5;
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif
}

.wr_xcatalog .watch_more a:hover {
    text-decoration: none;
    border-color: transparent
}

.wr_advantages {
    min-height: 579px;
    padding-top: 70px;
    box-sizing: border-box;
}

.wr_advantages .xtitle {
    font-size: 36px;
    text-align: center;
    color: #0b172d;
    margin: 0;
    line-height: 118%;
    font-family: 'Museo Sans Cyrl 500', Arial;
}

.wr_advantages .advantages {
    padding: 40px 0 70px;
    margin: 0 auto
}

.wr_advantages .advantages .item {
    text-align: center;
    position: relative;
    border: 2px solid #47837a;
    border-radius: 5px;
    padding: 45px 40px 25px;
    box-sizing: border-box;
    width: 31.5%;
    box-shadow: 0 10px 46px rgba(0, 0, 0, 0.22)
}
.wr_advantages .advantages .item .img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.wr_advantages .advantages .item.one .img {
    background-image: url(images/icon-1.png);
}

.wr_advantages .advantages .item.two .img {
    background-image: url(images/icon-2.png);
}

.wr_advantages .advantages .item.three .img {
    background-image: url(images/icon-3.png);
}

.wr_advantages .advantages .item .img {
    width: 80px;
    height: 75px;
    margin: 0 auto;
    margin-bottom: 40px
}

.wr_advantages .advantages .item .text strong {
    font-size: 18px;
    color: #0b172d;
    line-height: 140%;
    display: block;
    height: 46px;
    max-width: 210px;
    margin: 0 auto 20px
}

.wr_advantages .advantages .item .text .row {
    height: 76px;
    overflow: hidden;
    margin-bottom: 25px
}

.wr_advantages .advantages .item .text .row p {
    font-size: 13px;
    color: #b0b0b0;
    line-height: 150%;
    margin: 0;
}

.wr_advantages .advantages .item .text a {
    padding: 10px;
    width: 100%;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif
}

.wr_diplom {
    padding: 70px 0;
    overflow: hidden;
}
.wr_diplom .slick-slide {text-align: center;}

.wr_diplom.reviews-include {}

.wr_diplom .wr_diplom-title {
    margin: 0px 0px 70px 0px;
}

.wr_diplom .wr_diplom-wrbtn {
    text-align: center;
}

.wr_diplom .wr_diplom-btn {
    padding: 17px 32px;
}

.wr_diplom.reviews-include .diplom {
    margin: 0px 0px 60px 0px;
}

.wr_diplom .diplom .slick-list {
    padding-bottom: 20px
}

.wr_diplom .diplom .item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}

.wr_diplom .diplom .item a {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    padding: 17px;
    position: relative;
    z-index: 1;
    top: 0;
    opacity: 0.3;
    background-color: #fff;
    box-shadow: 0 8px 26px rgb(156 156 156 / 10%);
    transition: .2s all;
}

.wr_diplom .diplom .item a:hover {
    box-shadow: 0 8px 26px rgb(156 156 156 / 50%);
    opacity: 1;
    top: -5px;
}

.wr_diplom .diplom .item a .inside {
    display: block;
    width: 170px;
    margin: 0 auto;
    height: 238px;
    position: relative;
    /*border: 13px solid #303030;*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: .3s all;
}

.wr_diplom .diplom .item a:hover .inside {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
}

.wr_video_reviews .video_reviews .slick-prev,
.wr_video_reviews .video_reviews .slick-next,
.reviesblock .documents .slick-prev,
.reviesblock .documents .slick-next,
/*.wr_diplom .diplom .slick-prev,
.wr_diplom .diplom .slick-next,*/
.doter-slider-thumb .slick-next,
.doter-slider-thumb .slick-prev {
    width: 17px;
    height: 28px;
    background: url(images/sprite1.png) no-repeat 0 0;
    border: none;
    z-index: 992;
    cursor: pointer;
    text-indent: 25px;
    overflow: hidden;
    text-indent: 50px;
    overflow: hidden;
    padding: 0
}

.wr_video_reviews .video_reviews .slick-next,
.reviesblock .documents .slick-next,
/*.wr_diplom .diplom .slick-next,*/
.doter-slider-thumb .slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0;
    margin-right: -1px;
    background-position: 0 0;
    margin-top: -24px;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.wr_video_reviews .video_reviews .slick-prev,
.reviesblock .documents .slick-prev,
/*.wr_diplom .diplom .slick-prev,*/
.doter-slider-thumb .slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 0;
    margin-left: -1px;
    background-position: 0 -43px;
    margin-top: -24px
}

.wr_advantages .advantages .slick-prev,
.wr_advantages .advantages .slick-next {
    width: 17px;
    height: 28px;
    background: url(images/sprite1.png) no-repeat 0 0;
    border: none;
    z-index: 992;
    cursor: pointer;
    text-indent: 25px;
    overflow: hidden;
    text-indent: 50px;
    overflow: hidden
}

.wr_advantages .advantages .slick-next {
    position: absolute;
    top: 95%;
    right: 50%;
    margin-top: 0;
    background-position: -414px 0;
    margin-right: -30px;
    margin-top: -24px;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    padding: 0
}

.wr_advantages .advantages .slick-prev {
    position: absolute;
    top: 95%;
    left: 50%;
    margin-top: 0;
    background-position: -413px -43px;
    margin-left: -30px;
    margin-top: -24px
}

.wr_reviesblock {
    padding: 70px 0 0
}

.wr_reviesblock.xs_content_block {
    padding: 60px 0 70px;
    text-align: center;
}

.moduletable.reviews {
}
.custom.reviews {
}  

.wr_reviesblock .text {
    max-height: 380px;
    transition: .2s all;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.wr_reviesblock.active .text {
    max-height: 99999px;
}

.wr_reviesblock .text:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-image: url(images/text-opacity.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.wr_reviesblock.active .text:after {
    display: none;
}

.wr_reviesblock .wr_reviesblock-wrbtn {
    text-align: center;
}  
.wr_reviesblock .wr_reviesblock-btn {
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #81c119;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 auto;
    background-color: #fff;
    background-image: url(images/left-arrow-angle.svg);
    background-position: 48% 51.6%;
    background-repeat: no-repeat;
    background-size: 10px;
    transform: rotate(-90deg);
    transition: .2s all;
    position: relative;
    z-index: 1;
}  
.wr_reviesblock .wr_reviesblock-btn:hover {
    border: 1px solid #6fa616;
}
.wr_reviesblock .wr_reviesblock-btn:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #6fa616;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 auto;
    background-color: #fff;
    background-image: url(images/left-arrow-angle-dark.svg);
    background-position: 48% 51.6%;
    background-repeat: no-repeat;
    background-size: 10px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 0;
}
.wr_reviesblock .wr_reviesblock-btn:hover:after {
    opacity: 1;
}

.wr_reviesblock.active .wr_reviesblock-btn {
    transform: rotate(90deg);
}

.wr_reviesblock .title {
    color: #323a45;
    text-align: center;
    text-transform: none
}

.wr_reviesblock .reviesblock {
    margin-top: 60px
}

.wr_reviesblock .reviesblock .documents div {
    text-align: center
}

.wr_reviesblock .reviesblock .documents a {
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 15px 16px rgba(0, 0, 0, 0.20);
    position: relative
}

.wr_reviesblock .reviesblock .documents a:after {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background: url(images/sprite1.png) no-repeat -28px -17px;
    z-index: 980;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    opacity: 0;
    transition: .3s all
}

.wr_reviesblock .reviesblock .documents a:hover:after {
    content: "";
    opacity: 1
}

.wr_video_reviews {
    text-align: center
}

.wr_reviesblock .video_reviews {
    margin-top: 40px
}

.wr_reviesblock .video_reviews div {
    width: 31%
}

.wr_reviesblock .video_reviews div iframe {
    width: 100%
}

.wr_reviesblock .wr_video_reviews a.btn {
    text-align: center;
    margin: 0 auto;
    margin-top: 55px;
    margin-bottom: 60px
}

.wr_reviesblock .text,
#maincontent.textcontent {
    margin-left: auto;
    margin-right: auto
}

/*footer {
    background: url(images/main_lake.jpg) no-repeat 0 0
}*/

footer .footer {
    color: #fff;
    padding: 80px 0 55px
}

footer .footer .questions p {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 151%;
    margin-bottom: 5px
}

footer .footer .questions span {
    display: block;
    font-size: 22px
}

footer .footer .questions a {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}
.questions__img {
    margin-top: -40px;
    margin-bottom: 10px;
}

footer .footer .identik p {
    margin: 0;
    font-size: 14px
}

footer .footer .identik a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    transition: .3s all
}

footer .footer .identik a:hover {
    text-decoration: none
}

footer .line {
    width: 100%;
    height: 1px;
    background: #51837b
}

footer .botton_footer {
    padding: 20px 0 30px
}

footer .botton_footer .info p {
    margin: 0;
    color: #fff
}

footer .botton_footer .info p a {
    text-decoration: underline;
    color: #fff
}

footer .botton_footer .info p a:hover {
    text-decoration: none
}

footer .botton_footer .foot_menu {
    width: 50%;
    text-align: right;
    color: #fff
}

footer .botton_footer .foot_menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 24px
}

footer .botton_footer .foot_menu ul li a {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    transition: .2s all;
    display: inline-block;
    letter-spacing: .5px
}

.modal {
    display: none
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    animation: blink .7s infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#maincontent ul {
    padding-left: 20px;
}

#maincontent li {
    list-style-type: disc;
    margin-bottom: 10px;
}

#maincontent li a,
#maincontent_catalog li a {
    color: #329692
}

#maincontent li a:hover,
#maincontent_catalog li a:hover {
    color: #68a900
}

ul.breadcrumb {
    margin: 30px 0 30px 0;
    padding: 0 !important;
    white-space: nowrap;
    overflow: auto;
    text-align: center;
}
#maincontent ul.breadcrumb {
    margin-bottom: 30px;
}

ul.breadcrumb img {
    vertical-align: baseline
}

ul.breadcrumb li {
    display: inline;
    list-style: none;
    font-size: 12px;
    color: #adb1b9;
    font-family: 'Museo Sans Cyrl 300';
    text-transform: uppercase;
}
ul.breadcrumb li a {
    font-size: 12px;
    color: #adb1b9 !important;
    font-family: 'Museo Sans Cyrl 300';
    text-transform: uppercase;
    transition: .2s all;
    text-decoration: none !important;
}
ul.breadcrumb li a:hover {
    color: #6fa616 !important;
}
ul.breadcrumb li span {
    white-space: nowrap;
}

.jshop.productfull .title_container h1 {
    margin: 0;
    padding: 0 !important;
    text-align: center;
}

.jshop.productfull .title_container {
    margin-bottom: 30px
}

.jshop.productfull .reating_table {
    position: absolute;
    top: 2px;
    right: 10px
}

.jshop.productfull .jshop_prod_description h2 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    line-height: 45px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.jshop.productfull .xs_links {
    margin: 19px 0;
    padding-bottom: 15px
}

.jshop.productfull .xs_links>a {
    display: block;
    position: relative;
    text-decoration: underline;
    padding-left: 50px;
    font-size: 12px;
    max-width: 135px;
    float: left;
    margin-left: 21px
}

.jshop.productfull .xs_links>a:first-child {
    margin: 0
}

.jshop.productfull .xs_links>a:hover {
    text-decoration: none
}

.jshop.productfull .xs_links>a:before {
    content: "";
    display: block;
    height: 38px;
    width: 45px;
    background-image: url(images/xs_icons.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 0
}

.jshop.productfull .xs_links>a.galleryLinkEtap:before {
    background-position: -63px 0
}

.jshop.productfull .xs_links>a.obrazec:before {
    background-position: -117px 0
}

.jshop.productfull .xs_flex.xs_sales div {
    height: 106px;
    background-size: cover;
    border: 1px solid #ddd;
    position: relative;
    width: 147px;
    top: 0;
    transition: .3s all;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05)
}

.jshop.productfull .xs_flex.xs_sales div:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 63px;
    height: 63px;
    display: block;
    background: url(images/sale.png) no-repeat 0 0
}

.jshop.productfull .xs_flex.xs_sales div:hover {
    top: -5px;
    box-shadow: 0 8px 13px rgba(0, 0, 0, 0.15)
}

.jshop.productfull .xs_flex.xs_sales div span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #ed1c24;
    font-size: 13px;
    background: rgba(255, 255, 255, 0.90);
    line-height: 110%;
    padding: 3px 10px;
    transition: .3s all
}

.jshop.productfull .relative {
    position: relative
}

.jshop.productfull .xs_flex.xs_sales div:hover span {
    background: rgba(255, 255, 255, 0.95)
}

.jshop.productfull .help_sales {
    position: absolute;
    top: 0;
    left: -210px;
    background: #fff;
    z-index: 1;
    width: 160px;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.20);
    opacity: 0;
    transition: .7s all
}

.jshop.productfull .help_sales:after {
    content: "";
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: block;
    position: absolute;
    background: #fff;
    width: 16px;
    height: 16px;
    top: 12px;
    margin-left: -9px;
    right: -9.4px;
    -moz-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    -webkit-transform: rotate(134deg);
    -o-transform: rotate(134deg);
    transform: rotate(134deg)
}

.jshop.productfull .help_sales.show {
    opacity: 1;
    left: -181px
}

.span4.image_middle {
    min-width: 515px;
    position: relative;
    display: block;
    text-align: center
}

.span4.image_middle img {
    max-height: 360px;
    max-width: 480px;
    width: auto;
    height: auto
}

.span8.jshop_img_description {
    width: 31.58%;
    padding: 20px 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 26px rgb(0 0 0 / 6%);
    box-sizing: border-box;
}

.span8.jshop_img_description{}
.span8.jshop_img_description .ky_old_price {
    color: #fff;
    background-color: #f11c00;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 5px 20px;
}
.span8.jshop_img_description .ky_old_price strong {
    font-size: 14px;
    color: #fff;
    font-family: 'Museo Sans Cyrl 300';
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
}
.span8.jshop_img_description .ky_old_price span {
    font-size: 16px;
    color: #fff;
    font-family: 'Museo Sans Cyrl 500';
    text-decoration: line-through;
    display: inline-block;
    vertical-align: top;
}

.span8.jshop_img_description .sky_actual_price{
	margin: 25px 0;
}
.span8.jshop_img_description .sky_actual_price strong{
    display: block;
    font-size: 32px;
    color: #322e2d;
    font-weight: 500;
    text-align: center;
    line-height: 120%;
    font-family: 'Museo Sans Cyrl 500';
}

.span8 .vendore_code {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 5px 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #f6f6f6;
}
.span8 .vendore_code strong {
    font-size: 14px;
    color: #0b172d;
    font-family: 'Museo Sans Cyrl 300';
    display: inline-block;
    vertical-align: top;
}
.span8 .vendore_code span {
    font-size: 14px;
    color: #0b172d;
    font-family: 'Museo Sans Cyrl 500';
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 15px;
}


.span8.jshop_img_description .sky_text{
    margin-bottom: 20px;
}
.span8.jshop_img_description .sky_text p{
    font-size: 14px;
    color: #b0b0b0;
    font-weight: 300;
    font-family: 'Museo Sans Cyrl 300';
    margin: 0 0 10px;
    line-height: 135%;
    position: relative;
    padding-left: 20px;
}
.span8.jshop_img_description .sky_text p strong{
	color:#f11c00
}
.span8.jshop_img_description .sky_text p:before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #f11c00;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 5px;
    left: 0;
}
.span8.jshop_img_description .sky_text p:last-child{
	margin-bottom: 0;
}

.span8.jshop_img_description .sky_video{
    display: block;
    width: 100%;
    height: 160px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
}
.span8.jshop_img_description .sky_video:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background-color: rgb(0 0 0 / 60%);
}

.span8.jshop_img_description video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0px 21px rgb(156 156 156 / 6%);
}
.span8.jshop_img_description video source{
    display: block;
    width: 100%;
    height: 100%;
}



.span8.jshop_img_description .sky_video .inner{
    width: 100%;
    max-width: 155px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.span8.jshop_img_description .sky_video .inner .play{
    width: 36px;
    height: 36px;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 12px;
    transition: .2s all;
}
.span8.jshop_img_description .sky_video:hover .inner .play{
	background-color: #f2260b;
}

.span8.jshop_img_description .sky_video .inner .play:before,
.span8.jshop_img_description .sky_video .inner .play:after{
    content: "";
    display: block;
    width: 8px;
    height: 9px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -3px;
}


.span8.jshop_img_description .sky_video .inner .play:before{
	background-image: url(images/play-youtube.svg);
	opacity: 1;
}
.span8.jshop_img_description .sky_video .inner .play:after{
	background-image: url(images/play-youtube-white.svg);
	opacity: 0;
}
.span8.jshop_img_description .sky_video:hover .inner .play:before{
	opacity: 0;
}
.span8.jshop_img_description .sky_video:hover .inner .play:after{
	opacity: 1;
}

.span8.jshop_img_description .sky_video .inner .info{
	color: #fefefe;
    font-size: 12px;
    display: block;
    line-height: 145%;
}

.span8.jshop_img_description a.sky_btn{
	margin: 0;
    width: 100%;
}


.span8.jshop_img_description .block {
    margin-bottom: 12px;
    position: relative
}

.span8.jshop_img_description .block:before {
    content: "";
    display: block;
    width: 36px;
    height: 40px;
    margin-top: -20px;
    left: 30px;
    top: 50%;
    background: url(images/design.svg) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    z-index: 1
}

.span8.jshop_img_description .block.price:before {
    background-image: url(images/tea-ceremony.svg)
}

.span8.jshop_img_description .block.return:before {
    background-image: url(images/stopwatch.svg)
}

.span8.jshop_img_description .block.garant:after {
    content: "";
    display: block;
    right: 19px;
    bottom: 0;
    width: 169px;
    height: 144px;
    background: url(images/print.png) no-repeat 50% 50%;
    position: absolute;
    z-index: 1
}

.span8.jshop_img_description .block .cont {
    background: #fff;
    padding: 24px 23px 23px 88px;
    overflow: hidden;
    border: 2px solid #f4f4f4;
    position: relative;
    line-height: 167%
}

.span8.jshop_img_description .block .cont .text {
    font-size: 18px;
    max-width: 155px;
    margin-right: 15px;
    color: #322e2d;
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif
}

.span8.jshop_img_description .block .cont .line {
    position: absolute;
    right: -52px;
    top: 58px;
    box-sizing: content-box;
    border: 4px solid #f43620;
    background: #f43620;
    -moz-transform: rotate(-28deg);
    -ms-transform: rotate(-28deg);
    -webkit-transform: rotate(-28deg);
    -o-transform: rotate(-28deg);
    transform: rotate(-28deg);
    color: #fff;
    font-size: 16px;
    width: 292px;
    z-index: 2;
    padding-left: 53px;
    font-weight: 700;
    letter-spacing: .7px;
    text-align: center;
    font-family: 'Museo Sans Cyrl 900', Arial;
    text-transform: uppercase
}

.span8.jshop_img_description .zakaz {
    margin-top: 26px;
    padding-left: 35px;
    margin-bottom: 20px;
    padding-right: 35px
}

.jshop.productfull .warm {
    margin-top: 25px;
    width: 100%
}

.jshop.productfull .warm .name {
    color: #fff;
    font-size: 18px;
    padding: 0 35px;
    font-family: 'Museo Sans Cyrl 900', Arial;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 48px;
    margin: auto;
    line-height: 140%;
    letter-spacing: .8px
}

.jshop.productfull .warm .item {
    width: 33.3333%;
    border: 8px solid #f4f4f4;
    position: relative;
    overflow: hidden;
    max-height: 185px
}

.jshop.productfull .warm .item .image {
    padding-top: 50%;
    background: url(images/warm1.jpg) no-repeat 50% 50%;
    background-size: cover;
    transition: .3s all
}

.jshop.productfull .warm .item:hover .image {
    padding-top: 50%;
    padding-top: 56%;
    margin: -10px;
    background: url(images/warm1.jpg) no-repeat 50% 50%;
    background-size: cover
}

.jshop.productfull .warm .item.block2 .image {
    background-image: url(images/warm2.jpg)
}

.jshop.productfull .warm .item.block2 .name {
    text-align: center
}

.jshop.productfull .warm .item.block1 .name {
    text-align: right
}

.jshop.productfull .warm .item.block3 .image {
    background-image: url(images/warm3.jpg)
}

.productfull .prod_price {
    padding-top: 0;
    font-size: 24px;
    margin-left: 25px
}

.productfull .block .prod_price .through {
    text-decoration: line-through;
    font-size: 80%;
    color: rgba(50, 46, 45, 0.56);
    display: block;
    margin-bottom: 3px;
    margin-top: -9px
}

.productfull .block .painting {
    color: #7a706e
}

.productfull .block .painting:after {
    content: "";
    display: block;
    width: 100px;
    margin-top: -20px;
    margin-bottom: -17px;
    height: 75px;
    background: url(images/painting.png) no-repeat 50% 50%
}

.productfull .old_price {
    padding-top: 14px
}

.productfull .sale_info {
    font-size: 12px;
    margin: 20px 0
}

.productfull .sale_info p {
    padding: 0;
    margin: 0
}

.sigFreeContainer .desc {
    background: #195a56;
    color: #fff;
    overflow: hidden;
    padding: 7px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#mod_simpleemailform_field3_1,
#mod_simpleemailform_field4_1,
#mod_simpleemailform_field4_3,
#mod_simpleemailform_field4_2 {
    display: none
}

#zvonok,
#zamer {
    max-width: 350px
}

#online_caller {
    max-width: 370px
}

#zvonok input,
#zamer input,
#online_caller input {
    margin-top: 18px
}

#zvonok input[type=checkbox],
#zamer input[type=checkbox],
#online_caller input[type=checkbox] {
    margin-top: 10px;
    margin-right: 5px
}

#zvonok input[type=submit],
#zamer input[type=submit],
#online_caller input[type=submit] {
    padding: 10px 0;
    border: 0
}

#zvonok .mess,
#zamer .mess,
#online_caller .mess {
    margin-bottom: 0;
    padding-bottom: 0
}

.xs_contact .map {
    width: 65%;
    padding-top: 40px
}

.xs_contact .contact img {
    margin-right: 10px
}

.slider-gallery .doter-slider-thumb-wrapper {
    position: relative
}

.jshop.productfull .image_middle,
.jshop.productfull .desc-oll {
    vertical-align: top
}

.jshop.productfull .bottom_text {
    margin-top: 50px
}

.jshop.productfull .bottom_text p {
    margin: 0;
    padding: 0
}

.jshop.productfull .bottom_text .sale_text {
    max-width: 390px;
    margin-right: 30px;
    font-size: 12px;
    line-height: 151%;
    color: rgba(0, 0, 0, 0.58)
}

.jshop.productfull .bottom_text .text {
    font-family: 'Museo Sans Cyrl 500', Arial;
    text-align: right;
    min-width: 360px;
    padding-right: 35px;
    font-size: 16px
}

.jshop.productfull .bottom_text .order {
    white-space: nowrap
}

div.jshop_prod_description {
    padding: 0px 0px 70px 0px;
    margin-top: 80px;
    margin-top: 50px;
}

div.jshop_prod_description .h2 {
    font-size: 22px;
    text-align: center;
    font-family: 'Museo Sans Cyrl 700', Arial;
    letter-spacing: 1px;
    color: #322e2d;
    line-height: 170%
}

div.jshop_prod_description .subtitle {
    font-size: 16px;
    letter-spacing: .3px;
    margin-bottom: 30px;
    text-align: center;
    color: #322e2d;
    line-height: 170%;
    font-family: 'Museo Sans Cyrl 500', Arial
}

.jshop.productfull .image_middle {
    width: 65.79%;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 26px rgb(0 0 0 / 6%);
    box-sizing: border-box;
}

.jshop.productfull .image_middle .main-slider-full-wrapper {
    margin: 0px -7px 10px 0px;
    overflow: hidden;
    border-radius: 10px;
}

.jshop.productfull .image_middle .main-slider-full-wrapper .doter-slider-thumb-item .thumb {
    /*padding-top: 59.578%;*/
    padding-top: 58.997%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
    border: 1px solid #efefef;
    display: block;
    position: relative;
    border-radius: 10px;
}

.jshop.productfull .image_middle .doter-slider-thumb-wrapper {
    margin-right: -15px
}

.jshop.productfull .image_middle .doter-slider-thumb-wrapper .thumb {
    padding-top: 67.138%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 5px 0;
    /*width: 91.267%;*/
    width: 92.267%;
    /*border: 1px solid #efefef;*/
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    transition: .2s all;
    opacity: 0.46;
}

.jshop.productfull .image_middle .doter-slider-thumb-wrapper .slick-current .thumb {
    /*border: 4px solid #35a19d;
    margin: 5px 0;*/
    opacity: 1;
}

.jshop.productfull .image_middle .thumb .video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 64px;
    height: 60px;
    display: block
}

.jshop.productfull .image_middle .thumb .video:before,
.jshop.productfull .image_middle .thumb .video:after {
    content: "";
    display: block;
    width: 64px;
    height: 60px;
    background: url(images/youtube.svg) no-repeat 50% 50%;
    background-size: contain;
    transition: .3s all;
    position: absolute;
    top: 0;
    left: 0
}

.jshop.productfull .image_middle .thumb .video:after {
    background-image: url(images/youtube-red.svg);
    opacity: 0;
    transition: .2s all
}

.jshop.productfull .image_middle .main-slider-full-wrapper .thumb:hover .video:after {
    opacity: 1
}

.jshop.productfull .image_middle .doter-slider-thumb-wrapper .thumb .video,
.jshop.productfull .image_middle .doter-slider-thumb-wrapper .thumb .video:before,
.jshop.productfull .image_middle .doter-slider-thumb-wrapper .thumb .video:after {
    width: 40px
}

.jshop_prod_description table {
    width: 100%;
    text-transform: uppercase;
}

.jshop_prod_description table thead {
    background-color: #242424;
}
.jshop_prod_description table thead tr {}
.jshop_prod_description table thead tr td {
    color: #fff !important;
    font-size: 12px;
    text-align: center;
}

.table_complect,
.jshop_prod_description table {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    letter-spacing: .4px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 26px rgb(0 0 0 / 4%);
    border: 1px solid #fff;
}

.table_complect .present {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 0 0 10px;
    background: url(images/present.svg) no-repeat 50% 50% / contain;
    position: relative;
    z-index: 10;
    vertical-align: top;
    margin-top: 1px
}

.table_complect td,
.jshop_prod_description table td {
    font-size: 12px;
    border: 0;
    vertical-align: top;
    padding: 22px 20px;
    line-height: 140%;
    width: 20%;
    position: relative;
    z-index: 1;
    color: #0b172d;
    font-family: 'Museo Sans Cyrl 700', Arial;
    text-align: center;
    border: 1px solid #f0f0f0;
}

.table_complect td:first-child,
.jshop_prod_description table td:first-child {
    font-size: 12px;
    color: #b3b6af;
    text-align: left;
}

.table_complect thead td {
    font-family: 'Museo Sans Cyrl 700', Arial;
    padding-top: 20px;
    padding-bottom: 18px;
    white-space: nowrap;
    padding-left: 5px
}

.table_complect thead td:first-child {
    padding-left: 20px;
    text-align: center;
}

/*.table_complect thead td span:before {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    background: url(images/leto.svg) no-repeat 50% 50%;
    background-size: contain;
    margin: -6px 17px 0 0
}

.table_complect thead td span.usadka {
    color: #FF8C00
}

.table_complect thead td span.leto {
    color: #eda915
}

.table_complect thead td span.fire {
    color: #6fb100
}

.table_complect thead td span.fire strong {
    text-transform: uppercase;
    text-decoration: underline
}

.table_complect thead td span.zima {
    color: #326896
}

.table_complect thead td span.usadka:before {
    background-image: url(images/usadka.svg)
}

.table_complect thead td span.zima:before {
    background-image: url(images/zima.svg)
}

.table_complect thead td span.fire:before {
    background-image: url(images/key.svg);
    width: 28px;
    height: 28px
}*/

.table_complect tbody tr:nth-child(even),
.jshop_prod_description table tbody tr:nth-child(even) {
    background: rgba(242, 242, 242, 0.66)
}

.table_complect tbody tr.price,
.jshop_prod_description table tbody tr.price {
    /*background: #f43620;
    border-bottom: 2px solid #fff;*/
}

.table_complect tbody tr.price td,
.jshop_prod_description table tbody tr.price td {
    vertical-align: middle;
    font-family: 'Museo Sans Cyrl 700', Arial
}

.table_complect tbody tr.price td.val,
.jshop_prod_description table tbody tr.price td.val {
    font-size: 12px;
    white-space: nowrap;
}

.table_complect tbody tr.complete,
.jshop_prod_description table tbody tr.complete {
    background: #eaeaea
}

.table_complect tbody tr.complete td,
.jshop_prod_description table tbody tr.complete td {
    vertical-align: middle
}

.table_complect tbody tr.complete td.val,
.jshop_prod_description table tbody tr.complete td.val {
    font-size: 20px
}

.table_complect tbody tr.price_kredit,
.jshop_prod_description table tbody tr.price_kredit {
    background: #eaeaea;
    border-bottom: 2px solid #fff
}

.table_complect tbody tr.price_kredit td,
.jshop_prod_description table tbody tr.price_kredit td {
    vertical-align: middle;
    color: #333
}

.table_complect tbody tr.price_kredit td.val,
.jshop_prod_description table tbody tr.price_kredit td.val {
    font-size: 20px;
    font-family: 'Museo Sans Cyrl 700', Arial
}

.table_complect td p {
    padding: 0;
    margin: 0
}

.table_complect .price td i {
    font-style: normal;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 8px;
    opacity: .7;
    font-size: 12px;
}

.table_complect .price_kredit td i.month {
    vertical-align: top;
    font-size: 12px;
    line-height: 19px;
    margin-left: 7px
}

.table_complect .price_kredit span {
    position: relative;
    display: inline-block
}

.table_complect .price_kredit td i.label {
    position: absolute;
    font-size: 11px;
    font-family: 'Museo Sans Cyrl 400', Arial;
    color: #322e2d;
    display: inline-block;
    background: #f8d013;
    padding: 3px 7px 2px 10px;
    z-index: 1;
    line-height: 11px;
    width: 113px;
    margin: 0 0 0 -13px;
    box-shadow: -1px 3px #2b2a29;
    -moz-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    transform: rotate(-16deg)
}

.table_complect td i {
    font-style: normal
}

.table_complect tbody {
    color: rgba(50, 46, 45, 0.8);
    font-size: 15px;
    font-family: 'Museo Sans Cyrl 500', Arial
}

.wr_product_utp {
    background: url(images/main_lake.jpg) no-repeat 50% 50%;
    padding: 20px 0;
    color: #fff;
    margin-bottom: 15px
}

.wr_product_utp .text {
    font-size: 24px;
    font-family: 'Museo Sans Cyrl 500', Arial;
    line-height: 130%
}

.wr_product_utp .text span {
    font-family: 'Museo Sans Cyrl 700', Arial;
    display: block
}

.wr_product_utp .text strong {
    font-family: 'Museo Sans Cyrl 900', Arial;
    font-size: 42px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase
}

.wr_product_utp .form {
    border: 4px solid #fff;
    padding: 20px 35px
}

.wr_product_utp .form .left_block {
    font-size: 16px;
    max-width: 200px;
    margin-right: 35px;
    line-height: 133%;
    padding-top: 2px
}

.wr_product_utp .form .left_block strong {
    font-family: 'Museo Sans Cyrl 900', Arial;
    font-size: 28px;
    display: block;
    margin-top: 14px
}

.wr_product_utp .form .right_block p {
    margin: 10px 0 0
}

.wr_product_utp .form .right_block p a {
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.61);
    text-decoration: none
}

.wr_product_utp .form .right_block p a:hover {
    border-color: transparent
}

#addToBasket,
#addToBasketZamer,
#online_caller {
    position: relative
}

#addToBasket .mess,
#addToBasketZamer .mess,
#online_caller .mess {
    max-width: 260px
}

#addToBasket .person_name,
#addToBasketZamer .person_name,
#online_caller .person_name {
    position: absolute;
    z-index: 2;
    padding: 10px 23Px;
    left: 20px;
    bottom: 20px;
    font-size: 21px;
    background: rgba(255, 255, 255, 0.81);
    line-height: 140%
}

#addToBasket .person_name span,
#addToBasketZamer .person_name span,
#online_caller .person_name span {
    display: block;
    font-size: 78%
}

#parallax {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    height: 250px;
    overflow: hidden
}

#parallax img {
    max-width: 999px
}

#parallax .left_block {
    position: absolute;
    width: 250px;
    left: 0;
    top: 0;
    height: 200px
}

#parallax .right_block {
    position: absolute;
    width: 290px;
    right: 0;
    top: 0;
    height: 180px
}

.item-page.fancybox-content {
    width: 100%;
    max-width: 700px;
    padding: 40px
}

.item-page.fancybox-content h1 {
    padding-top: 0
}

.doter-slider-thumb:hover .slick-arrow{
    opacity: 1;
}
.doter-slider-thumb .slick-arrow{
    margin-top: -17px;
    right: 0px;
    margin-right: 0;
    background-color: #fff;
    padding: 16px;
    background-position: 10px -71px;
    border-radius: 50%;
    border: 1px solid rgba(124,194,17,1);
    transition: .2s all;
    opacity: 0;
}
.doter-slider-thumb .slick-arrow:hover{
    background-color: rgba(124,194,17,1);
}

.doter-slider-thumb .slick-prev {
    left: -15px;
    margin-top: 0px;
}

.doter-slider-thumb .slick-next {
    background-position: -14px -71px;
}

.xs_load {
    position: relative
}

.xs_load:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.67);
    z-index: 99;
    opacity: 1
}

.xs_load:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    bottom: 0;
    z-index: 100;
    margin: auto;
    width: 26px;
    height: 26px;
    background: url(images/load.svg) no-repeat 50% 50%;
    background-size: contain;
    transform: none
}

#addToBasketEmail table tr:last-child label {
    margin: 20px 0;
    display: block
}

#addToBasketEmail {
    width: 100%;
    max-width: 380px
}

.productfull .presents {
    margin: 50px 0 40px
}

.productfull.main .presents {
    margin-top: 0
}

.productfull .presents .hit {
    margin-bottom: 30px
}

.productfull .presents a.item {
    width: 31.3%;
    min-height: 361px;
    text-decoration: none !important;
    position: relative;
    padding: 10px 30px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
    margin: 50px 0 60px
}

.productfull .wr_sale_block .presents a.item {
    width: 47.846%;
    margin: 0;
    min-height: 171px
}

.productfull .wr_sale_block .presents,
.productfull .wr_sale_block .presents .hit {
    margin: 0
}

.productfull .presents a.item.three:after {
    display: none
}

.productfull .presents a.item.one {
    background: url(images/xelemx1.jpg) repeat-y 50% 50%;
    opacity: .9;
    text-align: center
}

.productfull .presents a.item.one .included {
    margin-top: 122px
}

.productfull .presents a.item:hover:after {
    width: 85%
}

.productfull .presents a.item.two {
    background: #6fb5e6 url(images/sale_home.jpg) no-repeat 100% 50%
}

.productfull .presents a.item.two:after {
    background-image: url(images/sale_blue_shadow.png)
}

.productfull .presents a.item.two {
    background: #ab001a url(images/sale_bg.jpg) no-repeat 100% 50%;
    text-align: center;
    color: #fff;
    overflow: visible
}

.productfull .presents a.item.two:after {
    display: none
}

.productfull .presents a.item.two .presents {
    display: block;
    margin: -20px auto 25px;
    width: 100%;
    max-width: 320px;
    color: #000
}

.productfull .presents a.item.two .presents .name {
    border-radius: 10px 10px 0 0;
    background: #fec009;
    font-size: 18px;
    display: block;
    padding: 4px 0
}

.productfull .presents a.item.two .presents>.xs_flex>span {
    width: 28.75%;
    border-radius: 0 0 30px 31px;
    border: 4px solid #fec009;
    border-top: 0;
    height: 96px;
    background: #fff url(images/prezent_krovlya.jpg) no-repeat 50% 50% / cover
}

.productfull .presents a.item.instead {
    background: #ab001a url(images/xelemx3.jpg) no-repeat 100% 50%;
    text-align: center;
    color: #fff
}

.productfull .presents a.item.instead:after {
    display: none
}

.productfull .presents a.item.instead .included {
    margin-top: 13px
}

.productfull .presents a.item.instead .included .date {
    text-align: center;
    color: #000;
    display: block;
    /*margin-bottom: 120px;*/
    margin-bottom: 140px;
    font-weight: 500;
    font-size: 15px
}
.productfull .presents a.item.instead .included .date .fill{
    display: none;
}

.productfull .presents a.item.instead .presents {
    display: block;
    margin: -20px auto 25px;
    width: 100%;
    max-width: 320px;
    color: #000
}

.productfull .presents a.item.instead .presents .name {
    border-radius: 10px 10px 0 0;
    background: #fec009;
    font-size: 18px;
    display: block;
    padding: 4px 0
}

.productfull .presents a.item.instead .presents>.xs_flex>span {
    width: 28.75%;
    border-radius: 0 0 30px 31px;
    border: 4px solid #fec009;
    border-top: 0;
    height: 96px;
    background: #fff url(images/prezent_krovlya.jpg) no-repeat 50% 50% / cover
}

.productfull .presents a.item.instead .included .rural2 {
    color: #fdbf08;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.86), 0 0 1px rgba(0, 0, 0, 0.86)
}

.productfull .presents a.item.instead .included .rural3 {
    margin-top: 0
}

.productfull .presents a.item.instead .included .term {
    display: block;
    margin-top: 20px
}

.productfull .presents a.item.two .presents>.xs_flex>span span {
    text-shadow: 0 2px #fff, 0 -2px #fff, 2px 0 #fff, -2px 0 #fff, -2px 2px #fff, 2px 2px #fff, -2px -2px #fff, 2px -2px #fff, 0 1px #fff, 0 -1px #fff, 1px 0 #fff, -1px 0 #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff, -1px -1px #fff;
    font-size: 13px;
    line-height: 135%;
    display: block;
    font-weight: 500
}

.productfull .presents a.item.two .presents>.xs_flex>span span span {
    color: #da3232
}

.productfull .presents a.item.two .presents>.xs_flex>span.fundament {
    background-image: url(images/prezent_fundament.jpg)
}

.productfull .presents a.item.two .presents>.xs_flex>span.okna {
    background-image: url(images/prezent_okna.jpg)
}

.productfull .presents a.item.two .included .rural3 {
    margin-bottom: 0;
    margin-top: 4px;
    margin-left: 0
}

.productfull .presents a.item.two .included .rural2 {
    color: #fff !important;
    font-weight: 400 !important
}

.productfull .presents a.item.two .included .rural2 span {
    font-weight: 900;
    font-family: 'Museo Sans Cyrl 700', Arial;
    color: #ffc340
}

.productfull .presents a.item.two .term {
    display: block;
    margin-top: 10px
}

.productfull .presents a.item.two .term span {
    border-bottom: 1px solid #fff
}

.productfull .presents a.item .included {
    position: relative;
    z-index: 11;
    max-width: 380px;
    width: 100%
}

.productfull .presents a.item .included .txt {
    display: block;
    font-size: 24px;
    line-height: 130%
}

.productfull .presents a.item .included .rural1 {
    margin-bottom: 3px;
    color: #fff
}

.productfull .presents a.item.ny .included .rural1 {
    color: #ff0303;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.86), 0 0 1px rgba(0, 0, 0, 0.86);
    font-size: 25px
}

.productfull .presents a.item.ny .included .rural1 .underline {
    color: #fdc308;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px
}

.productfull .presents a.item .included .rural2 {
    color: #b06537;
    font-weight: 700;
    margin-bottom: 18px
}

.productfull .presents a.item.two .included .rural2 {
    color: #afdeff
}

.productfull .presents a.item .included .rural3 {
    max-width: 220px;
    margin-top: 18px;
    margin-bottom: -15px;
    font-size: 12px;
    padding: 12px 33px 9px;
    font-weight: 400;
    margin-left: -7px
}

.productfull .presents a.item.three {
    background: #ab001a url(images/hands-shake.jpg) no-repeat 50% 50%;
    background-size: cover;
    text-align: left;
    color: #fff;
    padding: 30px
}

.productfull .presents a.item.three .text-inform {
    padding-top: 46px
}

.productfull .presents a.item.three .text-inform .blink {
    display: block;
    font-size: 20px;
    line-height: 125%
}

.productfull .presents a.item.three .text-inform .for-you {
    font-size: 21px;
    color: #febe08;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-top: 12px
}

.productfull .presents a.item.three .text-inform .lear-more {
    margin-top: 25px;
    padding: 9px 55px;
    font-size: 12px
}

.productfull .valid {
    text-align: center;
    font-size: 13px;
    color: #161616;
    font-family: 'Museo Sans Cyrl 300'
}

.productfull .presents .title,
.productfull .presents .present .name {
    text-align: center;
    text-transform: none;
    margin-bottom: 30px;
    letter-spacing: 0;
    color: #000;
    font-family: 'Museo Sans Cyrl 900', Arial
}

.productfull.main .title {
    font-size: 22px;
    font-family: 'Museo Sans Cyrl 700', Arial
}

.productfull .presents .subtext {
    text-align: center;
    margin-top: 20px;
    color: #9e9d9d;
    font-style: italic
}

.productfull .presents .subtext span {
    color: #f43620
}

.productfull .presents .present {
    width: 31.5%
}

.productfull .presents .present .image {
    width: 49%;
    margin-right: 15px
}

.productfull .presents .present .wrapper {
    width: 51%
}

.productfull .presents .present .name {
    text-align: left;
    font-size: 16px;
    padding-left: 35px;
    position: relative;
    font-family: 'Museo Sans Cyrl 700', Arial;
    line-height: 130%;
    margin-bottom: 9px
}

.productfull .presents .present .name:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: -5px;
    width: 28px;
    height: 2px;
    background: #efc230
}

.productfull .presents .present .description {
    font-size: 14px;
    color: #6d6d6d;
    font-style: italic;
    line-height: 130%;
    margin-bottom: 14px
}

.productfull .presents .present .wrapper .btn {
    padding: 5px 5px 2px;
    display: block;
    margin-right: 25px;
    font-size: 12px;
    font-family: 'Museo Sans Cyrl 700', Arial
}

.go_to_dachi {
    background: url(images/catalog-dachi.jpg) no-repeat 0 50%;
    background-size: cover;
    box-sizing: border-box;
    min-height: 138px;
    padding: 20px 65px;
    border: 1px solid #ebe7e2;
    text-decoration: none !important;
    color: #1b1b1b;
    margin: 30px 0 20px;
    position: relative;
    transition: .3s all;
    top: 0
}

.go_to_dachi:hover {
    top: -5px;
    box-shadow: 0 7px 36px rgba(0, 0, 0, 0.20)
}

.go_to_dachi .text {
    font-size: 25px;
    line-height: 125%;
    letter-spacing: .5px
}

.go_to_dachi .text strong {
    color: #006561;
    text-transform: uppercase
}

table.kredit td {
    width: 50%;
    vertical-align: top
}

table.kredit td:first-child {
    padding-right: 30px
}

table.kredit td strong {
    white-space: nowrap
}

.wr_supliment .supliment {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -2px -2px;
}

.wr_supliment .titl_in {
    font-size: 24px;
    color: #010101;
    text-align: center;
    margin: 70px 0 50px;
    box-sizing: border-box;
    font-family: 'Museo Sans Cyrl 700', Arial, sans-serif
}

.wr_supliment .supliment .item {
    width: calc(100% / 3 - 4px);
    margin: 2px 2px;

    height: 290px;
    max-height: 290px;

    padding: 45px 40px;

    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;

    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.wr_supliment .supliment .item.item1 {
    background-image: url(images/dop-block1.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.wr_supliment .supliment .item.item2 {
    background-image: url(images/dop-block2.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.wr_supliment .supliment .item.item3 {
    background-image: url(images/dop-block3.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.wr_supliment .supliment .item.item4 {
    background-image: url(images/dop-block4.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.wr_supliment .supliment .item.item5 {
    background-image: url(images/dop-block5.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.wr_supliment .supliment .item.item6 {
    background-image: url(images/dop-block6.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.wr_supliment .supliment .item .inner-textone {
    position: relative;
    padding-bottom: 16px
}

.wr_supliment .supliment .item .inner-textone:after {
    content: "";
    width: 130px;
    width: 43%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}
.wr_supliment.doma_dachi .supliment .item .inner-textone:after {
    display: none;
}

.wr_supliment .supliment .item .inner-textone.number {
    padding-left: 50px;
    box-sizing: border-box;
    position: relative
}

.wr_supliment .supliment .item .inner-textone.number.two:before {
    content: "2"
}

.wr_supliment .supliment .item .inner-textone.number.three:before {
    content: "3"
}

.wr_supliment .supliment .item .inner-textone.number.four:before {
    content: "4";
    color: #fff
}

.wr_supliment .supliment .item .inner-textone.number.four {
    padding-left: 0
}

.wr_supliment .supliment .item .inner-textone.number.four span {
    padding-left: 50px
}

.wr_supliment .supliment .item .inner-textone.number.four .inner-bottom {
    margin-top: 50px
}

.wr_supliment .supliment .item .inner-textone.number.four:after {
    bottom: 61%
}

.wr_supliment .supliment .item .inner-textone.number:before {
    content: "";
    font-size: 54px;
    color: #000;
    position: absolute;
    top: 11px;
    left: 0
}

.wr_supliment .supliment .item .inner-textone span {
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    display: block;
}
.wr_supliment.doma_dachi .supliment .item .inner-textone span {
    margin-bottom: 6px;
}
.wr_supliment .supliment .item .inner-textone span.upper {
    text-transform: uppercase
}

.wr_supliment .supliment .item .inner-texttwo {
    font-size: 28px;
    color: #fff;
    position: absolute;
    left: 11%;
    bottom: 12.5%;
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif
}

.wr_supliment .supliment .item .inner-texttwo.bl {
    color: #000
}

.wr_supliment .supliment .item .inner-texttwo .particularly {
    font-size: 19px;
}

.wr_supliment .supliment .item.force_black .inner-textone:after {
    background: #000
}

.wr_supliment .supliment .item .force_black {
    color: #000 !important
}

.wr_supliment .supliment .item .inner-bottom {
    color: #fff;
    font-size: 16px;
    line-height: 122%;
    margin-top: 15px
}

.effect-apollo {
    background: #7ac400
}

.effect-apollo img {
    opacity: .95;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform .35s;
    transition: opacity 0.35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}

.effect-apollo .info_text::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}

.effect-apollo:hover img {
    opacity: .6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-apollo:hover .info_text::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

#flake {
    color: #99ceff;
    position: absolute;
    font-size: 25px;
    top: -50px
}

.widget {
    position: fixed;
    top: 54%;
    left: -5px;
    z-index: 980
}

.widget a {
    display: block;
    background: #fff;
    border-radius: 25px;
    padding: 10px 5px 10px 7px;
    color: #322e2d;
    font-weight: 700;
    margin: 2px 0;
    width: 39px;
    transition: .4s all;
    position: relative;
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.31)
}

.widget a:hover {
    padding: 10px 10px 10px 17px;
    width: 167px;
    position: relative;
    border-radius: 0 25px 25px 0
}

.widget a strong {
    max-width: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    transition: .4s all;
    position: absolute;
    left: 0;
    top: 14px;
    right: 0;
    opacity: 0;
    width: 0;
    font-size: 0;
    margin-top: 12px
}

.widget a:hover strong {
    max-width: 128px;
    position: absolute;
    font-size: 14px;
    opacity: 1;
    top: 14px;
    left: 16px;
    width: 128px;
    margin-top: 0
}

.widget a span {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 4px;
    transition: .4s all
}

.widget a:hover span {
    margin-left: 139px;
    position: relative;
    top: 0;
    right: 0;
    left: auto
}

.widget a.whatsapp span {
    background: url(images/whatsapp.svg) no-repeat 50% 50%;
    background-size: 30px
}

.widget a.viber span {
    background: url(images/viber.svg) no-repeat 50% 50%;
    background-size: 30px
}

.widget .write_us {
    position: absolute;
    top: -63px;
    left: -158px;
    background: #fff;
    border-radius: 15px 15px 15px 0;
    border: 5px solid #ffbd0e;
    transition: .8s all;
    opacity: 0;
    z-index: 0;
    width: 190px
}

.widget .write_us.appear {
    opacity: 1;
    z-index: 981;
    left: 45px
}

.widget .write_us.appear.moove {
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    transform: rotate(-7deg)
}

.widget .write_us span {
    color: #0c5d19;
    display: block;
    font-weight: 700;
    padding: 15px 21px;
    text-shadow: 0 4px 18px hsla(44, 100%, 53%, 0.40);
    position: relative
}

.widget .write_us span:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(images/couple-of-oval-speech-bubbles-chatting-interface-symbol.svg) no-repeat 50% 50%;
    background-size: 40px;
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -20px
}

.zaim .ahead {
    font-size: 19px;
    color: #2b2b2b;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Museo Sans Cyrl 700', Arial
}

.triangle img {
    width: 30%;
    margin: 0 1%
}

.xs_example {
    text-align: center
}

.xs_example .xs_examples {
    margin: 100px -10px 0
}

.xs_example .example {
    width: 25%;
    padding: 10px;
    box-sizing: border-box
}

.xs_example .example a {
    display: block
}

.xs_example .example a img,
.xs_samples img {
    vertical-align: top;
    top: 0;
    position: relative;
    transition: .2s all
}

.xs_example .example a img:hover,
.xs_samples img:hover {
    top: -3px;
    box-shadow: 0 7px 36px rgba(0, 0, 0, 0.1)
}

.xs_example .example .title {
    max-width: 100px;
    text-align: left;
    text-transform: none
}

.xs_example .btn {
    margin: 60px auto 0
}

.xs_offices {
    text-align: center;
    padding: 70px 0
}

.xs_offices .title,
.xs_samples .title ,
.wr_instance .title {
    width: 100%;
    max-width: 400px;
    text-transform: none;
    margin: 0 auto 65px;
    text-align: center
}
.wr_instance .title {
    margin-bottom: 35px;
}
.xs_offices .office {
    width: 30%;
    padding: 0 20px;
    padding-bottom: 22px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.xs_offices .office img {
    vertical-align: top;
    border-radius: 8px
}

.xs_offices .office .name {
    border-radius: 30px;
    margin: 40px auto 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #000;
    font-weight: 700;
    font-family: 'Museo Sans Cyrl 700', Arial;
    letter-spacing: .5px;
    border: 1px dashed #dadada;
    padding: 15px 20px;
    display: block;
    max-width: 190px
}

.xs_offices .office .address {
    max-width: 190px;
    margin: 20px auto;
    letter-spacing: .5px;
    font-size: 12px
}

.nobr {white-space: nowrap;}

.xs_offices .office .map_link {
    color: #266eb8;
    text-decoration: underline
}

.xs_offices .office .map_link:hover {
    text-decoration: none
}
.xs_offices .office .exhibition__wr-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.xs_offices .office .exhibition__btn {
    font-size: 14px;
    color: #81c119;
    font-family: 'Museo Sans Cyrl 300';
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-decoration: none;
    padding: 0px 30px 0px 0px;
	cursor:pointer;
}
.xs_offices .office .exhibition__btn:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-image: url(images/compass.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    z-index: 2;
    transform: translateY(-50%);
}
.xs_offices .office .exhibition__btn:hover {
    font-weight: 700;
}

.exhibition__btn-cont {
    font-size: 12px;
    text-transform: initial;
    padding: 2px 23px;
}

.xs_samples {
    text-align: center;
    margin: 70px 0;
    padding: 20px 0;
}

.wr_xcatalog.is_contact+.xs_samples {
    margin-top: 0
}

.xs_samples .address {
    margin-top: 50px;
    font-size: 15px;
    letter-spacing: .5px
}

.xs_samples .address .separator {
    color: #bebebe;
    margin: 0 5px;
    font-size: 12px
}

.xs_samples .address a {
    color: #266eb8;
    text-decoration: underline
}

.xs_samples .address a:hover {
    text-decoration: none
}

.xs_samples .btn {
    margin: 50px auto 0
}

.xs_samples .sample {
    width: 31.1%
}

.get_sale {
    padding: 20px 90px;
    min-height: 220px;
    background: #e0c5a9 url(images/get_sale.jpg) no-repeat 50% 50% / cover;
    box-sizing: border-box;
    border-radius: 7px;
    text-decoration: none !important;
    white-space: nowrap
}

.get_sale .icon {
    width: 74px;
    height: 75px;
    min-width: 74px;
    margin-right: 23px;
    background: url(images/print.jpg) no-repeat 50% 50%;
    position: relative;
    z-index: 2
}

.get_sale .sale_text {
    position: relative;
    z-index: 2;
    font-size: 27px;
    max-width: 245px;
    line-height: 140%;
    color: #000;
    font-family: 'Museo Sans Cyrl 900', Arial, sans-serif
}

.get_sale .text {
    position: relative;
    padding: 9px 22px;
    margin-right: 80px
}

.get_sale .sale_text span {
    color: #d21a1a
}

.get_sale .text:after,
.get_sale .text:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 58%;
    background: #fff;
    border-radius: 10px 10px 10px 0;
    z-index: 1;
    content: "";
    display: block
}

.get_sale .text:before {
    bottom: 0;
    top: auto;
    right: 65px;
    border-radius: 0 0 10px 10px
}

.get_sale .btn:after {
    background: url(images/box-get-out.svg) no-repeat 50% 50% / contain;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    content: "";
    display: block
}

.get_sale .btn {
    padding: 15px 42px;
    margin-top: 15px
}

.banners-area {
    margin: 90px 0 40px
}

.wr_sale_block {
    width: 72%
}

.sale_block {
    background: url(images/sale_present.jpg) no-repeat 50% 50%;
    background-size: cover
}

.sale_block .btn {
    margin-left: 60px;
    margin-top: 20px
}

.sale_block .title strong,
.sale_block .title p {
    color: #fff;
    max-width: 415px;
    display: block;
    line-height: 110%
}

.sale_block .title p {
    font-size: 24px;
    font-weight: 300
}

.banners-area .sale_description {
    font-size: 13px;
    width: 100%;
    margin-top: 10px
}

.sale_block .presents a.item.one {
    background: #ab001a url(images/product_elemx1.jpg) no-repeat 50% 50%;
    background-size: cover
}

.sale_block .presents a.item.instead {
    background: #ab001a url(images/product_elemx3.jpg) no-repeat 50% 50%;
    background-size: cover
}

.sale_block .presents a.item.instead .default {
    margin-top: 0
}

.sale_block .presents a.item.instead span {
    text-align: center;
    color: #000;
    font-size: 15px
}

.ban-youtube {
    width: 25.345%;
    height: 171px;
    background: url(images/youtube_pic.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 15px;
    box-sizing: border-box;
    text-decoration: none !important
}

.ban-youtube span {
    margin: 0;
    font-size: 20px;
    color: #fff;
    line-height: 130%;
    font-weight: 700;
    max-width: 185px
}

.make-block {
    display: block
}

#xs_retingForm {
    opacity: 0
}

#xs_retingForm:hover {
    opacity: 1
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg)
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg)
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg)
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg)
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg)
    }
}

.shake {
    display: inline-block;
    -webkit-animation-name: shake;
    -webkit-animation-duration: 2.2s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.online-clicker {
    position: fixed;
    bottom: 15px;
    left: auto;
    right: 20px;
    z-index: 980;
    padding: 12px 60px 8px 30px;
    font-size: 13px
}

.online-clicker:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -18px;
    z-index: 2
}

.online-clicker:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: url(images/order.svg) no-repeat 50% 50%;
    background-size: 25px;
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -11px;
    z-index: 3
}

.online-clicker span {
    padding-left: 40px;
    display: block;
    position: relative
}

.online-clicker span:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(images/order.svg) no-repeat 50% 50%;
    background-size: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px
}

.signboard {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 3px 14px;
    font-size: 11px;
    border-radius: 15px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: auto;
    right: -25px
}

.signboard.closed {
    background: #ef1e26
}

.signboard.open {
    background: #1bd741
}

.xs_offices .office .signboard {
    margin-top: 15px;
    position: static
}

.contact .signboard {
    padding: 1px 10px;
    font-size: 10px;
    top: 5px
}

.contact table tr td {
    position: relative
}


.wr-sale-banner {
    margin: 40px 0;
 }
 
 .sale-main-banner a.item {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 180px;
    box-sizing: border-box;
    text-decoration: none !important;
 }
 
 .sale-main-banner a.item.svai {
    background-image: url(images/svai-banner1.jpg);
    min-height: 120px;
    position: relative;
    overflow: hidden;
 }
 .sale-main-banner a.item.winter {
    background-image: url(images/winter-banner.jpg);
    min-height: 120px;
    overflow: hidden;
	padding-left: 60px;
 } 
 .sale-main-banner a.item.winter .text .ahead{
    font-size: 27px;
	line-height:130%;
	max-width:660px
 } 
 .sale-main-banner a.item.svai:before {
    content: "";
    width: 228px;
    height: 294px;
    background: url(images/rib_sale_l.png) no-repeat 50% 50%;
    background-size: initial;
    position: absolute;
    top: -45px;
    left: -49px;
    bottom: 0;
 }
 
 .sale-main-banner a.item.svai:after {
    content: "";
    width: 256px;
    height: 271px;
    background: url(images/rib_sale_r.png) no-repeat 50% 50%;
    background-size: initial;
    position: absolute;
    top: -102px;
    right: -11px;
    left: auto;
    bottom: 0;
 }
 
 .sale-main-banner a.item .text .ahead {
    font-size: 32px;
    color: #fff;
    display: block;
    line-height: 110%;
    margin-bottom: 6px;
 }
 
 .sale-main-banner a.item .text .valid {
    font-size: 16px;
    color: #e9c2bb;
    display: block;
 }


 .jshop_img_description .sale-swai {
    padding: 14px 15px;
    background: url(images/ustanovka-vintovyh-svay-min.jpg) no-repeat 50% 50%;
    background-size: cover;
    margin: 10px 0px 20px 0px;
    border: 3px solid #e10435;
    border-radius: 5px;
}

.jshop_img_description .sale-swai .enter p {
    display: block;
    color: #f1b30b;
    text-transform: uppercase;
    margin: 0 0 5px;
    font-size: 17px;
    font-weight: 700;
}

.jshop_img_description .sale-swai .enter span {
    font-size: 14px;
    color: #fff;
    line-height: 150%;
}

.jshop_img_description .sale-swai .enter strong {
    color: #e10404;
    font-size: 20px;
    background: rgba(255,255,255,0.68);
}


/* Вставка на главную примеры работ с bani-52 START */

.wr_instance{padding:60px 0 30px;box-sizing:border-box;/*background:url(images/doski.jpg) no-repeat 50% 50%;*/background-size:cover;min-height:720px}
.instance .top .title strong{color:#fff}
.instance .slider_focus{width:90%;margin:0 auto;margin-top:20px;position:relative}
.instance .slider_focus .focus{flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
.instance .slider_focus .slick-prev,.instance .slider_focus .slick-next{width:58px;height:42px;border:1px solid #000;cursor:pointer;position:absolute;top:16px;margin-top:-12px;z-index:9;overflow:hidden;text-indent:100px;white-space:nowrap;background:url(images/sprite-bani.png);background-repeat:no-repeat;box-sizing:border-box}
.instance .slider_focus .slick-prev:hover,
.instance .slider_focus .slick-next:hover{border:1px solid #ffbd0e;}
.instance .slider_focus .slick-prev{background-position:21px -29px;left:-8%}
.instance .slider_focus .slick-prev:hover{background-position:-27px 11px;left:-8%;-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(180deg)}
.instance .slider_focus .slick-next:hover{background-position:-24px 10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.instance .slider_focus .slick-next{background-position:18px -28px;-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(180deg);right:-8%}
.instance .slider_focus .focus .item{display:block;width:22.563%;height:236px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;margin:10px 10px 15px;box-sizing:border-box}
.instance .slider_focus .focus .item.one{background:url(images/exam1.jpg) no-repeat 50% 50%;background-size:cover}
.instance .slider_focus .focus .item.two{background:url(images/exam2.jpg) no-repeat 50% 50%;background-size:cover}
.instance .slider_focus .focus .item.three{background:url(images/exam3.jpg) no-repeat 50% 50%;background-size:cover}
.instance .slider_focus .focus .item.four{background:url(images/exam4.jpg) no-repeat 50% 50%;background-size:cover}
.instance .slider_focus .focus .item.five{background:url(images/exam5.jpg) no-repeat 50% 50%;background-size:cover}
.instance .slider_focus .focus .item.six{background:url(images/exam6.jpg) no-repeat 50% 50%;background-size:cover}
.instance .slider_focus .focus .item.seven{background:url(images/exam7.jpg) no-repeat 50% 50%;background-size:cover}
.instance .slider_focus .focus .item.eight{background:url(images/exam8.jpg) no-repeat 50% 50%;background-size:cover}
.instance .watch_all{text-align:right;margin-top:30px;position:relative}
.instance .watch_all:before{content:"";height:2px;background:#ffbd0e;width:75%;position:absolute;top:50%;margin-top:-1px;left:0;z-index:1}
.instance .watch_all a{color:#fff;font-weight:700;padding:8px 53px;box-sizing:border-box;border-radius:25px;position:relative;z-index:15}


/* Вставка на главную примеры работ с bani-52 END */



/* Вставка на страницу примеры работ с bani-52 END */
.albums{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.albums{padding-top:20px}
.albums .album{width:22.5%;height:251px;border:5px solid #fff;box-shadow:0 8px 25px -1px #00000021;display:block;background-position:50% 50%;position:relative;background-color:#fff;background-size:cover;background-repeat:no-repeat;border-bottom-width:56px;box-sizing:border-box;top:0;transition:.3s all;margin-bottom:50px;min-width:240px}
.albums .album.empty,.albums .album.empty:hover{background:transparent!important;box-shadow:none!important;height:10px}
.albums .album .name{position:absolute;bottom:-51px;left:0;right:0;line-height:18px;font-size:13px;text-align:left;height:46px;padding:0 13px;color:#322e2d}
.albums .album:hover{top:-3px}

/* Вставка на страницу примеры работ с bani-52 END */

.wr_xcatalog .xcatalog .item .almi-jump {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 39px;
    background-image: url(images/logo-almi.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px;
    z-index: 2;
}

@keyframes colored { 
    /*from { 
        fill: #f61c0d; 
    } 
    to {
        fill: #ffb809;
    }*/
  
  0% {     
    fill: #f61c0d;
    transform: scale(1.0);   
  }   
  50% {     
    /*fill: #ffb809;*/   
    transform: scale(1.1);
  } 
  100% {
    fill: #f61c0d;
    transform: scale(1.0);
   }
}

@keyframes cursor-move { 
    from { 
        left: auto;
        right: -25px;
        bottom: -19px;
        opacity: 0;
    } 
    to {
        left: auto;
        right: 15px;
        bottom: 9px;
        opacity: 1;
    }
}

.youtube {
    display: block;
    position: fixed;
    left: auto;
    right: 10px;
    bottom: 92px;
    z-index: 55;
    overflow: hidden;
    width: 110px;
    height: 110px;
}
.youtube .icon-youtube {
    display: block;
    width: 100px;
    height: 100px;
    animation: colored 3s ease infinite;
    margin: 0 auto;
}
.slickPltModal .plt-widget-window.plt-bottomRight {
    right: auto !important;
    bottom: 15px !important;
}
.youtube__cursor {
    display: block;
    position: absolute;
    animation: cursor-move 2s ease infinite;
}
.youtube .icon-cursor {
    width: 30px;
    height: 30px;
    fill: #000;
}



/* Специальные предложения START */
.free-offer {
}
.free-offer--tune {
    padding: 100px 0 50px;
}
.prod-default .free-offer--tune {
    padding: 30px 0 10px;
}
.product_detail + .free-offer--tune{
	padding:100px 0 20px;
}
.free-offer__inner {
}
.free-offer__body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box;
}
.free-offer__item {
    width: 50%;
    padding: 0 15px;
    padding-top: 27.855%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.free-offer__link {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    z-index: 1;
    border-radius: 15px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.free-offer__content {
    max-width: 225px;
    position: absolute;
    top: 50%;
    left: 60px;
    right: 80px;
    z-index: 2;
    transform: translateY(-50%);
    font-family: 'Museo Sans Cyrl 500';
}
.free-offer__link--svai {
    background-image: url(images/pic--svai.jpg);
}
.free-offer__link--departure {
    background-image: url(images/pic--departure.jpg);
}
.free-offer__tlt {
    display: block;
    font-size: 24px;
    color: #fff;
    line-height: 130%;
    margin: 0px 0px 50px 0px;
}
.free-offer__leave {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 0px 0px 0px 16px;
    position: relative;
    z-index: 1;
    transition: .2s all;
}
.free-offer__leave:hover {
    color: #6fa616;
}
.free-offer__leave:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 8px;
    background-image: url(images/left-arrow-angle-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transform: translateY(-50%) rotate(-180deg);
}
/* Специальные предложения END */

/* Универсальные стрелки для слайдеров START */
.slick-arrow {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #81c119;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 auto;
    background-color: #fff;
    background-image: url(images/left-arrow-angle.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    transition: .2s all;
    position: absolute;
    top: 63%;
    z-index: 1;
    text-indent: 100px;
    overflow: hidden;
    padding: 0;
}
.slick-prev {
    left: -120px;
    transform: translateY(-50%);
    margin-top: -30px;
}
.slick-next {
    left: auto;
    right: -120px;
    transform: rotate(180deg);
    margin-top: -60px;
}
/* Универсальные стрелки для слайдеров END */

/* Каталог проектов START */
.xs-catalog {
}
.xs-catalog--tune {
    padding: 0 0 70px;
}
.homecategories .xs-catalog--tune {
    padding: 50px 0;
}
.xs-catalog__inner {
}
.xs-catalog__body {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box;
}
/*.homecategories .xs-catalog__body {
    flex-wrap: nowrap;
}*/
.xs-catalog__item {
    /*width: 50%;*/
    width: 33.333%;
    padding: 0 15px 30px;
    box-sizing: border-box;
}
/*.homecategories .xs-catalog__item {
    width: 25%;
}*/

.xs-catalog__link {
    display: block;
    width: 100%;
    padding-top: 68.47%;
    border-radius: 10px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.homecategories .xs-catalog__link {

}

.xs-catalog__content {
    width: 100%;
    max-width: 231px;
    padding: 10px 15px 7px;
    background-color: #fff;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}
.homecategories .xs-catalog__content {}

.xs-catalog__title {
    font-size: 18px;
    color: #000;
    display: block;
    margin: 0px 0px 6px 0px;
    font-family: 'Museo Sans Cyrl 500';
}
.homecategories .xs-catalog__title {}

.xs-catalog__subtitle {
    font-size: 13px;
    color: #81c119;
    line-height: 100%;
    display: inline-block;
    vertical-align: top;
    transition: .2s all;
    font-family: 'Museo Sans Cyrl 300';
}
.homecategories .xs-catalog__subtitle {}

.xs-catalog__subtitle:hover {
    font-weight: 700;
}

.categories-list {
    position: relative;
    z-index: 1;
}
.categories-list--tune {
}
.categories-list__inner {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -14px;
}

.categories-list__inner .item {
    /*width: 25%;*/
    width: 33.3333%;
}
.categories-list--col4 .item{
	width: 25%
}

/* Каталог проектов END */

/* Примеры наших работ и выставочная площадка START */
.showoff {
}
.showoff--tune {
    padding: 70px 0;
}
.showoff--backstage {}
.showoff--backstage .showoff__msub .slick-track {
    transform: translateX(50%) !important;
}
.showoff__inner {
}
.showoff__title {
    text-align: center;
    text-transform: initial;
}
.showoff__title--works {
    margin: 0px 0px 75px 0px;
}
.showoff__title--backstage {
    margin: 0px 0px 35px 0px;
}
.showoff__subtitle {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    font-size: 14px;
    color: #241e0e;
    font-family: 'Museo Sans Cyrl 300';
    text-align: center;
    margin: 0px 0px 55px 0px;
}
.showoff__subtitle-slash {
    color: #d3d3d3;
    margin: 0 15px;
    display: inline-block;
    vertical-align: middle;
}
.showoff__subtitle-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #81c119;
    font-family: 'Museo Sans Cyrl 300';
    text-align: center;
    border-bottom: 1px dotted #81c119;
    text-decoration: none !important;
    transition: .2s all;
    line-height: 130%;
}
.showoff__subtitle-link:hover {
    border-bottom: 1px dotted transparent;
}
.showoff__body {
}
.showoff__main {
    margin: 0px 0px 20px 0px;
}
.showoff__main-image {
    width: 100%;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
}
.showoff__main-link {
    width: 100%;
    padding-top: 42.106%;
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.showoff__msub {
    margin: 0px -5px 60px -5px;
}
.showoff__msub-item {
    padding: 0 5px;
    border-radius: 10px;
    overflow: hidden;
    background-repeat: 7px;
    overflow: hidden;
}
.showoff__msub-image {
    width: 100%;
    padding-top: 54.95%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    filter: grayscale(100%);
    transition: .2s all;
}
.showoff__msub-image:hover,
.showoff__msub-item.slick-current .showoff__msub-image {
    filter: none;
}
.showoff__wr-all {
    text-align: center;
}
.showoff__all {
}
.showoff .showoff__msub .slick-track {
    transform: translateX(-50%) !important;
    position: relative;
    left: 50%;
} 
/* Примеры наших работ и выставочная площадка END */

/* Преимущества START */
.xadvantages {
}
.xadvantages--tune {
    padding: 70px 0;
}
.xadvantages__inner {
}
.xadvantages__title {
    text-align: center;
    text-transform: initial;
    margin: 0px 0px 75px 0px;
}
.xadvantages__body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box;
}
.xadvantages__item {
    width: 33.333%;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
}
.xadvantages__inside {
    padding: 80px 38px;
    box-shadow: 0 8px 26px rgb(156 156 156 / 10%);
    transition: .2s all;
    box-sizing: border-box;
}
.xadvantages__image {
    margin: 0px 0px 30px 0px;
    text-align: center;
}
.xadvantages__img {
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
}
.xadvantages__ahead {
    font-size: 18px;
    color: #0b172d;
    font-family: 'Museo Sans Cyrl 500';
    padding: 0 10px;
    margin: 0px 0px 30px 0px;
}
.xadvantages__content {
    font-size: 14px;
    color: #b0b0b0;
    font-family: 'Museo Sans Cyrl 300';
    margin: 0px 0px 30px 0px;
}
.xadvantages__call {
}
/* Преимущества END */

/* Футтер START */
.footer {
    padding-top: 70px;
}
.footer a {
    text-decoration: none !important;
}
.footer__main {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}
.footer__main-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 80px 0;
}
.footer__contact {
    width: 50%;
}
.footer__contact p {
    margin: 0 0 5px 0;
}
.footer__contact-tel {
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    color: #0b172d;
    font-family: 'Museo Sans Cyrl 500';
    margin: 0px 0px 10px 0px;
    text-decoration: none !important;
}
.footer__contact-recall {
    display: inline-block;
    vertical-align: top;
    color: #81c119;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 100';
}
.soc {}
.soc--tune {
    margin: 30px 0 35px;
}
.soc__list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.soc__item {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    margin: 0px 10px 0px 0px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.soc__item--vk {
    background-color: #507299;
    background-image: url(images/vk-social-network-logo.svg);
    background-size: 20px;
}
.soc__item--inst {
    background: rgb(104,96,201);
    background: linear-gradient(180deg, rgba(104,96,201,1) 0%, rgba(216,50,117,1) 50%, rgba(248,155,90,1) 100%);
    position: relative;
    z-index: 1;
}
.soc__item--inst:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(images/instagram.svg);
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.soc__item--youtube {
    background-color: #e62117;
    background-image: url(images/youtube-empty.svg);
    background-size: 20px;
}
.footer__contact .footer__contact-mail {
    color: #b0b0b0;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 300';
}
.footer__menus {
    width: 50%;
    display: flex;
    justify-content: space-between;
}
.footer__menus ul {
    margin: 0;
    padding: 0;
}
.footer__menus ul li {
    list-style-type: none;
    margin: 0px 0px 9px 0px;
}
.footer__menus ul li:last-child {
    margin: 0;
}
.footer__menus ul li a {
    font-size: 14px;
    color: #b0b0b0;
    font-family: 'Museo Sans Cyrl 300';
    display: inline-block;
    vertical-align: top;
    transition: .2s all;
    line-height: 120%;
}
.footer__menus ul li a:hover {
    color: #6fa616;
    text-decoration: none;
}
.footer__l-menu {
}
.footer__r-menu {
    padding: 0px 0px 0px 12px;
}
.footer__secondary {

}
.footer__secondary--tune {
    padding: 40px 0;
}
.footer__secondary-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer__secondary-copy {
    width: 70%;
}
.footer__secondary-copy p {
    color: #b0b0b0;
    margin: 0px 0px 5px 0px;
    font-size: 14px;
    font-family: 'Museo Sans Cyrl 300';
}
.xsite {
    color: #b0b0b0;
}
.footer__secondary-wrpolitic {
    width: 30%;
    max-width: 212px;
}
.footer__secondary-politic {
    font-size: 14px;
    color: #81c119;
    display: inline-block;
    vertical-align: top;
    font-family: 'Museo Sans Cyrl 300';
}
/* Футтер END */

/* Заказать дополнительно - карточка товара START */
.supplement {
}
.supplement--tune {
    padding: 70px 0;
}
.supplement__inner {
}
.supplement__title {
    font-size: 36px;
    text-transform: initial;
    text-align: center;
    margin: 0px 0px 70px 0px;
}
.supplement__body {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px;
    box-sizing: border-box;
}
.supplement__item {
    width: 33.333%;
    padding: 15px;
    box-sizing: border-box;
}
.supplement__inn {
    width: 100%;
    padding-top: 80.56%;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.supplement__price {
    position: absolute;
    top: 50%;
    left: auto;
    right: -59%;
    z-index: 5;
    background-color: #81c119;
    padding: 5px 5px;
    box-sizing: border-box;
    transform: rotate(44deg) translate(-38%, -50%);
    width: 100%;
    text-align: center;
}
.supplement__price span {
    font-size: 18px;
    color: #fff;
    font-family: 'Museo Sans Cyrl 500';
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
}
.supplement__content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    transform: translateY(-50%);
}
.supplement__text {
    width: 100%;
    max-width: 240px;
    font-size: 18px;
    color: #fff;
    font-family: 'Museo Sans Cyrl 500';
    font-weight: 500;
    margin: 0 auto;
    line-height: 150%;
    text-align: center;
}
.supplement__text-sub {
    font-size: 16px;
    color: #fff;
    font-family: 'Museo Sans Cyrl 300';
    font-weight: 300;
    line-height: 150%;
    text-align: center;
    max-width: 245px;
    margin: 20px auto 0;
}

/* Заказать дополнительно - карточка товара END */

/* Карта START */
.block-map {
}
.block-map--tune {
    padding: 70px 0;
}
.block-map__inner {
}
#xs_map {
    width: 100%;
    height: 480px;
}
/* Карта END */

/* Каталог проектов START */
.main-catalog {
}
.main-catalog--tune {
    padding: 70px 0;
}
.main-catalog__inner {
}
.main-catalog__title {
    margin: 0px 0px 60px 0px;
}
.main-catalog__filter {
}
.main-catalog__body {
}
.main-catalog__more {
    text-align: center;
}
.main-catalog__more-link {}
/* Каталог проектов END */

/* Фильтр START */
.sample {
    position: relative;
    z-index: 11;
}
.sample--tune {
}
.sample__title {
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    background-color: #fff;
    box-shadow: 0 8px 26px rgb(156 156 156 / 10%);
    margin-top: 15px;
    color: #6fa616;
    font-weight: 700;
    margin-bottom: -4px;
}
.sample__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 20px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 8px 26px rgb(156 156 156 / 10%);
}
.sample__wrgab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.sample__gab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.sample__gab-item {
    font-size: 12px;
    color: #adb1b9;
    text-transform: uppercase;
    text-align: center;
    padding: 21px 32px;
    line-height: 100%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    background-color: #f7f7f7;
    margin: 0px 10px 10px 0px;
    transition: .2s all;
}
.sample__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.sample__levels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.sample__levels-item {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 21px 32px;
    line-height: 100%;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    /*color: #adb1b9;
    background-color: #f7f7f7;*/
    margin: 0px 10px 0px 0px;
    transition: .2s all;
    color: #000000;
    background-color: #ffbc09;
}
.sample__levels-item:last-child {
    margin: 0px 0px 0px 0px;
}
.sample__wide .sample__levels-item {
    margin: 0px 0px 0px 0px;
}
.sample__wide.active .sample__levels-item {
    border-radius: 5px 0 0 5px;
}
.sample__levels-item.active,
.sample__levels-item:hover,
.sample__gab-item.active,
.sample__gab-item:hover {
    color: #fff;
    background-color: #81c119;
    text-decoration: none;
}
.sample__wr-reset {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.sample__reset {
    font-size: 12px;
    color: #b0b0b0;
    font-family: 'Museo Sans Cyrl 300';
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    transition: .2s all;
    position: relative;
    z-index: 1;
}
.sample__reset span {}
.sample__reset:hover {
    color: #8f8f8f;
}
.sample__reset:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: 0px 0px 0px 10px;
    background-image: url(images/cancel-dark.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    z-index: 2;
    opacity: 0;
    transition: .2s all;
    transform: translateY(-50%);
}
.sample__reset:hover:before {
    opacity: 1;
}
.sample__reset:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin: 0px 0px 0px 10px;
    background-image: url(images/cancel.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    opacity: 1;
}
.sample__reset:hover:after {
    opacity: 0;
}

.sample__wide {
    display: flex;
    justify-content: center;
    margin: 0px 10px 0px 0px;
}
.sample__wide-select {
    position: relative;
    z-index: 1;
    display: none;
}
.sample__wide.active .sample__wide-select {
    display: block;
}
.sample__wide-main {
    font-size: 14px;
    color: #73aa1b;
    font-family: 'Museo Sans Cyrl 300';
    min-width: 320px;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 0px 5px 5px 0px;
    overflow: hidden;
    background-color: #edf7dd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 100%;
    cursor: pointer;
}
.sample__wide-main:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 6px;
    background-image: url(images/left-arrow-angle-dark.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 8px;
    transform: rotate(-90deg);
}
.sample__wide-main span {
    display: inline-block;
    vertical-align: top;
    margin: 0px 15px 0px 0px;
}
.sample__wide-menu {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #edf7dd;
    border-radius: 0 0 5px 5px;
}
.sample__wide-item {
    font-size: 13px;
    color: #73aa1b;
    padding: 15px 30px;
    line-height: 100%;
    cursor: pointer;
    transition: .2s all;
}
.sample__wide-item:hover {
    color: #fff;
    background-color: #6fa616;
}
/* Фильтр END */

/* Фильтр START */
#xs_recall{
    max-width: 848px;
    width: 100%;
    min-height: 550px;
    padding: 80px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0 8px 26px rgb(156 156 156 / 10%);
    background-image: url(images/form-image.png);
    background-position: 90% 100%;
    background-repeat: no-repeat;
    background-size: initial;
}
#xs_recall .xs_recall__inner {
    width: 100%;
    max-width: 355px;
}
.xs_recall__inner .title {
    font-size: 40px;
    text-align: left;
    font-family: 'Museo Sans Cyrl 500';
    margin: 0px 0px 35px 0px;
}
#xs_recall .description {
    font-size: 16px;
    color: #b0b0b0;
    margin-bottom: 45px;
}
#xs_recall .xs_send_form {
    max-width: 280px;
}
#xs_recall input[type=text] {
    color: #b0b0b0;
    font-size: 16px;
    font-family: 'Museo Sans Cyrl 300';
    padding: 20px 30px;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    box-sizing: border-box;
    border: none;
    background-color: #f7f7f7;
    border-radius: 30px;
    transition: .2s all;
}
#xs_recall input[type=text]:focus {
    color: #73aa1b;
    background-color: #edf7dd;
}
#xs_recall .name{
    margin-bottom:6px;
}
#xs_recall .box-sub{
    margin:24px 0px 24px;
}
#xs_recall .xs_result p{
    margin:0;
}
#xs_recall .sanding {
    margin: 0px 0px 20px 0px;
}
#xs_recall .policy {
    font-size: 12px;
    color: #b0b0b0;
    font-family: 'Museo Sans Cyrl 300';
    position: relative;
    z-index: 1;
}
#xs_recall .policy input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: 1;
}
#xs_recall .policy input[type=checkbox] + label:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: #edf7dc;
    border-radius: 50%;
    box-sizing: border-box;
}
#xs_recall .policy input[type=checkbox]:checked + label:after {
    position: absolute;
    background-color: #81c119;
    background-size: contain;
    left: 4px;
    top: 7px;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-sizing: border-box;
}
#xs_recall .policy label {
    padding-left: 25px;
}
.xs_result{
    color:green;
}
/* Фильтр END */

/* Панель с контактами START */
.panel {
    border-radius: 5px;
    box-sizing: border-box;
    background: rgb(201,220,90);
    background: linear-gradient(
    180deg, rgba(201,220,90,1) 0%, 
    rgba(153,202,43,1) 50%, 
    rgba(124,194,17,1) 100%);    
    font-family: 'Museo Sans Cyrl 500', Arial, sans-serif;
    box-shadow: 0 8px 20px rgb(126 194 23 / 51%);

    position: fixed;
    bottom: 5%;
    left: auto;
    right: 0;
    z-index: 900;
    padding: 7px 0;
    display: flex;
    flex-direction: column; 
    transition: .2s all;   
}
.panel__link {
    display: inline-block;
    vertical-align: top;
    transition: .2s all;
    text-decoration: none !important;
    cursor: pointer;
}
.panel__inn {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    padding: 3px 5px;
    box-sizing: border-box;
    transition: .2s all;
}
.panel__link--whatsapp .panel__icon {
    background-image: url(images/whatsapp.svg);
    background-size: 32px;
} 
.panel__link--viber .panel__icon {
    background-image: url(images/viber.svg);
    background-size: 32px;
}
.panel__link--youtube .panel__icon {
    background-image: url(images/youtube-emptys.svg);
    background-size: 29px;
    background-color: #f61c0d;
} 
.panel__link--order .panel__icon {
    background-image: url(images/order.svg);
    background-size: 28px;
}
.panel__icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    z-index: 5;
}
.panel__link:last-child .panel__icon {
    border-bottom: none;
}
.panel__apear {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    transition: .4s all;
    position: absolute;
    right: -150%;
    z-index: -1;
    background-color: #fff;
    padding: 4px 17px;
    white-space: nowrap;
    margin-right: 15px;
    border-radius: 3px;
    opacity: 0;
}
.panel__link:hover .panel__apear {
    right: 100%;
    z-index: 1;
    opacity: 1;
}
.slickPltModal.isActive.callback__button {
    /*z-index: -1 !important;*/
}
/* Панель с контактами END */

.wr-kredit-btn {}
.kredit-btn {
    font-size: 13px;
    text-transform: uppercase;
    /*color: #fff;
    background-color: #c81340;
    box-shadow: 0 8px 20px rgb(76 21 106);*/
    width: 100%;
    box-sizing: border-box;
    font-weight: 700;
    padding: 18px 25px;
    display: inline-block;
    vertical-align: top;
    border-radius: 25px;
    text-align: center;
    text-decoration: none !important;
    transition: .2s all;
    margin: 15px 0px 0px 0px;

    color: #fff;
    background-color: #001685;
    box-shadow: 0 8px 20px rgb(200 19 64 / 64%);
}
.kredit-btn-2 {
    font-size: 13px;
    text-transform: uppercase;
    background: rgb(200,19,64);
    background: linear-gradient(
    180deg, rgba(200,19,64,1) 0%, rgba(0,22,133,1) 100%, rgba(0,22,133,1) 100%);
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    font-weight: 700;
    padding: 18px 25px;
    display: inline-block;
    vertical-align: top;
    border-radius: 25px;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgb(76 21 106);
    transition: .2s all;
}
/*.kredit-btn:hover {
    color: #fff;
    background-color: #001685;
    box-shadow: 0 8px 20px rgb(200 19 64 / 64%);
}
*/



.chanel {
	/*
    background-image: url(images/bg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	*/
}
.chanel--tune {
    padding: 27px 0 30px;
    overflow: hidden;
}
.chanel__inner {
    display: flex;
    justify-content: space-between;
}
.chanel__side {
    width: 520px;
    min-width: 520px;
}
.chanel__side-txt {
    font-size: 38px;
    font-weight: 700;
    color: #000000;
    padding: 11px 0;
    padding-left: 28px;
    border-left: 8px solid #004aaa;
    max-width: 270px;
    font-family: 'FuturaDemiC';
    line-height: 100%;
    margin-bottom: 77px;
}
.chanel__side-wrlink {
    padding-left: 27px;
}
.chanel__side-link {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: 'FuturaDemiC';
    text-transform: uppercase;
    transition: .2s all;
    text-decoration: none !important;
}
.chanel__side-logo {
    display: block;
    width: 120px;
    height: 28px;
    background-image: url(images/youtube-icon.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
}
.chanel__side-go {
    position: relative;
    z-index: 1;
    padding-right: 52px;
    transition: .2s all;
}
.chanel__side-link:hover .chanel__side-go{color: #004aaa;text-decoration: none;}
.chanel__side-go:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 12px;
    background-image: url(images/arrow-right-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0px;
    z-index: 2;
    margin-top: -6px;
}
.chanel__cont {
    width: 100%;
    max-width: 1020px;
    /*margin-right: -370px;*/
}
.chanel__cont-slider {
    display: flex;
    justify-content: flex-start;
    min-width: 0;

    max-width: 672px;
    margin: 0 -12px;
    /*display: flex;
    justify-content: space-between;*/
}
.chanel__cont-slider .slick-list {margin-right: -370px;}
.chanel__cont-slider .slick-arrow {
    width: 71px;
    height: 29px;
    position: absolute;
    top: auto;
    bottom: -50px;
    background-image: url(images/ArrowLeft2.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: initial;
    border: none;
}
.chanel__cont-slider .slick-arrow:before {display: none;}
.chanel__cont-slider .slick-prev {
    left: 19px;
    bottom: -64px;
}
.chanel__cont-slider .slick-next {
    left: auto;
    right: -3px;
    transform: rotate(-180deg);
}

.chanel__cont-item {
    padding: 0 13px;
}
.chanel__cont-link {
    width: 100%;
    display: block;
    padding-top: 56.522%;
    position: relative;
    z-index: 1;
    /*background-image: url(images/youtube-ex-1.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;*/
}
.chanel__cont-link img {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.header .phone_area .contact {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2px;
}
.contact-tg {
}
.contact-tg__link {
    display: inline-block;
    vertical-align: top;
    line-height: 100%;
    color: #28a8ea;
    font-size: 13px;
    transition: .2s all;
    padding-left: 30px;
    position: relative;
    z-index: 1;
    border-bottom: none !important;
    text-decoration: none !important;
}
.contact-tg__link:hover {
    color: #52b9ec;
}
.contact-tg__icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url(images/telegram.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.contact-tg__link:hover {
    border-bottom: 1px dashed transparent;
}

.header .phone_area a.viber {
   background: url(images/icon-viber.svg) no-repeat 50% 50%;
   background-size: 18px;
   margin-left: 20px
}
.header .phone_area a.viber,
.header .phone_area a.whatsapp {
   display: block;
   width: 20px;
   height: 20px;
}
.header .phone_area a.whatsapp {
   background: url(images/icon-whatsapp.svg) no-repeat 50% 50%;
   background-size: contain;
   margin-left: 7px
}
.header .phone_area a.viber,
.header .phone_area a.whatsapp {
   margin-bottom: 9px;
}
.prodict-description {
    padding: 30px 0 10px;
}
.prodict-description__title {}
.prodict-description__title h2 {
    font-size: 24px;
    color: #010101;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Museo Sans Cyrl 700', Arial, sans-serif;
    margin: 20px 0;
}
.prodict-description p {}


.h1_custom h1,
.h1_coomon {
    font-size: 36px !important;
    margin-top: 40px;
    margin-bottom: 50px;
    padding-top: 0 !important;
}

.teg_h3 {
    font-size: 22px;
}

.keys{    
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 18px 20px 6px;
    background-color: #81c119;
    margin: 30px 0;
    color: #fff;
    border-radius: 3px;
}
.keys .xitem{margin-bottom:14px;display:flex;justify-content:flex-start;align-items:center;align-content:center}
.keys.keys--list .xitem{width:50%}
.keys.keys--product .xitem{width:15%}
.keys .xitem:before{content:'';display:inline-block;vertical-align:middle;width:27px;min-width: 27px;height:27px;border:1px solid #fff;border-radius:2px;background-position:50% 50%;background-repeat:no-repeat;background-size:18px;margin-right:10px}
.keys .xitem:nth-child(1):before{background-image:url(images/pros-xicon_1.svg)}
.keys .xitem:nth-child(2):before{background-image:url(images/pros-xicon_3.svg)}
.keys .xitem:nth-child(3):before{background-image:url(images/pros-xicon_2.svg)}
.keys .xitem:nth-child(4):before{background-image:url(images/pros-xicon_4.svg)}

.keys .xitem.xitem--size:before{background-image:url(images/pros-xicon_2.svg)}
.keys .xitem.xitem--bedrooms:before{background-image:url(images/bedrooms.svg)}
.keys .xitem.xitem--square:before{background-image:url(images/square.svg)}
.keys .xitem.xitem--bathroom:before{background-image:url(images/bathroom.svg)}


.keys .xitem:nth-child(5):before,.keys .xitem:nth-child(6):before{background-image:url(../images/pros-xicon_5.svg);background-size:11px}
.keys .xitem .text{font-size:13px;position:relative;z-index:1;text-align: left !important;padding-right: 5px;}
.keys .xitem .text span{display:block;vertical-align:top;line-height:130%}
.keys .xitem .text strong{color:#fff;font-size:12px;display:block;vertical-align:top;line-height:130%}

.keys.keys--list .xitem{width:50%}
li.item-219.deeper.parent .nav-child {display: none;}


/* Баннер Материнский капитал START */
.maternal {
}
.maternal--tune {
    padding: 20px 0 100px;
}
.maternal__inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-image: url(images/banner-maternal.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
    padding: 25px 60px;
    overflow: hidden;
    border-radius: 10px;
}
.maternal__text {
    display: block;
    max-width: 520px;
}
.maternal__text-title {
    display: block;
    font-size: 38px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 55px;
    color: #fff;
}
.maternal__text-underline {
    color: #0051c1;
    font-weight: 700;
    line-height: 110%;
    border-bottom: 3px solid #0051c1;
}
.maternal__text-low {
    font-size: 16px;
    color: #fff;
    line-height: 120%;
    display: block;
}
/* Баннер Материнский капитал END */

/* Таблица новой комплектации START */
.complect {
    margin-top: 50px;
    position: relative;
    z-index: 3;
}
.complect *{
	box-sizing:border-box;
}
.complect__inner {
}
.complect__tr {
    display: flex;
    justify-content: flex-start;
    margin-bottom: -1px;
}
.complect__tr-head {
    background-color: #81c119;
}

.complect__tr:nth-child(odd) {
    background: rgba(242, 242, 242, 0.66);
}

.complect-head__name {
    width: 50%;
    font-weight: 700;
    color: #212121;
    text-transform: uppercase;
    padding: 10px 15px;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: #;
    align-items: flex-start;
}
.product_id_124 .complect-head__name,
.product_id_124 .complect__name {
    width: 100%;
}
.complect__package {
    width: 16.666666%;
	background: #81c119;
    text-align: center;
    padding: 10px 9px;
    border: 1px solid #f0f0f0;
}
.complect-head__outer {
}
.complect__package-name {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}
.complect__package-price {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
}
.complect__package-price--cross {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    color: #f11c00;
    font-size: 15px;
}
.complect__package-price--cross:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 2px;
    background-color: #f11c00;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.complect-head__closed {
}
.complect-head__living {
}
.complect__name {
    width: 50%;
    padding: 10px 15px;
    border: 1px solid #f0f0f0;
}
.complect__item {
    width: 16.6%;
    padding: 10px;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.complect__item--outer {
}
.complect__item-done {
    width: 100%;
    height: 30px;
	background:url(images/icon-done.svg) no-repeat 50% 50%/30px;
}
.complect__item-present{
	font-weight:600;
	/*text-align:center;*/
	color:red;
	line-height: 140%;
	display:flex;
	gap:15px;
	align-items: center;
    justify-content: center;
    max-width: 146px;
    font-size: 13px;
    margin: 0 auto;
}
.complect__item-present:before{
	content:"";
	display:block;
	width:30px;
	height:30px;
	min-width:30px;
	background:url(images/icon-complect-present.svg) no-repeat 50% 50%/contain; 
}
.complect__item--closed {
}
.complect__item--living {
}
/* Таблица новой комплектации END */

/* Виджет колбэка START */
@-webkit-keyframes t651__btn-animate {
   0% {
      -webkit-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1)
   }

   25% {
      -webkit-transform: rotate(10deg) scale(1.1);
      transform: rotate(10deg) scale(1.1)
   }

   50% {
      -webkit-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1)
   }

   70% {
      -webkit-transform: rotate(-10deg) scale(1.1);
      transform: rotate(-10deg) scale(1.1)
   }

   100% {
      -webkit-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1)
   }
}
@keyframes t651__btn-animate {
   0% {
      -webkit-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1)
   }

   25% {
      -webkit-transform: rotate(10deg) scale(1.1);
      transform: rotate(10deg) scale(1.1)
   }

   50% {
      -webkit-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1)
   }

   70% {
      -webkit-transform: rotate(-10deg) scale(1.1);
      transform: rotate(-10deg) scale(1.1)
   }

   100% {
      -webkit-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1)
   }
}

.widget__inner {
    position: fixed;
    bottom: 60px;
    right: 30px;
    cursor: pointer;
    z-index: 99;
    animation: t651__btn-animate 2s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: t651__btn-animate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    display: block;
}
body.open-xscallback {
	overflow: hidden;
}
body.open-xscallback .widget__inner {
	display: none;
}
.xscallback.active {
	display: flex;
}
.widget__pointer {
    display: block;
    position: relative;
    background: #ce113d;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow: hidden;
}
.widget__pointer-ph {
    fill: white;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.xscallback {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    background-color: rgb(0 0 0 / 70%);
    width: 100%;
    display: none;
}
.xscallback.hide {
    display: none;
}
.xscallback__inner {
    width: 100%;
    padding: 20px 20px 40px;
    box-sizing: border-box;
}
.xscallback__do {
}
.xscallback__wrline {
    margin: 0px 0px 15px 0px;
}
.xscallback__line {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none !important;
}
.xscallback__line-txt {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    max-width: 150px;
    text-align: right;
}
.xscallback__line-icon {
    width: 70px;
    height: 70px;
    background-color: #97c92a;
    margin: 0px 0px 0px 20px;
    border-radius: 15px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 40px;

}
.xscallback__line-icon--phone {
    background-image: url(images/phone.svg);
}
.xscallback__line-call {
    background-image: url(images/headphones.svg);
}
.xscallback__close {
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(images/cross-x.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 25px;
}
/* Виджет колбэка END */ 

.pochta-img-mob {
    display: none;
}

/* Всплывающий блок о товаре START */
.product-popup {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 2;
    padding: 15px 0;
    background-color: #fff;
    border-bottom: 1px solid #81c119;
    /*box-shadow: 0 12px 38px rgb(0 0 0 / 18%);*/
    box-shadow: 0 -2px 38px rgb(0 0 0 / 18%);
    transition: .2s all;
    z-index: 9;
}
body.product_drop .product-popup {
    bottom: 0;
}

body.detect_mobile footer {
    margin: 0px 0px 55px 0px;
}
body.product_drop.detect_mobile footer {
    margin: 0px 0px 129px 0px;
}

body.product_drop.detect_desctop footer {
    margin: 0px 0px 96px 0px;
}
body.product_drop.detect_mobile .product-popup {
    bottom: 55px;
    z-index: 999;
}

.product-popup__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.product-popup__main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.product-popup__image {
    margin: 0px 15px 0px 0px;
}
.product-popup__img {
    width: 70px;
    min-width: 70px;
    height: 50px;
    object-fit: cover;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
}
.product-popup__title {
    font-size: 18px;
    color: #010101;
    font-weight: 500;
}
.product-popup__aside {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.product-popup__price {
    font-size: 32px;
    line-height: 110%;
    color: #000;
    margin-right: 25px;
    white-space: nowrap;
}
.product-popup__price .expire,
.product-popup__price .percent {
    display: none;
}
.product-popup__btn {
}
.product-popup__favorite {
    position: static;
    margin: 0px 0px 0px 15px;
}
/* Всплывающий блок о товаре END */

/* Видеоотзывы START */
.videoreview {
}
.videoreview__inner {
}
.videoreview__body {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -12px;
}
.videoreview__item {
    width: calc(100% / 2 - 24px);
    margin: 12px;
    padding-top: 30%;
    position: relative;
}
.videoreview__item iframe {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Видеоотзывы END */

.item-page{
	overflow:hidden
}
.item-page table{
	border-collapse: collapse;
	min-width:300px;
	margin: 40px 0;
}
.item-page table td,
.item-page table th{
	padding:3px 15px;
	border: 1px solid #bbbbbb;
}
#maincontent .item-page .contents-list li{
	margin:0;
}
#maincontent .item-page .contents-list{
	margin-bottom:40px;
	column-count: 2;
    gap: 40px;
}
.article_products{
	overflow:hidden
}
.article_products__inner{
	display:flex;
	flex-wrap:wrap;
	margin:20px -20px;
}
.article_products__item{
	margin:20px;
	width:calc(33.333333% - 40px)
}
.article_products__link{
	display:flex;
	flex-direction:column;
	gap:18px;
	text-decoration:none;
	color:inherit
}
.article_products__link:hover{
	color:#6fa616;
	text-decoration:none;
}
.article_products__name{
	font-weight:bold;
	font-size:16px;
}
.article_products__item--count2,
.article_products__item--count1{
	width:calc(50% - 40px)
}
.article_cols{
	margin:40px 0
}
.article_cols .article_products__item--count2,
.article_cols .article_products__item--count1{
	width:calc(100% - 40px)!important
}
.article_cols .article_products__inner{
	margin:-20px!important
}
.article_cols table{
	margin:0;
}
.article_products__image{
	display:block;
}
.article_cols{
	display:flex;
	gap:40px;
	flex-wrap:wrap
}

.almi-integration {
    border-radius: 3px;
    background-color: #f6f6f6;
    margin-bottom: 25px;
    padding: 5px 10px;
    text-align: center;
}
.almi-integration__price {
}

.almi-integration__price {
    display: block;
    font-size: 27px;
    color: #322e2d;
    font-weight: 500;
    text-align: center;
    line-height: 120%;
    font-family: 'Museo Sans Cyrl 500';
}

.almi-integration--wide {
    margin: 25px 0 -15px;
    color: #fff;
    font-size: 18px;
    line-height: 140%;
    border-radius: 10px;

    background: #81c119;
    border: 2px solid #f0f0f0;
}

.almi-integration--wide strong {
    color: #fff !important;
}
.almi-integration--wide .almi-integration__price {
    font-size: 34px;

}

body.popup-sale--active::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: #fff;
    opacity: 0.7;
}

.popup-sale {
    padding: 50px 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 70%;
    z-index: 9999999;
	max-width:1200px;
	min-height: 500px;
    display: none;
	border-radius: 24px;
    overflow: hidden;
}
.popup-sale--active .popup-sale {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.popup-sale__inner {
    text-align: center;
    position: relative;
    z-index: 5;
    max-width: 400px;
    margin: 0 auto;
    padding: 40px;
    background-color: rgb(255 255 255 / 50%);
    border-radius: 25px;
	backdrop-filter: blur(10px);
}
.popup-sale__tlt {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    line-height: 120%;
    font-family: 'Museo Sans Cyrl 500';

    margin-bottom: 25px;
}
.popup-sale__subtlt {
    font-size: 20px;
    color: #000;
    line-height: 120%;
    margin-bottom: 40px;
}
.popup-sale__form {
}

.popup-sale__form .xs_input input {
    color: #b0b0b0;
    font-size: 16px;
    font-family: 'Museo Sans Cyrl 300';
    padding: 20px 30px;
    width: 100%;
    margin-bottom: 15px;
    display: block;
    box-sizing: border-box;
    border: none;
    background-color: #f7f7f7;
    border-radius: 30px;
    transition: .2s all; 
}
.popup-sale__form .xs_input input:focus {
	color: #73aa1b;
    background-color: #edf7dd;
}

.popup-sale__form .policy {
    font-size: 12px;
    color: #fff;
    font-family: 'Museo Sans Cyrl 300';
    position: relative;
    z-index: 1;
    margin: 10px 0;
}

.popup-sale__form .policy input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.popup-sale__form .policy input[type=checkbox] + label:before {
    position: absolute;
    left: 0;
    top: -1px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #81c119;
}

.popup-sale__form .policy input[type=checkbox]:checked + label:after {
    position: absolute;
    background-color: #81c119;
    background-size: contain;
    left: 4px;
    top: 3px;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-sizing: border-box;
}

.popup-sale__form .policy label {
    padding-left: 25px;
    cursor: pointer;
    position: relative;
    color: #000;
}
.popup-sale__form .policy label a {
    color: inherit;
    border-bottom: 1px solid #000;
    text-decoration: none !important;
}
.popup-sale__close {
    width: 45px;
    height: 45px;
    cursor: pointer;
    color: #000;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
    z-index: 990;
    border-radius: 50%;
    background-color: rgb(255 255 255);

    background-image: url(images/cross-x-black.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px;
}
.popup-sale-trigger {
    position: fixed;
    top: 50%;
    left: auto;
    right: 10px;
    transform: translateY(-50%);
    z-index: 998;
}
.popup-sale-trigger span {}
.popup-sale--active .popup-sale-trigger {
    display: none;
}
.image-align-left{
	float:left;
	margin:0 40px 40px 0
}

/* Куки всплывающее окно START */
.cookie_alert{position:fixed;z-index:98;bottom:24px;right:24px;left:24px;margin:0;padding:20px;gap:24px;display:flex;align-items:center;border-radius:24px;background:#fff;box-shadow:0px 4px 20px 0px #20182012;max-width:610px;line-height:140%;justify-content:center}
    .cookie_alert__btn{min-width:120px;max-width: 150px}
body.is_product .cookie_alert{bottom:95px;}
/* Куки всплывающее окно END */