#promo-page{margin-top:110px; overflow:hidden; width:100%}

#promo-page .getConsultation{}
#promo-page .getConsultation .head {margin-top:40px!important}
#promo-page .getConsultation .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400}
#promo-page .getConsultation .head h3.act{color:#ff0f00}
#promo-page .getConsultation .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center}
#promo-page .getConsultation .content{width:70%;margin:50px auto}
#promo-page .getConsultation .content .cl{display:none}
#promo-page .getConsultation .content .cr{width:80%;float:none;margin:0 auto}
#promo-page .getConsultation .content .cr .form{width:100%; margin:20px auto 0}
#promo-page .getConsultation .content .cr .form input{width:100%; height:40px; line-height:30px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #aaa}
#promo-page .getConsultation .content .cr .form input.alert{background:#ffe9e2; border:1px solid #ff9090}
#promo-page .getConsultation .content .cr .form .line input{width:48%; border:1px solid #eee}
#promo-page .getConsultation .content .cr .form textarea{width:100%; height:60px; line-height:18px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #ccc}
#promo-page .getConsultation .content .cr .form .btn{width:100%; box-sizing:border-box}



@keyframes mymove{0%{bottom:6%}50%{bottom:5%}100%{bottom:6%}}
#promo-page.led-light{}
#promo-page.led-light #slide{background:url('/uploads/images/solutions/lp/led-light/slides/slide1.jpg') center center no-repeat;  max-heigh:1020px; margin:0 auto; width:100%; max-width:2560px; position:relative}
#promo-page.led-light #slide span
{
   position:absolute;text-align:center;bottom:6%;left:50%;margin-left:-30px;z-index:3;color:#fff;width:60px;height:60px;background:url('/uploads/images/common/sprites/slide_arrow_down.png');background-size:cover;
   -webkit-animation-name:mymove;animation-name:mymove;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out
}
#promo-page.led-light #about {}
#promo-page.led-light #about .ly{padding:25px 20px 50px}
#promo-page.led-light #about #text{width:100%;margin:0 auto}
#promo-page.led-light #about #text p{text-align:center}
#promo-page.led-light #about .item {float:none;width:100%;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ccc; overflow:hidden}
#promo-page.led-light #about .item:last-child {border-bottom:none}
#promo-page.led-light #about .item .redLine{display:block;width:25%;height:2px;background:#e22d33;margin-top:10px}
#promo-page.led-light #about .item h3{margin-top:15px;text-decoration:none}
#promo-page.led-light #about .item img{width:75%}
#promo-page.led-light #benefits {background:#f6f6f6; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
#promo-page.led-light #benefits .h1-wrap{margin-top:50px}
#promo-page.led-light #benefits .ly{padding:10px 10px 40px}
#promo-page.led-light #benefits .item{float:left; width:42.5%; margin:0 0 20px 5%; min-height:250px}
#promo-page.led-light #benefits .item h3 strong{color:#d4393a; text-decoration:none!important}
#promo-page.led-light #benefits .item h3 span{padding-bottom:3px; border-bottom:1px solid #333}
#promo-page.led-light .getConsultation{}

#promo-page.led-light-cornice{padding-top:30px}
#promo-page.led-light-cornice #mslider-wrap {height:370px; width:100%; margin:10px 0 30px}
#promo-page.led-light-cornice #mslider-wrap img {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px }
#promo-page.led-light-cornice #mslider-wrap .brbr_carousel_slider_arrow_left{left:50%!important; margin-left:-259px!important}
#promo-page.led-light-cornice #mslider-wrap .brbr_carousel_slider_arrow_right{background-position:-29px top!important; left:50%!important; margin-left:230px!important}
#promo-page.led-light-cornice #mount {border-top:1px solid #ccc;overflow:hidden}
#promo-page.led-light-cornice #mount .h1-wrap{margin-top:50px}
#promo-page.led-light-cornice #mount .preview{text-align:center;width:80%;margin:0 auto;margin-bottom:30px}
#promo-page.led-light-cornice #mount .ly{padding:10px 20px 40px}
#promo-page.led-light-cornice #mount img{float:none; width:70%;margin-left:15%}
#promo-page.led-light-cornice #mount #cl{float:none; margin-top:10px}
#promo-page.led-light-cornice #advice {background:#f6f6f6; border-top:1px solid #ccc;padding-bottom:40px}
#promo-page.led-light-cornice #advice .h1-wrap{margin-top:50px}
#promo-page.led-light-cornice #advice .textFormat{width:85%}
#promo-page.led-light-cornice #advice .textFormat h3 strong{color:#d4393a; text-decoration:none!important}
#promo-page.led-light-cornice #advice .textFormat h3 span{padding-bottom:3px; border-bottom:1px solid #333;font-weight:700}
#promo-page.led-light-cornice .getConsultation{border-top:1px solid #ccc}
#promo-page.led-light-soaring{padding-top:30px}
#promo-page.led-light-soaring #mslider-wrap {height:370px; width:100%; margin:10px 0 30px}
#promo-page.led-light-soaring #mslider-wrap img {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px }
#promo-page.led-light-soaring #mslider-wrap .brbr_carousel_slider_arrow_left{left:50%!important; margin-left:-259px!important}
#promo-page.led-light-soaring #mslider-wrap .brbr_carousel_slider_arrow_right{background-position:-29px top!important; left:50%!important; margin-left:230px!important}
#promo-page.led-light-soaring #mount {border-top:1px solid #ccc;overflow:hidden}
#promo-page.led-light-soaring #mount .h1-wrap{margin-top:50px}
#promo-page.led-light-soaring #mount .preview{text-align:center;width:80%;margin:0 auto;margin-bottom:30px}
#promo-page.led-light-soaring #mount .ly{padding:10px 20px 40px}
#promo-page.led-light-soaring #mount img{float:none; width:70%;margin-left:15%}
#promo-page.led-light-soaring #mount #cl{float:none; margin-top:10px}
#promo-page.led-light-soaring #advice {background:#f6f6f6; border-top:1px solid #ccc;padding-bottom:40px}
#promo-page.led-light-soaring #advice .h1-wrap{margin-top:50px}
#promo-page.led-light-soaring #advice .textFormat{width:85%}
#promo-page.led-light-soaring #advice .textFormat h3 strong{color:#d4393a; text-decoration:none!important}
#promo-page.led-light-soaring #advice .textFormat h3 span{padding-bottom:3px; border-bottom:1px solid #333;font-weight:700}
#promo-page.led-light-soaring .getConsultation{border-top:1px solid #ccc}




#promo-page.light-line{margin:0!important}

#promo-page.light-line #video_wrap {height:100vh;width:100%;overflow:hidden;position:relative}
#promo-page.light-line #video_wrap .video {}
#promo-page.light-line #video_wrap .video::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:#000;opacity:0.6}
#promo-page.light-line #video_wrap .video video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
#promo-page.light-line #video_wrap .video .txt{overflow:hidden;display:block;position:absolute;top:40vh;left:10%;right:10%;transform:translate(0, -50%);z-index:3;text-align:center;text-transform:uppercase}
#promo-page.light-line #video_wrap .video .txt h1{font-weight:400;font-size:35px;line-height:150%;color:#fff;text-shadow:0 1px 1px #000}
#promo-page.light-line #video_wrap .video .txt p{margin-top:15px;display:block;font-size:20px;line-height:150%;color:#fff;text-shadow:0 1px 1px #000;text-align:center}

#promo-page.light-line #items{border-top:1px solid #eee;background:#f7f7f7;overflow:hidden;padding:50px 0}
#promo-page.light-line #items .item{float:left;padding:20px;margin:0.5%;width:49%;border:1px solid #eee;background:#fff;box-sizing:border-box}
#promo-page.light-line #items .item .avatar{}
#promo-page.light-line #items .item .avatar img{width:100%;border-radius:10px}
#promo-page.light-line #items .item h2{margin-top:10px;font-size:13px;line-height:150%;color:#000;font-weight:300;height:59px;overflow:hidden}
#promo-page.light-line #items .item .prices{overflow:hidden}
#promo-page.light-line #items .item .prices .price_1{display:inline-block;max-width:60%;min-width:30%;font-size:13px;line-height:200%;color:#000;font-weight:400}
#promo-page.light-line #items .item .prices .price_0{display:inline-block;margin-left:5px;position:relative;font-size:11px;line-height:300%;color:#aaa}
#promo-page.light-line #items .item .prices .price_0::after{content: ""; width: calc(100% + 4px);height: 1px;height: max(0.08em, 1px);position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-3.5deg);transform: translate(-50%, -50%) rotate(-3.5deg);background-color: currentColor;}
#promo-page.light-line #items .item .gallery {margin-top:20px}
#promo-page.light-line #items .item .gallery img{width:24%;margin-right:1%;box-sizing:border-box;border:1px solid #fff;border-radius:5px}
#promo-page.light-line #items .item .gallery img.act{border:1px solid #0c78d0}

#promo-page.light-line #profit{background:#f7f7f7;overflow:hidden;padding:50px 0}
#promo-page.light-line #profit .h1-wrap{width:80%}
#promo-page.light-line #profit .h1-wrap h2{font-size:30px;line-height:140%}
#promo-page.light-line #profit .box{width:80%;margin:50px auto; padding:20px; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative;}
#promo-page.light-line #profit .box h2{text-decoration:underline}

#promo-page.light-line #schema {border-top:1px solid #eee}
#promo-page.light-line #schema .page{margin-top:50px!important;}
#promo-page.light-line #schema .h1-wrap{margin:0 0 50px}
#promo-page.light-line #schema .cl{float:none;width:100%}
#promo-page.light-line #schema .cr{float:none;width:100%}
#promo-page.light-line #schema .cl .imgWrap{width:70%;margin:0}
#promo-page.light-line #schema .cr .i{overflow:hidden;padding:20px 0;border-bottom:1px solid #eee}
#promo-page.light-line #schema .cr .i:last-child{border:none}
#promo-page.light-line #schema .cr .i img{float:left;width:25%}
#promo-page.light-line #schema .cr .i .textFormat{float:right;width:70%}

#promo-page.light-line #partners {border-top:1px solid #eee}
#promo-page.light-line #partners h2{margin:100px auto 10px;text-align:center}
#promo-page.light-line #partners p{font-style:italic;font-size:12px;line-height:16px;text-align:center}
#promo-page.light-line #partners .gallery{}
#promo-page.light-line #partners .gallery .wr{padding:10px;overflow:hidden}
#promo-page.light-line #partners .gallery .wr span{display:block;padding:10px}
#promo-page.light-line #partners .gallery .wr span img{width:90%}

#promo-page.light-line #light {margin:0 auto}
#promo-page.light-line #light .page{margin-top:50px!important;}
#promo-page.light-line #light .h1-wrap{margin-bottom:50px}
#promo-page.light-line #light .cl{float:none;width:100%}
#promo-page.light-line #light .cr{float:none;width:100%}

#promo-page.light-line #cover {margin:0px auto}
#promo-page.light-line #cover .page{margin-top:50px!important;}
#promo-page.light-line #cover .h1-wrap{margin-bottom:50px}
#promo-page.light-line #cover .cl{float:none;width:100%}
#promo-page.light-line #cover .cr{float:none;width:100%}

#promo-page.light-line #custom {margin:0px auto}
#promo-page.light-line #custom .page{margin-top:50px!important;}
#promo-page.light-line #custom .h1-wrap{margin-bottom:50px}
#promo-page.light-line #custom .cl{float:none;width:100%}
#promo-page.light-line #custom .cr{float:none;width:100%}

#promo-page.light-line #benefits {border-top:1px solid #eee;border-bottom:1px solid #ccc}
#promo-page.light-line #benefits .ly{padding:0 20px 50px}
#promo-page.light-line #benefits .h1-wrap{margin-top:50px}
#promo-page.light-line #benefits .item{float:none; width:100%; margin:0 0 20px 0}
#promo-page.light-line #benefits .item h3 strong{color:#d4393a; text-decoration:none!important}
#promo-page.light-line #benefits .item h3 span{padding-bottom:3px; border-bottom:1px solid #333}



#promo-page.light-line-build .h1-wrap{margin-top:40px}
#promo-page.light-line-build .page{min-height:200px;margin:5px auto 20px}
#promo-page.light-line-build #items{}
#promo-page.light-line-build #items .item{cursor:pointer;float:left;width:10.5%;background:#fafafa;padding:15px;margin:0 0 2% 2%;box-sizing:border-box;border:1px solid #f1f1f1}
#promo-page.light-line-build #items .item.act{background:#ffe96a}
#promo-page.light-line-build #items .item.section{cursor:default;opacity:0;background:#fff;border:1px solid #ddd!important;}
#promo-page.light-line-build #items .item.section .absWrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}
#promo-page.light-line-build #items .item.section .absWrap p{font-weight:700;color:#333;font-size:11px;line-height:16px;text-align:center;display:table-cell;vertical-align:middle;text-transform:uppercase}
#promo-page.light-line-build #items .item .image{}
#promo-page.light-line-build #items .item .image img{width:100%}
#promo-page.light-line-build #items .item .title{display:block;overflow:hidden;height:32px;font-size:11px;font-weight:400;line-height:16px;text-align:center;margin:5px 0 0;color:#333}
#promo-page.light-line-build #items .item .price{display:block;overflow:hidden;height:12px;font-size:10px;line-height:12px;text-align:center;margin:10px 0 0;color:#666}
/*  */
#promo-page.light-line-build #data{}
#promo-page.light-line-build #data #cl{}
#promo-page.light-line-build #data #cl #able{overflow:hidden}
#promo-page.light-line-build #data #cl #able span{display:inline-block;margin-right:4px;padding:0 2px;border:1px solid #eee;border-radius:4px;background:#fefefe}
#promo-page.light-line-build #data #cl #able span.pick{background:#e6f9e8}
#promo-page.light-line-build #data #cl #lengths{margin-top:15px}
#promo-page.light-line-build #data #cl #lengths .box{margin-bottom:5px;overflow:hidden}
#promo-page.light-line-build #data #cl #lengths input{float:left;width:24%;font-size:12px;box-sizing:border-box;margin-left:2%}
#promo-page.light-line-build #data #cl #lengths input:first-child{width:36%;margin-left:0}
#promo-page.light-line-build #data #cl #lengths select{float:left;width:36%;font-size:12px;box-sizing:border-box;margin-left:2%}
#promo-page.light-line-build #data #cl #lengths input.ok{background:#e6f9e8}
#promo-page.light-line-build #data #cl #lengths textarea{width:100%;box-sizing:border-box;height:100px}
#promo-page.light-line-build #data #cl #lengths .btn{margin-top:20px}
#promo-page.light-line-build #data #lengths_answer{border-top:1px solid #eee;margin-top:20px;box-sizing:border-box}
#promo-page.light-line-build #data #lengths_answer .ext_inf_wrap{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #eee;padding:20px 0}
#promo-page.light-line-build #data #lengths_answer .ext_inf_wrap .cl{float:left;width:33.3%;border-right:1px solid #eee;padding:0 2%;box-sizing:border-box;min-height:150px}
#promo-page.light-line-build #data #lengths_answer .ext_inf_wrap .cl:last-child{border:none}
#promo-page.light-line-build #data #lengths_answer #infographics{overflow:hidden}
#promo-page.light-line-build #data #lengths_answer #infographics .box{overflow:hidden;height:25px;margin-top:5px}
#promo-page.light-line-build #data #lengths_answer #infographics .title{float:left;width:15%;height:25px;line-height:25px;text-align:center;font-size:10px;border:1px solid #666;box-sizing:border-box}
#promo-page.light-line-build #data #lengths_answer #infographics .title.anod{background:#eee}
#promo-page.light-line-build #data #lengths_answer #infographics .title.black{background:#333;color:#fff}
#promo-page.light-line-build #data #lengths_answer #infographics .title.white{background:#fff}
#promo-page.light-line-build #data #lengths_answer #infographics .title.ral{background:#b3d2fa;color:#fff}
#promo-page.light-line-build #data #lengths_answer #infographics .profile-wrap{width:83%;float:right;box-sizing:border-box}
#promo-page.light-line-build #data #lengths_answer #infographics .profile{overflow:hidden;border:1px solid #b9b9b9;height:25px;box-sizing: border-box;background:#eea793}
#promo-page.light-line-build #data #lengths_answer #infographics .length_2000 .profile{width:50%}
#promo-page.light-line-build #data #lengths_answer #infographics .length_2500 .profile{width:75%}
#promo-page.light-line-build #data #lengths_answer #infographics .length_3000 .profile{width:85%}
#promo-page.light-line-build #data #lengths_answer #infographics .length_5000 .profile{width:100%}
#promo-page.light-line-build #data #lengths_answer #infographics .profile span{background:#fafafa;display:inline-block;height:25px;line-height:25px;text-align:center;font-size:9px}
#promo-page.light-line-build #data #lengths_answer #infographics .profile span.n{background:#e6e6e6}



#promo-page.track-light{margin:0!important}

#promo-page.track-light #video_wrap {height:100vh;width:100%;overflow:hidden;position:relative}
#promo-page.track-light #video_wrap .video {}
#promo-page.track-light #video_wrap .video::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:#000;opacity:0.6}
#promo-page.track-light #video_wrap .video video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
#promo-page.track-light #video_wrap .video .txt{overflow:hidden;display:block;position:absolute;top:40vh;left:10%;right:10%;transform:translate(0, -50%);z-index:3;text-align:center;text-transform:uppercase}
#promo-page.track-light #video_wrap .video .txt h1{font-weight:400;font-size:35px;line-height:150%;color:#fff;text-shadow:0 1px 1px #000}
#promo-page.track-light #video_wrap .video .txt p{margin-top:15px;display:block;font-size:20px;line-height:150%;color:#fff;text-shadow:0 1px 1px #000;text-align:center}

#promo-page.track-light #items{border-top:1px solid #eee;background:#f7f7f7;overflow:hidden;padding:50px 0}
#promo-page.track-light #items .item{float:left;padding:20px;margin:0.5%;width:49%;border:1px solid #eee;background:#fff;box-sizing:border-box}
#promo-page.track-light #items .item .avatar{}
#promo-page.track-light #items .item .avatar img{width:100%;border-radius:10px}
#promo-page.track-light #items .item h2{margin-top:10px;font-size:13px;line-height:150%;color:#000;font-weight:300;height:59px;overflow:hidden}
#promo-page.track-light #items .item .prices{overflow:hidden}
#promo-page.track-light #items .item .prices .price_1{display:inline-block;max-width:60%;min-width:30%;font-size:13px;line-height:200%;color:#000;font-weight:400}
#promo-page.track-light #items .item .prices .price_0{display:inline-block;margin-left:5px;position:relative;font-size:11px;line-height:300%;color:#aaa}
#promo-page.track-light #items .item .prices .price_0::after{content: ""; width: calc(100% + 4px);height: 1px;height: max(0.08em, 1px);position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-3.5deg);transform: translate(-50%, -50%) rotate(-3.5deg);background-color: currentColor;}
#promo-page.track-light #items .item .gallery {margin-top:20px}
#promo-page.track-light #items .item .gallery img{width:24%;margin-right:1%;box-sizing:border-box;border:1px solid #fff;border-radius:5px}
#promo-page.track-light #items .item .gallery img.act{border:1px solid #0c78d0}

#promo-page.track-light #profit{background:#f7f7f7;overflow:hidden;padding:50px 0}
#promo-page.track-light #profit .h1-wrap{width:80%}
#promo-page.track-light #profit .h1-wrap h2{font-size:30px;line-height:140%}
#promo-page.track-light #profit .box{width:80%;margin:50px auto; padding:20px; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative;}
#promo-page.track-light #profit .box h2{text-decoration:underline}

#promo-page.track-light #inf {border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;padding:80px 0 30px}
#promo-page.track-light #inf .h1-wrap.second{margin-top:80px}
#promo-page.track-light #inf .textFormat{margin:0 auto 50px; width:90%; text-align:center}
#promo-page.track-light #inf .box{float:left;width:50%;padding:0 2%;box-sizing:border-box}
#promo-page.track-light #inf .box .img{width:100%;border-radius:50%;margin-top:50px;overflow:hidden}
#promo-page.track-light #inf .box .img img{width:100%}
#promo-page.track-light #inf .box p{text-align:center;margin-top:20px;text-transform:uppercase;height:40px}

/*
#promo-page.track-light #mount {border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden}
#promo-page.track-light #mount .h1-wrap{margin-top:50px}
#promo-page.track-light #mount .ly{padding:10px 20px 40px}
#promo-page.track-light #mount img{width:80%; margin:50px auto}
#promo-page.track-light #mount #text{}

#promo-page.track-light #annotation {padding-top:20px;background:#fff;border-bottom:1px solid #ccc}
#promo-page.track-light #annotation .ly{padding:25px 20px 50px}
#promo-page.track-light #annotation .h1-wrap{margin-top:50px}
#promo-page.track-light #annotation img{width:25%;float:left;margin:0 5% 5% 0}
#promo-page.track-light #annotation span.textFormat{}

#promo-page.track-light #benefits {padding-top:20px;background:#f6f6f6;border-bottom:1px solid #ccc}
#promo-page.track-light #benefits .ly{padding:25px 20px 50px}
#promo-page.track-light #benefits .h1-wrap{margin-top:50px}
#promo-page.track-light #benefits .item{margin:20px 0}
#promo-page.track-light #benefits .item h3 strong{color:#d4393a; text-decoration:none!important}
#promo-page.track-light #benefits .item h3 span{padding-bottom:3px; border-bottom:1px solid #333}
*/

#promo-page.magnet-light{margin:0!important}

#promo-page.magnet-light #video_wrap {height:100vh;width:100%;overflow:hidden;position:relative}
#promo-page.magnet-light #video_wrap .video {}
#promo-page.magnet-light #video_wrap .video::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:#000;opacity:0.6}
#promo-page.magnet-light #video_wrap .video video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
#promo-page.magnet-light #video_wrap .video img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
#promo-page.magnet-light #video_wrap .video .txt{overflow:hidden;display:block;position:absolute;top:40vh;left:10%;right:10%;transform:translate(0, -50%);z-index:3;text-align:center;text-transform:uppercase}
#promo-page.magnet-light #video_wrap .video .txt h1{font-weight:400;font-size:35px;line-height:150%;color:#fff;text-shadow:0 1px 1px #000}
#promo-page.magnet-light #video_wrap .video .txt p{margin-top:15px;display:block;font-size:20px;line-height:150%;color:#fff;text-shadow:0 1px 1px #000;text-align:center}

#promo-page.magnet-light #items{border-top:1px solid #eee;background:#f7f7f7;overflow:hidden;padding:50px 0}
#promo-page.magnet-light #items .item{float:left;padding:20px;margin:0.5%;width:49%;border:1px solid #eee;background:#fff;box-sizing:border-box}
#promo-page.magnet-light #items .item .avatar{}
#promo-page.magnet-light #items .item .avatar img{width:100%;border-radius:10px}
#promo-page.magnet-light #items .item h2{margin-top:10px;font-size:13px;line-height:150%;color:#000;font-weight:300;height:59px;overflow:hidden}
#promo-page.magnet-light #items .item .prices{overflow:hidden}
#promo-page.magnet-light #items .item .prices .price_1{display:inline-block;max-width:60%;min-width:30%;font-size:13px;line-height:200%;color:#000;font-weight:400}
#promo-page.magnet-light #items .item .prices .price_0{display:inline-block;margin-left:5px;position:relative;font-size:11px;line-height:300%;color:#aaa}
#promo-page.magnet-light #items .item .prices .price_0::after{content: ""; width: calc(100% + 4px);height: 1px;height: max(0.08em, 1px);position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-3.5deg);transform: translate(-50%, -50%) rotate(-3.5deg);background-color: currentColor;}
#promo-page.magnet-light #items .item .gallery {margin-top:20px}
#promo-page.magnet-light #items .item .gallery img{width:24%;margin-right:1%;box-sizing:border-box;border:1px solid #fff;border-radius:5px}
#promo-page.magnet-light #items .item .gallery img.act{border:1px solid #0c78d0}

#promo-page.magnet-light #annotation {padding-top:100px;background:#fff;border-top:1px solid #ccc}
#promo-page.magnet-light #annotation .about{}
#promo-page.magnet-light #annotation .mount{margin:50px 0 100px; padding-top:50px; border-top:1px solid #ccc}
#promo-page.magnet-light #annotation .ly{padding:25px 20px 50px}
#promo-page.magnet-light #annotation .h1-wrap{margin-top:50px}
#promo-page.magnet-light #annotation video{width:100%;margin:0 30px 5% 0}
#promo-page.magnet-light #annotation div.textFormat{}

#promo-page.magnet-light #benefits {padding-top:20px;background:#f6f6f6;border-bottom:1px solid #ccc}
#promo-page.magnet-light #benefits .ly{padding:25px 20px 50px}
#promo-page.magnet-light #benefits .h1-wrap{margin-top:50px}
#promo-page.magnet-light #benefits .item{margin:20px 0}
#promo-page.magnet-light #benefits .item h3 strong{color:#d4393a; text-decoration:none!important}
#promo-page.magnet-light #benefits .item h3 span{padding-bottom:3px; border-bottom:1px solid #333}


#promo-page.promotion #video{width:100%;max-width:2560px;position:relative}
#promo-page.promotion #video .video{display:block;position:relative;width:100%;height:auto;z-index:1}
#promo-page.promotion #video .filter{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background: #000;opacity: 0.4}
#promo-page.promotion #video .head-title{position:absolute;top:50%;margin-top:-25px;left:0;right:0;text-align:center;z-index:3}
#promo-page.promotion #video .head-title h1{font-size:18px;font-weight:700;line-height:25px;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase}
#promo-page.promotion #video .head-title h1 *{color:#fff;text-shadow:#000 0 0 2px;font-size:14px;line-height:20px;text-transform:none}
#promo-page.promotion #video .slider-h1__red {background:#e60036;padding:2px 5px}
/* directions */
#promo-page.promotion #directions {border-top:1px solid #eee;margin:0 auto 50px;padding:60px 0 40px}
#promo-page.promotion #directions .wrap{margin-left:-2.33%}
#promo-page.promotion #directions .wrap .i{display:block;width:31%;float: left;margin-left:2.33%;margin-top:25px;box-sizing:border-box;z-index: 0}
#promo-page.promotion #directions .wrap .i .img{display: block;width:100%;position:relative;overflow:hidden}
#promo-page.promotion #directions .wrap .i .img img{width:100%;margin:auto}
#promo-page.promotion #directions .wrap .i .title{display:block;font-size:10px;font-weight:700;top:auto;text-align:left;;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:2;padding:20px 20px 20px;box-sizing:border-box;color:#fff;text-transform:uppercase;text-shadow:5px 1px 10px #000}
/* lodgements */
#promo-page.promotion #lodgements{overflow:hidden}
#promo-page.promotion #lodgements img{width:120%;margin-left:-10%}
#promo-page.promotion #lodgements .filter{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background: #000;opacity: 0.7}
#promo-page.promotion #lodgements h1{position:absolute;left:0;right:0;top:50%;margin-top:-25px;z-index:2;font-size:18px;font-weight:700;text-align:center;line-height:25px;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase}
#promo-page.promotion #lodgements h1 span{font-size:14px;line-height:20px;font-weight:700;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase;background:#e60036;padding:2px 5px}
/* form */
#promo-page.promotion{border-top:1px solid #ccc}
#promo-page.promotion #form .head {margin-top:40px!important}
#promo-page.promotion #form .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400}
#promo-page.promotion #form .head h3.act{color:#ff0f00}
#promo-page.promotion #form .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center}
#promo-page.promotion #form .content{width:70%;margin:50px auto}
#promo-page.promotion #form .content .cl{display:none}
#promo-page.promotion #form .content .cr{width:100%;float:none}
#promo-page.promotion #form .content .cr .form{width:100%; margin:20px auto 0}
#promo-page.promotion #form .content .cr .form input{width:100%; height:40px; line-height:30px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #aaa}
#promo-page.promotion #form .content .cr .form input.alert{background:#ffe9e2; border:1px solid #ff9090}
#promo-page.promotion #form .content .cr .form .line input{width:48%; border:1px solid #eee}
#promo-page.promotion #form .content .cr .form textarea{width:100%; height:60px; line-height:18px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #ccc}
#promo-page.promotion #form .content .cr .form .btn{width:100%; box-sizing:border-box}








#project.make-page #cl #areas{}
#project.make-page #cl #areas .area {position:relative;margin-bottom:50px;border:1px solid #eee;background:#fafafa;padding:10px;border-radius:5px}
#project.make-page #cl #areas .area .inf {overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
#project.make-page #cl #areas .area .inf .cl {width:70%; float:left}
#project.make-page #cl #areas .area .inf .cr {width:25%; float:right}
#project.make-page #cl #areas .area .inf .cl input{border:1px solid #eee;width:100%;height:24px;padding:0 5px;font-weight:700;font-size:16px;line-height:24px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#project.make-page #cl #areas .area .inf .cr .total{overflow:hidden; font-size:14px}
#project.make-page #cl #areas .area .inf .cr .total .l{float:left; width:40%; text-align:right; height:24px; line-height:24px}
#project.make-page #cl #areas .area .inf .cr .total .r{float:right; width:55%; height:24px; line-height:24px}
#project.make-page #cl #areas .area .inf textarea{border:1px solid #eee;margin-top:5px;width:100%;padding:5px;height:50px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#project.make-page #cl #areas .area .items{background:#fff;min-height:50px}
#project.make-page #cl #areas .area .removeArea{display:block; position:absolute; z-index:2; width:20px; height:20px; background:url('/api/in/images/remove.png');background-size:contain; top:5px; right:5px}
#project.make-page #cl #areas .area.act{overflow:hidden;background:#ffefbf;margin-bottom:10px;padding:0 10px;min-height:20px}
#project.make-page #cl #areas .area.act *{display:none}
#project.make-page #cl #areas .area.act .inf,
#project.make-page #cl #areas .area.act .inf .oh,
#project.make-page #cl #areas .area.act .inf .oh .cl,
#project.make-page #cl #areas .area.act .inf input{display:block;border:none;padding:0;background:none;font-size:10px}
#project.make-page #cl #areas .items{}
#project.make-page #cl #areas .items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee}
#project.make-page #cl #areas .items .head {display:none}
#project.make-page #cl #areas .items .line .body{position:relative; min-height:62px}
#project.make-page #cl #areas .items .line .box{float:left;padding-left:2%;box-sizing:border-box}
#project.make-page #cl #areas .items .line .box *{line-height:62px;font-size:12px}
#project.make-page #cl #areas .items .line .box.img{width:30%;padding-left:0;text-align:center;height:70px}
#project.make-page #cl #areas .items .line .box.title{width:70%;height:70px}
#project.make-page #cl #areas .items .line .box.price-r{width:25%;text-align:right}
#project.make-page #cl #areas .items .line .box.discount{display:none}
#project.make-page #cl #areas .items .line .box.price-c{display:none}
#project.make-page #cl #areas .items .line .box.count{width:30%;padding-left:4%;padding-top:20px;text-align:center}
#project.make-page #cl #areas .items .line .box.unit{width:10%;min-height:1px}
#project.make-page #cl #areas .items .line .box.sum{width:30%;text-align:right}
/* Для авторизованных показываем еще два поля */
#project.make-page #cl #areas .items.aut1 .line .box.price-r{display:none}
#project.make-page #cl #areas .items.aut1 .line .box.price-c{width:20%;text-align:right;display:block}
/* --> */
#project.make-page #cl #areas .items .line .box.img img{width:80%}
#project.make-page #cl #areas .items .line .body .box.title *{font-size:10px;line-height:11px}
#project.make-page #cl #areas .items .line .body .box.title .l1{overflow:hidden}
#project.make-page #cl #areas .items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden}
#project.make-page #cl #areas .items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc}
#project.make-page #cl #areas .items .line .body .box.title .l1 .tr2{float:left;overflow:hidden}
#project.make-page #cl #areas .items .line .body .box.title .l1 .tr2 span{float:left;display:block;min-height:11px;min-width:20px;font-size:10px;text-align:center;padding:3px 2px;background:#f1f1f1;margin-right:2px}
#project.make-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_store{}
#project.make-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_shop{}
#project.make-page #cl #areas .items .line .body .box.title .l2{margin-top:10px}
#project.make-page #cl #areas .items .line .body .box.title .l2 span{font-size:11px;line-height:16px}
#project.make-page #cl #areas .items .line .box.count p.countHint{position:absolute;bottom:-17px;left:20px;right:0;color:#888;font-size:11px;line-height:11px;display:block}
#project.make-page #cl #areas .items .line .box.count span{width:25%;box-sizing:border-box;cursor:pointer;float:left;display:block;text-align:center;height:22px;font-size:14px;line-height:20px;background:#f1f1f1;border:1px solid #ddd}
#project.make-page #cl #areas .items .line .box.count input{width:50%;box-sizing:border-box;float:left;margin:0;border:1px solid #ddd;border-width:1px 0 1px 0;border-radius:0;height:22px;line-height:22px;font-size:12px;text-align:center}
#project.make-page #cl #areas .items .line .body .box.count input.y{background: #e6f9e8}
#project.make-page #cl #areas .items .line .body .box.count input.n{background:#fde7e0}
#project.make-page #cl #areas .items .line .box.unit p{padding-top:5px;font-size:10px;color:#000}
#project.make-page #cl #areas .items .line .remove{display:none;position:absolute;z-index:99;width:20px;height:20px;background:url('/api/in/images/remove.png');background-size:contain;top:0;right:0}
#project.make-page #cl #areas .items .line:hover .remove{display:block}
#project.make-page #cl #total{overflow:hidden; font-size:14px; margin-top:10px}
#project.make-page #cl #total .wrap{width:260px; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x}
#project.make-page #cl #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x}
#project.make-page #cl #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:10px 20px 15px; margin-bottom:7px; border-left: 1px solid #eee}
#project.make-page #cl #total .line{overflow:hidden; padding:2px 0}
#project.make-page #cl #total .line .l{float:left; width:80px; text-align:right; height:24px; line-height:24px}
#project.make-page #cl #total .line .r{float:right; width:130px; height:24px; line-height:24px}
#project.make-page #cl #total .total strong{display:inline-block; padding:0 6px; height:22px; line-height:24px; background:#ffe96a; font-size:16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
#project.make-page #cl #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px}
#project.make-page #cl #total .msg{font-size:11px; margin:15px 0; border-top:1px solid #eee; text-align:center; padding-top:10px}
#project.make-page #cl #total .msg strong{color:#ff6137}
/* Форма ввода данных */
#project.make-page #cr #form{}
#project.make-page #cr #form #clients{margin-bottom:20px}
#project.make-page #cr #form .line{padding:10px 0; border-bottom:1px solid #eee}
#project.make-page #cr #form .line:last-child{border:none}
#project.make-page #cr #form .line .label{float:left; width:29%}
#project.make-page #cr #form .line .label label{font-size:12px; line-height:30px}
#project.make-page #cr #form .line .input{float:left; width:70%}
#project.make-page #cr #form .line.hline .label{float:none; width:100%}
#project.make-page #cr #form .line.hline .input{float:none; width:100%}
#project.make-page #cr #form .line .input p{font-size:12px; line-height:30px; font-weight:700; color:#666}
#project.make-page #cr #form input{float:right; border:1px solid #d4d4d4; width:155px; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#project.make-page #cr #form textarea{resize:none; border:1px solid #d4d4d4; width:220px; padding:5px; height:50px; background:#fff;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#project.make-page #cr #form select{width:100%}
#project.make-page #cr #form .line .input .alert{background:rgba(255, 198, 181, 0.64)}
#project.make-page #cr #form .btn{margin-top:20px; float:right; width:155px; display:block}
#project.make-page #cr #form .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px}
#project.make-page #cr #form .load{margin-top:7px}
/*intelCartSearch*/
#project.make-page #cr #form .dropOwner{display:block;position:absolute;z-index:99;width:20px;height:20px;top:3px;right:3px;color:#666;font-size:20px;font-weight:700;cursor:pointer}
#project.make-page #cr #form #searchName .resultWrap{position:absolute;max-height:400px;left:0;right:0;top:42px;border:1px solid #ccc;background:rgba(115,115,115,.8);border-radius:5px}
#project.make-page #cr #form #searchName .resultWrap .remove{display:block;position:absolute;z-index:99;width:12px;height:12px;top:3px;right:3px;color:#fff;font-size:12px;font-weight:700}
#project.make-page #cr #form #searchName .resultWrap .content {padding:20px 0}
#project.make-page #cr #form #searchName .resultWrap .content div.client{margin-bottom:10px; border-bottom:1px solid #fff}
#project.make-page #cr #form #searchName .resultWrap .content div.company{margin-bottom:10px; border-bottom:1px solid #fff}
#project.make-page #cr #form #searchName .resultWrap .content input{width:80%;height:20px;float:none;margin:0 auto 10px;display:none;border:none}
#project.make-page #cr #form #searchName .resultWrap .content .result {padding:10px 0;max-height:120px;overflow-x: hidden;overflow-y:visible}
#project.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar{width:4px;background: #eee}
#project.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar-thumb{background:#ccc}
#project.make-page #cr #form #searchName .resultWrap .content .result div{background:#fefefe;font-size:11px;min-height:20px;line-height:20px;padding:4px;margin:0 10px;border-bottom:1px dotted #ccc;overflow:hidden}
#project.make-page #cr #form #searchName .resultWrap .content .result div:hover{background:#d4e2f7;cursor:pointer}
#project.make-page #cr #form #searchName .resultWrap .content .result div.pick{background:#a7dc9d;cursor:pointer}
#project.make-page #cr #form #searchName .resultWrap .content .result div:last-child{border-bottom:none}
#project.make-page #cr #form #searchName .resultWrap .content .btn{color:#fff;border-bottom: 2px solid #fff;margin:20px;width:100px}
/*
   made-page
*/
#project.made-page{}
#project.made-page #cl {}
/* Информация по проекту */
#project.made-page #cl #inf {margin-bottom:45px;padding:10px;background:#fafafa;border:1px solid #eee;box-sizing:border-box}
#project.made-page #cl #inf .box{min-height:20px;overflow:hidden}
#project.made-page #cl #inf .box.inf{width:100%}
#project.made-page #cl #inf .box.doc{width:100%;margin-top:5px;padding-top:5px;border-top:1px solid #eee}
#project.made-page #cl #inf .box.inf div{float:left;padding:0 2%;width:33.3%;box-sizing:border-box}
#project.made-page #cl #inf .box.inf div span{display:block;text-align:center}
#project.made-page #cl #inf .box.inf div span,
#project.made-page #cl #inf .box.inf div span *{line-height:20px;color:#888;font-size:10px}
#project.made-page #cl #inf .box.inf div span:first-child{border-bottom:1px dotted #eee}
#project.made-page #cl #inf .box.inf div span strong,
#project.made-page #cl #inf .box.inf div span:last-child{color:#333;font-size:11px}
#project.made-page #cl #inf .box.doc a{text-decoration:underline;font-size:11px;line-height:24px;color:#264f9e;font-family:'Open Sans',sans-serif}
#project.made-page #cl #inf .box.doc a.make{color:#ff0f00}
#project.made-page #cl #inf .box.doc select{border:1px solid #eee;display:inline-block;width:50%;height:30px;padding-left:8px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#project.made-page #cl #inf .box.doc .confirm a{width:20%;display:inline-block;text-align:center}
/* Список товаров */
#project.made-page #cl #areas{}
#project.made-page #cl #areas .area {position:relative;margin-bottom:50px;border:1px solid #eee;background:#fafafa;padding:10px;border-radius:5px}
#project.made-page #cl #areas .area .inf {overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
#project.made-page #cl #areas .area .inf .cl {width:60%; float:left}
#project.made-page #cl #areas .area .inf .cr {width:40%; float:right}
#project.made-page #cl #areas .area .inf .cl input{border:1px solid #eee;width:80%;height:20px;padding:0 5px;font-size:13px;line-height:24px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#project.made-page #cl #areas .area .inf .cr .total{overflow:hidden; font-size:14px}
#project.made-page #cl #areas .area .inf .cr .total .l{float:left; width:70%; text-align:right; height:24px; line-height:24px;font-size:11px}
#project.made-page #cl #areas .area .inf .cr .total .r{float:right; width:30%; height:24px; line-height:24px;font-size:13px;text-align:right}
#project.made-page #cl #areas .area .inf textarea{border:1px solid #eee;margin-top:5px;width:100%;padding:5px;height:50px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:9px}
#project.made-page #cl #areas .area .items{background:#fff;min-height:50px}
#project.made-page #cl #areas .area .removeArea{display:block; position:absolute; z-index:2; width:20px; height:20px; background:url('/api/in/images/remove.png');background-size:contain; top:5px; right:5px}
#project.made-page #cl #areas .area.act{overflow:hidden;background:#ffefbf;margin-bottom:10px;padding:0 10px;min-height:20px}
#project.made-page #cl #areas .area.act *{display:none}
#project.made-page #cl #areas .area.act .inf,
#project.made-page #cl #areas .area.act .inf .oh,
#project.made-page #cl #areas .area.act .inf .oh .cl,
#project.made-page #cl #areas .area.act .inf input{display:block;border:none;padding:0;background:none;font-size:10px}
#project.made-page #cl #areas .items{}
#project.made-page #cl #areas .items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee}
#project.made-page #cl #areas .items .head {display:none}
#project.made-page #cl #areas .items .line .body{position:relative; min-height:62px}
#project.made-page #cl #areas .items .line .box{float:left;padding-left:2%;box-sizing:border-box}
#project.made-page #cl #areas .items .line .box *{line-height:62px;font-size:12px}
#project.made-page #cl #areas .items .line .box.img{width:30%;padding-left:0;text-align:center;height:70px}
#project.made-page #cl #areas .items .line .box.title{width:70%;height:70px}
#project.made-page #cl #areas .items .line .box.price-r{width:25%;text-align:right}
#project.made-page #cl #areas .items .line .box.discount{display:none}
#project.made-page #cl #areas .items .line .box.price-c{display:none}
#project.made-page #cl #areas .items .line .box.count{width:30%;padding-left:4%;padding-top:20px;text-align:center}
#project.made-page #cl #areas .items .line .box.unit{width:10%;min-height:1px}
#project.made-page #cl #areas .items .line .box.sum{width:30%;text-align:right}
/* Для авторизованных показываем еще два поля */
#project.made-page #cl #areas .items.aut1 .line .box.price-r{display:none}
#project.made-page #cl #areas .items.aut1 .line .box.price-c{width:20%;text-align:right;display:block}
/* --> */
#project.made-page #cl #areas .items .line .box.img img{width:80%}
#project.made-page #cl #areas .items .line .body .box.title *{font-size:10px;line-height:11px}
#project.made-page #cl #areas .items .line .body .box.title .l1{overflow:hidden}
#project.made-page #cl #areas .items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden}
#project.made-page #cl #areas .items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc}
#project.made-page #cl #areas .items .line .body .box.title .l1 .tr2{float:left;overflow:hidden}
#project.made-page #cl #areas .items .line .body .box.title .l1 .tr2 span{float:left;display:block;min-height:11px;min-width:20px;font-size:10px;text-align:center;padding:3px 2px;background:#f1f1f1;margin-right:2px}
#project.made-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_store{}
#project.made-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_shop{}
#project.made-page #cl #areas .items .line.item .body .box.title .l1 .tr2 span.stock_reserved{margin-left:15px;font-weight:700}
#project.made-page #cl #areas .items .line .body .box.title .l2{margin-top:10px}
#project.made-page #cl #areas .items .line .body .box.title .l2 span{font-size:11px;line-height:16px}
#project.made-page #cl #areas .items .line .box.count p.countHint{position:absolute;bottom:-17px;left:20px;right:0;color:#888;font-size:11px;line-height:11px;display:block}
#project.made-page #cl #areas .items .line .box.count input{width:100%;box-sizing:border-box;margin:0;border:1px solid #ddd;border-radius:0;height:22px;line-height:22px;font-size:12px;text-align:center}
#project.made-page #cl #areas .items .line .body .box.count input.y{background: #e6f9e8}
#project.made-page #cl #areas .items .line .body .box.count input.n{background:#fde7e0}
#project.made-page #cl #areas .items .line .box.unit p{padding-top:5px;font-size:10px;color:#000}
#project.made-page #cl #areas .items .line .remove{display:none;position:absolute;z-index:99;width:20px;height:20px;background:url('/api/in/images/remove.png');background-size:contain;top:0;right:0}
#project.made-page #cl #areas .items .line:hover .remove{display:block}
/* Услуги */
#project.made-page #cl #areas .area .services{margin:30px 0;}
#project.made-page #cl #areas .area .services h2{}
#project.made-page #cl #areas .area .services .wrap{margin-top:15px;padding:10px;background:#fafafa;border:1px solid #eee;width:100%;box-sizing:border-box}
#project.made-page #cl #areas .area .services .wrap .i{position:relative;border-bottom:1px solid #eee}
#project.made-page #cl #areas .area .services .wrap .i:last-child{border:none}
#project.made-page #cl #areas .area .services .wrap .i .title{float:left;width:70%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%}
#project.made-page #cl #areas .area .services .wrap .i .price{float:left;width:30%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700}
#project.made-page #cl #areas .area .services .wrap .i .remove{display:none;position:absolute;z-index:99;width:32px;height:32px;background:url('/api/in/images/remove.png'); top:0; right:-10px}
#project.made-page #cl #areas .area .services .wrap .i:hover .remove{display:block}
#project.made-page #cl #areas .area .services .wrap .add {position:relative;border:none;margin-top:20px}
#project.made-page #cl #areas .area .services .wrap .add .title{float:left;width:50%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%}
#project.made-page #cl #areas .area .services .wrap .add .price{float:left;width:35%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700}
#project.made-page #cl #areas .area .services .wrap .add .btnWrap{float:left;width:15%;box-sizing:border-box}
#project.made-page #cl #areas .area .services .wrap .add input{border:1px solid #d4d4d4;width:100%;height:30px;line-height:25px;padding-left:2px;background:#fff;box-sizing:border-box}
/* Сумма */
#project.made-page #cl #total-wrap{margin-top:10px}
#project.made-page #cl #total-wrap .upay-info{}
#project.made-page #cl #total{overflow:hidden; font-size:14px}
#project.made-page #cl #total .wrap{width:260px; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x}
#project.made-page #cl #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x}
#project.made-page #cl #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:10px 20px 15px; margin-bottom:7px; border-left: 1px solid #eee}
#project.made-page #cl #total .line{overflow:hidden; padding:2px 0}
#project.made-page #cl #total .line .l{float:left; width:80px; text-align:right; height:24px; line-height:24px}
#project.made-page #cl #total .line .r{float:right; width:130px; height:24px; line-height:24px}
#project.made-page #cl #total .total strong{display:inline-block; padding:0 6px; height:22px; line-height:24px; background:#ffe96a; font-size:16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
#project.made-page #cl #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px}
#project.made-page #cl #total .msg{font-size:11px; margin:15px 0; border-top:1px solid #eee; text-align:center; padding-top:10px}
#project.made-page #cl #total .msg strong{color:#ff6137}
/* Логи */
#project.made-page #cl #logs{margin:60px 0 10px;background:#fafafa;border-top:1px solid #eee}
#project.made-page #cl #logs h2{margin:30px 0}
#project.made-page #cl #logs .oh{margin-top:3px;padding:0 10px;border-bottom:1px solid #eee}
#project.made-page #cl #logs .oh div{height:20px;line-height:20px;cursor:pointer}
#project.made-page #cl #logs .oh div:hover{height:auto}
#project.made-page #cl #logs .oh .date{float:left;width:10%;font-size:9px}
#project.made-page #cl #logs .oh .user{float:left;width:30%;font-size:10px;color:#888}
#project.made-page #cl #logs .oh .msg{float:right;width:58%;font-size:10px}
/* Комменты */
#project.made-page #cl #comments{width:100%;min-height:200px;margin:60px 0 25px 0;position:relative}
#project.made-page #cl #comments h2{}
#project.made-page #cl #comments #commentForm{margin:30px auto;padding-bottom:10px;padding:10px;background:#fafafa;border:1px solid #eee;box-sizing:border-box}
#project.made-page #cl #comments #commentForm span{float:right; width:40px; font-size:14px; line-height:24px}
#project.made-page #cl #comments #commentForm input{float:right; width:170px; height:20px; padding:2px 3px; border:1px solid #ddd; font-size:12px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#project.made-page #cl #comments #commentForm textarea{margin:5px 0;border:1px solid #ddd;width:100%;box-sizing:border-box;height:50px;padding:10px;font-size:13px;line-height:15px;resize:none;color:#444; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#project.made-page #cl #comments #commentForm .btn{margin:10px 0 0; width:90px; height:30px}
#project.made-page #cl #comments .content{}
#project.made-page #cl #comments .content .block{max-width:80%;box-sizing:border-box;height:auto!important; padding:10px; min-height:30px; position:relative; margin:8px 0 0 0; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#project.made-page #cl #comments .content .block .name{display:inline-block; margin-bottom:5px; font-size:12px; line-height:18px; color:#333; font-weight:700; border-bottom:1px solid #666}
#project.made-page #cl #comments .content .block .text{font-size:13px; line-height:18px}
#project.made-page #cl #comments .content .block.in{background-color:#f4f9ff; border:1px solid#c6d9f1}
#project.made-page #cl #comments .content .block.out{background-color:#fcfcfc;border:1px solid#ccc}
#project.made-page #cl #comments .content .block:before, #comments .block:after{content:""; position:absolute; border-left:8px solid transparent; border-right:8px solid transparent}
#project.made-page #cl #comments .content .block.in:before{border-bottom:8px solid #b1cbea;right:8px; top:-8px}
#project.made-page #cl #comments .content .block.in:after {border-bottom:8px solid #f4f9ff;right:8px; top:-7px}
#project.made-page #cl #comments .content .block.out:before{border-top:8px solid #bbb; left:8px; bottom:-8px}
#project.made-page #cl #comments .content .block.out:after{border-top:8px solid #fcfcfc; left:8px; bottom:-7px}
#project.made-page #cr{margin-top:60px}
#project.made-page #cr #form .comment{margin:10px 0 20px;padding:10px;border:1px solid #d2c79e;background:#fff3b5}
#project.made-page #cr #form .comment p{font-size:9px;color:#666}
#project.made-page #cr #form .comment span{margin-top:10px;font-size:12px;line-height:18px}
#project.made-page #cr #form .line{padding:5px 0; border-bottom:1px solid #eee}
#project.made-page #cr #form .line:last-child{border:none}
#project.made-page #cr #form .line.hline .label{float:none; width:100%}
#project.made-page #cr #form .line.hline .input{float:none; width:100%}
#project.made-page #cr #form .line .label{float:left; width:29%}
#project.made-page #cr #form .line .label label{font-size:12px; line-height:30px}
#project.made-page #cr #form .line .label label a{text-decoration:underline!important;color:#000!important;font-size:12px!important}
#project.made-page #cr #form .line select{float:right; border:none; width:100%; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#project.made-page #cr #form .line.status .input{position:relative}
#project.made-page #cr #form .line.status .confirm{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}
#project.made-page #cr #form .line.status .confirm a{display:block;float:left;height:30px;line-height:30px;width:50%;border:1px solid #eaeaea;background:#fafafa;box-sizing:border-box;text-align:center}
#project.made-page #cr #form .line .input{float:left; width:70%}
#project.made-page #cr #form .line .input p{font-size:11px;line-height:24px;font-weight:700;color:#444}
#project.made-page #cr #form .line a p{text-decoration:underline!important;color:#000!important;font-size:12px!important}
#project.made-page #cr #form .line .input input{float:right; border:none; width:100%; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#project.made-page #cr #form .line .input textarea{border:1px solid #d4d4d4; font-size:12px; line-height:16px; width:100%; padding:5px; height:90px; background:#fff;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#project.made-page #cr #form .company{border-top:2px solid #000;margin-top:20px;padding-top:20px}
#project.made-page #cr #form .line .input .alert{background:rgba(255, 198, 181, 0.64)}
#project.made-page #cr #form .btn{margin-top:10px; float:right; width:155px; display:block}
#project.made-page #cr #form .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px}
#project.made-page #cr #form .load{margin-top:7px}
#project.made-page #cr #form #pay{margin-top:30px}
#project.made-page #cr #form #pay h3{text-align:center; margin-bottom:15px}




#promo-page.promotion-academy #header_new{height:42px;padding:10px 0}
#promo-page.promotion-academy #header_new .logo{display:block;float:right;width:100px;z-index:500;height:42px;background:#fff url(/uploads/images/common/logo-v2.png) 50% 50% no-repeat;background-size:contain}
#promo-page.promotion-academy #header_new .title{display:block;float:left;display:inline-block;font-size:18px;line-height:42px;font-weight:300;color:#333;vertical-align:top;text-transform:uppercase}

#promo-page.promotion-academy #slide{background:url('/uploads/images/promo/promotion/promo_02_01.jpg') center 0 no-repeat fixed; background-size:cover; max-height:1020px; margin:0 auto; width:100%; max-width:2560px; position:relative}
#promo-page.promotion-academy #slide .filter{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background: #000;opacity: 0.4}
#promo-page.promotion-academy #slide .title{position:absolute;top:50%;margin-top:-65px;left:0;right:0;text-align:center;z-index:3}
#promo-page.promotion-academy #slide .title h1{font-size:24px;font-weight:700;line-height:30px;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase}
#promo-page.promotion-academy #slide .title p{margin-top:13px;font-size:13px;font-weight:700;line-height:20px;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase}
#promo-page.promotion-academy #slide .title p span.red{display:inline-block;margin:0 auto;font-size:20px;font-weight:700;line-height:20px;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase;background:#e60036;padding:2px 5px}
#promo-page.promotion-academy #slide span.push
{
   position:absolute;text-align:center;bottom:6%;left:50%;margin-left:-30px;z-index:3;color:#fff;width:60px;height:60px;background:url('/uploads/images/common/sprites/slide_arrow_down.png');background-size:cover;
   -webkit-animation-name:mymove;animation-name:mymove;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out
}

#promo-page.promotion-academy #block_3{margin:50px auto 0; padding-bottom:50px;border-bottom:1px solid #bbb}
#promo-page.promotion-academy #block_3 .line{margin:30px auto 0;width:80%;padding:22px; border-top: 1px solid #eee}
#promo-page.promotion-academy #block_3 .line:first-child{border:none}
#promo-page.promotion-academy #block_3 .line .cl1{width:100%;margin-bottom:15px}
#promo-page.promotion-academy #block_3 .line .cl2{width:75%;float:left}
#promo-page.promotion-academy #block_3 .line .cl3{width:20%;float:left}
#promo-page.promotion-academy #block_3 .line .cl1 .circle_1{width:60px;height:60px;margin:0 auto;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;position:relative}
#promo-page.promotion-academy #block_3 .line.l1 .cl1 .circle_1{background:#2a62bc}
#promo-page.promotion-academy #block_3 .line.l2 .cl1 .circle_1{background:#5ebc76}
#promo-page.promotion-academy #block_3 .line.l3 .cl1 .circle_1{background:#f9df2b}
#promo-page.promotion-academy #block_3 .line.l4 .cl1 .circle_1{background:#ff7226}
#promo-page.promotion-academy #block_3 .line.l5 .cl1 .circle_1{background:#ff0721}
#promo-page.promotion-academy #block_3 .line .cl1 .circle_1 .circle_2{width:40px;height:40px;position:absolute;background:#fff;border:1px solid #fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}
#promo-page.promotion-academy #block_3 .line.l1 .cl1 .circle_1 .circle_2{top:-5px; left:10px}
#promo-page.promotion-academy #block_3 .line.l2 .cl1 .circle_1 .circle_2{top:10px; left:20px}
#promo-page.promotion-academy #block_3 .line.l3 .cl1 .circle_1 .circle_2{top:20px; left:10px}
#promo-page.promotion-academy #block_3 .line.l4 .cl1 .circle_1 .circle_2{top:10px; left:-10px}
#promo-page.promotion-academy #block_3 .line.l5 .cl1 .circle_1 .circle_2{top:-10px; left:10px}
#promo-page.promotion-academy #block_3 .line .cl1 .circle_1 .circle_2 .num{font-size:14px;font-weight:300;line-height:40px;text-align:center}
#promo-page.promotion-academy #block_3 .line .cl2 h2{}
#promo-page.promotion-academy #block_3 .line .cl2 p{margin-top:10px}
#promo-page.promotion-academy #block_3 .line .cl3 p{font-size:16px;font-weight:300;line-height:60px;text-align:right}

#promo-page.promotion-academy #form{overflow:hidden;border-top:1px solid #eee;padding:0 0 50px;background:#fdfdfd}
#promo-page.promotion-academy #form .head {margin-top:50px!important}
#promo-page.promotion-academy #form .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400}
#promo-page.promotion-academy #form .head h3.act{color:#ff0f00}
#promo-page.promotion-academy #form .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center}
#promo-page.promotion-academy #form .content{width:70%;margin:50px auto}
#promo-page.promotion-academy #form .content .cl{width:100%}
#promo-page.promotion-academy #form .content .cr{width:100%;margin-top:20px}
#promo-page.promotion-academy #form .content .cr .form{width:100%; margin:20px auto 0}
#promo-page.promotion-academy #form .content .cr .form input{width:100%; height:40px; line-height:30px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #aaa}
#promo-page.promotion-academy #form .content .cr .form input.alert{background:#ffe9e2; border:1px solid #ff9090}
#promo-page.promotion-academy #form .content .cr .form .line input{width:48%; border:1px solid #eee}
#promo-page.promotion-academy #form .content .cr .form textarea{width:100%; height:60px; line-height:18px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #ccc}



#promo-page.bending{margin-top:0!important;overflow:visible!important;}
#promo-page.bending #slide_1 {min-height:150vh; position:relative;background-image:linear-gradient(to bottom, transparent 100vh, #000 100vh)}
#promo-page.bending #slide_1 .video_wrap {height:100vh;width:100%;position:sticky;top:0;z-index:-1;overflow:hidden}
#promo-page.bending #slide_1 .video_wrap .video {position:relative;overflow:hidden}
#promo-page.bending #slide_1 .video_wrap .video::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:#000;opacity:0.5}
#promo-page.bending #slide_1 .video_wrap .video video{width:100%}
#promo-page.bending #slide_1 .video_wrap .video .txt{overflow:hidden;display:block;position:absolute;top:50vh;left:50%;z-index:3;transform:translate(-50%, -50%);text-align:center;text-transform:uppercase}
#promo-page.bending #slide_1 .video_wrap .video .txt h1{font-weight:400;font-size:30px;line-height:120%;color:#fff;text-shadow:0px 1px 12px #000}
#promo-page.bending #slide_1 .video_wrap .video .txt p{margin-top:15px;display:block;font-size:20px;line-height:120%;color:#fff;text-shadow:0 1px 12px #000;text-align:center}
#promo-page.bending #slide_1 .portfolio {overflow:hidden; position:relative; width:100%; top:0; z-index:2}
#promo-page.bending #slide_1 .portfolio .head{margin:100px 0}
#promo-page.bending #slide_1 .portfolio .head .cl{float:left;width:30%}
#promo-page.bending #slide_1 .portfolio .head .cl h2{text-align:right;font-size:20px}
#promo-page.bending #slide_1 .portfolio .head .cl .num{text-align:right}
#promo-page.bending #slide_1 .portfolio .head .cl .num *{font-size:30px;line-height:130%;text-align:right}
#promo-page.bending #slide_1 .portfolio .head .cr{float:right;width:67%;border-left:1px solid #fff;box-sizing:border-box;padding:1% 20% 1% 3%}
#promo-page.bending #slide_1 .portfolio .head .cr p{font-size:18px;line-height:130%}
#promo-page.bending #slide_1 .portfolio .head *{color:#fff}
#promo-page.bending #slide_1 .portfolio .content{margin-bottom:130px}
#promo-page.bending #slide_1 .portfolio .content .results{overflow:hidden;width:101%}
#promo-page.bending #slide_1 .portfolio .content .results .item{float:left;width:49%;box-sizing:border-box;margin:1% 1% 0 0}
#promo-page.bending #slide_1 .portfolio .content .results .item img{width:100%}
#promo-page.bending #slide_1 .portfolio .content .results .item img.avatar{width:100%;position:absolute;top:0;left:0;z-index:2;transition:scale 1s ease-in-out}
#promo-page.bending #slide_1 .portfolio .content .results .item:hover img.avatar{scale:1.05}
#promo-page.bending #slide_1 .portfolio .content .results .item .rel:after{display: block;content: '';width:0;height:2px;margin:0;background: rgb(237,71,106);background: -moz-linear-gradient(-45deg,rgba(237,71,106,1) 0%, rgba(250,127,31,1) 100%);background: -webkit-linear-gradient(-45deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);  background: linear-gradient(135deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%)}
#promo-page.bending #slide_1 .portfolio .content .results .item:hover .rel:after{animation: portfolio_title_animate 1s }
@-webkit-keyframes portfolio_title_animate{0% {width:0%} 70% {width:100%} 100%{width:0%}}

#promo-page.bending #items {position:relative; z-index:1}
#promo-page.bending #items .txt{width:100%; position:relative; background:#000}
#promo-page.bending #items .txt .content{width:80%;text-align:center; margin:100px auto 200px}
#promo-page.bending #items .txt .content h2{margin:0 auto;font-size:25px;line-height:120%;color:#fff;text-transform:uppercase}
#promo-page.bending #items .txt .content p{font-weight:300;margin:22px auto 0;font-size:18px;line-height:130%;color:#fff}
#promo-page.bending #items .items {width:100%;position:relative; z-index:2; background:#fff;padding:50px 0}
#promo-page.bending #items .items::after {position:absolute; z-index:2; top:-100px; left:0; right:0; content:''; height:100px; background-image: linear-gradient(to top, #000 0%, transparent 100%)}
#promo-page.bending #items .items h3{text-transform:uppercase;font-weight:700;margin-top:80px;padding-bottom:20px; border-bottom:1px solid #000;text-align:center}
#promo-page.bending #items .items .item{float:left;padding:20px;margin:0.5%;width:49%;border:1px solid #eee;background:#fff;box-sizing:border-box}
#promo-page.bending #items .items .item .avatar{}
#promo-page.bending #items .items .item .avatar img{width:100%;border-radius:10px}
#promo-page.bending #items .items .item h2{margin-top:10px;font-size:13px;line-height:150%;color:#000;font-weight:300;height:59px;overflow:hidden}
#promo-page.bending #items .items .item .prices{overflow:hidden}
#promo-page.bending #items .items .item .prices .price_1{display:inline-block;max-width:60%;min-width:30%;font-size:13px;line-height:200%;color:#000;font-weight:400}
#promo-page.bending #items .items .item .prices .price_0{display:inline-block;margin-left:5px;position:relative;font-size:11px;line-height:300%;color:#aaa}
#promo-page.bending #items .items .item .prices .price_0::after{content: ""; width: calc(100% + 4px);height: 1px;height: max(0.08em, 1px);position: absolute;top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-3.5deg);transform: translate(-50%, -50%) rotate(-3.5deg);background-color: currentColor;}
#promo-page.bending #items .items .item .gallery {margin-top:20px}
#promo-page.bending #items .items .item .gallery img{width:24%;margin-right:1%;box-sizing:border-box;border:1px solid #fff;border-radius:5px}
#promo-page.bending #items .items .item .gallery img.act{border:1px solid #0c78d0}

#promo-page.bending #led {position:relative;background:#000;padding:0 0 150px}
#promo-page.bending #led .txt{height:100vh;}
#promo-page.bending #led .txt .content{overflow:hidden;display:block;position:absolute;top:50vh;left:0;right:0;z-index:2;transform:translate(0, -50%);text-align:center}
#promo-page.bending #led .txt .content h2{margin:0 auto;font-size:25px;line-height:120%;color:#fff;text-transform:uppercase}
#promo-page.bending #led .txt .content p{font-weight:300;margin:22px auto 0;font-size:18px;line-height:130%;color:#fff;text-shadow:0 1px 12px #000}
#promo-page.bending #led .images {overflow:hidden; position:relative}
#promo-page.bending #led .images img{width:100%}

#promo-page.bending #end {position:relative; z-index:1;background:#000}
#promo-page.bending #end .how {width:100%;position:relative}
#promo-page.bending #end .how .content{width:80%;padding:150px 0;margin:0 auto}
#promo-page.bending #end .how .content h2{margin:0 auto 50px;font-size:25px;line-height:120%;color:#fff;text-transform:uppercase;text-align:center}
#promo-page.bending #end .how .content .step{position:relative;overflow:hidden; margin:15px auto 0;text-align:center}
#promo-page.bending #end .how .content .step p{font-size:18px;line-height:130%;font-weight:300;color:#fff;text-align:center}
#promo-page.bending #end .request {width:100%;min-height:100vh;position:relative;z-index:2;background:#fff;text-align:center;border-top:1px solid #ccc}
#promo-page.bending #end .request img.wa_button{width:20%;margin:20vh auto 20px;border:1px solid #000; border-radius:50%;padding:2%;animation: icon_scenes_pulse 2s infinite}
#promo-page.bending #end .request .buttons *, #end .buttons  *:before, #end .buttons  *:after {box-sizing: border-box ; margin: 0 ; padding: 0;}
#promo-page.bending #end .request .buttons {margin:100px auto 0;text-align:center; border-radius:30px}
#promo-page.bending #end .request .blob-btn {z-index: 1 ; position: relative ; padding:35px 26px ; margin-bottom: 30px ; text-align: center ; text-transform: uppercase ; color: #000 ; font-size: 30px ; font-weight:400; background-color: transparent ; outline: none ; border: none ; transition: color 0.5s ; cursor: pointer ; border-radius:30px;}
#promo-page.bending #end .request .blob-btn:before {content: "" ; z-index: 1 ; position: absolute ; left: 0 ; top: 0 ; width: 100% ; height: 100% ; border: 2px solid #000 ; border-radius: 30px;}
#promo-page.bending #end .request .blob-btn:after {content: "" ; z-index: -2 ; position: absolute ; left: 3px ; top: 3px ; width: 100% ; height: 100% ; transition: all 0.3s 0.2s ; border-radius: 30px;}
#promo-page.bending #end .request .blob-btn:hover {color: #FFFFFF ; border-radius: 30px;}
#promo-page.bending #end .request .blob-btn:hover:after {transition: all 0.3s ; left: 0 ; top: 0 ; border-radius: 30px;}
#promo-page.bending #end .request .blob-btn__inner {z-index: -1 ; overflow: hidden ; position: absolute ; left: 0 ; top: 0 ; width: 100% ; height: 100% ; border-radius: 30px ; background: #ffffff;}
#promo-page.bending #end .request .blob-btn__blobs {position: relative ; display: block ; height: 100% ; filter: url("#goo");}
#promo-page.bending #end .request .blob-btn__blob {position: absolute ; top: 2px ; width:30% ; height: 100% ; background: #000 ; border-radius: 100% ; transform: translate3d(0, 150%, 0) scale(1.7) ; transition: transform 0.45s;}
#promo-page.bending #end .request @supports (filter: url("#goo")) {.blob-btn__blob {   transform: translate3d(0, 150%, 0) scale(1.4) ; }}
#promo-page.bending #end .request .blob-btn__blob:nth-child(1) {left: 0% ; transition-delay: 0s;}
#promo-page.bending #end .request .blob-btn__blob:nth-child(2) {left: 30% ; transition-delay: 0.08s;}
#promo-page.bending #end .request .blob-btn__blob:nth-child(3) {left: 60%;transition-delay: 0.16s;}
#promo-page.bending #end .request .blob-btn__blob:nth-child(4) {left: 90%;transition-delay: 0.24s;}
#promo-page.bending #end .request .blob-btn:hover .blob-btn__blob {transform: translateZ(0) scale(1.7);}
#promo-page.bending #end .request @supports (filter: url("#goo")) {.blob-btn:hover .blob-btn__blob {transform: translateZ(0) scale(1.4);}}
#promo-page.bending #end .request svg{height:0}
#promo-page.bending #end .request p, #end .request p a{width:100%;margin:0 auto;font-size:10px;line-height:120%;color:#000;text-align:center}
#promo-page.bending #end .request p a{text-decoration:underline}

#promo-page.bending #countdown_wrap {position: fixed; left: 0; bottom: 0; width: 100%; background-color:#fff; z-index:1000;padding:10px 0 10px;box-shadow:0px -4px 16px #aaa}
#promo-page.bending #countdown_wrap p {display:block;float:left;color:#000;font-size:11px;line-height:24px;text-align:right;padding-right:5px;border-right:1px solid #000;text-transform:uppercase}
#promo-page.bending #countdown_wrap .countdown {overflow:hidden;float:left;margin:8px 0 0 5px}
#promo-page.bending #countdown_wrap .countdown .countdown-item {float:left;display:inline-block;margin: 0 5px;text-align: center}
#promo-page.bending #countdown_wrap .countdown .countdown-number {display: block;font-size:18px;font-weight: bold;color: #333}
#promo-page.bending #countdown_wrap .countdown .countdown-label {font-size:8px;color: #777}
#promo-page.bending #countdown_wrap .btn{float:left;margin:8px 0 0 30px;background:#e6454c;color:#fff;font-size:12px;line-height:35px;height:35px;text-transform:uppercase}