/*NIK*/

/*dop*/


ul.contact_item_vcard {
  padding-left: 0;
}

.slick-slide {text-align: center}
.slick-dotted.slick-slider {
    margin-top: -100px;
}

#scrollup {
    position: fixed;
    opacity: 0.9;

    right: 5px;
    bottom: 5px;
    display: none;
    cursor: pointer;

    float: right;
    min-height: 35px;
    padding: 14px 1px 12px;
    width: 59px;
    border: 1px solid #eb454c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}



#scrollup img {
    display: block;
    margin: 0 auto;
}

.vverh {
    margin: 8px 0 0;
    color: #eb454c;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}

.top_menu {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    z-index: 999;
}
.top_menu .table-cell {
    padding-top: 40px;
}

.top_menu .table-cell {vertical-align: middle}

.order_btm {
    width: 203px;
}
.contact_block {
    width: 240px;
}

.bt-1:hover {
    background: #f4af6b;
}

/*.logo_block img {
	margin-left: 70px;
}*/

.grey_block {
    background: rgba(239, 245, 248, 0.47)
}

.two_table {
    margin: 0 auto;
    padding-top: 20px;
    max-width: 1200px;
}
.two_table .left_cl{
    padding-right: 20px;
    border-right: solid 1px #4f4f4f;
    max-width: 400px;
}
.two_table .right_cl {
    padding-left: 20px;
    max-width: 400px;

}

.left_bl {
    padding-right: 20px;
}

.hide_tab {display: none}

.hide_400 {display: block}
.show_400 {display: none}


.rounded-rectangle-1-holder:hover {
    background-color: #4bb2f4;
    color: #fff;
}

.file {
    overflow: hidden;
    position: relative;
    cursor: pointer !important;
    vertical-align: bottom;
    text-align: center;
    text-decoration: underline;
}
.file input{
    cursor: pointer !important;
}


.form.form_two {max-width: 300px;}

.file [type=file] {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}


input[type="text"] {
    color: #787878;
    font-size: 18px;
    /*margin-right: 20px;*/
    background-color: inherit;
    border: 0;
    border-bottom: solid 1px #4f4f4f;
}
input[type="text"]::-webkit-input-placeholder {
    color: #787878;
    font-size: 18px;
    /*margin-right: 20px;*/
    border: 0;
}
input[type="text"]::-moz-placeholder {
    color: #787878;
    font-size: 18px;
    /*margin-right: 20px;*/
    border: 0;

}



.kov {
    position: absolute;
    width: 100px;
    z-index: -999;
    margin-top: -20px;
}

.kov_left {left: 0}
.kov_right {right: 0; margin-top: -60px;}

.tab_in_top_block {
    max-width: 1024px;
    padding-top: 40px;
}

.tab_in_top_block .table-cell{
    padding: 20px;
}

.tab_in_top_block .first {
    padding-left: 20px;
    border-right: solid 2px #fff;
}
.tab_in_top_block .second {
    padding-left: 20px;
    border-right: solid 2px #fff;
}

.form {
    margin: 0 auto;
    position: relative;
    /*padding-top: 30px;*/
    max-width: 600px;
}


#form-4 .file{cursor: pointer}
#form-5 .file{width: 200px; cursor: pointer; color: #f4af6b;}
#form-5 .text-9{color: #f4af6b;}

.rounded-rectangle-3-holder {text-align: center; margin-top: 20px;}

#form-5 input[type="text"]{color: #f4af6b;}
#form-5 input[type="text"]::-webkit-input-placeholder {
    color: #f4af6b;
}
#form-5 input[type="text"]::-moz-placeholder {
    color: #f4af6b;
}


#hid {
	opacity: 0;
	position: fixed;
	width: 100%;
	z-index: 1002;
}

#hid  .menu {top: 0; padding: 10px 0 10px 0;}

#all_tile #hid .menu_item {font-size: 0.8em;}

.menu {
	margin: 0 auto;
	display: block;
	min-height: 17px;
	padding: 38px 0 30px 0;
	z-index: 4;
	
	width: 100%;
	background: #f4af6b;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 70px;
}

.menu_item {
	cursor: pointer;
	padding-right: 40px;
	color: #fffefe;
    display: inline-block;
}

.menu_item:hover {
	color: #fff;
	text-decoration: underline;
}

	.bxslider .row {
		display: block;
		width: 100%;
	}
	.bx-viewport .left {
		display: block;
		width: 100% !important;
		height: auto;
	}
	.bx-viewport .right {
		display: block;
		width: 100% !important;
		height: auto;
	}
	.bx-viewport .cell {
		height: auto !important;
	}
	.four_plit {
		width: 49% !important;
		float: none !important;
		display: inline-block !important;
	}

	.slider {
		padding: 130px 0 16px;
		margin-top: -25px;
	}

	.slider .rectangle-4-holder {
		top: 108px;
	}




.promo-in,
.header-in,
.advantage-in,
.calc-in,
.use-in,
.catalog-in,
.example-in,
.delivery-in,
.pay-in,
.we-in,
.tech-in,
.cert-in,
.about-in,
.extra-in,
.contact-in,
.footer-in {
    max-width: 1024px;
    margin: 0 auto;
}

.form_input-send,
.header_order,
.calc_step_bt-start,
.calc_step_bt-add,
.calc_step_bt-arrow,
.example_slider_order,
.form_input,
.promo_item,
.header_logo,
.header_logo_link,
.header_logo_img,
.header_contact,
.header_contact_item,
.header_contact_item_link,
.header_order-w,
.advantage_item,
.advantage_item_title,
.calc_step_nav_item,
.calc_step-1_info_text,
.calc_step-1_info_img-w,
.c_step-1_info_img,
.calc_step-1_option,
.calc_step-1_option_label,
.calc_step-1_option_input-w,
.calc_step-1_option_input,
.calc_step_bt-w-add,
.calc_step_bt-w-arrow,
.calc_step-2_option_subtitle,
.calc_step-2_option_val,
.calc_step-2_option_radio_list,
.calc_step-2_option_radio,
.calc_step-2_part_info,
.calc_step-2_part_info_option,
.calc_step-2_part_img-w,
.use_item,
.use_item_info_order,
.catalog_tabs_nav_item,
.catalog_tabs_nav_item-in,
.example_slide_gallery,
.example_slide_gallery_item,
.example_slide_gallery_imglink,
.example_slide_gallery_img,
.example_slide_info,
.example_slide_info_review,
.example_slider_order-w,
.example_slider_nav,
.example_slider_nav_arrow,
.example_slider_nav_info,
.we_item_icon,
.we_item_title,
.cert_slide_link,
.extra_item,
.extra_item_info_order,
.contact_item,
.footer_col2,
.modal-review_author,
.modal-review_author_img,
.modal-review_info {
    display: inline-block;
    vertical-align: top
}

.advantage_h2,
.calc_h2,
.use_h2,
.catalog_h2,
.example_h2,
.we_h2,
.tech_h2,
.cert_h2,
.about_h2,
.extra_h2,
.contact_h2 {
    font: 700 40px 'Roboto', sans-serif;
    text-align: center
}

.form_input-send,
.header_order,
.calc_step_bt-start,
.calc_step_bt-add,
.calc_step_bt-arrow,
.example_slider_order {
    min-height: 19px;
    padding: 20px 0 17px;
    position: relative;
    width: 122px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 5px;
    background: #225f9d;
    border: solid 2px #225f9d;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}


.catalog_type {
    margin-bottom: 10px;
    /* height: 223px; */
}

.lstk_krovl_m1 {
    max-width: 1194px;
    width: 100%;
    background: url(images/lstk_m_1.jpg) no-repeat;
    margin: 0;
}
.lstk_krovl_m2 {
    max-width: 1194px;
    width: 100%;
    background: url(images/lstk_m_2.jpg) no-repeat;
    margin: 0;
}
.lstk_krovl_m3 {
    max-width: 1194px;
    width: 100%;
    background: url(images/lstk_m_3.jpeg) no-repeat;
    margin: 0;
}
.wood_krovl_m1 {
    max-width: 1194px;
    width: 100%;
    background: url(images/krov_m_1.png) no-repeat;
    margin: 0;
}
.wood_krovl_m2 {
    max-width: 1194px;
    width: 100%;
    background: url(images/krov_m_2.jpg) no-repeat;
    margin: 0;
}
.wood_krovl_m3 {
    max-width: 1194px;
    width: 100%;
    background: url(images/krov_m_3.jpg) no-repeat;
    margin: 0;
}
.wood_krovl_m4 {
    max-width: 1194px;
    width: 100%;
    background: url(images/krov_m_4.jpg) no-repeat;
    margin: 0;
}


.project_cart .logo_block p {
    display: none;
}

.project_cart .col {
    min-height: auto;
    float: none;
    padding: 0;
    margin: 0;
    position: absolute;
}

.project_cart .layer-1 {
    max-width: 60% !important;
}

.alignCenter {text-align: center}

.doma_banner {
    width: 43%;
    background-color: #1e6c45;
    margin: 10px;
    padding: 20px;
    display: inline-block;
}
.doma_banner.veresk {
    background: url(images/Veresk.jpeg) no-repeat;
    height: 381px;
}

.doma_banner .action {
    background-color: #b65d1d;
    color: #fff;
    border-radius: 2px;
    padding: 5px;
    display: inline-block;
    font-size: 26px !important;
    margin-top: 55%;
    text-align: left !important;
}
.doma_banner .dom_name {
    background-color: #005185;
    color: #fff;
    border-radius: 2px;
    padding: 5px;
    display: inline-block;
    font-size: 20px !important;
    margin-top: 10px;
    text-align: left !important;

}
.doma_banner .dom_price {
    background-color: #005185;
    color: #fff;
    border-radius: 2px;
    padding: 5px;
    display: inline-block;
    font-size: 20px !important;
    margin-top: 10px;
    text-align: left !important;
}


.catalog_type > p {
    padding-top: 180px;
}

.catalog__indoor__title__type {
    font-size: 25px;
    color: #000;
    line-height: 22px;
    /* padding-bottom: 13px; */
    /* cursor: pointer; */
    margin-bottom: 0;
}

.spoiler_shem .btn {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
}

.catalog_type > p > span {
    position: relative;
    display: block;
    background-color: #005185;
    min-height: 34px;
    color: #FFF;
    padding: 10px 0 0 18px;
    font-size: 24px;
    opacity: 0.8;
}

.catalog__indoor__text__type {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    padding: 7px 0 0 18px;
}

.text-36 b {font-weight: bold !important;}
.ferma b {font-weight: bold !important;}

.ferma {
    width: 730px;
    border-collapse: collapse;
    margin: 0 auto;
    margin-top: 20px;
}
.ferma .table-cell {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    border: solid 1px #225f9d;;
}

.ferma a {
    border-radius: 2px;
    background: #f4af6b;
    color: #225f9d !important;
    padding: 10px;
}

p b {
    font-weight: bold;
}


.price-item {
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.36);
    margin-bottom: 60px;
    width: 227px;
    height: 227px;
    overflow: hidden;
    font-size: 18px;
}

.price-item-desc {
    background: white;
    padding: 13px 0 15px 0;
    text-align: center;
    -webkit-transition: bottom 0.2s linear;
    transition: bottom 0.2s linear;
    position: absolute;
    margin-top: -61px;
    width: 227px;
}

.price-item .zakaz {
    width: 227px;
    position: absolute;
    margin-top: 0;
}

.price-item-price {
    font-weight: bold;
}

.price-items {
    padding: 11px 0 0;
    text-align: center;
    text-justify: newspaper;
    font-size: 0;
}

.icon_pic {
    float: left;
    width: 64px;
    padding-right: 15px;
    padding-bottom: 15px;
}


.long_f .form_input-send {
    width: 250px;
}

.form_input-send:hover,
.header_order:hover,
.calc_step_bt-start:hover,
.calc_step_bt-add:hover,
.calc_step_bt-arrow:hover,
.example_slider_order:hover {
    background: #ffffff;
    color: #225f9d;
}

.form_input-send:active,
.header_order:active,
.calc_step_bt-start:active,
.calc_step_bt-add:active,
.calc_step_bt-arrow:active,
.example_slider_order:active {
    background: #ffffff;
    top: 1px;
}


*::-moz-selection {
    background: #444;
    color: #fff
}

*::selection {
    background: #444;
    color: #fff
}

*::-moz-selection {
    background: #444;
    color: #fff
}



body .body-in {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: translateZ(0)
}


.nobr {
    white-space: nowrap
}

h1,
h2,
h3 {
    font-size: inherit;
    font-weight: inherit
}

input,
textarea {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.45);
    -webkit-transition: color .18s ease-in-out
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: rgba(0, 0, 0, 0.45);
    opacity: 1;
    -moz-transition: color .18s ease-in-out
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.45);
    opacity: 1;
    -moz-transition: color .18s ease-in-out
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.45);
    -ms-transition: color .18s ease-in-out
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent !important
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important
}

.form {
    position: relative
}

.form_item {
    margin: 25px auto 0;
    position: relative;
    text-align: center;
}

.form_item:first-child {
    margin-top: 0
}

.form_item-send {
    margin-top: 30px
}

.form_item-inline {
    display: inline-block;
    vertical-align: middle;
    width: 350px;
    margin: 0 0 0 30px
}

.form_item-inline:first-child {
    margin-left: 0
}

.form_label-text {
    display: block;
    font-size: 14px;
    line-height: 20px
}

.form_label-icon {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
    background-size: 300% 100%;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: .5
}

.form_label-icon-tel {
    background-position: -100% 0
}

.form_label-icon-mail {
    background-position: -200% 0
}

/*.form_input {
    width: 100%;
    padding: 14px 15px 14px 50px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px rgba(51, 51, 51, 0.45), inset 0 0 0 2px rgba(0, 166, 82, 0);
    font: 16px 'Roboto', sans-serif;
    color: #333;
    text-align: left;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.form_input:focus {
    box-shadow: inset 0 0 0 2px rgba(51, 51, 51, 0), inset 0 0 0 2px #f4af6b
}*/


.form_input.invalid {
    box-shadow: inset 0 0 0 2px rgba(51, 51, 51, 0), inset 0 0 0 2px red
}

.form_input-message {
    height: 90px;
    resize: none
}

.form_item-send {
    text-align: center
}

.form_input-send {
    cursor: pointer
}

.form .error {
    width: 200px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 5px;
    background: red;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.45);
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    white-space: pre;
    position: absolute;
    left: 0;
    right: 0;
    top: -41px;
    z-index: 3
}

.form .error:before {
    content: '';
    width: 0;
    height: 0;
    margin: auto;
    border-left: 7px solid transparent;
    border-top: 7px solid red;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    z-index: 1
}

.modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: fixed;
    left: -9999px;
    top: 0;
    z-index: -9999;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.modal.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);


}

.modal-in {
    width: 300px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translate(0, -70px);
    transform: translate(0, -70px);
    -webkit-transition: opacity .18s linear, -webkit-transform .18s linear;
    transition: opacity .18s linear, -webkit-transform .18s linear;
    transition: opacity .18s linear, transform .18s linear;
    transition: opacity .18s linear, transform .18s linear, -webkit-transform .18s linear
}

.modal.active .modal-in {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background: #fff;


}

.modal-in-scroll {
    max-height: 80%;
    overflow: auto
}

.modal-1 {
    background: rgba(0, 30, 60, 0.7);
}

.modal-1 .modal-in {
    background: #fff
}

.modal-1 .modal-in {
    width: 430px;
    padding: 40px 0;
    border-radius: 10px;
    box-shadow: 0 0 0 3px #225f9d, 0 0 25px 0 rgba(0, 0, 0, 0.35);
    margin: auto
}

@media (max-width: 479px) {
    .modal-1 .modal-in {
        width: 300px;
        width: 100%
    }
}

.modal-1_header {
    margin: 0 60px;
    font-size: 24px;
    text-align: center;
    line-height: 110%
}

.modal-1_form {
    margin: 30px 100px 0
}

.modal-1_form .form_label-text {
    text-align: left
}

.modal-success .modal-in {
    width: 500px;
    padding: 30px 20px 25px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.35)
}

@media (max-width: 479px) {
    .modal-success .modal-in {
        width: 300px;
        width: 100%
    }
}

.modal-success_header {
    text-align: center
}

.modal-success_text {
    margin-top: 20px
}

.modal_close,
.modal_close-lightbox {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 11;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.modal_close_line,
.modal_close-lightbox_line {
    width: 25px;
    height: 2px;
    margin: auto;
    background: #225f9d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.modal_close_line-2,
.modal_close-lightbox_line-2 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal_close:before,
.modal_close-lightbox:before {
    content: '';
    width: 39px;
    height: 39px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #225f9d;
    position: absolute;
    left: -7px;
    top: -7px
}

@media (max-width: 479px) {
    .modal_close,
    .modal_close-lightbox {
        right: 10px;
        top: 10px
    }
    .modal_close_line,
    .modal_close-lightbox_line {
        width: 20px
    }
}

body:after {
    content: url(img/loading.gif);
    display: none
}

.lightboxOverlay {
    opacity: .8;
    display: none;
    width: 100% !important;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    width: 250px;
    height: 250px;
    margin: auto;
    background: #fff;
    position: relative;
    *zoom: 1
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 5px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: url(img/loading.gif) no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2.5),
only screen and (min-resolution: 240dpi) {
    .lb-cancel {
        background: url(img/loading@2x.gif);
        background-size: 39px auto
    }
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font: 16px 'Open Sans', Sans-serif;
    color: #fff
}

.lb-data .lb-number {
    display: none !important;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999
}

.lightbox_nav_arrow {
    width: 25px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 11;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.lightbox_nav_arrow-left {
    left: 20px
}

.lightbox_nav_arrow-right {
    right: 20px
}

.lightbox_nav_arrow_line {
    width: 25px;
    height: 2px;
    margin: auto;
    background: #f4af6b;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    left: 0;
    right: 0
}

.lightbox_nav_arrow_line-2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.lightbox_nav_arrow-left .lightbox_nav_arrow_line-1 {
    top: 0
}

.lightbox_nav_arrow-left .lightbox_nav_arrow_line-2 {
    bottom: 0
}

.lightbox_nav_arrow-right .lightbox_nav_arrow_line-1 {
    bottom: 0
}

.lightbox_nav_arrow-right .lightbox_nav_arrow_line-2 {
    top: 0
}

.lightbox_nav_arrow:before {
    content: '';
    position: absolute;
    left: -20px;
    right: -20px;
    top: -50px;
    bottom: -50px
}

.lightbox_nav_arrow:hover {
    color: #f4af6b
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;

}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;

    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    transition: scale 100ms ease
}



.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.promo {
    background: url(img/promo-bg.jpg) 50% 0 no-repeat;
    background-size: cover;
    overflow: hidden
}

.promo-in {
    padding: 0 0 100px
}

.promo_h2 {
    margin-top: 75px;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px
}

.promo_h2-color {
    display: inline-block;
    border-bottom: 2px solid #f4af6b;
    color: #f4af6b;
    line-height: 100%
}

.promo_list {
    margin-top: 45px
}

.promo_item {
    margin-left: 12px;
    padding: 0 0 0 28px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.promo_item:before {
    content: '';
    width: 16px;
    height: 11px;
    margin: auto;
    background: url(img/promo-list-item-divider.png);
    background: url(img/promo-list-item-divider.svg);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.promo_item:first-child {
    margin-left: 0;
    padding-left: 0
}

.promo_item:first-child:before {
    display: none
}

.promo_item-2 {
    -webkit-transition: all .5s linear .5s;
    transition: all .5s linear .5s
}

.promo_item-3 {
    -webkit-transition: all .5s linear 1s;
    transition: all .5s linear 1s
}

.promo_item-4 {
    -webkit-transition: all .5s linear 1.5s;
    transition: all .5s linear 1.5s
}

.promo_item-5 {
    -webkit-transition: all .5s linear 2s;
    transition: all .5s linear 2s
}

.promo_item-6 {
    -webkit-transition: all .5s linear 2.5s;
    transition: all .5s linear 2.5s
}


.jsYes .promo_item {
    opacity: 0;
    -webkit-transform: translate(1000px, 0);
    transform: translate(1000px, 0)
}

.jsYes #promo.animation .promo_item {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.promo_form-w {
    width: 710px;
    margin: 75px auto 0;
    padding: 60px 30px 50px;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #f4af6b;
    background: #fff;
    text-align: center;
    position: relative
}

.promo_form_note {
    font-size: 20px;
    font-weight: 700;
    color: #1e6c45;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px
}

.promo_form_note-in {
    display: inline-block;
    padding: 6px 30px;
    position: relative;
    z-index: 1
}

.promo_form_note-in:before {
    content: '';
    width: 100%;
    height: 100%;
    margin: auto;
    background: #a8eda4;
    -webkit-transform: skew(-30deg, 0);
    transform: skew(-30deg, 0);
    position: absolute;
    left: -50px;
    right: -50px;
    top: -50px;
    bottom: -50px;
    z-index: -1
}

.promo_form_title {
    font-size: 20px;
    font-weight: 700
}

.promo_form {
    margin-top: 30px
}

.promo_form .form_item {
    width: 300px;
    margin: 0 15px
}

.promo_form_footer {
    margin: 7px 0 0 330px;
    font-size: 12px
}

.header_logo {
    width: 200px;
    padding: 18px 0 10px
}

.header_logo_img {
    width: 135px
}

.header_contact {
    width: 740px;
    margin: 0 30px;
    padding: 40px 0 10px;
    text-align: center
}

.header_contact_item {
    margin: 0 0 0 80px
}

.header_contact_item:first-child {
    margin-left: 0
}

.header_contact_item_link {
    padding: 0 0 0 35px;
    font-weight: 700;
    position: relative
}

.header_contact_item_link:before {
    content: '';
    width: 25px;
    height: 25px;
    margin: auto;
    background: url(img/header-contact-icon.png);
    background: url(img/header-contact-icon.svg);
    background-size: 200% 100%;
    position: absolute;
    left: 5px;
    top: 0
}

.header_contact_item_link-small {
    font-size: 12px;
    font-weight: 400
}

.header_contact_item_link-2:before {
    background-position: -100% 0
}

.header_order-w {
    width: 200px;
    padding: 30px 0 10px;
    text-align: right
}

.header_order {
    padding: 9px 25px
}

.advantage {
    background: #f4af6b;
    color: #fff
}

.advantage-in {
    padding: 20px 0
}

.advantage_item {
    width: 370px;
    margin: 15px 15px 0;
    text-align: center
}

.advantage_item_icon {
    width: 140px;
    height: 120px;
    margin: auto;
    background: url(img/advantage-item-icon.png)
}

.advantage_item_icon-2 {
    background-position: -100% 0
}

.advantage_item_icon-3 {
    background-position: -200% 0
}

.advantage_item_icon-4 {
    background-position: -300% 0
}

.advantage_item_icon-5 {
    background-position: -400% 0
}

.advantage_item_icon-6 {
    background-position: -500% 0
}

.advantage_item_title {
    /*margin: 20px 0 0;*/
    padding: 15px 0 0;
    font-size: 20px;
    line-height: 30px;
    position: relative
}

.advantage_item_title:before {
    content: '';
    width: 30px;
    height: 2px;
    margin: auto;
    background: #aaffa4;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.advantage_item_title sup {
    font-size: 13px;
    line-height: 0
}

.calc {
    background: url(img/calc-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.calc-in {
    padding: 100px 0
}

.calc_subtitle {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.calc_steps {
    width: 700px;
    margin: 70px auto 0;
    padding: 35px 35px 0;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #f4af6b;
    background: #fff
}

.calc_step {
    display: block;
    position: absolute;
    left: -9999px
}

.calc_step.active {
    position: relative;
    left: 0
}

.calc_step_title {
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.calc_step_nav {
    margin-top: 20px;
    padding: 20px 0;
    text-align: center
}

.calc_step_nav_item {
    margin: 0 25px;
    padding: 6px 30px;
    font-size: 20px;
    font-weight: 700;
    color: rgba(51, 51, 51, 0.5);
    position: relative;
    z-index: 1
}

.calc_step_nav_item:before,
.calc_step_nav_item:after {
    content: '';
    margin: auto;
    background: #ececec;
    position: absolute;
    top: -50px;
    bottom: -50px;
    z-index: -1
}

.calc_step_nav_item:before {
    width: 100%;
    height: 100%;
    -webkit-transform: skew(-30deg, 0);
    transform: skew(-30deg, 0);
    left: -50px;
    right: -50px
}

.calc_step_nav_item:after {
    width: 55px;
    height: 3px;
    right: -52px
}

.calc_step_nav_item:last-child:after {
    display: none
}

.calc_step_nav_item.active {
    color: #1e6c45
}

.calc_step_nav_item.active:before,
.calc_step_nav_item.active:after {
    background: #a8eda4
}

.calc_step-1_info_text {
    vertical-align: middle;
    width: 380px
}

.calc_step-1_info_img-w {
    vertical-align: middle;
    width: 280px;
    margin-left: 40px
}

.calc_step_subtitle {
    margin-top: 25px;
    font-size: 20px;
    font-weight: 700
}

.calc_step-1_options-w {
    margin-top: 35px
}

.calc_step-1_options {
    margin-top: 20px
}

.calc_step-1_option {
    /* margin-left: 70px; */
    display: inline-block;
    text-align: left;
    width: 50%;
    margin: 15px 0 0;
}

.calc_step-1_option:first-child {
    margin-left: 0
}

.calc_step-1_option_label {
    vertical-align: middle
}

.calc_step-1_option_input-w {
    vertical-align: middle;
    width: 100px;
    margin-left: 10px
}

.calc_step-1_option_input {
    width: 100%;
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #8c8c8c;
    font: 16px 'Roboto', sans-serif;
    text-align: left;
    background: #fff;
}

.calc_step-1_option_input:focus {
    box-shadow: inset 0 0 0 2px #f4af6b
}

.calc_step_bt-w-start {
    margin-top: 30px;
    text-align: center
}

.calc_step_bt-w-add {
    width: 50%;
    margin-top: 40px
}

.calc_step_bt-w-arrow {
    width: 50%;
    margin-top: 40px
}

.calc_step_bt-w-arrow-next {
    text-align: right
}

.calc_step_bt-start {
    width: 300px
}

.calc_step_bt-arrow {
    box-shadow: inset 0 0 0 3px #f4af6b;
    background: #fff;
    color: #f4af6b;
    position: relative
}

.calc_step_bt-arrow:before {
    content: '';
    width: 30px;
    height: 20px;
    margin: auto;
    background: url(img/calc-step-bt-arrow.png);
    background: url(img/calc-step-bt-arrow.svg);
    background-size: 200% 200%;
    position: absolute;
    top: 0;
    bottom: 0
}

.calc_step_bt-arrow:hover {
    background: #f4af6b;
    color: #fff;
    background-position-y: -100%
}

.calc_step_bt-arrow-prev {
    padding-right: 65px;
    padding-left: 100px
}

.calc_step_bt-arrow-prev:hover:before {
    background-position: 0 -100%
}

.calc_step_bt-arrow-prev:before {
    left: 65px
}

.calc_step-4 .calc_step_bt-arrow-prev {
    margin: 0 40px 30px;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 166, 82, 0.5);
    box-shadow: none;
    line-height: 20px;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.calc_step-4 .calc_step_bt-arrow-prev:before {
    left: -40px
}

.calc_step-4 .calc_step_bt-arrow-prev:hover {
    border-bottom: 1px solid rgba(0, 166, 82, 0);
    background: #fff;
    color: #f4af6b
}

.calc_step-4 .calc_step_bt-arrow-prev:hover:before {
    background-position: 0 0
}

.calc_step_bt-arrow-next {
    padding-right: 100px;
    padding-left: 65px
}

.calc_step_bt-arrow-next:hover:before {
    background-position: -100% -100%
}

.calc_step_bt-arrow-next:before {
    background-position: -100% 0;
    right: 60px
}

.calc_step-2_option {
    display: block;
    margin-top: 30px
}

.calc_step-2_option:first-child {
    margin-top: 0
}

.calc_step-2_option_subtitle {
    min-width: 160px;
    font-size: 20px;
    font-weight: 700
}

.calc_step-2_option_val {
    margin-left: 15px
}

.calc_step-2_option_radio_list {
    margin-left: 15px
}

.calc_step-2_option_radio_item {
    display: block
}

.calc_step-2_option_radio {
    padding: 0 0 0 25px;
    position: relative
}

.calc_step-2_option_radio:before {
    content: '';
    width: 16px;
    height: 16px;
    margin: auto;
    border-radius: 100%;
    box-shadow: inset 0 0 0 2px #8c8c8c, inset 0 0 0 4px #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.calc_step-2_option_radio.active:before {
    background: #f4af6b;
    box-shadow: inset 0 0 0 2px #f4af6b, inset 0 0 0 4px #fff
}

.calc_step-2_option_variant_list {
    margin-top: 15px
}

.calc_step-2_option_variant_item {
    display: block;
    margin-top: 20px;
    padding: 9px 15px;
    background: #ececec
}

.calc_step-2_option_variant_item:first-child {
    margin-top: 0
}

.calc_step-2_option_variant_item-strong {
    font-weight: 700
}

.calc_step-2_part_list {
    margin-top: 20px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd
}

.calc_step-2_part_item {
    display: block;
    padding: 15px 0;
    border-top: 1px solid #cdcdcd
}

.calc_step-2_part_item:first-child {
    border-top: 0
}

.calc_step-2_part_info {
    vertical-align: middle;
    width: 330px
}

.calc_step-2_part_info_title {
    font-size: 20px;
    font-weight: 700
}

.calc_step-2_part_info_options {
    margin: 0 -10px
}

.calc_step-2_part_info_option {
    margin: 4px 10px 18px;
    font-weight: 700;
    line-height: 20px;
    display: block;

}

.calc_step-2_part_img-w {
    vertical-align: middle;
    width: 330px;
    margin-left: 40px
}

.calc_step-3_subtitle {
    margin-top: 40px;
    font-size: 20px;
    font-weight: 700
}

.calc_step-3_subtitle:first-child {
    margin-top: 0
}

.calc_step-3_subtitle-strong {
    color: #1e6c45
}

.calc_step-3_table {
    width: 100%;
    margin-top: 15px;
    background: #ececec;
    font-weight: 700;
    text-align: center
}

.calc_step-3_table_row {
    border-top: 1px solid #bfbfbf
}

.calc_step-3_table_row:first-child {
    border-top: 0
}

.calc_step-3_table_col {
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    padding: 9px
}

.calc_step-3_table_row:first-child .calc_step-3_table_col {
    border-top: 0
}

.calc_step-3_table_col:first-child {
    border-left: 0
}

.calc_step-4_title {
    padding: 125px 0 18px;
    border-bottom: 1px solid #cdcdcd;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    position: relative
}

.calc_step-4_title:before {
    content: '';
    width: 80px;
    height: 80px;
    margin: auto;
    background: url(img/calc-step-4-title-icon.png);
    background: url(img/calc-step-4-title-icon.svg);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 25px
}

.calc_step-4_form_title {
    margin: 30px auto 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.calc_step-4_form {
    margin: 25px auto 0;
    width: 230px
}

.use {
    background: #f4af6b;
    color: #fff
}

.use-in {
    padding: 100px 0
}

.use_list {
    margin-top: 70px
}

.use_item {
    width: 270px;
    margin: 0 0 0 40px;
    padding: 0 0 100px;
    position: relative;
    overflow: hidden
}

.use_item:first-child {
    margin-left: 0
}

.use_item_img {
    display: block;
    width: 100%
}

.use_item_info {
    background: #1e6c45;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.use_item:hover .use_item_info {
    bottom: 0
}

.use_item_info_title {
    padding: 20px 10px;
    line-height: 150%
}

.use_item_info_order-w {
    padding: 0 10px 10px;
    line-height: 20px
}

.use_item_info_order {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.use_item_info_order:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.catalog {
    background: #f5f0e9 url(img/catalog-bg.jpg) 50% 0
}

.catalog-in {
    padding: 100px 0
}

.catalog_subtitle {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.catalog_form-w {
    margin-top: 70px;
    padding: 60px 0 70px;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #f4af6b;
    background: #fff;
    text-align: center
}

.catalog_form {
    margin-top: 15px
}

.catalog_form .form_item {
    width: 230px
}

.catalog_form_title {
    font-size: 20px;
    font-weight: 700
}

.catalog_tabs-w {
    margin-top: 60px
}

.catalog_tabs_nav {
    margin: 0 60px
}

.catalog_tabs_nav_item {
    margin: 0 10px;
    padding: 12px 35px;
    border: 1px solid rgba(204, 204, 204, 0);
    border-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer
}

.catalog_tabs_nav_item.active {
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #fff;
    color: #f4af6b
}

.catalog_tabs_nav_item-in {
    border-bottom: 2px dotted #333
}

.catalog_tabs_nav_item.active .catalog_tabs_nav_item-in {
    border-bottom: 2px dotted transparent
}

.catalog_tabs {
    padding: 0 35px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ccc;
    background: #fff
}

.catalog_tabs_topnote {
    padding: 55px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

.catalog_tabs_topnote_link {
    display: inline-block;
    color: #f4af6b
}

.catalog_tab {
    display: table;
    width: 100%;
    text-align: center;
    position: absolute;
    left: -9999px
}

.catalog_tab.active {
    position: relative;
    left: auto
}

.catalog_tab_row {
    display: table-row
}

.catalog_tab_col {
    display: table-cell;
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    vertical-align: middle
}

.catalog_tab_col:first-child {
    border-left: 0
}

.catalog_tab_row-head .catalog_tab_col {
    padding: 18px 10px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 0;
    background: #ececec;
    font-size: 16px;
    color: #838383;
    line-height: inherit;
    text-transform: uppercase
}

.catalog_tab_col-subtitle {
    font-size: 16px;
    color: #f4af6b;
    text-transform: uppercase
}

.catalog_tabs_footnote {
    margin: 0 65px;
    padding: 50px 0
}

.example {
    margin: 0 auto;
    max-width: 1024px;
}




.example_slider-w {
    width: 900px;
    margin: 20px auto 0;
   /* padding: 30px 0 25px;
    border-radius: 5px;
    box-shadow: 0 0 0 2px #225f9d*/
}

.example_slide_gallery {
    width: 370px;
    margin: 0 30px 0 60px;
    padding: 2px 0
}

.example_slide_gallery_item {
    width: 76px;
    margin: 20px 0 0 22px
}

.example_slide_gallery_item:first-child+* {
    margin-left: 0
}

.example_slide_gallery_item:first-child+*+*+*+*+* {
    margin-left: 0
}

.example_slide_gallery_item:nth-child(4n+2) {
    margin-left: 0
}

.example_slide_gallery_item-index {
    display: block;
    width: 100%;
    margin: auto
}

.example_slide_gallery_item-index:hover {
    box-shadow: none
}

.example_slide_gallery_imglink {
    width: 100%;
    box-shadow: 0 0 0 2px rgba(0, 166, 82, 0);
    background: #000;
    position: relative;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.example_slide_gallery_imglink:before {
    opacity: 0;
    content: '';
    width: 35px;
    height: 35px;
    margin: auto;
    background: url(img/zoom-icon.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: opacity .18s linear;
    transition: opacity .18s linear
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2.5),
only screen and (min-resolution: 240dpi) {
    .example_slide_gallery_imglink:before {
        background-image: url(img/zoom-icon@2x.png)
    }
}

.example_slide_gallery_imglink:hover {
    box-shadow: 0 0 0 2px #f4af6b
}

.example_slide_gallery_imglink:hover:before {
    opacity: 1
}

.example_slide_gallery_imglink:hover img {
    opacity: 0.6
}

.example_slide_gallery_img {
    width: 100%;
    -webkit-transition: opacity .18s linear;
    transition: opacity .18s linear
}

.example_slide_info {
    width: 300px;
    line-height: 20px;
    background-color: #fff;
    padding: 20px;

    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    border-left: solid 2px #f4af6b;
    margin-left: 20px;
}

.example_slide_info_text {
    margin: 0 15px;

}

.otzyv_slide_info {
    line-height: 20px;
    padding: 30px 60px;
}

#otzyv {
    margin-top: 70px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

}

.example_slide_info p {
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform: skew(15deg);
}


.example_slide_info_title {
    font-weight: 700;
    text-transform: uppercase;
    color: #225f9d;
}

.hide_me {
    display: none;
    width: 380px;
    margin-top: 50px;
    text-align: center

}

.example_slide_info_subtitle {
    margin-top: 20px;
    font-weight: 700
}

.example_slide_info_item {
    display: block
}

.example_slide_info_item:before {
    content: ' - '
}

.example_slide_info_review-w {
    margin-top: 40px
}

.example_slide_info_review {
    border-bottom: 1px solid rgba(0, 102, 153, 0.5);
    color: #069;
    line-height: 16px;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.example_slide_info_review:hover {
    border-bottom: 1px solid #f4af6b;
}

.example_slider_order-w {
    width: 370px;
    /*margin: 50px 30px 0 60px*/
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}

.example_slider_order {
    width: 100%
}

.example_slider_nav {
    width: 380px;
    text-align: center;
    position: absolute;
    right: 0;
    /*top: 100px;*/
    z-index: 2;
}
.otzyv_slider_nav {
    width: 87px;
    left: 50%;
    margin-left: -43.5px;

    text-align: left;
    position: absolute;
    right: 0;
    margin-top: 10px;
}


.arr {
    display: inline-block;
    background-color: #fff;
    padding: 20px 10px;
    width: 9px;
    height: 14px;
    margin: 0 5px;
}

.otzyv_slide_info p {
    margin-top: 15px;
    font-style: italic;
}

.otzyv_slide_info .auth {
    color: #fff;
    font-weight: bold;
    font-style: normal;
}


.arr:hover {
    text-align: center;
}


.example_slider_nav_arrow-right
{
    background: url(images/vector_smart_object_copy__3.png) no-repeat;
    background-position: 50% 50%;
    background-color: #f4af6b;
    border: solid 1px #f4af6b;


}
.example_slider_nav_arrow-left
{
    background: url(images/vector_smart_object_copy__3_l.png) no-repeat;
    background-position: 50% 50%;
    background-color: #f4af6b;
    border: solid 1px #f4af6b;
}

.example_slider_nav_arrow-right:hover
{
    background: url(images/vector_smart_object_copy__4_r.png) no-repeat;
    background-color: #225f9d;
    background-position: 50% 50%;



}

.example_slider_nav_arrow-left:hover
{
    background: url(images/vector_smart_object_copy__4.png) no-repeat;
    background-color: #225f9d;
    background-position: 50% 50%;



}

.otzyv_slider_nav_arrow-right
{
    background: url(images/vector_smart_object_copy__3.png) no-repeat;
    background-position: 50% 50%;
    background-color: #f4af6b;
    border: solid 1px #f4af6b;


}
.otzyv_slider_nav_arrow-left
{
    background: url(images/vector_smart_object_copy__3_l.png) no-repeat;
    background-position: 50% 50%;
    background-color: #f4af6b;
    border: solid 1px #f4af6b;
}

.otzyv_slider_nav_arrow-right:hover
{
    background: url(images/vector_smart_object_copy__4_r.png) no-repeat;
    background-color: #225f9d;
    background-position: 50% 50%;



}

.otzyv_slider_nav_arrow-left:hover
{
    background: url(images/vector_smart_object_copy__4.png) no-repeat;
    background-color: #225f9d;
    background-position: 50% 50%;



}




.example_slider_nav_info {
    margin: 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 54px
}

.example_slider_nav_info_text {
    display: inline-block
}

.delivery {
    background: url(img/delivery-bg.jpg) 50% 0 no-repeat;
    background-size: cover;
    overflow: hidden
}

.delivery-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 600px;
    height: 340px;
    padding: 20px 600px 20px 0;
    position: relative
}

.delivery_h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.delivery_subtitle {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px
}

.delivery_img {
    display: block;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.jsYes .delivery_img {
    opacity: 0;
    -webkit-transform: translate(1000px, 0);
    transform: translate(1000px, 0)
}

.jsYes #delivery.animation .delivery_img {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.pay {
    background: url(img/pay-bg.jpg) 50% 0 no-repeat;
    background-size: cover;
    overflow: hidden
}

.pay-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 600px;
    height: 380px;
    padding: 20px 0 20px 600px;
    position: relative
}

.pay_h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.pay_subtitle {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px
}

.pay_img {
    display: block;
    margin: auto;
    position: absolute;
    left: 50px;
    top: 0;
    bottom: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.jsYes .pay_img {
    opacity: 0;
    -webkit-transform: translate(-1000px, 0);
    transform: translate(-1000px, 0)
}

.jsYes #pay.animation .pay_img {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.we {
    background: url(img/we-bg.jpg) 50% 0 no-repeat;
    color: #fff
}

.we-in {
    padding: 100px 0 150px
}

.we_info {
    width: 1120px;
    margin: 110px auto 0
}

.we_subtitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.we_p {
    margin-top: 20px;
    line-height: 20px
}

.we_list {
    margin-top: 60px
}

.we_item {
    display: block;
    margin-top: 20px
}

.we_item_icon {
    width: 50px;
    height: 50px;
    background: url(img/we-item-icon.png);
    background: url(img/we-item-icon.svg);
    background-size: 300% 100%
}

.we_item_icon-2 {
    background-position: -100% 0
}

.we_item_icon-3 {
    background-position: -200% 0
}

.we_item_title {
    margin-left: 15px;
    font-size: 20px;
    line-height: 30px
}

.we_form-w {
    margin: 110px 50px 0;
    color: #333;
    text-align: center
}

.we_form_title {
    font-size: 20px;
    font-weight: 700
}

.we_form {
    margin-top: 30px
}

.we_form .form_item {
    width: 230px;
    margin: 0 15px
}

.tech-in {
    padding: 100px 0
}

.tech_subtitle {
    margin-top: 5px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 30px
}

.tech_list-w {
    padding: 0 0 0 600px;
    position: relative
}

.tech_list_img {
    margin: 60px auto 0;
    position: absolute;
    left: 100px;
    top: 0
}

.tech_list {
    padding: 70px 0
}

.tech_item {
    display: block;
    margin-top: 40px;
    position: relative;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.tech_item:first-child {
    margin-top: 0
}

.tech_item-2 {
    -webkit-transition: all .5s linear .5s;
    transition: all .5s linear .5s
}

.tech_item-3 {
    -webkit-transition: all .5s linear 1s;
    transition: all .5s linear 1s
}

.jsYes .tech_item {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px)
}

.jsYes #tech.animation .tech_item {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.tech_item_arrow {
    width: 170px;
    height: 80px;
    margin: auto;
    background: url(img/tech-list-arrow.png);
    position: absolute;
    left: -180px
}

.tech_item_arrow-1 {
    top: -18px
}

.tech_item_arrow-2 {
    background-position: -100% 0;
    top: 10px
}

.tech_item_arrow-3 {
    background-position: -200% 0;
    top: 8px
}

.tech_item_title {
    font-size: 20px;
    line-height: 30px
}

.cert {
    background: #f4af6b;
    color: #fff
}



.cert_slider-w {
    margin-top: 40px;
    padding: 0 75px;
    text-align: center;
    position: relative
}

.cert_slide {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cert_slide_link {
    width: 100%;
    background-color: #fff;
}

.cert_slide_img-w {
    display: block;
    width: 160px;
    margin: 35px auto 0;
    background: #000;
    position: relative
}

.swiper-slide-active .cert_slide_img-w {
    width: 210px;
    margin: auto
}

.swiper-slide-prev .cert_slide_img-w {
    width: 185px;
    margin: 18px auto 0 0
}

.swiper-slide-next .cert_slide_img-w {
    width: 185px;
    margin: 18px 0 0 auto
}

.cert_slide_img-w:before {
    opacity: 0;
    content: '';
    width: 35px;
    height: 35px;
    margin: auto;
    background: url(img/zoom-icon.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: opacity .18s linear;
    transition: opacity .18s linear
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2.5),
only screen and (min-resolution: 240dpi) {
    .cert_slide_img-w:before {
        background-image: url(img/zoom-icon@2x.png)
    }
}

.cert_slide_img-w:hover:before {
    opacity: 1
}

.cert_slide_img-w:hover img {
    opacity: 0.7
}

.cert_slide_img {
    display: block;
    width: 160px;
    margin: 35px auto 0;
    -webkit-transition: opacity .18s linear;
    transition: opacity .18s linear
}

.swiper-slide-active .cert_slide_img {
    width: 210px;
    margin: auto
}

.swiper-slide-prev .cert_slide_img {
    width: 185px;
    margin: 18px auto 0 0
}

.swiper-slide-next .cert_slide_img {
    width: 185px;
    margin: 18px 0 0 auto
}

.swiper-slide-active {
    background-color: #225f9d!important;
}

.top_menu .order {display: block !important;}
#example .order {display: block !important;}
#example .swiper-slide-active {
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top: 60px;
}

.swiper-slide-active {
    background-color: #225f9d!important;
}

.swiper-slide-active .text-33 {display: block}
.swiper-slide-active .order {display: block !important;}


.cert_slide_title {
    display: block;
    min-height: 40px;
    margin-top: 15px;
    font-size: 14px;
    color: #225f9d;
    line-height: 20px;
    -webkit-transition: border .18s linear;
    transition: border .18s linear
}

.cert_slide_link:hover .cert_slide_title {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.swiper-slide-prev .cert_slide_title {
    width: 185px;
    margin: 15px auto 0 0
}

.swiper-slide-next .cert_slide_title {
    width: 185px;
    margin: 15px 0 0 auto
}

.cert_slider_arrow {
    width: 40px;
    height: 40px;
    margin: auto;
    background: url(img/cert-slider-arrow.png);
    background: url(img/cert-slider-arrow.svg);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: .8;
    -webkit-transition: opacity .18s linear;
    transition: opacity .18s linear
}

.cert_slider_arrow-left {
    left: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cert_slider_arrow-right {
    background-position: -100% 0;
    right: 30px
}

.cert_slider_arrow:hover {
    opacity: 1
}

.about {
    background: url(img/about-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.about-in {
    padding: 100px 0
}

.about_info {
    margin: 65px 0 0 600px;
    font-size: 20px;
    line-height: 30px
}

.about_info_p {
    margin-top: 30px
}

.about_info_p:first-child {
    margin-top: 0
}

.about_info_link {
    display: inline-block;
    line-height: 20px;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.about_info_link-tel {
    border-bottom: 1px solid rgba(0, 166, 82, 0.5);
    color: #f4af6b
}

.about_info_link-tel:hover {
    border-bottom: 1px solid rgba(0, 166, 82, 0)
}

.about_info_link-contact {
    border-bottom: 1px solid rgba(0, 102, 153, 0.5);
    color: #069
}

.about_info_link-contact:hover {
    border-bottom: 1px solid rgba(0, 102, 153, 0)
}

.extra {
    background: #f2eee9
}

.extra-in {
    padding: 100px 0
}

.extra_list {
    margin-top: 70px;
    color: #fff
}

.extra_item {
    width: 376px;
    margin: 0 0 0 36px;
    padding: 0 0 60px;
    box-shadow: 0 0 0 1px #ccc;
    position: relative;
    overflow: hidden
}

.extra_item:first-child {
    margin-left: 0
}

.extra_item_img {
    display: block;
    width: 100%
}

.extra_item_info {
    background: #f4af6b;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.extra_item:hover .extra_item_info {
    bottom: 0
}

.extra_item_info_title {
    padding: 20px 10px;
    line-height: 20px
}

.extra_item_info_order-w {
    padding: 0 10px 10px;
    line-height: 20px
}

.extra_item_info_order {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.extra_item_info_order:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.contact-in {
    padding: 100px 0 0
}

.contact_list {
    margin: 70px auto -185px;
    position: relative;
    z-index: 2
}

.contact_item {
    width: 173px;
    margin-left: 20px;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ccc;
    background: #fff;
    cursor: pointer
}

.contact_item:first-child {
    margin-left: 0
}

.contact_item.active {
    box-shadow: 0 0 0 2px #f4af6b
}

.contact_item_vcard_item {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px
}

.contact_item_vcard_item:first-child {
    margin-top: 0
}

.contact_item_vcard_text-fn {
    font-weight: 700;
    text-transform: uppercase;
    color:#225f9d;
}

.contact_item_vcard_link {
    display: block;
    text-decoration: none;
    color: #000000;
}

.contact_item_vcard_link-tel {
    font-size: 16px;
    font-weight: 700
}

.contact_item_vcard_link-mail {
    font-weight: 700
}

.contact_map {
    height: 600px;
    background: #f4f0d3
}

.footer_col2 {
    width: 50%;
    padding: 30px 0
}

.footer_inn {
    padding: 0 30px 0 0
}

.footer_developers {
    text-align: right
}

.footer_developers_link {
    color: #f4af6b;
    -webkit-transition: all .18s linear;
    transition: all .18s linear
}

.footer_developers_link:hover {
    color: rgba(0, 166, 82, 0.8)
}

.modal-review {
    background: rgba(30, 108, 69, 0.7);
    text-align: left
}

.modal-review .modal-in {
    width: 770px;
    padding: 40px 0;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #f4af6b, 0 0 25px 0 rgba(0, 0, 0, 0.35);
    background: #fff
}

.modal-review_author {
    width: 200px;
    margin: 0 60px 0 30px;
    text-align: center
}

.modal-review_author_img {
    width: 100%;
    border-radius: 2px
}

.modal-review_author_name {
    margin-top: 10px;
    font-weight: 700
}

.modal-review_info {
    width: 420px;
    padding: 15px 0
}

.modal-review_info_title {
    font-size: 24px;
    font-weight: 700
}

.modal-review_info_article {
    line-height: 20px;
    position: relative
}

.modal-review_info_article:before,
.modal-review_info_article:after {
    content: '';
    width: 25px;
    height: 25px;
    background: url(img/modal-review-info-article-quotes.png);
    background: url(img/modal-review-info-article-quotes.svg);
    background-size: 200% 100%;
    position: absolute
}

.modal-review_info_article:before {
    left: -30px;
    top: -5px
}

.modal-review_info_article:after {
    background-position: -100% 0;
    right: -30px;
    bottom: -5px
}

.modal-review_info_article_p {
    margin-top: 20px
}

.modal-contact {
    background: rgba(30, 108, 69, 0.7);
    text-align: left
}

.modal-contact .modal-in {
    width: 700px;
    padding: 40px 40px;
    border-radius: 5px;
    box-shadow: 0 0 0 3px #f4af6b, 0 0 25px 0 rgba(0, 0, 0, 0.35);
    background: #fff
}

.modal-contact_title {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 700
}

.modal-contact_text {
    margin-top: 20px;
    padding: 0 0 0 50px;
    line-height: 20px;
    position: relative
}

.modal-contact_text-adr:before {
    content: '';
    width: 35px;
    height: 50px;
    margin: auto;
    background: url(img/modal-contact-text-adr-icon.png);
    background: url(img/modal-contact-text-adr-icon.svg);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.modal-contact_map {
    height: 370px;
    margin-top: 40px;
    background: #f4f0d3
}

.end-count {
    color: #f4af6b !important;
}


.tooltip {
    padding: 2px 9px;
    background: #f4ec05;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    z-index: 100;
    opacity: .6;
}

.tooltip span {
    font-size: 12px;
    width: 250px;
    height: auto;
    padding: 4px;
    background: #ffffff;
    border: 1px solid #f2eee9;
    position: absolute;
    top: 100%;
    left: 100%;
    display: none;
    z-index: 100;
}

.tooltip:hover span {
    display: block;
}

.tooltip.active {
    color: #ffffff;
    opacity: 1 !important;
    background: red;
}

.tooltip:hover {
    opacity: 1 !important;
}

.tooltip.active span {
    color: #000;
    display: block;
}

.warning {
    border: 1px solid red !important;
}


.form_input-send {width: 230px;}




@media screen and (max-width: 1000px) {
    .example_slider_nav {
        width: 200px;
        /*top: 140px;*/
    }
    .example_slide_info {display: none}
    .example_slide_gallery {
        width: 100%;
        max-width: 530px;
    }
    .example_slider-w {width: auto}

    .menu_item {
        padding-right: 20px;
    }

}

@media screen and (max-width: 600px) {

.example_slider_order-w {width: 272px;}
    .example_slide_gallery {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .example_slider_nav {position: inherit; margin: 0 auto; display: block; padding-top: 10px; /*top: 40px;*/}
    .otzyv_slider_nav {position: inherit; margin: 0 auto; display: block; padding-top: 10px; text-align: center}

    .menu_item {
        padding-bottom: 10px;
    }

    #scrollup {min-height: 0}
    .l-constrained {padding-left: 10px; padding-right: 10px; width: 280px;}
    .ferma {
        width: 330px;
    }

}

@media screen and (max-width: 500px) {
    .contact_item {
        margin-left: 0 !important;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .contact_list {
        margin: 0;
        position: inherit;
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 205px;

    }

}

@media screen and (max-width: 400px) {
    .otzyv_slide_info {
        padding: 10px;
    }
    .kov {display: none}
    .otzyv_slide_info p {font-size: 14px;}
    .otzyv_slider_nav {margin-top:40px; width: 100px;}
    .project_cart .menu {
        padding: 10px 0;
    }
    .logo_block {display: none}
    .ord_prjct {display: none}

    .menu_item {
        padding-bottom: 0;
    }


}