.head-product {
    position: relative;
}
.order-title-product-top {
    position: absolute; margin: 0 auto; display: flex; justify-content: center; align-items: center; left: 0; right: 0; text-align: center; color: #fff; background: #3a5580b0; padding: 60px 0 20px 0; z-index: 999;
}
.product .product-images-big {
    background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; max-width: 1920px; height: 640px; margin: 0 auto; text-align: center;
}
.head-product .slider-info {
    position: absolute; bottom: 60px; width: 100%; left: 0; z-index: 999;
}
.head-product button.owl-dot {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    height: 20px;
    width: 20px;
    float: left;
    border: 2px solid #fff;
    border-radius: 50%;
    background: none;
    padding: 0;}
.head-product .slider-info .in {
    float: left;
    padding: 20px;
    background: rgba(28, 114, 162, 0.6);
    display: flex;
    align-items: center;    
}
.head-product .slider-info .price {
    color: #fff;
    text-align: right;
    float: left;
    margin-right: 20px;
}
.head-product .slider-info .price .price-order {
    font-size: 27px;
color: rgb(255, 255, 255);
    text-shadow: 2px 2px 1px #e11c0e;
}
.head-product .slider-info .dots {
    float: right;
    margin-top: 30px;
}
.head-product .slider-info .dots .owl-dot+.owl-dot {
    margin-left: 15px;
}
button.owl-dot.active {
    border-color: #208fcd;
    background: #208fcd;
}
.title-product {
    float: right;
}
.head-product .slider-info .in a.order-product.btn {
    border: solid 1px #fff;
    color: #fff;
}
.head-product .slider-nav {
    position: absolute; top: 50%; margin-top: -35px; left: 0; z-index: 3; height: 70px; width: 100%;
}
.head-product .slider-nav .in {
    position: relative;
}
.head-product .slider-nav .owl-prev.owl-prev, .head-product .slider-nav .owl-next.owl-prev {
    left: 0;
}
.head-product .slider-nav .owl-prev.owl-next, .head-product .slider-nav .owl-next.owl-next {
    right: 0;
}
.head-product .slider-nav .owl-prev:hover, .head-product .slider-nav .owl-next:hover {
    opacity: 1; background: #fff;
}
.head-product .slider-nav .owl-prev, .head-product .slider-nav .owl-next {
    opacity: .5; position: absolute; top: 0; width: 70px; height: 70px; cursor: pointer; border: 3px solid #fff; border-radius: 50%; -webkit-transition-duration: .2s; transition-duration: .2s; z-index: 100;
}
.product {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-bottom: 50px;
}
.title-product h1 {
    color: rgb(255, 255, 255);
    font-size: 40px;
}
.product-nav-menu {
    background: #1a3747;
    position: static;
    width: 100%;
    z-index: 1020;
}
.product-nav-menu.active {
    position: fixed;
    background: #1c72a2;
}
.product-nav-menu a {
    color: #fff;
}
.product-gallery a+a {
    margin-left: 3px;
}
.product-gallery a {
    width: calc(16.66666666666667% - 8.333333333333333px);   display: inline-block;
}
/* style product video youtube */
.all-video-youtube {
    display: flex; justify-content: space-around; flex-wrap: wrap;
}
.all-video-youtube .coun-video {
    width: auto; margin: 0 auto 60px;
}
.video-title {
    margin-top: 10px;
}
.youtube-video {
    position: relative; width: auto; display: inline-block; cursor: pointer;
}
.youtube-video svg {
    cursor: pointer; position: absolute; left: 50%;top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1); transition: opacity .25s cubic-bezier(0, 0, .2, 1); z-index: 2;
}
.youtube-video:hover path.buttom-bg {
    -webkit-transition: fill .1s cubic-bezier(0, 0, .2, 1),fill-opacity .1s cubic-bezier(0, 0, .2, 1); transition: fill .1s cubic-bezier(0, 0, .2, 1),fill-opacity .1s cubic-bezier(0, 0, .2, 1); fill: #f00; fill-opacity: 1;
}
.youtube-video img.video-img {
    width: 480px; float: left;height: max-content;
}
.youtube-video iframe.youtube-video-iframe {
    position: absolute; z-index: 3; top: 0; left: 0; float: left !important; width: 100% !important; height: 100% !important;
}
.product-nav-menu ul {
    list-style: none; display: flex; justify-content: space-around;
}
.title-item, .content-description h2 {
    padding: 50px 0;
    width: 100%;
    /*text-align: center;*/
     text-transform: uppercase
}
.table-prop.specifications {
    width: 100%;
}
.intro-spec.specifications {
    width: 100%;
    padding-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.hidden-comment-form {
    display: none;
}
.add-feedback.btn {
    display: table;
    margin: 20px auto;
}
#fotoAlbom {
background: url(/images/bg-gallery.jpg) center;
    padding: 0 0 60px 0;
    margin: 60px 0;
    position: relative;
    
}
#fotoAlbom .container-fluid.inner {
    text-align: center;
}
#fotoAlbom h3.title-item {
    color: rgb(234, 234, 234);
}
.dop-properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.dop-properties .proper-anm {
    width: calc(100% / 4);
    box-shadow: inset 0 0 0 1px #ececec;
    background: #fff;
    -webkit-transition: box-shadow ease-out .4s,border ease-out .4s;
    -moz-transition: box-shadow ease-out .4s,border ease-out .4s;
    -o-transition: box-shadow ease-out .4s,border ease-out .4s;
    transition: box-shadow ease-out .4s,border ease-out .4s;
    margin-right: -1px;
}
.dop-properties .proper-anm label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    min-height: 170px;
    padding: 0 15px;
}
.dop-properties .proper-anm input[type="checkbox"] {
    display: none;
}
.dop-properties .proper-anm label img {
    max-width: 30%;
    max-height: 123px;
}
.dop-properties .proper-anm label p {
    width: 65%;
    text-align: center;
}
span.add-proper {
    margin: 15px auto 5px;
    background: #1c72a2;
    padding: 4px 15px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}
span.add-price {
    display: table;
    margin: 2px auto 0;
    font-weight: bold;
    color: #1c72a2;
}
.dop-properties .proper-anm:hover label, .dop-properties .proper-anm label.checked {background: #f7fbfe;}
.dop-properties .proper-anm label::before{
    content: '';
    position: absolute;
    top: 3%;
    right: 3%;
    height: 0;
    width: 0;
    background-repeat: no-repeat;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

}
.dop-properties .proper-anm label.checked::before{
    height: 20px;
    width: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(28, 114, 162)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><path d="M.3 14c-.2-.2-.3-.5-.3-.7s.1-.5.3-.7l1.4-1.4c.4-.4 1-.4 1.4 0l.1.1 5.5 5.9c.2.2.5.2.7 0L22.8 3.3h.1c.4-.4 1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4l-16 16.6c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3L.5 14.3.3 14z"/></svg>');
}
.dop-properties .proper-anm label.checked span.add-proper { background: #9dc6e1;}
.prop-intro {width: calc(100% / 3 - 4px); text-align: center; min-height: 170px;display: -webkit-box;display: -ms-flexbox; display: flex;flex-wrap: wrap;-moz-align-items: center;-ms-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-moz-justify-content: space-evenly;-ms-justify-content: space-evenly;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;flex-wrap: wrap;flex-direction: column;}
.prop-intro svg {width: 130px; fill: #1c72a2;}
.prop-intro.width svg {width: 85px;}
.prop-intro.power svg {width: 70px;}
#fotoAlbom .foto-block {
    line-height: 0;
    padding: 0;
    display: inline-block;
    position: relative;
}
#fotoAlbom a {
    line-height: 0;
    padding: 0;
    display: inline-block;
}
#fotoAlbom a.orig-foto {
    position: absolute;
    padding: 14px 16px!important;
    background: #fff;
}
.table-prop.specifications table {
    width: 100%;
}
.hidden-td tr.hidden{
    display: none;
}
.table-prop .all-cpecific, .table-prop svg{
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
#descnav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 50px;
        width: 100%;
}
#descnav > * {
    width: calc(100% / 2 - 25px);
    min-width: 270px;
    margin: 0 auto;
}
.all-cpecific {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
.all-cpecific:hover {
    background: rgb(32, 143, 205);
    color: rgb(255, 255, 255);
}
.all-cpecific span {
    padding: 0;
    text-transform: lowercase;
    border-bottom: 1px rgb(28, 114, 162) dotted;
    margin-right: 10px
}
.all-cpecific:hover span{
    border-color: #fff;
}
.all-cpecific svg {
    width: 16px;
    height: 16px;
}
.all-cpecific:hover svg {
    fill: rgb(255, 255, 255);
}
.all-cpecific.active svg{
    -moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.standart-kit div > p, .property-anm div > p {
    line-height: 1;
}
/*
.standart-kit {
    margin: 60px 0;
    padding: 60px 0;
    background-image: url(/images/system/bg-standart.jpg);
    background-size: cover;
    color: rgb(255, 255, 255);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.standart-kit::before, .standart-kit::after, #fotoAlbom::before, #fotoAlbom::after {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: rgb(255, 255, 255);
    position: absolute;
    top: 6px;
}
.standart-kit::after, #fotoAlbom::after {
    top: auto;
    bottom: 6px;
}
.standart-kit .container-fluid.inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.standart-kit h3 {
    color: rgb(255, 255, 255);
    font-size: 30px;
    max-width: 300px;
    text-align: left;
}
.standart-cont {
    max-width: calc(100% - 300px - 60px);
    width: 100%;
    display: flex;
        flex-wrap: wrap;
    justify-content: space-between;
}
.standart-kit h3 span{
    display: block;
}
.standart-kit h3 span:nth-child(2) {
    float: right;
    margin-top: 5px;
}
.standart-cont .column {
    width: calc(100% / 3 - 15px);
}
.standart-cont .column h4 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: tahoma;
    border-bottom: 1px rgb(255, 255, 255) dotted;
    margin: 15px 0;
    padding-left: 15px;
}
.standart-cont .column li {
    color: rgb(220, 242, 255);
    list-style: none;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: end;
    line-height: 1.2em;
}*/
/*style order product*/
#title-anm-form-124 {
    /*background: rgb(26, 55, 71);*/
    color: rgb(26, 55, 71);
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 40px;
}

#form-feedback-124 .mod-anm-form {
    max-width: 600px;
    min-height: 280px;
    margin: 0 auto;
}
.product-info-order {
    font-weight: bold;
    padding: 15px 30px;
    text-align: center;
    color: #1a3747;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
span.order-title-product {
    font-size: 24px;
    margin-right: 10px;
}
.price-order {
    font-size: 24px;
    color: #1c72a2;
}
.anm-senks {
    text-align: center;
}
h3.senks-neim {
    font-size: 25px;
    font-weight: 400;
}
.form .inp {
    margin: 0 0 25px;
    display: flex;
    align-items: center;
    width: 100%;
}
.form .inp svg {
    width: 50px;
    height: 50px;
    float: left;
    fill: #fff;
    background: #1c72a2;
    padding: 8px;
}
.form .inp input {
    width: 100%;
    padding: 5px 12px;
    height: 50px;
    font-size: 16px;
    color: #1c72a2;
    border: 1px solid #1c72a2;
}
.form textarea.inputbox {
    width: 100%;
    height: 150px !important;
}
.form input::-webkit-input-placeholder {color: #1c72a2;}
.form input::-moz-placeholder { /* Firefox 19+ */ color: #1c72a2;}
.form input:-ms-input-placeholder {color: #1c72a2;}
.form input:-moz-placeholder { /* Firefox 18- */color: #1c72a2;}
.slider-info {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 0 10px;
}
.title-prop-dop {
    background: rgb(28, 114, 162);
    width: auto;
    border: 2px solid rgb(28, 114, 162);
    color: rgb(255, 255, 255);
    padding: 12px 18px;
    cursor: pointer;
    float: right;
    text-transform: lowercase;
    font-size: 20px;
    outline: 2px solid rgb(255, 255, 255);
    outline-offset: -4px;
}
.title-prop-dop:hover {
    background: rgb(255, 255, 255);
    color: rgb(28, 114, 162);
}
#dop-prop {
    margin: 0 0 60px 0;
}
#prop-dop {
    margin-top: 30px;
}
.draw {
    width: 100%;
    text-align: center;
}
#info-price {
    padding: 50px 0;
}
.mod-anm-form {
    position: relative;
}
.prew-disc {
    color: rgb(255, 255, 255);
}
.breadcrumbs {
    width: 100%;
    padding: 10px 0;
}
.form-credit {
    text-align: center;
    position: relative;
    min-height: 400px;
    display: none;
}
#pos-credit-container{
    display: none;
}
.jb_progress {
    display: none;
    vertical-align: top;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    }
    .jb_progress::after {    border-width: 0 3px 0 0;    border-style: solid;    border-color: rgba(0, 0, 0, .5);    border-radius: 50%;    display: block;    height: 50px;    left: 50%;    margin: -25px 0 0 -25px;    position: absolute;    top: 50%;    width: 50px;    content: "";    animation: spin 1s infinite linear;    -webkit-animation: spin 1s infinite linear;}@keyframes spin {	from { transform: rotate(0deg); }	to { transform: rotate(360deg); }}@-webkit-keyframes spin {	from { -webkit-transform: rotate(0deg); }	to { -webkit-transform: rotate(360deg); }}
.contentComment > span {
    font-size: 15px;
    color: rgb(28, 114, 162);
    font-weight: 800;
}
/*color product*/
.bl-col-anm {justify-content: space-between;align-items: center;flex-wrap: wrap;max-width: 100%;margin-top: 100px;}
.vid-okraski {display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;margin: 50px 0;}
.bl-col-anm {display: none;}
.vid-color {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;width: 300px; border: 2px solid #1c72a2; padding: 25px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; text-align: center; color: #1c72a2; font-weight: bold; cursor: pointer;}
.vid-color:hover, .vid-color.active {background: #1c72a2;color: #fff;}
.bl-col-anm.active {display: flex;}
.color-boat .radio + label {margin: 15px;}
.color-boat .radio + label i {width: 90px;height: 90px;display: block;outline: solid 3px #fff;border: 1px solid #bbb;margin-bottom: 5px;}
.radio {position: absolute;z-index: -1;opacity: 0;margin: 10px 0 0 7px;}
.color-boat .radio:checked + label i {outline: 3px solid #009fe2;border: 1px #fff0;}
.color-boat .radio:checked + label {text-decoration: underline;color: #00a2e4;font-weight: 900;}
#color-boat label {display: flex; justify-content: space-evenly; align-items: center;flex-direction: row-reverse;max-width: 170px; margin: 0 auto;}
#color-boat.active {margin: 15px 15px 0; border: 1px solid; padding: 5px;}
#color-boat label i {width: 30px;height: 30px;}
i.RAL-1018 {background: #F3E03B;}
i.RAL-2008-GL {background: #F3752C;}
i.RAL-3000-GL {background: #AB2524;}
i.RAL-5005-GL {background: #154889;}
i.RAL-6018-GL {background: #48A43F;}
i.RAL-7040-GL {background: #9DA3A6;}
i.RAL-9005-GL {background: #0A0A0D;}
i.RAL-9016-GL {background: #F1F1EC;}
i.RAL-7043-GL {background: #575959;}
i.RAL-7013-GL {background: #5A564C;}
i.RAL-6003-GL {background: #5A5E4A;}
i.RAL-5015-GL {background: #357CB1;}
i.RAL-9011-GL {background: #3B3C3C;}
i.RAL-9007-GL {background: #7D7978;}
i.RAL-3020-GL {background: #A62C37;}
i.RAL-2002-GL {background: #A53D38;}
i.RAL-5003 {background: rgb(31, 56, 85);}
i.RAL-5013 {background: rgb(25, 49, 83);}
i.RAL-6011 {background: rgb(108, 124, 89);}
.flex-proper {
    display: flex;
    justify-content: space-between;
}
.flex-proper > div:nth-child(1) {
    width: 65%;
    margin: 0 auto;
}
.flex-proper > .btn-block {
    width: 35%;
    position: relative;
    height: auto;
}
.title-prop-desc {
    text-indent: 24px;
    text-align: justify;
    font-size: 17px;
    line-height: 1.4em;
    color: rgb(26, 55, 71);
    margin-bottom: 15px;
}
.fix-btn {
    position: sticky;
    top: 150px;
    float: right;
    padding: 20px;
    border: 2px solid rgb(28, 114, 162);
}
.ksm-product-introtext a {
    font-family: tahoma;
}
.ksm-product-introtext > p {
    text-indent: 25px;
    text-align: justify;
    line-height: 27px;
}
.dop-properties .proper-anm label > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 524px){
#fotoAlbom a {
    width: calc(100% / 2 - 5px);
}
.data-order-user input[type="submit"], #open-win-credit {
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    background: #1c72a2;
    color: #fff;
    width: 200px;
    line-height: 1.2rem;
    font-size: 14px;
}
.data-order-user #open-win-credit {
    background: #55af30;
    border: 0;
}
.data-order-user input[type="submit"].fz_disabled, .data-order-user input[type="submit"].fz_disabled + span {
    opacity: 0.3;
}
}
.availability {
    color: #fff;
    padding: 0px 15px;
    border: 1px solid #fff;
    float: left;
    margin: 15px 0;
}