/*
 ________  __       __       __    __  _____      __
|   __   ||  |     /  \     |  |  |  ||  __ \    |  |
|  |__|  ||  |    /    \    |  |\ |  || |__) |   |  |
|   _____||  |   /  /\  \   |  | \|  ||      /   |  |____ ___      ___
|  |      |  |  /  /__\  \  |  |\ |  ||  __  \   |  ___  |\  \    /  /
|  |      |  | /  /    \  \ |  | \|  || |__)  |_ | |___| | \  \__/  /
|__|      |__|/__/      \__\|__|  |__||_______(_)|_______|  \      /
                                                            _|    /
                                                           |     /
                                                           |____/
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:'';content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}.clear,.clr{display:block;clear:both;overflow:hidden;line-height:0!important;height:0!important;font-size:0;margin:0;padding:0}.clearfix:after,.clearfix:before{content:"";display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}html{overflow-x:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}address,dl,fieldset,figure,hr,ol,p,pre,table,ul{margin-top:0}
.hr-shadow{position:relative;overflow:hidden;height:25px}.hr-shadow:after{position:absolute;content:'';z-index:1;height:20px;top:-20px;left:50%;width:100%;margin-left:-50%;-webkit-border-radius:200px/10px;-moz-border-radius:200px/10px;border-radius:200px/10px;box-shadow:0 0 30px rgba(0,0,0,.28)}
.swal2-popup {width: 40rem !important;}
.swal2-popup.swal2-toast {padding: 2rem !important;font-size: 2rem !important;}
h2#swal2-title {line-height: 2rem !important;}
.gridzyItem img {width: 100%;}

/* Верстка ---------------------- */
.main {max-width: 1620px;clear: both;box-sizing: border-box;margin: 0 auto;padding: 0 30px;position: relative;}

h2.bg-title {position: relative;padding: 100px 0 30px;text-align: center;font-size: 4rem;font-weight: 400;}
h2.bg-title .front {z-index: 2;position: relative;}
h2.bg-title .back {color: #7a7a7a;display: block;font-size: 3rem;}
h2.bg-title .front:before {content: "";position: absolute;top: -8%;left: -18px;z-index: -1;background: var(--maincolor2);width: 35px;height: 35px;border-radius: 15%;}


.vertival-line {height: 65px;margin: 15px 0;position: relative;display: none;}
.vertival-line:after {background: var(--hcolor);left: 50%;transform: translateX(-50%);height: 100%;width: 1px;box-sizing: border-box;position: absolute;display: block;content:"";}

.borders:after {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;left: 50%;transform: translateX(-50%);top: 5%;width: 80%;height: 90%;z-index: 2;position: absolute;display: block;content: "";transition: .5s;box-sizing: border-box;}
.borders:before {border-left: 1px solid #ccc;border-right: 1px solid #ccc;top: 50%;transform: translateY(-50%);left: 5%;height: 80%;width: 90%;z-index: 2;position: absolute;display: block;content: "";transition: .5s;box-sizing: border-box;}


.before-line {position: relative;color: var(--hcolor);padding: 0 0 0 130px;}
.before-line:before {display: inline-block;height: 2px;width: 100px;background: var(--hcolor);content: "";position:  absolute;top: 50%;transform: translateY(-50%);left: 0;}

.fw:before,.fw:after {content: '';display: block;background: inherit;position: absolute;height: 100%;width: 10000px;top: 0;}
.fw:before{right: 100%;} .fw:after{left: 100%;}

/* Modal ---------------------- */
    /*behavior*/
    .fon_modal {z-index: 10001;top: 0;left: 0;bottom: 0;right: 0;position: fixed;display: none;}
    .modalwrapper {-webkit-overflow-scrolling: touch;perspective: 1000px;overflow-y: scroll;z-index: 1000;top: 0;right: 0;width: 100%;height: 100%;display: none;position: fixed;}
    .modal {left: 50%;transform: translate(-50%, 0%) rotateX(50deg) scale(.6);bottom: auto;opacity: 0;z-index: 10002;box-sizing: border-box;transition: 1s;display: none;position: absolute;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}
    .modal .close_modal {position: absolute;z-index: 999999;text-align: center;cursor: pointer;transition: .5s;}

    /*modal width & position*/
    .modal {width: 450px;top: 50%;}
    .modal.poehali {transform: translate(-50%, -50%);opacity: 1;margin-top: 0;}

    /*style*/
    .modalwrapper {background: rgba(0, 0, 0, 0.7);}
    .modal {background: #fff;color: #000;box-shadow: 5px 5px 15px #000;padding: 40px;}
    .modal .close_modal {color: var(--textcolor);background: transparent;width: 35px;height: 35px;line-height: 35px;font-size: 30px;border-radius: 5px;right: 15px;top: 15px;}
    .modal .close_modal:hover {transform: rotate(90deg);}
    .modal h3 {color: var(--textcolor);font-weight: 700;font-size: 20px;line-height: 24px;padding: 20px 0;}



/* Список - галочки  ---------------------- */
    ul.check-list li {list-style-type: none;padding-left: 40px;position: relative;margin-bottom: 5px;margin-left: 0;}
    ul.check-list li:before {color: var(--maincolor);position: absolute;font-family: 'FontAwesome';content: "\f00c";display: inline-block;left: 0px;}

/* Список кружочки  ---------------------- */
    .circle-list li {list-style-type: none;margin-bottom: 8px;position: relative;}
    .circle-list li:before {right: calc(100% + 12px);top: 1px;border: 3px solid var(--maincolor2);width: 10px;height: 10px;border-radius: 100px;position: absolute;display: block;content: '';}

/* ol li customization ---------------------- */
    ol.numbered {counter-reset: myCounter;}
    ol.numbered li {margin-bottom: 5px;list-style-type: none;padding-left: 20px;position: relative;}
    ol.numbered li:before {background:var(--maincolor);counter-increment:myCounter;content:counter(myCounter);position:absolute;left:-14px;top:0;color:#fff;display:inline-block;text-align:center;margin:5px 10px;width:17px;height:17px;line-height:17px;border-radius:20px;font-size:.7em}

/* Fancybox    ---------------------- */  
    a[data-fancybox] {position: relative;display: block;}
    a[data-fancybox]:after {background: url(/assets/img/icons/zoom.svg) 50% 50%/20px no-repeat, rgb(0 0 0 / 0.5);display: block;content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:.5s;}
    a[data-fancybox]:hover:after {opacity: 1;}


/* OWL Carousel    ------------------- */

    /* arrows 1 */
    .owl-arrows1 .owl-nav button {width: 40px;height: 40px;background: rgba(255, 255, 255, .5) !important;color: #000;border-radius: 5px;top: 50%;transform: translateY(-50%);outline: none;position: absolute;}
    .owl-arrows1 .owl-nav .owl-prev {left: 5px;}
    .owl-arrows1 .owl-nav .owl-next {right: 5px;}
    .owl-arrows1 .owl-nav button:hover {background: var(--maincolor2) !important;color: #fff !important}


/* arrows 2 */
    .owl-arrows2 {padding: 0 40px;margin: 0;box-sizing: border-box;}
    .owl-arrows2 .owl-prev, 
    .owl-arrows2 .owl-next {background: var(--maincolor2) !important;height: 30px;width: 30px;border-radius: 5px;padding: 0;box-sizing: border-box;font-size: 0;position: absolute;transition: 0.3s;top: 50%;transform: translateY(-50%);outline: none;}
    .owl-arrows2 .owl-prev {left: 0px}
    .owl-arrows2 .owl-next {right: 0px;}


/* arrows 3 */
    .owl-arrows3 .owl-nav {top: -50px;right: 0;position: absolute;}
    .owl-arrows3 .owl-nav button {width: 40px;height: 40px;line-height: 40px !important;background: var(--maincolor2) !important;border-radius: 5px;margin-left: 10px;outline: none;}
    .owl-arrows3 .owl-nav button.disabled {background: var(--gray) !important;cursor: initial;}
    
/* dots 1 */
    .owl-dots1 .owl-dots {margin-top: 10px;text-align: center;}
    .owl-dots1 .owl-dots button {background: #e9e9e9 !important;width: 12px;height: 12px;margin: 0 10px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;}
    .owl-dots1 .owl-dots button.active, 
    .owl-dots1 .owl-dots button:hover {background: var(--maincolor2) !important;}


/* dots 2 */
    /*
        <div class="owl-dots2-wrapper">
            <div class="owl-dots2"></div>
        </div>
        dotsContainer: '.owl-dots2',
    */
    .owl-dots2-wrapper {text-align: center;line-height: 10px;}
    .owl-dots2 {background: #dadada;padding: 10px;border-radius: 25px;margin: 10px 0;text-align: center;display: inline-block;line-height: 0px;}
    .owl-dots2 button {background: var(--grey) !important;width: 10px;height: 10px;margin: 0 5px;border-radius: 30px;transition: .2s;outline: none;display: inline-block;border: 0;padding: 0;}
    .owl-dots2 button.active, 
    .owl-dots2 button:hover {background: var(--maincolor) !important;}




.flex .block50 {flex-basis: calc(50% - var(--fm)/ 2);width: calc(50% - var(--fm)/ 2);}


.juicer-about {display: none !important;}



/*------------------ -------------------*/
/*                COMMON                */
/*------------------ -------------------*/
:root {
    /* --maincolor: #0178bf; */
    --maincolor: #151515;
    --maincolor2: #FB8E25;
    --textcolor: #000;
    --hcolor: #292929;
    --red: #e84118;
    --blue: #0097e6;
    --green: #44bd32;
    --grey:  #f5f5f5;
    --sky: #f2f7fd;
    --white: #fff;
    --dark: #1d1d1d
}


.maincolor {color: var(--maincolor)}
.maincolor2 {color: var(--maincolor2)}
.textcolor {color: var(--textcolor)}
.hcolor {color: var(--hcolor)}
.red {color: var(--red)}
.blue {color: var(--blue)}
.green {color: var(--green)}
.grey {color: var(--grey)}
.sky {color: var(--sky)}
.white {color: var(--white)}
.dark {color: var(--dark)}

.bg-maincolor {background: var(--maincolor);}
.bg-maincolor2 {background: var(--maincolor2);}
.bg-textcolor {background: var(--textcolor);}
.bg-hcolor {background: var(--hcolor);}
.bg-red {background: var(--red);}
.bg-blue {background: var(--blue);}
.bg-green {background: var(--green);}
.bg-grey {background: var(--grey);}
.bg-sky {background: var(--sky);}
.bg-white {background: var(--white);}
.bg-dark {background: var(--dark);}


body::-webkit-scrollbar {width: 10px;background: transparent;}
body::-webkit-scrollbar-track {background: transparent;}
body::-webkit-scrollbar-thumb {background-color: var(--maincolor2);border-radius: 10px;}
::selection {background: var(--maincolor);color: #fff;}


html {font-size: 10px;}
body {font-size: 1.6rem;line-height: 1.5em;font-family: 'Montserrat', sans-serif;color: var(--textcolor);background: #f3f4f8;}
a {font-weight:400;color: var(--blue);outline: none;text-decoration: none;}
p {margin-bottom: 20px;}
h1 {font-size: 5rem;line-height: 6rem;margin-bottom: 40px;color: var(--hcolor)}
h2 {font-size: 4.5rem;line-height: 5.5rem;margin-bottom: 40px;color: var(--hcolor)}
h3 {font-size: 3.5rem;line-height: 4.2rem;margin-bottom: 25px;color: var(--hcolor)}
h4 {font-size: 3rem;line-height: 3.5rem;margin-bottom: 25px;color: var(--hcolor)}
h5 {font-size: 2.5rem;line-height: 3.0rem;margin-bottom: 25px;color: var(--hcolor)}
h6 {font-size: 2rem;line-height: 2.5rem;margin-bottom: 25px;color: var(--hcolor)}


.bshad {box-shadow: 0 12px 30px 0 rgba(9, 2, 27, .15);}

/* FORM  ---------------------- */
input[type="text"], textarea {line-height: 50px;min-height: 50px;padding: 0 20px;font-weight: 400;color: #222222;border-radius: 10px;width: 100%;margin: 0 0 10px 0;background: #f5f5f5;border: 0;font: inherit;outline: none;box-sizing: border-box;display: block;transition:.5s;}
input[type="text"].error {background: #f7ebeb;}
textarea {padding: 20px;line-height: normal;resize: vertical;}
input:focus, textarea:focus {background: #e0e2e8;}
.bigbutton {font-size: .8em;line-height: 50px;padding: 0 50px;background: var(--maincolor2);color: #fff;font-weight: 600;text-transform: uppercase;white-space: nowrap;cursor: pointer;border-radius: 10px;font-family: inherit;border: 0;outline: none;display: inline-block;}
    /*blik*/
    .blik{position:relative;overflow:hidden}    
    .blik:before{content:'';width:100%;height:60px;display:block;position:absolute;z-index:3;border-left:100px solid rgba(255,255,255,.2);box-shadow:-20px 30px 30px rgba(255,255,255,.1);background:0 0;top:0;left:-100px;margin-left:-1px;transition:all 0s ease-in-out;transform:translate(0,0)}
    .blik:hover:before{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translate(115%,0);-moz-transform:translate(115%,0);-ms-transform:translate(115%,0);-o-transform:translate(115%,0);transform:translate(115%,0)}



/* Header    ---------------------- */
#header {position: fixed;margin-top: 10px;color: #fff;left: 0;top: 0;width: 100%;z-index: 100;transition: .5s;}
#header .main {height: 50px;}
#header .logo {top: 50%;transform: translateY(-50%);left: 30px;width: 250px;position: absolute;}
#header .text {left: 325px;top: 50%;transform: translateY(-50%);position: absolute;}
#header .tels {top: 50%;transform: translateY(-50%);right: 30px;max-width: 260px;position: absolute;}
#header .tels .tel>a {text-decoration: none;font-size: 22px;margin-left: 10px;color: #fff;font-weight: 700;transition: .5s;}
    
    /* min header */
    .min #header {background: rgb(0 0 0 / 0.95);margin-top: 0;}
    .min #header .tels .tel>a {font-size: 18px;}


/* Main menu ---------------------- */
#mainmenu {background: var(--maincolor);box-sizing: border-box;position: relative;z-index: 10;}
#mainmenu ul.desktop-mainmenu {margin-right: 0;transition:.5s;}  
.mobile-mainmenu-button, .mobile-mainmenu-outer {display: none;}

    /* DESKTOP  ---------------------- */
    /* STYLE */
        /* common */
            ul.desktop-mainmenu {margin-bottom: 0;text-align: left;}
            ul.desktop-mainmenu li {margin: 0;padding: 0;list-style-type: none;box-sizing: border-box;}
            ul.desktop-mainmenu a {color: #fff;font-size: 17px;font-weight: 400;text-decoration: none;}
                /* submenu */
                ul.desktop-mainmenu ul.submenu {width: 300px;background: #fff;box-shadow: 0 0 10px #464646;padding: 15px;border-radius: 0 0 5px 5px;margin: 0;box-sizing: border-box;}
                ul.desktop-mainmenu li.id32 ul.submenu {width: 500px;margin: 0 auto;position: absolute;left: 0;right: 0;max-height: 500px;overflow-y: auto;display: flex;flex-wrap: wrap;}
                ul.desktop-mainmenu li.id32 li {flex-basis: 33% !important;padding: 2% 4% !important;transition:.5s;box-sizing:border-box;}
    

        /* 1 level */
            li.menu-level-1 {margin-right: 75px !important;list-style-type: none;transition: 1s;display: inline-block;}
            li.menu-level-1:last-child {margin-right: 0 !important;}
                /* hover-active-decoration */
                    li.menu-level-1 > a {line-height: 50px;font-weight: 600;text-transform: uppercase;font-size: 13px;}
                    li.menu-level-1 > a:after {background: var(--white);height: 1px;bottom: -2px;width: 0;left: 50%;transition: .5s;transform: translateX(-50%);display: block;content: '';position: absolute;}
                    li.menu-level-1.active > a:after, li.menu-level-1 > a:hover:after {width: 100%;} 
                /* parent */
                    li.menu-level-1.parent {padding-right: 20px;}
                    li.menu-level-1.parent:after{width: 10px;height: 10px;background: url(/assets/img/icons/menu-down-arrow.svg) 50% 50%/100% no-repeat;top: 50%;right: 5px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s;}
                    li.menu-level-1.parent.hover:after {transform: translateY(-50%) rotate(180deg);}
        /* 2 level */
            li.menu-level-2 {padding: 10px !important;text-align: left;}
            li.menu-level-2 > a {color: #000;font-size: 13px;line-height: 20px;text-transform: uppercase;font-weight: 600;}
            li.menu-level-2.active a {text-decoration: underline;}

            /* parent */
                li.menu-level-2.parent {padding-right: 20px;}
                li.menu-level-2.parent:after{width: 10px;height: 10px;background: url(/assets/img/icons/menu-right-arrow.svg) 50% 50%/100% no-repeat;top: 50%;right: 5px;transform:translateY(-50%);position: absolute;content: '';display: block;transition:.5s;}

        /* 3 level */
            li.menu-level-3 {padding: 10px !important;}
            li.menu-level-3 > a {color: #000;}

    /* BEHAVIOR */
        /* common */
            ul.desktop-mainmenu li {position: relative;}ul.desktop-mainmenu a {position: relative;}
        /* 2 level */
            li.menu-level-1> ul.submenu {top: calc(100% + 20px);left: 0;z-index: 2;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 10;}
            li.menu-level-1.parent:hover > ul.submenu {top: 100%;opacity: 1;visibility: visible;}
        /* 3 level */
            li.menu-level-2 > ul.submenu  {top: -20px;left: 100%;position: absolute;transition: .35s;opacity: 0;visibility: hidden;z-index: 1;}
            li.menu-level-2.parent:hover > ul.submenu  {top: 0;opacity: 1;visibility: visible;z-index: 3;}




/* Banner    ---------------------- */
#banner {background: url(/assets/img/banner4.jpg) 50% 50%/cover no-repeat;margin-top: 0;padding: 120px 0 100px 0;overflow: hidden;z-index: 1;position: relative;background-attachment: fixed;}
#banner:after {background: linear-gradient(90deg, rgb(0 0 0 / 85%), transparent);display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;content: '';}
#banner .main {height: calc(100vh - 150px);color: #fff;z-index: 3;min-height: 500px;}
#banner .banner_wrap {left: 30px;top: 50%;position: absolute;transform: translateY(-50%);}
#banner .textblock h1, #banner .textblock h2 {color: #fff;}
#banner .textblock h2 {font-size: 1.7em;font-weight: 200;}
#banner .preim ul {max-width: 435px;}
#banner .preim li {list-style: none;font-size: 20px;font-weight: 100;padding: 20px 30px 20px 34px;margin-bottom: 20px;text-transform: uppercase;position: relative;}
#banner .preim li img {display: inline-block; width: 20px;}
#banner .preim li:after {border-top: 1px solid #fff;border-bottom: 1px solid #fff;left: 50%;transform: translateX(-50%);top: 5%;width: 70%;height: 90%;z-index: 2;position: absolute;display: block;content: "";transition: .5s;box-sizing: border-box;}
#banner .preim li:hover:after {width: 90%;}
#banner .preim li:before {border-left: 1px solid #fff;border-right: 1px solid #fff;top: 50%;transform: translateY(-50%);left: 5%;height: 70%;width: 90%;z-index: 2;position: absolute;display: block;content: "";transition: .5s;box-sizing: border-box;}
#banner .preim li:hover:before {height: 90%;}
#banner .bigbutton {background: #0000005c;border: 2px solid var(--maincolor2);transition: .5s;}
#banner .bigbutton:hover {background: #fb8e2573;}



.design-list-zag {margin-bottom: 15px;font-weight: 700;font-size: 2rem;}
.design-list-text {font-size: 16px;margin: 0;}
.design-list {margin: 50px 0 0 15px;}
.design-list-item{position:relative;padding:0 0 50px 60px;border-left: 1px solid #e2e2e2;}
.design-list-item.last  {padding-bottom: 0;border-left: 0;}
.design-list-zag:before{content:'';position:absolute;left:0;transform:translateX(-50%);top:0;width:25px;height:25px;border:1px solid #e2e2e2;border-radius:50%;background:#fff}
.design-list-zag:after{content:'';position:absolute;left:0;transform:translateX(-50%);top:4px;width:19px;height:19px;background: var(--maincolor2);border-radius:50%}
.design-list-item.first:before{position:absolute;overflow:hidden;background-image:-moz-linear-gradient(top,rgba(226,226,226,0) 0,rgba(226,226,226,1) 100%);background-image:-webkit-linear-gradient(top,rgba(226,226,226,0) 0,rgba(226,226,226,1) 100%);background-image:linear-gradient(to bottom,rgba(226,226,226,0) 0,rgba(226,226,226,1) 100%);background-size:100% 60px;background-repeat:no-repeat;content:'';left:-1px;top:-40px;width:1px;height:60px;display:block}
.design-list-item.last:before{position:absolute;overflow:hidden;background-image:-moz-linear-gradient(top,rgba(226,226,226,0) 0,rgba(226,226,226,1) 100%);background-image:-webkit-linear-gradient(top,rgba(226,226,226,0) 0,rgba(226,226,226,1) 100%);background-image:linear-gradient(to bottom,rgba(226,226,226,0) 0,rgba(226,226,226,1) 100%);background-size:100% 80px;background-repeat:no-repeat;content:'';left:0;top:0;width:1px;height:80px;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);display:block}


/*#discount .img {background: url(/assets/img/works/12/001.jpg) 50% 50%/cover no-repeat;}*/
#discount .image {position: absolute;width: 350px;height: 350px;border-radius: 100%;border: 4px solid var(--maincolor2);}
#discount .mangal {right: 20px;top: -20px;}
#discount .certificate {right: 20px;bottom: -20px;}
#discount .podarok {position: absolute;right: 100px;top: 50%;transform: translateY(-50%);width: 180px;}

#discount .disc_wrap {border: 2px solid var(--maincolor2);border-radius: 30px;}
#discount {background: url(/assets/img/works/12/001.jpg) 50% 50%/cover no-repeat;overflow: hidden;z-index: 1;position: relative;}
#discount:after {background: rgb(0 0 0 / 0.5);display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;content: '';}
#discount .main {z-index: 3;}

#discount .bord {position: relative;}
#discount .bord:after {content: '';position: absolute;left: 0;bottom: 5px;border-radius:  10px;width: 98%;height: 5px;background: var(--maincolor2);z-index: -1;}

#discount .small {font-size: .9em;}

/* PROMO DOSKI */
.promo-doski-wrapper {position: relative;background: url(/assets/img/aktsii/bg-kuhnya.jpg) 50% 50%/cover no-repeat;overflow: hidden;border-radius: 90px;box-shadow: 0 0 158px rgb(34 34 46 / 10%)}
.promo-doski-wrapper:after {background: linear-gradient(270deg,#fff 0, #e5e6e4 30%,transparent 100%);left: 0;top: 0;width: 100%;height: 100%;position: absolute;display: block;content: '';z-index: 1}
.promo-doski-wrapper > * {z-index: 2;position: relative;}



/* Portfolio    ---------------------- */
#portfolio .bigbutton {font-size: 24px;padding: 0 70px;}
#portfolio .bigbutton>span {font-size: 15px;text-transform: lowercase;}
#portfolio .portf_wrapper {margin: 50px auto; width: 85%;}
#portfolio .director p {font-size: 20px;line-height: 28px;}


.owl-carousel.gallery {line-height: 0;}


/* price */
.kuhn_price {
    background: var(--maincolor2);
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 5px;
}
.kuhn_price .usd_price {font-size: 1.5em;font-weight: 700;}
.kuhn_price .byn_price,
.kuhn_price .byn_price + .currency {
    font-size: .9em;
    font-weight: 400;
}



/* draws */
#portfolio .draw {position: relative;}
.draw .point {width: 15px;height: 15px;background: var(--maincolor2);animation: pulse 2s infinite;box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);transform: translate(-50%,-50%);position: absolute;border-radius: 100%;cursor: pointer;z-index: 1;}
@keyframes pulse {
	0% {box-shadow: 0 0 0 0 rgb(241 158 8 / 70%);}
	70% {box-shadow: 0 0 0 15px rgba(52, 172, 224, 0);}
	100% {box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);}
}
.draw-pop-up {background: #fff;padding: 20px 0 10px;border-radius: 10px;display: none;position: absolute;cursor: initial;}
.draw-pop-up .close {right: 5px;top: 0;position: absolute;cursor: pointer;}
.point .draw-pop-up {width: 230px;left: calc(100% + -115px);bottom: 25px;}
.point.point6 .draw-pop-up, .point.point20 .draw-pop-up {left: calc(100% + -35px);}
.point .draw-pop-up p {margin-bottom: 0; padding: 5px 12px;font-size: 15px; line-height: 18px;}
/* point 1 */
.draw .point1 {left: 21%;top: 36.5%;}
/* point 2 */
.draw .point2 {right: 25%;top: 26.5%;}
/* point 3 */
.draw .point3 {right: 12%;top: 49.5%;}
/* point 4 */
.draw .point4 {right: 40%;top: 60.5%;}
/* point 5 */
.draw .point5 {right: 64%;top: 68.5%;}
/* point 6 */
.draw .point6 {right: 92%;top: 85.5%;}
/* point 21 */
.draw .point21 {right: 23%;top: 59.5%;}

/* ---kuhnua 2-----*/
/* point 7 */
.draw .point7 {left: 34%;top: 34.5%;}
/* point 8 */
.draw .point8 {right: 46%;top: 44.5%;}
/* point 9 */
.draw .point9 {right: 24%;top: 36.5%;}
/* point 10 */
.draw .point10 {right: 53%;top: 55.5%;}
/* point 11 */
.draw .point11 {right: 26%;top: 69.5%;}
/* point 12 */
.draw .point12 {right: 50%;top: 70.5%;}
/* point 13 */
.draw .point13 {left: 21%;top: 70.5%;}

/* ---kuhnua 3-----*/
/* point 14 */
.draw .point14 {left: 30%;top: 52.5%;}
/* point 15 */
.draw .point15 {right: 56%;top: 42.5%;}
/* point 16 */
.draw .point16 {right: 31%;top: 40.5%;}
/* point 17 */
.draw .point17 {right: 46%;top: 57.5%;}
/* point 18 */
.draw .point18 {right: 31%;top: 69.5%;}
/* point 19 */
.draw .point19 {right: 58%;top: 67.5%;}
/* point 20 */
.draw .point20 {left: 4%;top: 40.5%;}
/* point 22 */
.draw .point22 {right: 46%;top: 33.5%;}


/* ЕЩЕ КУХНИ  */
.work_box .price {background: var(--maincolor2);display: inline-block;color: #fff;font-weight: 700;padding: 10px;margin-bottom: 20px;border-radius: 5px}



/* Видео */
.video {
    line-height: 0;
}




/* Boss    ---------------------- */
#boss {background: url(/assets/img/banner2.jpg) 50% 50%/cover no-repeat;overflow: hidden;z-index: 1;position: relative;background-attachment: fixed;}
#boss:after {background: rgb(0 0 0 / 0.65);display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;content: '';}
#boss .main {margin: 0 auto; max-width: 1100px;z-index: 3;}
#boss .text, #boss .image {position: relative;}
#boss .quote {position: absolute;left: -92px;top: 0px;opacity: 0.2;max-width: 80px;}
#boss .info {position: absolute;left: -55px;bottom: -28px;max-width: 240px;background: #ffffffc7;font-size: 14px;color: #000;border-radius: 10px;}
#boss .info span {font-size: 12px;}
#boss .director p {color: #fff; font-size: 19px;}

/*QUIZ*/  
      #quiz {max-width: 900px; margin: 0 auto;}
      #quiz .flex {justify-content: center;}
      #quiz #shag2 input[type="text"] {border: 2px solid var(--maincolor2);width: 98%;}
	  .quiz-wrapper {margin: 50px 0;background: #E7EDEF;padding: 20px;border-radius: 10px;}
      .quiz-main-title {font-size: 30px;margin-bottom: 40px;text-transform: uppercase;text-align: center;position: relative;}
      .quiz-main-title:before {width: 70px;height: 3px;border-top: 1px solid #FB8E25;border-bottom: 1px solid #FB8E25;left: 50%;bottom: -20px;position: absolute;content: "";display: block;transform: translateX(-50%);}

      .quiz-podzag {font-size: 19px;text-transform: uppercase;font-weight: 700;margin-bottom: 40px;text-align: center;}
      #quiz > .shag {display: none;text-align: center;}
      #quiz > .shag.active {display: block;}
      /*dots*/
      #quiz .quiz-dots {background: #95a5a6;border-radius: 10px;overflow: hidden;color: #fff;float: left;width: 100%;box-sizing: border-box;}
      #quiz .quiz-dots > div {line-height: 45px;text-align: center;text-transform: uppercase;width: 14.286%;float: left;box-sizing:border-box;cursor: pointer;}
      #quiz .quiz-dots > div.active {background: #FB8E25;color: #fff;}
      /*zags*/
      #quiz .shag > .zag {font-size: 19px;margin: 30px 0;text-align: center;color: #FB8E25;font-weight: 700;}

      /*borders*/
      .border-clickable {border: 10px solid transparent;cursor: pointer;}
      .border-clickable:hover {border-color: #FB8E25;}
      .border-clickable.selected {position: relative;}
      .border-clickable.selected:after {top: 10%;right: 7%;border-left: 5px solid #FB8E25;border-bottom: 5px solid #FB8E25;width: 25px;height: 10px;transform: rotate(-40deg);content: "";display: block;position: absolute;}
       /*--file*/
      .inputfile {display: none;}
      .inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -0.25em;margin-right: 0.25em;}
      .rsform-block-file,.rsform-block-file2 {margin-bottom: 5px;}
      .js .inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
      .inputfile + label {display: block !important;background: #fa9000;border: 1px solid #fa9000;text-overflow: ellipsis;color: #fff;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;padding: 10px 20px;border-radius: 10px;margin-bottom: 20px;text-align: center;}
       .labelFile:before {content: "";background: url(/assets/img/icons/upload.svg) 50% 50%/100% no-repeat;color: var(--maincolor);font-family: 'FontAwesome';display: inline-block;left: 10px;width: 13px;height: 13px;margin-right: 5px}

      .inputfile + label:hover,
      .inputfile:focus + label {background: #fa9000;color: #fff;}
      .inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -0.25em;/* 4px */margin-right: 0.25em;/* 4px */}

      /*buttons*/
      #quiz .dalee {background: #FB8E25;box-shadow: 0 5px 10px rgba(251, 142, 37, 0.45);border-radius: 100px;line-height: 50px;padding: 0 40px;font-weight: 700;color: #fff;display: inline-block;cursor: pointer;}
      
      #quiz button[type="submit"] {
        line-height: 40px;
        font-size: 24px;
        font-weight: 600;
        background-image: linear-gradient(to bottom, #fdd09a, #f98a03);
        box-shadow: 0 5px #bf6d10, 0 5px 30px rgb(252 192 124);
        border: solid 1px #fc8f0a;
        padding: 10px 50px;
        color: #fff;
        text-shadow: rgb(0 0 0 / 18%) 0 2px 0;
        border-radius: 60px;
        text-decoration: none;
        transition: all .4s;
        display: inline-block;
        cursor: pointer;
        outline: none;
      }

      #quiz button[type="submit"]:hover {background-image: linear-gradient(to bottom, #f98a03, #fdd09a)}
      /*шаг 1*/
      .border-clickable {position: relative;}
      .border-clickable .zag {width: 100%;left: 0;bottom: 0;position: absolute;margin: 0;background: rgba(0, 0, 0, 0.5);color: #fff;text-align: left;box-sizing: border-box;padding: 12px 5px 5px 5px;font-size: 15px;line-height: 18px;}
      
      #shag1 .border-clickable {position: relative;padding: 30px;}
      #shag1 .border-clickable .zag {font-weight: 700;background: transparent;color: #fb8e25;position: absolute;width: auto;height: auto;bottom: auto;}
      #shag1 .block1 .zag {left: 89px;top: 47px;}
      #shag1 .block2 .zag {left: 103px;top: 47px;}
      #shag1 .block3 .zag {left: 73px;top: 43px;}
      #shag1 .block4 .zag {left: 100px;top: 47px;}

      /*шаг 2*/
      #shag2 .shag-content {text-align: center;}
      
      /*шаг 5*/
      #shag6 .border-clickable {background: #eee;text-align: center;}
      #shag6 .border-clickable .line1 {font-size: 40px;font-weight: 700;padding-top: 60px;padding-bottom: 20px;color: #656565;}
      #shag6 .border-clickable .line2 {font-weight: 700;font-size: 20px;color: #656565;padding-bottom: 50px;margin-bottom: 0;}
      #shag6 .border-clickable:hover .line1 {color: #FB8E25;}
      #shag6 .border-clickable:hover .line2 {color: #FB8E25;}
      
      /*шаг 7*/
      #shag7 .shag-content {max-width: 500px;margin: 0 auto;padding: 30px;box-sizing:border-box;}
      #shag7 .shag-content .zag {text-align: center;margin: 20px 0;font-size: 18px;line-height: 22px;}
      #shag7 .file-comment {font-size: 0.8em;line-height: 16px;margin: 20px 0 10px 0 !important;}              



/* Garantee    ---------------------- */
#slojn_zakazi .garantee h5 {font-size: 26px;line-height: 34px;}
#slojn_zakazi .garantee .g_img img {width: 100%;max-width: 100%;}
#slojn_zakazi .garantee h2.bg-title {padding: 50px 0 0;}
#slojn_zakazi .garantee .text {padding: 0 0 0 30px;}
/*
#slojn_zakazi .garantee {max-width: 760px;margin: 50px auto 0;padding: 60px 70px;position: relative;z-index: 5;}
#slojn_zakazi .garantee:after {border-top: 1px solid #000;border-bottom: 1px solid #000;left: 50%;transform: translateX(-50%);top: 5%;width: 70%;height: 90%;z-index: -1;position: absolute;display: block;content: "";transition: .5s;box-sizing: border-box;}
#slojn_zakazi .garantee:before {border-left: 1px solid #000;border-right: 1px solid #000;top: 50%;transform: translateY(-50%);left: 5%;height: 70%;width: 90%;z-index: -1;position: absolute;display: block;content: "";transition: .5s;box-sizing: border-box;}
#slojn_zakazi .garantee:hover:after {width: 90%;}
#slojn_zakazi .garantee:hover:before {height: 90%;}
#slojn_zakazi .garantee h5 {font-size: 20px;line-height: 28px;z-index: 5;}
#slojn_zakazi .garantee .img img {opacity: 0.8;}*/

/* Raschet po photo    ---------------------- */
#raschet .text {padding-left: 50px; padding-right: 35px;} 
#raschet .ras_icon {border: 1px solid #cecece;}
#raschet .ras_icon img {width: 25px; margin-bottom: 5px;}
#raschet input[type="text"], #raschet .inputfile + label {background: #f5f5f5;border-radius: 10px;border: none;line-height: 50px;padding: 0 10px;color: #787878;}
#raschet .bigbutton {border-radius: 10px;width: 100%;}


/* Catalog    ---------------------- */
#catalog {padding: 100px 0;background: url(/assets/img/catalog-bg.jpg) 50% 50%/cover no-repeat;}
#catalog h2 {font-size: 60px;line-height: 70px;font-weight: 300;}
#catalog h2 span {font-weight: 700;}
.left-line {margin-bottom: 50px;font-size: 1.5em;border-left: 5px solid #fb8e25;padding-left: 30px;}

/* Why    ---------------------- */
#why .icons img {width: 50px; display: block;margin: 10px auto;}
#why a.modal_but {border-bottom: 1px dotted var(--maincolor2); color: var(--maincolor2); z-index: 3;}
#why a.modal_but:hover {cursor: pointer;}
#why .bigbutton {width: 100%;}


/* Clients    ---------------------- */
#clients .client p>span {font-size: 15px; line-height: 18px;}
#clients .image {margin: -25px -25px 20px;}

/* Consult  ---------------------- */
#consult {background: url(/assets/img/banner_consult.jpg) 50% 50%/cover no-repeat;position: relative;background-attachment: fixed;}
#consult h2 {color: #fff;}
#consult:after {background: rgb(0 0 0 / 0.85);display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;content: '';}
#consult .main {z-index: 2;color: #fff;width: 1055px;margin: 0 auto;}
#consult .bigbutton {width: 100%;}

/* Footer    ---------------------- */
#footer, #map {height: 600px;position: relative;}
#footer .contacts {width: 400px;background: #fff;padding: 40px;right: 50%;top: 50%;transform: translate(-100px, -50%);position: absolute;z-index: 10;}
#footer .contacts p {line-height: 22px}
#footer .contacts img {width: calc(100% + 80px);margin: -40px -40px 40px;display: block;max-width: none;}
#footer .contacts a {font-size: 1.5em;color: #000;margin-bottom: 10px;display: block;}
.ymaps-2-1-78-copyright__link {font-size: 12px;}
    
    
    
    
    
    
    
    
    
/* Only CALC */
body.onlyCalc {padding-top: 50px;}
body.onlyCalc #header {
    margin: 0;
}

body.onlyCalc h2.bg-title {padding-top: 50px}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/* xxl */
@media all and (max-width: 1600px) {
    
}



/* xl */
@media all and (max-width: 1220px) {
    .main {width: 990px;}
    html {font-size: 9px;}
    .flex .xl-block100  {flex-basis: 100%;width: 100%;}
    
    #portfolio .portf_wrapper {margin: 0;width: 100%;box-sizing: border-box;}

    #slojn_zakazi .garantee h5 {font-size: 21px;line-height: 30px;}
    
    #consult .main {width: auto;}
    
    #footer .contacts {transform: translate(50px, -50%);}
} 

/* l */
@media all and (max-width: 980px) {
    .main {width:770px;}
    html {font-size: 8px;}
    .flex .l-block100 {flex-basis: 100%;width: 100%;}

    
    h1, .h1 {font-size: 4rem;line-height: 5rem;margin-bottom: 25px}
    h2, .h2 {font-size: 3.5rem;line-height: 4rem;margin-bottom: 20px;}
    h3, .h3 {font-size: 3.5rem;line-height: 4rem;}
    h4, .h4 {font-size: 3rem;line-height: 3.5rem;}
    h5, .h5 {font-size: 2.5rem;line-height: 3rem;}
    h6, .h6 {font-size: 2rem;line-height: 2.5rem;}
    
    p,b,a,li {font-size: 2rem;}
    
    #header .text {display: none;}
    #banner {padding: 70px 0 0 0;}
    #banner .preim li {font-size: 17px;}
    
    #discount .image {position: absolute;width: 250px;height: 250px;border-radius: 100%;border: 4px solid var(--maincolor2);}
    #discount .mangal {right: 20px;top: 100px;}
    #discount .certificate {right: 20px;top: 400px;}
    #discount .podarok {position: absolute;right: 80px;top: 50%;transform: translateY(-50%);width: 150px;}

    
    #portfolio .bigbutton {font-size: 20px;padding: 0 35px;}
    
    #boss .info {left: -25px;}
    #boss .quote {left: -25px;}
    
    #slojn_zakazi .garantee h2.bg-title {padding: 50px 0 25px;}
    #slojn_zakazi .garantee .text {padding: 0;}
    
    #catalog {padding: 50px 0;}
    #catalog .block50 {flex-basis: 100%; margin: 1%;text-align: center;}
    #catalog .block50 img {max-width: 450px;}
    
    /* Подвал */
    #podval .contacts {width: 300px;transform: translate(70px, -50%);}
    #footer .contacts {width: 330px;padding: 20px;}
    #footer .contacts img {width: calc(100% + 40px);margin: -20px -20px 20px;}
}

/* m */
@media all and (max-width: 768px) {
    .main {width: 100%;}
    .flex .m-block100 {flex-basis: 100%;width: 100%;}

    h2.bg-title {padding: 50px 0 30px;font-size: 3.5rem;}
    h2.bg-title .back {font-size: 2.5rem;}
    
    #header {margin-top: 0;}
    #header .tels {right: 0;max-width: 220px;}
    #header .tels .tel>a {font-size: 18px;}
    #header .logo {left: 5px;}
    
    #banner {padding: 45px 0 0 0;}
    #banner .preim li {font-size: 17px;padding: 10px 20px 10px 24px;}
    #banner .preim li img {display: none;}
    
    /* calc */
    .draw .point {width: 10px;height: 10px;}
    #shag1 .block1 .zag {top: 65px;}
    #shag1 .block2 .zag {top: 65px;}
    #shag1 .block3 .zag {top: 95px;}
    #shag1 .block4 .zag {top: 105px;}
    
    #discount .image {width: 185px;height: 185px;margin-bottom: 15px;border-radius: 100%;border: 4px solid var(--maincolor2);}
    #discount .certificate, #discount .mangal, #discount .podarok {position: relative;right: auto;top: auto;bottom: auto;}
    #discount .podarok {transform: none;width: 100px;}
    
    
    #catalog h2 {font-size: 38px;line-height: 46px;}
    
    #slojn_zakazi .img {height: 250px;margin: 0 30px 10px;}
    #slojn_zakazi .img1 {order: 1}
    #slojn_zakazi .text1 {order: 2}
    #slojn_zakazi .img2 {order: 3}
    #slojn_zakazi .text2 {order: 4}
    #slojn_zakazi .img3 {order: 5}
    #slojn_zakazi .text3 {order: 6}
    
    #slojn_zakazi .garantee .g_img {order: 1}
    #slojn_zakazi .garantee .text {order: 2}
    #slojn_zakazi .garantee .g_img img {width: 100%;margin: 0 auto;display: block;max-width: 275px;}

    #raschet .img {height: 250px;}
    #raschet .text {padding-left: 30px;padding-right: 30px;}
    
    .point .draw-pop-up {width: 140px;left: calc(100% + -115px);bottom: 15px;}
    .draw-pop-up {padding: 11px 5px 5px;}
    .point .draw-pop-up p {margin-bottom: 0;padding: 3px 0;font-size: 10px;line-height: 12px;}
    .point.point6 .draw-pop-up, .point.point20 .draw-pop-up, .point.point13 .draw-pop-up, .point.point1 .draw-pop-up {left: calc(100% + -12px);}


    .promo-doski-wrapper {border-radius: 20px !important;}
    .promo-doski-wrapper:after {background: linear-gradient(0deg,#fff 0, #e5e6e4 30%,transparent 100%);}


    /* Modal ---------------------- */
    .modal {padding: 20px;left: 0;top: 0;transform: none !important;width: 100%;min-height: 100%;border-radius: 0;}
    .modal .close_modal {top: 5px;right: 5px;}
    .modal {text-align: left;}
    
    /* Подвал */
    #footer .contacts {width: 100%;position: relative;padding: 20px;transform: none;height: 100%;right: auto;top: auto;}
    #footer {height: 100%;}
    #map {height: 350px !important;}
}

/* s */
@media all and (max-width: 570px) {
    .main {width: auto;padding: 0 10px;}
    .flex .s-block100 {flex-basis: 100%;width: 100%;}
    
    h2.bg-title {padding: 40px 0 15px;font-size: 3.0rem;}
    h2.bg-title .back {font-size: 2.0rem;line-height: 2.5rem;}
    h2.bg-title .front:before {top: -1%;left: -9px;width: 20px;height: 20px;}
    
    #header .logo {width: 130px;}
    #banner {padding: 0;}
    #banner .preim {display: none;}
    #banner .banner_wrap {left: 20px;padding-right: 25px;}
    #banner .main {height: 100%;min-height: 780px;}
    
    #boss .info {left: 0;}
    
    #discount .main {margin: 0 10px;}
    #discount h4 {font-size: 2.6rem;line-height: 3.2rem;}
    #discount .image {width: 120px;height: 120px;}
    #discount .podarok {width: 60px;}
    
    #shag1 .border-clickable {padding: 0;}
    #shag1 .block2 .zag, #shag1 .block4 .zag {left: 110px;}
    #shag1 .block3 .zag {left: 100px;}
    
    #quiz button[type="submit"] {font-size: 14px;}
    
    .kuhn_price {padding: 3px 20px;}
    
    #catalog .block50 img {max-width: 250px;}
    #catalog h2 {font-size: 24px;line-height: 30px;}
    .left-line {margin-bottom: 40px;font-size: 1.0em;padding-left: 8px;}
    
    #slojn_zakazi .garantee h5 {font-size: 18px;line-height: 25px;padding-left: 20px;}
    #slojn_zakazi .garantee .g_img img {max-width: 210px;margin: 0 auto 10px;}
    #slojn_zakazi .garantee h2.bg-title {padding: 30px 0 25px;}
    
    /* Подвал */
    #podval, #map {height: 100%;}
    #podval .contacts {margin: -25px 0 25px;transform: none;position:  relative;width: 85%;right: auto;top:  auto;padding: 20px 25px;
    border-top: 4px solid #fb8e25;}
    #podval .contacts img {float: none;width: 100%;margin: 0;}
    #podval .contacts a, #podval .contacts p {font-size: 18px;line-height: 22px;width: 100%;margin: 15px 0;float: none;}
}