@charset 'utf-8';
    @import url(https: //fonts.googleapis.com/css?family=Roboto:300, 500, 900&subset=latin, cyrillic);
    html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased!important;
}


@font-face {
    font-family: 'ucrmicon';
    src: url('/css/fonts/ucrmicon.eot');
    src: url('/css/fonts/ucrmicon?#iefix') format('embedded-opentype'),
         url('/css/fonts/ucrmicon.woff') format('woff'),
         url('/css/fonts/ucrmicon.ttf') format('truetype'),
         url('/css/fonts/ucrmicon.svg#ucrmicon') format('svg');
    font-weight: normal;
    font-style: normal;
}

			.ucrmicon {
			  font-family: ucrmicon;
			  display: inline-block; 
			}
			13
::-webkit-scrollbar {
    position: absolute;
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-thumb { background-color: #666; border-radius: 4px;  transition: background-color .5s;}
::-webkit-scrollbar-thumb { width: 10px;height: 4px;}

body {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type='button'], input[type='reset'], input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input[type='checkbox'], input[type='radio'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
    height: auto;
}
input[type='search'] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    padding: 0;
}
html {
    width: 100%;
    height: 100%;
    cursor: default;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
}
body {
    overflow-y: scroll;
    font-size: 1.4rem;
    line-height: 1;
}
div {
    overflow: hidden;
}
ul, li, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}
form {
    position: relative;
}
.wrapper {
    z-index: 0;
    overflow: hidden;
    width: 100%;
    min-width: 940px;
    background-repeat: no-repeat;
}
.wrapper, .container {
    position: relative;
    margin: 0 auto;
}
.container {
    overflow: visible;
    max-width: 940px;
}
h1, h2, h3, h4, h5, h6, p, span {
    font-family: 'Roboto', sans-serif;
}
p {
    position: relative;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.428;
    color: #000;
}

.block-flex-div { display: flex;width: 100%;justify-content: space-between;box-sizing: border-box;}	
		.block-line-flex {display: flex;padding: 8px; height: auto;font-size: 14px;width: 100%;color: #666;font-weight: 500;text-align: left;box-sizing: border-box;/* justify-content: center; */ }
			.block-column-flex{ flex: 1;} 		
			
			
	.emoji-voices {margin-top: 0px;}
		.emoji-action {cursor:pointer}				
		.emoji-voices .emoji .block-column-flex {font-size: 20px; line-height: 30px;text-align: center;}				
		.emoji-voices .emoji .block-column-flex .emoji-count {font-size: 14px;color:#9b9b9b}	
			
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    white-space: nowrap;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-white {
    color: #fff;
}
.text-red {
    color: #cb1616;
}
.text-semibold {
    font-weight: 500;
}
.section-header {
    font-size: 4.8rem;
	padding: 30px 0 0 30px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}
.section-header-lg {
    font-size: 5.6rem;
}
.section-note {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.2;
}
.section-header-sm {
    font-size: 4.4rem;
}
.section-note-lg {
    margin: 10px 0px 20px 0px;
    font-size: 3.4rem;
}
.list {
    margin-top: 20px;
    margin-left: 20px;
    list-style-type: square;
}
.list .list-item {
    font-size: 2rem;
    font-weight: 300;
    line-height: 3rem;
    color: #19b09f;
}
.list span {
    color: #000;
}
.link {
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    color: currentColor;
}
.link-underline {
    text-decoration: underline;
}
.link-underline:hover {
    text-decoration: none;
}
.link-underline-hover {
    text-decoration: none;
}
.link-underline-hover:hover {
    text-decoration: underline;
}
.link-underline-note, .link-dashed {
    text-decoration: none;
}
.link-dashed {
    display: inline-block;
    border-bottom-style: dashed;
}
.link-dashed:hover {
    border-bottom-color: transparent;
}
.link-dashed-hover {
    display: inline-block;
    text-decoration: none;
}
.link-dashed-hover:hover {
    border-bottom-color: transparent;
}
.link-xs {
    font-size: 1.4rem;
}
.link-xs.link-dashed {
    border-width: 1px;
}
.link-sm {
    font-size: 1.8rem;
}
.link-sm.link-dashed {
    border-width: 1px;
}
.link-lg {
    font-size: 2.4rem;
    font-weight: 900;
}
.link-lg.link-dashed {
    border-width: 2px;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    border: 1px solid transparent;
    outline: 0!important;
    background-image: none;
    cursor: pointer;
    -webkit-transition: background-color, color 200ms;
    -moz-transition: background-color, color 200ms;
    -o-transition: background-color, color 200ms;
    transition: background-color, color 200ms;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    vertical-align: inherit;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.btn:hover, .btn:focus, .btn.focus {
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
}
a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}
.btn-primary {
    background: #19b09f;
    color: #fff;
}
.btn-primary:hover {
    background: #1fddc7;
    color: #fff;
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background: #19b09f;
    color: #fff;
}
.btn-primary-outline {
    border: 1px solid #19b09f;
    background: 0 0;
    color: #19b09f;
}
.btn-primary-outline:hover {
    background: #19b09f;
    color: #fff;
}
.btn-primary-outline.disabled:hover, .btn-primary-outline[disabled]:hover, fieldset[disabled] .btn-primary-outline:hover, .btn-primary-outline.disabled:focus, .btn-primary-outline[disabled]:focus, fieldset[disabled] .btn-primary-outline:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline[disabled].focus, fieldset[disabled] .btn-primary-outline.focus {
    background: 0 0;
    color: #19b09f;
}
.btn {
    height: 38px;
    padding: 0 30px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 38px;
}
.btn-sm {
    height: 34px;
    padding: 0 20px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    font-size: 1.8;
    font-weight: 500;
    line-height: 34px;
}
.btn-lg {
    height: 50px;
    padding: 0 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 50px;
}
.btn-block {
    display: block;
    width: 100%;
    padding: 0;
}
.btn-block+.btn-block {
    margin-top: 5px;
}
input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block {
    width: 100%}
.form-control {
    display: block;
    width: 100%;
    height: 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    background-image: none;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
    color: #000;
    font-weight: 300;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
}
.form-control::-moz-placeholder {
    opacity: 1;
    color: #b7b7b7;
}
.form-control:-ms-input-placeholder {
    color: #b7b7b7;
}
.form-control::-webkit-input-placeholder {
    color: #b7b7b7;
}
.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: .6;
}
.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
.form-control.has-center {
    text-align: center;
    padding-left: 0;
}
.form-control-sm {
    width: 100%;
    height: 28px;
}
.form-group {
    margin-bottom: 20px;
}
.form-group .form-control+.form-control, .form-group .form-control+.btn {
    margin-left: 20px;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-inline .form-control-static {
    display: inline-block;
}
.form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}
input[type='radio'] {
    display: none;
}
.radio {
    display: block;
    margin-bottom: 18px;
    cursor: pointer;
}
.radio:last-child {
    margin-bottom: 0;
}
.radio>span {
    display: block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
}
.radio>span>span {
    margin-left: 30px;
    white-space: nowrap;
}
.radio input[type='radio']+span {
    background-color: #e6e6e6;
}
.radio input[type='radio']:checked+span {
    background-color: #19b09f;
    -webkit-box-shadow: inset 0 0 .001px 4px #fff;
    -moz-box-shadow: inset 0 0 .001px 4px #fff;
    box-shadow: inset 0 0 .001px 4px #fff;
}
.radio input[type='radio']:disabled+span, .radio input[type='radio']:checked:disabled+span {
    opacity: .6;
}
.ic {
    position: relative;
    display: block;
}
.ic_call {
    background-image: url(../img/sprite_icons.png);
    background-position: 0 -53px;
    width: 54px;
    height: 44px;
}
.ic_measures {
    background-position: -54px -53px;
    width: 57px;
    height: 37px;
}
.ic_measures, .ic_rouble {
    background-image: url(../img/sprite_icons.png);
}
.ic_rouble {
    background-position: -153px 0;
    width: 30px;
    height: 39px;
}
.ic_production {
    background-position: -50px 0;
    width: 63px;
    height: 41px;
}
.ic_production, .ic_stairs {
    background-image: url(../img/sprite_icons.png);
}
.ic_stairs {
    background-position: -113px 0;
    width: 40px;
    height: 59px;
}
.ic_next-step {
    background-position: 0 -97px;
    width: 45px;
    height: 35px;
}
.ic_next-step, .ic_check {
    background-image: url(../img/sprite_icons.png);
}
.ic_check {
    background-position: -113px -59px;
    width: 40px;
    height: 36px;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    overflow: visible;
    max-width: 210px;
    padding: 1px;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, .23);
    box-shadow: 0 0 13px rgba(0, 0, 0, .23);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -.08rem;
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    margin: 0;
    padding: 8px 14px;
    border-bottom: 1px solid #c6c6c6;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background-color: lightgray;
    font-size: 1.6rem;
}
.popover-content {
    padding: 9px 14px;
}
.popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}
.popover>.arrow {
    border-width: 10px;
}
.popover>.arrow:after {
    border-width: 10px;
    content: ''}
.popover.top>.arrow {
    bottom: -10px;
    left: 50%}
.popover.top>.arrow, .popover.top>.arrow:after {
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.top>.arrow:after {
    bottom: 1px;
    content: ' '}
.popover.right>.arrow {
    top: 50%;
    left: -10px;
    margin-top: -10px;
    border-right-color: #fff;
    border-left-width: 0;
}
.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0;
    content: ' '}
.popover.bottom>.arrow {
    top: -10px;
    left: 50%}
.popover.bottom>.arrow, .popover.bottom>.arrow:after {
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}
.popover.bottom>.arrow:after {
    top: 1px;
    content: ' '}
.popover.left>.arrow {
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-right-width: 0;
    border-left-color: #fff;
}
.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    border-right-width: 0;
    border-left-color: #fff;
    content: ' '}
.is_invalid, .is_invalid:focus {
    border: 1px solid #cb242b;
    background: #fdf1f2;
}
.is_invalid::-moz-placeholder, .is_invalid:focus::-moz-placeholder {
    opacity: 1;
    color: #cb242b;
}
.is_invalid:-ms-input-placeholder, .is_invalid:focus:-ms-input-placeholder {
    color: #cb242b;
}
.is_invalid::-webkit-input-placeholder, .is_invalid:focus::-webkit-input-placeholder {
    color: #cb242b;
}
.is_valid {
    border: 1px solid #5eaf27;
    background: #f3fbee;
}
[type='submit']:disabled {
    opacity: .6;
    cursor: wait;
}
.modal-open, .modal {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, -25%, 0);
    -moz-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-open .modal {
    overflow-x: auto;
    overflow-y: scroll;
}
.modal-dialog {
    position: relative;
    width: auto;
}
.modal-content {
    position: relative;
    height: auto;
    outline: 0;
    background: #fff;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.in {
    opacity: .6;
}
.modal-header {
    padding: 10px;
}
.modal-title {
    margin: 0;
}
.modal-body {
    position: relative;
    background: 0 0;
}
.modal-footer {
    padding: 10px;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    overflow: scroll;
    width: 50px;
    height: 50px;
}
.close {
    position: absolute;
    border: none;
    opacity: .8;
    background: 0 0;
    cursor: pointer;
    vertical-align: top;
}
.close:hover {
    opacity: 1;
}
.modal-backdrop {
    background: rgba(0, 0, 0, .6);
}
.close {
    background-image: url(../img/sprite_icons.png);
    background-position: -153px -71px;
    width: 24px;
    height: 24px;
    top: 14px;
    right: 14px;
    z-index: 10;
}
.modal-dialog {
    width: 336px;
    margin: 60px auto 0;
}
.modal-content {
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .27);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .27);
    box-shadow: 0 0 5px rgba(0, 0, 0, .27);
}
.modal-contact .modal-dialog {
    width: 352px;
}
.modal-contact .modal-header {
    padding: 50px 0 0;
}
.modal-contact .modal-title {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.3;
}
.modal-contact .modal-body {
    padding: 22px 54px 50px;
}
.modal-thanks .modal-dialog {
    width: 450px;
}
.modal-thanks .modal-header {
    padding: 0;
}
.modal-thanks .modal-body {
    padding: 68px 0 55px;
}
.modal-thanks .modal-title {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1;
}
.modal-thanks .modal-note {
    margin-top: 36px;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.3;
}
.modal-info .modal-dialog {
    width: 940px;
}
#modal-images .modal-dialog {
    width: max-content;
}
.modal-info .modal-header {
    padding: 0;
}
.modal-info .modal-body {
    padding: 36px 44px 32px;
}
.modal-info .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.modal-info .body-image-wrapper {
    width: 305px;
    height: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.modal-info .body-image-wrapper .img {   
	width: 305px;
    height: 419px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
.modal-info .body-image-wrapper .img img {width:inherit; object-fit: cover;  height: 100%;}

.modal-info .body-desc {
    width: 510px;
}
.modal-info .body-title {
    font-size: 3.4rem;
    font-weight: 900;
}
.modal-info .body-plus,
.modal-info .body-minus {
	font-size: 2rem;
    font-weight: 900;
	margin-top:10px;
}
.modal-info .body-plus {
    color:#67b367;
}
.modal-info .body-minus {
	color:#ec6c6c;
}
.modal-info .body-text {
    margin-top: 10px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.34;
}
.modal-info .modal-footer {
    padding: 32px 44px 26px;
    background: #ffdc38;
}
.modal-info .footer-cta {
    margin-bottom: 16px;
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.1;
}
.modal-info .footer-cta small {
    font-size: 3.4rem;
}
.modal-info .form-group+.form-group {
    margin-left: 23px;
}
.modal-info .form-control {
    width: 260px;
}
.modal-info .btn {
    width: 270px;
}

.slick-slider {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider, .slick-list {
    position: relative;
    display: block;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: ''}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    /* background: #fff url('../img/slick/ajax-loader.gif') center center no-repeat; */
}
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: block;
    margin-top: -16px;
    padding: 0;
    border: none;
    outline: none;
    opacity: .6;
    background: 0 0;
    cursor: pointer;
    color: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    opacity: 1;
    color: transparent;
}
.slick-prev {
    background-image: url(../img/sprite_icons.png);
    background-position: -153px -39px;
    width: 18px;
    height: 32px;
    left: 20px;
}
[dir='rtl'] .slick-prev {
    right: 20px;
    left: auto;
}
.slick-next {
    background-image: url(../img/sprite_icons.png);
    background-position: -153px -95px;
    width: 18px;
    height: 32px;
    right: 20px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 20px;
}
.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: 16px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
}
.slick-dots li, .slick-dots li button {
    width: 13px;
    height: 13px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    display: block;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    background: #d8d8d8;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
    background: #b8f4ed;
}
.slick-dots li.slick-active button {
    background: #19b09f;
}
.slide-inner {
    width: 830px;
    margin: 0 auto;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: ' '}
.clearfix:after {
    clear: both;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {
    float: right!important;
}
.pull-left {
    float: left!important;
}
.hidden {
    display: none!important;
}
.show {
    display: block!important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    border: 0;
    background-color: transparent;
    text-shadow: none;
    font: 0/0 a;
    color: transparent;
}
.affix {
    position: fixed;
}
.animate-scroll {
    opacity: 0;
}
.row {
    position: relative;
}
.nav {
    z-index: 10;
    background: #f8f8f8;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.nav.nav-hidden {
    top: -68px;
}
.nav.nav-show {
    top: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}
.nav-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 68px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nav-item {
    display: inline-block;
    margin: 5px 8px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    font-size: 1.4rem;
    font-weight: 600;
    color: #000;
}
.nav-item:first-child {
    margin: 0 8px 0 0;
}
.nav-item:last-child {
    margin: 0 0 0 8px;
}
.nav-item:hover {
    color: #19b09f;
}
.header {
    padding: 11px 0;
    background: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,.136);
}
.header .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .row-menu {
	border-top: 1px solid #efefef;
    margin-top: 10px;
    padding-top: 10px;
}

.header .row .logo, .nav-inner .logo {   

    line-height: 1;
    vertical-align: middle;
	}
	.header .row .logo span,
	.nav-inner .logo span {font-size:20px;}
	
	.header .logo img {width: 88px;}
	
.header .row .logo a {text-decoration:none}	

.phone .number {
    margin-right: 16px;
    line-height: 1;
    vertical-align: middle;
}
.offer {
  
}
.offer .row {
    position: relative;
    overflow: visible;
}

#promo-bg {background: url("../img/bg-dots.png"); height: 100%; }

.offer-head {
   /*  width: 916px;
    height: 280px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 64px;
    padding: 6px 22px 22px 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    /* background: #fff; */
}
.offer-head .block-flex-div {align-items: stretch }
.offer-head .block-flex-div  .block-column-flex  { }
.offer-head h1 {
    font-size: 5rem;
    font-weight: 700;
	color:#000;
    line-height: 1.2;
    letter-spacing: -.12rem;
	margin-bottom:20px;
}
.offer-head h1 span {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -.12rem;
}
.offer-head .small .ucrmicon {
	color: #7fde82;
	 position: absolute;
	 margin-top:3px;
	 margin-left:-40px;
}
.offer-head .small.none-padding {padding-left: 5px !important;}
.offer-head .small {
	position:relative;
	color:#333;
	padding-left: 40px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem;
    letter-spacing: -.1rem;
}

.offer-action {padding-left: 10px;}

.offer-note {
    
    top: 10px;
    max-width: 350px;
    /* height: 140px */
  z-index: 999;    
	  background-color: rgba(241, 219, 62, 1); 
	  padding: 0px 0px 25px 0px;
		/* box-shadow:0 0 8px rgba(15,15,15,.25);
		border: 1px solid #ccc; */
	  -moz-border-radius: 3px 3px 3px 3px;
	  -webkit-border-radius: 3px 3px 3px 3px;
	  border-radius: 3px 3px 3px 3px;
}

.offer-note .call-to-action {
    position: relative;
	overflow:visible;
    padding: 20px 0px 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: 0.7px;
    line-height: 1.3em;
    color: #fff;
    background: #64ca50;
}

.offer-note .call-to-action:before, .offer-note .call-to-action:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 50px;
    bottom: -30px;
    background: #64ca50;
}
.offer-note .call-to-action:after {
    right: 0;
    transform: skew(0deg, -10deg);
}
.offer-note .call-to-action:before {
    left: 0;
    transform: skew(0deg, 10deg);
}
.offer .btn {
    vertical-align:bottom; margin: 5px; height: auto; padding: 20px 80px 20px 80px;line-height:20px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;border: 2px solid #19b09f; text-decoration:none;
}

.errorMessage {color: #E32636;font-family:"PT Sans";font-size:18px;font-weight:bold}
.okMessage {color: #fff;font-size:18px;font-family: 'Open Sans Condensed', sans-serif !important;}



.bg-header {
    height: 100%;
    background: url('../img/zazhigalki/2/1_2.png') no-repeat top center;
  
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
	background-position-y: center;
}

/*--------------------*/

.offer-form {border:none;padding:0px;margin-top:50px; text-align: center;}
		
.offer-form input {
  background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 270px;
  height: 25px;
	color: #ADB5B9;
	background: #f7f7f7;
	border: 2px solid #dfe4e6;
	padding: 10px 12px 8px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
 
}

.offer-form input:focus {
  background-color: #fff;
  border-color: #ccc;
  outline: none;
  -moz-box-shadow: 0 0 0 1px #ccc inset;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
}

/*--------------------*/

.offer-form #actions {
  margin: 10px 0 0 0;
  border: none;
  
}

.offer-form input.checkbox {
			margin-top:10px;
			color:#999999;
			width: 10px;
			height: 10px;
		}
		
.offer-form #submitauth{		
	display: inline-block;
	float: left;
	margin-left:10px;
	margin-bottom:10px;
	padding: 3px 10px;
	outline: 0;
	font-size: 18px !important;
	line-height: 30px;
	color: #fff !important;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	background: #FF6347;
	border:0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
}

.offer-form #submitauth:hover,
.offer-form #submitauth:focus {		
opacity: 0.9;
border:0;
}	

.offer-form #submitauth:active,
#speed-reg #submitreg:active {		
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.offer-form #submitauth::-moz-focus-inner,
#speed-reg #submitreg::-moz-focus-inner {
  border: none;
  border-color: #ff0000;
}

.offer-form label {
  float: right;
  line-height: 30px;
}

.offer-form label input {
  position: relative;
  top: 2px;
  right: 2px;
}
.offer-botton:hover {
		transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  }

.offer-botton {
	display: inline-block;
	position:relative;
	padding:20px 68px 20px 68px;
	margin: 5px;
	background: #ff0000;/* #fc0; */
	border: 2px solid #ff0000;/* #fc0;*/
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	letter-spacing: 2px;
	text-align: center;
		border-radius: 100px;
		-moz-border-radius: 100px;
		-khtml-border-radius: 100px;
		-webkit-border-radius: 100px;
		
				
	
}

.offer-botton:after {
    content: "";
    position: absolute; 
    top: 0; 
    left: 0em;
    width: 130%;
    height: 100%;
    background: linear-gradient(to left, rgba(255,255,255,.0), rgba(255,255,255,.8), rgba(255,255,255,.0)) no-repeat -2em 0%;
    background-size: 2em 100%;
    -moz-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
}
.offer-botton.blick:after{
    transition: 1.2s linear;
    background-position: 130% 0%;
}
.offer-note .btn-primary-outline {height: 44px;color: #ff0000; background: #fff;  border: 2px solid #ff0000;/*  margin-left: 18px; */margin-top: 7px;padding: 0 55px; font-weight:800; border-radius:5px}
.offer-note .btn-primary-outline:hover { background: #ff0000;  border: 2px solid #ff0000; color: #fff; font-weight:800}

.offer-note .prefix, .offer-note .percent, .offer-note .desc {
    display: inline-block;
}
.offer-note .call-to-action {
    position: relative;
	overflow:visible;
    padding: 20px 0px 23px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: 0.7px;
    line-height: 1.3em;
    color: #fff;
    background: #64ca50;
}

.offer-note .call-to-action:before, .offer-note .call-to-action:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 34px;
    bottom: -17px;
    background: #64ca50;
}
.offer-note .call-to-action:after {
    right: 0;
    transform: skew(0deg, -10deg);
}
.offer-note .call-to-action:before {
    left: 0;
    transform: skew(0deg, 10deg);
}
.offer-note .prefix {
    font-size: 2rem;
    font-weight: 900;
	vertical-align: top;
	margin-bottom:20px;
	text-align:center;
}
.offer-note .ok-send {
    font-size: 2rem;
    font-weight: 900;
	vertical-align: top;
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}
.offer-note .title {
    font-size: 1.8rem;
    font-weight: 900;
	margin-top: 10px;
}
/* .offer-note .prefix {
    vertical-align: bottom;
} */
.offer-note .percent {
    font-size: 6.4rem;
    font-weight: 900;
    line-height: 1;
    vertical-align: top;
}
.offer-note .note {
	display: block;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.8rem;
    letter-spacing: -.1rem;
}
.benefits {
    position: relative;
    z-index: 1;
    overflow: visible;
    padding: 22px 0;
}
.benefits::after {
    position: absolute;
    bottom: -34px;
    left: 50%;
    display: block;
    width: 2000px;
    height: 34px;
    margin-left: -1000px;
    background: url('../img/benefits-shadow.png') no-repeat;
    content: ''}
.benefits .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.benefits-item .item-title {
    font-size: 2.6rem;
    font-weight: 900;
    color: #9f1f20;
}
.benefits-item .item-desc {
    font-size: 1.8rem;
    font-weight: 300;
}
.catalog {
    position: relative;
    z-index: 0;
    padding: 84px 0 70px;
    background: #fff;
}
.catalog div {
    overflow: visible!important;
}
.catalog .container, .catalog .row {
    overflow: visible;
}
.catalog .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.catalog .row.first {
    margin-top: 80px;
}
.catalog .row+.row {
    margin-top: 62px;
}
.catalog-item {
    overflow: visible;
    width: 240px;
}
.catalog-item .item-image {
	overflow:hidden!important;
	height:300px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.catalog .catalog-item .item-image img {
	width: 240px;
	height: 100%;
    object-fit: cover;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.vidi-dereva .catalog-item .item-image img {
	width: 233px;
	height: 100%;
}
.vidi-dereva .catalog-item .item-image {height: 233px;}
.vidi-dereva  .catalog-item .item-title{text-align: center;}

.modal-body .item-images-list div,
.catalog .catalog-item .item-images-list div,
.slick-slider .item-images-list div {
	display: inline-block!important;
	width: 35px;
	min-height: 47px;
	margin-top:5px;
	margin-right: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	object-fit: cover;
	}
.modal-body .item-images-list img,
.catalog .catalog-item .item-images-list img,
.slick-slider .item-images-list img {
	max-width: 35px;
	height: 45px;
    object-fit: cover;
	 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	cursor: pointer;
}



.modal-body .item-images-list div:last-child,

.catalog .catalog-item .item-images-list div:last-child ,

.slick-slider.item-images-list div:last-child {
	margin-right: 0px;
}
.feedback .catalog-item .item-image img{
   width: 240px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	cursor: pointer;
}
.catalog-item .item-title {
    margin-top: 16px;
    font-size: 2.4rem;
    font-weight: 900;
    text-transform: uppercase;
}
.feedback .catalog-item .item-title {white-space: normal;}

.catalog-item .item-desc {
    margin-top: 12px;
    font-size: 1.8rem;
    font-weight: 300;
}
.feedback .catalog-item.order .item-desc {
    margin-bottom: 12px;
}
.catalog-item .btn {
    margin-top: 14px;
}


.calculator {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 62px 0 90px;
	/* background: url('../img/bg_calculator_1500x512.jpg') no-repeat top center; */
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.calculator-inner {
	overflow: visible;
	margin-top: 68px;
	padding: 46px 56px 0;
	border: 1px solid #19b09f;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
.calculator-inner .radio>span {color:#333}

.calculator-inner .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: visible;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom:20px
}
.calculator-inner .row.razmeri {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.calculator-inner .form-group {
	width: 190px
}

.calculator-inner .row.razmeri .form-group {
	flex-grow:1;
}
.calculator-inner .row.razmeri .form-group.address {
	flex-grow:13;
}
.calculator-inner .row.razmeri .form-group.address .form-control{
	text-align:left; 
	width: 100% !important;
}
.calculator-inner .row.razmeri .form-group .calc-title {
	height:50px;
}
.calculator-inner .row.calc-comment .form-group {
	margin-top:20px;
	width: 100%
}


.question .ask-question .form-group .form-control,
.calculator-inner .row.calc-comment .form-group .form-control{
	padding:5px;
	width: 100% !important;
	height:55px;
}
.question .ask-question .form-group .form-control {margin: 5px;  width: -webkit-fill-available !important;}

.calculator-inner .row.calc-comment .form-group .calc-title {
	min-height: 30px;
    line-height: 25px;
	height: 25px;
}

.question .ask-question .calc-title,
.calculator-inner .calc-title {
	margin-bottom: 16px;
	font-size: 2.4rem;
	font-weight: 900;
	height:70px;
	color: #333
}

.question .ask-question .calc-title {color: #333;max-height: 30px; margin-left: 6px; margin-top: 40px;}

.calculator-inner .calc-text {
	font-size: 2rem;
	font-weight: 300;
	color: #333
}

.calculator-inner .form-control {
	width: 100px!important
}

.calculator-inner .input-group .form-control {
	display: inline-block;
	padding: 16px 10px;
}

.calculator-inner .input-group .calc-text {
	display: inline-block;
	margin-left: 10px
}

.calculator-inner .btn {
	width: 533px;
	margin-top: 44px;
	margin-bottom: -25px
}

.details {
    padding: 68px 0 40px;
    background: #fff;
}
.details-inner {
    position: relative;
    z-index: 10;
    overflow: visible;
    width: 940px;
    height: 612px;
    margin-top: 22px;
    background: url('../img/bg_details.jpg.optipic-orig') no-repeat;
}
.details-inner::after {
    position: absolute;
    bottom: -16px;
    left: 50%;
    z-index: -10;
    display: block;
    width: 966px;
    height: 16px;
    margin-left: -483px;
    background: url('../img/details-shadow.png') no-repeat bottom center;
    content: ''}
.details-dot {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: rgba(251, 107, 128, .28);
    cursor: pointer;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}
.details-dot, .details-dot::before {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 13px rgba(255, 72, 99, .52);
    -moz-box-shadow: 0 0 13px rgba(255, 72, 99, .52);
    box-shadow: 0 0 13px rgba(255, 72, 99, .52);
}
.details-dot::before {
    position: relative;
    width: 12px;
    height: 12px;
    margin: 6px;
    background-color: #fb6b80;
    content: ''}
.details-dot:hover {
    background-color: rgba(251, 107, 128, .6);
    -webkit-box-shadow: 0 0 16px rgba(255, 72, 99, .8);
    -moz-box-shadow: 0 0 16px rgba(255, 72, 99, .8);
    box-shadow: 0 0 16px rgba(255, 72, 99, .8);
}
.details-dot:hover:before {
    width: 14px;
    height: 14px;
    margin: 5px;
}
.details-dot.details-dot-1 {
    top: 48px;
    left: 205px;
}
.details-dot.details-dot-2 {
    top: 158px;
    left: 276px;
}
.details-dot.details-dot-3 {
    top: 51px;
    left: 458px;
}
.details-dot.details-dot-4 {
    top: 155px;
    left: 695px;
}
.details-dot.details-dot-5 {
    top: 366px;
    left: 687px;
}
.details-dot.details-dot-6 {
    top: 507px;
    left: 747px;
}
.details-dot.details-dot-7 {
    top: 584px;
    left: 276px;
}
.guarantee {
    padding: 40px 0 63px;
    background: #fff;
}
.guarantee .btn {
    width: 400px;
    margin-top: 22px;
}
.guarantee-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* width: 940px; */
    height: 328px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 47px 44px;
    border: 1px solid #cbcbcb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-image: -webkit-linear-gradient(45deg, #2ea9a3, #16918a);
    background-image: -moz-linear-gradient(45deg, #2ea9a3, #16918a);
    background-image: -o-linear-gradient(45deg, #2ea9a3, #16918a);
    background-image: linear-gradient(45deg, #2ea9a3, #16918a);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.guarantee-head {
    font-weight: 900;
    text-transform: uppercase;
}
.guarantee-head span {
    font-size: 10rem;
}
.guarantee-head small {
    font-size: 6.7rem;
    line-height: 1.2;
}
.guarantee-desc {
    width: 410px;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 3.4rem;
}
.menu-variants {padding: 20px 0;}

.why-are-we,
.variants,
.how-we-work {
    padding: 88px 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


	
.why-are-we .row, 
.variants .row, 
.how-we-work .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.why-are-we-item, 
.variants-item, 
.how-we-work-item {
	position:relative;
    width: 210px;
	text-align: center;
	padding: 20px 10px;
	margin:10px;
	border-radius:10px;
	box-shadow: 0 0 8px -5px #000;
	align-items: stretch;
}
.variants-item {
	background-color: #f6f6f6;
}
/* .why-are-we-item+.why-are-we-item { */
    /* margin-left: 34px; */
/* } */

.why-are-we-item .block-flex-div, 
.variants-item .block-flex-div, 
.how-we-work-item .block-flex-div {flex-direction: column}

.why-are-we-item .item-header,
.variants-item .item-header,
.how-we-work-item .item-header {
	margin-top: 27px;
    padding-bottom: 6px;
    border-bottom: 1px solid #19b09f;
}


.variants-item .item-header {border-bottom:0px;} 
.how-we-work-item .item-header {border-bottom:0px;} 

.why-are-we-item .item-img img, 
.variants-item .item-img img, 
.how-we-work-item .item-img img {
   width: 88px;
}
.how-we-work-item .item-img img { width: 90px;}





.why-are-we-item .item-title,
.variants-item .item-title ,
.how-we-work-item .item-title {
    font-size: 2rem;
    font-weight: 900;
    color: #000;
	margin-bottom:5px;
}

.how-we-work-item .item-title {font-size: 15px;}


.why-are-we-item .item-body,
.variants-item .item-body,
.how-we-work-item .item-body {
	margin-top:5px;
    padding-top: 6px;
}
.why-are-we-item .item-desc,
.variants-item .item-desc,
.how-we-work-item .item-desc {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.3;
    color: #333;
    letter-spacing: -.02rem;
}
.why-are-we-item .highlighted {
    font-weight: 900;
    text-transform: uppercase;
}



.modal-body .item-images-list div,
.variants .variants-item .item-images-list div,
.slick-slider .item-images-list div {
	display: inline-block!important;
	width: 63px;
	min-height: 50px;
	margin-top:5px;
	margin-right: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	object-fit: cover;
}
.modal-body .item-images-list img,
.variants .variants-item .item-images-list img,
.slick-slider .item-images-list img {
	max-width: 60px;
	height: 60px;
    object-fit: cover;
	 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	cursor: pointer;
}


.modal-body .item-images-list div:last-child,

.variants .variants-item .item-images-list div:last-child ,

.slick-slider.item-images-list div:last-child {
	margin-right: 0px;
}
.menu-variants .row-menu {
	overflow: visible;
	border-bottom: 2px solid #ebebeb;
}
	.menu-variants .menu {
		overflow: visible;
	}
		.menu-variants .row-menu .nav-item {
			padding: 12px 20px;
		}
		.menu-variants .row-menu a {
			text-decoration: none;
			border-bottom: 2px solid #ebebeb;
			margin-bottom: -2px;
		}
		.menu-variants .row-menu .nav-item.current {
			color:#79a742;
			border-bottom: 2px solid #79a742;
		}
.variants {
	padding: 10px 0;
}
	.variants .container {
		display: flex;
		flex-direction: column;
	}
	.variants .container .section-header {
		    padding: 0px 0px 10px 10px;
	}
	.variants .container .row {
		    margin-top: 0px;
	}
	.variants .container .bakery-item {padding-bottom:30px}
	
	
		.variants-item .item-img {
			overflow:hidden!important;
			min-height: 200px;
			max-height: 200px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		.variants .variants-item .item-img img {
			
			width: fit-content;
			min-height: 200px;
			max-height: 200px;
			object-fit: cover;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		.variants .variants-item .item-desc {text-align:left; color: #5e5e5e;}
		.variants .variants-item .item-param-list { color: #5e5e5e;flex-direction: row;justify-content: space-around;align-items: center;margin: 20px 5px;font-size: 16px; font-weight: 500;}
		.variants .variants-item .item-param-list div {}
		
		
		.variants-item .item-title {font-size: 22px;    font-weight: 700;}
		.variants-item .item-param-list .item-price {font-size: 30px;font-weight: 500;text-align: right; color: #333;}
		.variants-item .item-param-list .item-price span {font-size: 10px;font-weight: 500;}
		
		

.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}
.slide-preview {
    /* width: 426px; */
    height: 450px;
}
.slide-preview .item-images-list {
	margin-left:10px;
	padding-right: 8px;
       max-width: 50px;
	   overflow-y: auto;
    height: 450px;
}
.slide-preview .item-images-list div {
       min-width: 50px;
}
.slide-preview .item-images-list div img {
       max-width: 50px;
    height: auto;
}
.slide-preview .view-images {
    max-height: 450px;
}
.slide-preview .photo-preview {
	background: #efefef;
	 -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.slide-preview .photo-preview img {
	margin: 0 auto;
}
.slide-desc {
    /* width: 364px; */
    /* margin-left: 40px; */
	margin-top: 20px;
}

.slide-desc .btn-lg {
	height: 47px;
    padding: 0 20px;
    font-size: 1.6rem;
    line-height: 46px;
}
.slide-group+.slide-group {
    margin-top: 48px;
}
.slide-title {
    margin-bottom: 6px;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}
.slide-desc-description .slide-text {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.3;
	overflow-y: auto;
    height: 300px;
}
.slide-desc-property {border-left:1px solid #efefef; padding-left:15px;}
.slide-desc-property .slide-title{
    font-size: 1.8rem;
    font-weight: 900;
}
.slide-desc-property .slide-text{
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.3;
	margin-left: 10px;
}
.uslugi {
    padding: 74px 0 70px;
    background: #ececec; 
}
.production {
    padding: 74px 0 70px;
    background: #ececec;
}
.production .row,
.uslugi .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	margin-bottom: 30px;
}
.production .row+.row,
.uslugi .row+.row {
    margin-top: 1px;
}
.production-inner {
    margin-top: 34px;
}
.production-desc,
.uslugi-desc .block-column-flex h2 {
    margin-bottom: 40px;
}

.uslugi-desc .block-column-flex {
    max-width: 350px;
}

.uslugi-desc {
    margin-top: 40px;
}
.production-image {
    width: 752px;
    height: 483px;
    background-image: url('../img/production/img_1.jpg.optipic-orig');
    background-repeat: no-repeat;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}
.production-column {
    width: 187px;
}
.production-column .production-preview+.production-preview {
    margin-top: 1px;
}
.production-preview {
    display: block;
    width: 187px;
    height: 120px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}
.production-item,
.uslugi-item {
	margin-top:20px;
    width: 452px;
	min-height: 50px;
}
.production-item .item-desc,
.uslugi-item .item-desc {
    width: 392px;
    margin-left: 20px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.6rem;
}
.uslugi-item .item-desc strong {font-size: 1.8rem; font-weight: 600;}


.question {
    padding: 74px 0 70px;
    background: #fff;
}	

.question-block {
	padding: 10px;
	margin:5px;
	background: #fff;
	border: 1px solid #ccc;
}

.question-block .question-title {font-size: 2.4rem; font-weight: 900; line-height: 1;padding:10px;}
.question-block .question-answer {display:none; font-size: 1.8rem; font-weight: 300;line-height: 1.3; border-top: 1px dashed #ccc; padding:10px;}
.question-block .question-answer div {border-left: 3px solid #efefef; margin:10px; padding:5px 5px 5px 15px;}

.contacts {
	padding: 60px 0 63px;
}
.contacts-inner {
    margin:30px auto;
	text-align: center;
    z-index: 10;
    width: 548px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 40px 40px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
 
}
.contacts-header {
    padding-bottom: 8px;
    border-bottom: 1px solid #dedede;
}
.contacts-group {
    margin-top: 24px;
}
.contacts-group+.contacts-group {
    margin-bottom: 26px;
}
.contacts-title {
	margin-bottom:20px;
    font-size: 3rem;
    font-weight: 900;
}
.contacts-desc {
	
    font-size: 4rem;
    font-weight: 300;
}
.contacts-desc.email-contact {
	
    font-size: 3rem;
    font-weight: 300;
}
.contacts-map-inner {
    height: 564px;
}
.contacts-map-inner div {
    overflow: visible;
}
.footer {
    padding: 40px 0;
    background: #fff;
}
.footer .footer-title {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
}
.footer .link {
    margin-left: 34px;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.08;
    color: #19b09f;
}
.footer .footer-text {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.9;
}
.footer .footer-dev {
    display: inline-block;
    margin: 0;
    font-size: 1.8rem;
    color: #19b09f;
}

@media (max-width: 700px) {
	.header {min-width:300px !important;position:fixed;z-index: 9;  }
		.header .container {min-width:300px !important; max-width:940px !important;}
		.header .row {flex-direction: column !important;text-align:center;}
		.header .phone {margin-top:10px;}
		.header .phone button{margin-top:10px;}
		
		
	.offer {min-width:300px !important; max-width:940px !important;   margin-top: 140px}
		.offer .container {min-width:300px !important; max-width:940px !important;}
		.offer .offer-head {margin-top: 34px !important; min-width:300px !important;  max-width:940px !important;}
			.offer .offer-head h1 {font-size: 3rem;}
			.offer .offer-head .small {font-size: 2rem;line-height: 2.5rem;}
			.offer .btn {padding: 18px 30px 18px 30px;    line-height: 4px;} 
		.offer .block-flex-div {flex-direction: column !important;}
		
		
	.cases {}
		.cases-inner {width:auto !important;}
		.slide-inner {width:auto !important;}
		.slide-preview {height: auto !important;}
		.slide-preview .block-flex-div {flex-direction: column !important;}
		.slide-preview .item-images-list {max-width: 100vw;}
		
		.slide-desc .slide-desc-description .slide-title {margin:0px 5px}
		.slide-desc .slide-desc-description .slide-text {margin:10px}
		.slide-desc .block-flex-div {flex-direction: column !important;}
		.slide-desc .block-flex-div .block-flex-div.emoji{flex-direction: row !important;}
		
		
		.slick-prev, .slick-next {top: 18%;}
		
	.benefits  {min-width:300px !important; max-width:940px !important;}
		.benefits .container {min-width:300px !important; max-width:940px !important;}
		.benefits .row {flex-direction: column !important;text-align:center;}
		
		.benefits-item {margin: 10px;} 
		
	.catalog  {min-width:300px !important; max-width:940px !important; padding: 15px 0 15px;}
		.catalog .container {min-width:300px !important; max-width:940px !important;}
		.catalog .container .section-header {font-size: 3rem;margin: 0px 20px;}
		.catalog .row {flex-direction: column !important;text-align:center;}
			.catalog .row.first {margin-top: 40px;}
			.catalog .catalog-item {margin: 10px auto;}
				.catalog .catalog-item .item-title {font-size: 2rem;}
		.catalog .btn-primary {display:none}

	
	.uslugi  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
		.uslugi .container {min-width:300px !important; max-width:940px !important;}
		.uslugi .container .section-header {font-size: 3rem;margin: 0px 20px;}
		.uslugi .row {flex-direction: column !important;margin:5px 10px;}
			.uslugi .row.first {margin-top: 40px;}
			.uslugi .uslugi-item {margin: 10px auto;}
				.uslugi .uslugi-item .item-title {font-size: 2rem;}
				.uslugi .uslugi-item .item-desc strong {font-size: 1.8rem;}
				.uslugi .uslugi-item .item-desc {width: 242px;font-size: 1.5rem;}
		.uslugi .btn-primary {display:none}
		
	.production,
	.details  {display:none}
	
	.question  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
			.question .container {min-width:300px !important; max-width:940px !important;}
			.question .container .section-header {font-size: 3rem;margin: 0px 20px;}	
			.question .ask-question .calc-title {max-height: 50px;}
		
	.guarantee  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
		.guarantee .container {min-width:300px !important; max-width:940px !important;}
		.guarantee .container .guarantee-inner{flex-direction: column !important;min-width:270px !important; max-width:940px !important; height: auto;margin: 0px 10px;padding:36px 26px 10px;}
		.guarantee-head span {font-size: 5.8rem;}
		.guarantee-head small {font-size: 4rem;}
		.guarantee-desc {width: initial;font-size: 1.6rem; line-height: 2rem;}
		.guarantee .container .section-header {font-size: 3rem;margin: 0px 20px;}
		
		.guarantee .btn {width: 290px;}
		
	.variants  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
		.variants .container {min-width:300px !important; max-width:940px !important;}
		.variants .row {flex-direction: column !important;margin:5px 10px;}
		.variants .block-flex-div {flex-direction: column !important;}
		.variants-item {width: auto; margin: 10px 0px;}
		.variants-item+.variants-item {margin-left: 0px;}
		.variants .container .section-header {font-size: 3rem;margin: 0px 20px;}
		
	.how-we-work  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
		.how-we-work .container {min-width:300px !important; max-width:940px !important;}
		.how-we-work .row {flex-direction: column !important;margin:5px 10px;}
		.how-we-work .block-flex-div {flex-direction: column !important;}
		.how-we-work-item {width: auto; margin: 10px 0px;}
		.how-we-work-item+.how-we-work-item {margin-left: 0px;}
		.how-we-work .container .section-header {font-size: 3rem;margin: 0px 20px;}
		
	.why-are-we  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
		.why-are-we .container {min-width:300px !important; max-width:940px !important;}
		.why-are-we .row {flex-direction: column !important;margin:5px 10px;}
		.why-are-we .block-flex-div {flex-direction: column !important;}
		.why-are-we-item {width: auto; margin: 10px 0px;}
		.why-are-we-item+.why-are-we-item {margin-left: 0px;}
		.why-are-we .container .section-header {font-size: 3rem;margin: 0px 20px;}
		

	
	.cases  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
		.cases .container {min-width:300px !important; max-width:940px !important;}
		
		.cases .container .section-header {font-size: 3rem;margin: 0px 20px;}
	
	.contacts  {min-width:300px !important; max-width:940px !important; padding: 35px 0 15px;}
		.contacts .container {min-width:300px !important; max-width:940px !important;}
		.contacts-inner {position:relative;width: auto;top: 0px;box-shadow:none;height: auto;}
		.contacts .container .section-header {font-size: 3rem;margin: 0px 20px;}	
		.contacts .contacts-title {font-size: 2.3rem;}	
		.contacts .contacts-desc {font-size: 2rem;}	
	
	
	.modal-info .close {top:8px;}
	.modal-info .modal-body { padding: 36px 5px 32px;}
	.modal-info .modal-dialog {min-width:300px !important; max-width:310px !important; margin:5px;} 
	.modal-info .body-image-wrapper,
	.modal-info .body-desc {min-width:270px !important; max-width:290px !important;border-radius: 0px;} 
	.modal-info .row {flex-direction: column !important;margin:5px 10px;} 
	.modal-info .body-title {font-size: 3rem;} 
	.modal-info .footer-cta small {font-size:2.5rem;}
	.modal-info .modal-footer {padding: 22px 10px 26px;} 
}