/* Start:/local/templates/rofes/assets/plugins/animate.css?161285849760427*/
@charset "UTF-8";@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (print),(prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}}
/* End */


/* Start:/local/templates/rofes/assets/css/style.css?1754898832178429*/
/* Rofes Project

----------------- Styles Navigation -----------------

! You can find all of them using Ctrl + F Search 

Default Nulls
Global Styles

Pages {

  Main Page {
    1. Header 
    2. Main Screen Section
    3. Advantages Section
    4. Important Section
    5. Tests Section
    6. How Works Section
    7. Advantages Cards Section
    8. For Test Section
    9. How Test Section
    10. Certs Section
    11. Footer
  }

  Order Page 
  Profile Page
  Registration Page
  Authorization Page
  Forgot Password Page
  Cart Page
  Delivery Page
  News Page
  Training Page
  Technical Support Page
  Guarantee Page
  Download Page
}

 --- Styles Of Main Page ver. 2

Responsive

*/

/* ---------- Default Nulls ---------- */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active,
a:focus,
a:active {
  outline: none;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

body,
html {
  height: 100%;
  min-width: 320px;
}

body {
  line-height: 1;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: 'Montserrat', sans-serif;
}

input[type="submit"] {
  cursor: pointer;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

table {
  border-spacing: 0px;
}

a,
a:visited,
a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
  font-family: 'Merriweather', serif;
}

/* ---------------  Global Styles  -------------- */

body.lock {
  overflow: hidden;
}

.wrapper {
  overflow: hidden;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

#bx_incl_area_1_1 {
  z-index: 5;
}

/* - Containers - */

.container-1440 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1470px;
  padding: 0 15px;
}

/* ----- Global Elements ----- */

.select {
  position: relative;
  height: 52px;
  background-color: #f5f5f5;
  border: 1px solid #b0b0b0;
}

.select select {
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  width: 100%;
  height: 100%;
  font-family: inherit;
  font-size: 14px;
  color: #a4a4a4;
  padding: 0 15px 0 25px;
}

.select .select-angle-down {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 13px;
  margin: -15px 0 0 0;
  width: 30px;
  height: 30px;
  background-color: #81ca21;
  border-radius: 50%;
  cursor: pointer;
}

.select .select-angle-down i {
  font-size: 20px;
  color: #fff;
}

.padding-zero {
  padding: 0;
}

.profile-form-window {
  width: 930px;
  -webkit-box-shadow: 0 0 35px rgba(220, 226, 242, 0.74);
  box-shadow: 0 0 35px rgba(220, 226, 242, 0.74);
  background-color: #ffffff;
  border: 1px solid #81ca21;
  margin: 0 auto;
}

.profile-form-window__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 63px;
  background-color: #81ca21;
  font-size: 20px;
  font-weight: 400;
}

.profile-form-window__head span {
  color: #f5f5f5;
  font-weight: 700;
}

.profile-form-window__head .modal-close {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -15px 0 0 0;
  width: 30px;
  height: 30px;
  z-index: 5;
  cursor: pointer;
}

.profile-form-window__head .modal-close:hover span {
  background: #fff;
}

.profile-form-window__head .modal-close span {
  display: block;
  width: 100%;
  height: 2px;
  background: #666666;
  margin: 13px 0 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile-form-window__head .modal-close span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.profile-form-window__head .modal-close span:last-child {
  margin: -2px 0 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.profile-form-window__body {
  background-color: #fff;
  padding: 0 90px;
}

.p-text {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

/* - Modal - */

.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 111;
}

.modal-bg .dealers-modal {
  position: relative;
  width: 930px;
}

.modal-bg.active {
  visibility: visible;
  opacity: 1;
}

#main-modal .modal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1230px;
  background-image: url(/local/templates/rofes/assets/css/../img/backgrounds/main-modal-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#main-modal .modal__left {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 52%;
  flex: 0 1 52%;
  padding: 65px 96px 55px 100px;
}

#main-modal .modal__title h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 400;
}

#main-modal .modal__subtitle {
  opacity: 0.7;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin: 22px 0 0 0;
}

#main-modal .modal__form {
  margin: 40px 0 0 0;
}

#main-modal .modal__form .textbox {
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #fff;
  padding: 18px 0;
  margin: 0 0 18px 0;
  color: #ffffff;
  font-size: 16px;
}

#main-modal .modal__form .textbox::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textbox::-moz-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textbox:-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textbox::-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textbox::placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textbox:focus::-webkit-input-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textbox:focus::-moz-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textbox:focus:-ms-input-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textbox:focus::-ms-input-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textbox:focus::placeholder {
  opacity: 0;
}

#main-modal .modal__form .textarea {
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #fff;
  resize: none;
  height: 100px;
  padding: 18px 0 0 0;
  color: #ffffff;
  font-size: 16px;
}

#main-modal .modal__form .textarea::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textarea::-moz-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textarea:-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textarea::-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textarea::placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

#main-modal .modal__form .textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textarea:focus::-moz-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textarea:focus::-ms-input-placeholder {
  opacity: 0;
}

#main-modal .modal__form .textarea:focus::placeholder {
  opacity: 0;
}

#main-modal .modal__form .submit-button {
  display: block;
  width: 204px;
  height: 48px;
  border-radius: 24px;
  border: 2px solid #f0f0f0;
  background-color: #ffffff;
  color: #81ca21;
  margin: 45px 0 0 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#main-modal .modal__form .submit-button:hover {
  background-color: transparent;
  color: #fff;
  font-weight: 500;
}

#main-modal .modal__right {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
}

#main-modal .modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

#call-modal .modal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1270px;
  background-image: url(/local/templates/rofes/assets/css/../img/backgrounds/call-modal-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#call-modal .modal__left {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 52%;
  flex: 1 1 52%;
  background-color: rgba(129, 202, 33, 0.9);
  padding: 70px 95px 55px 100px;
}

#call-modal .modal__title {
  color: #ffffff;
  font-size: 36px;
  font-weight: 400;
  margin: 0 0 25px 0;
}

#call-modal .modal__subtitle {
  opacity: 0.7;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  padding: 0 136px 0 0;
  margin: 0 0 30px 0;
}

#call-modal .modal__form input[type="text"] {
  display: block;
  width: 100%;
  background-color: transparent;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
  margin: 0 0 16px 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

#call-modal .modal__form input[type="text"]:focus::-webkit-input-placeholder {
  opacity: 0;
}

#call-modal .modal__form input[type="text"]:focus::-moz-placeholder {
  opacity: 0;
}

#call-modal .modal__form input[type="text"]:focus:-ms-input-placeholder {
  opacity: 0;
}

#call-modal .modal__form input[type="text"]:focus::-ms-input-placeholder {
  opacity: 0;
}

#call-modal .modal__form input[type="text"]:focus::placeholder {
  opacity: 0;
}

#call-modal .modal__form input[type="text"]::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

#call-modal .modal__form input[type="text"]::-moz-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

#call-modal .modal__form input[type="text"]:-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

#call-modal .modal__form input[type="text"]::-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

#call-modal .modal__form input[type="text"]::placeholder {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

/* #call-modal .modal__form input[type="text"]:nth-child(2) {
  margin: 0 0 50px 0;
} */

#call-modal .modal__input-submit {
  width: 204px;
  height: 48px;
  border-radius: 24px;
  border: 2px solid #f0f0f0;
  background-color: #ffffff;
  color: #81ca21;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#call-modal .modal__input-submit:hover {
  background-color: #81ca21;
  color: #fff;
}

#call-modal .modal__right {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 48%;
  flex: 1 1 48%;
}

#call-modal .modal__close {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
}

/* - Page Types - */

.content-page {
  background-color: #f4fbff;
}

.content-page .header {
  position: relative;
  background-color: #f4fbff;
  padding: 35px 15px 50px 15px;
  max-width: 1470px;
  margin: 0 auto;
}

.content-page .header__first-row {
  margin: 0;
  padding: 0;
}

.content-page .header__second-row {
  position: inherit;
}

.content-page .header__profile-link {
  color: #000;
}

.content-page .header__profile-link a {
  color: #81ca21;
}

.content-page .header__language {
  color: #000;
}

.content-page .header__language a {
  color: #000;
}

.content-page .header__language a.active {
  color: #81ca21;
}

.content-page .main {
  background: #fff;
}

.profile-page {
  background-color: #f4fbff;
}

.profile-page .header {
  position: relative;
  background-color: #f4fbff;
  padding: 35px 15px 50px 15px;
  max-width: 1470px;
  margin: 0 auto;
}

.profile-page .header__first-row {
  padding: 0;
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.profile-page .header__logo p {
  display: none;
}

.profile-page .header__menu {
  display: none;
}

.profile-page .header__search {
  display: none;
}

.profile-page .header__second-row {
  display: none;
}

.profile-page .header__second-row.profile-page-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.profile-page .header__cart {
  margin: 0 100px 0 0;
}

.profile-page .header__profile-link {
  color: #000;
}

.profile-page .header__profile-link a {
  color: #81ca21;
}

.profile-page .header__language {
  color: #000;
}

.profile-page .header__language a {
  color: #000;
}

.profile-page .header__language a.active {
  color: #81ca21;
}

.profile-page .main {
  background: #fff;
}

.profile-page .footer {
  padding: 27px 0 15px 0;
}

.profile-page .footer__menu {
  display: none;
}

.profile-page .footer__contacts {
  display: none;
}

.profile-page .footer__copyright ul {
  margin: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile-page .footer__copyright-last {
  display: none;
}

/* - Navigation - */

.page-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 32px 0 0 0;
}

.page-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-navigation ul li {
  font-size: 12px;
  font-weight: 400;
  margin: 0 10px 10px 10px;
}

.page-navigation ul li:last-child {
  margin: 0 0 10px 10px;
}

.page-navigation ul li a {
  position: relative;
  color: #000000;
}

.page-navigation ul li a:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  bottom: -2px;
  width: 0%;
  opacity: 0;
  height: 2px;
  background: #000;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.page-navigation ul li a:after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: -11.5px;
  margin-top: -1px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #000;
}

.page-navigation ul li a:hover:before {
  opacity: 1;
  width: 100%;
}

.page-navigation ul li.current {
  color: #a7a7a7;
}

.content-page-main-title {
  margin: 20px 0;
}

.content-page-main-title h1 {
  color: #010101;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}

.input-title {
  font-weight: 500;
  margin: 0 0 5px 0;
}

/* ======================== Main Page ====================== */

/* ---------------  Header  -------------- */

.header {
  position: relative;
  z-index: 5;
  width: 100%;
  background-color: transparent;
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 15px;
}

.header__first-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 35px 0 0 0;
  padding: 0 0 25px 0;
}

.header__logo {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header__logo p {
  opacity: 0.7;
  font-size: 13px;
  color: #262626;
  margin: 0 0 0 20px;
  width: 100px;
}

.header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 43px;
  width: 185px;
  border: 2px solid #81ca21;
  border-radius: 26px;
  background-color: #81ca21;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.header__search:hover {
  background-color: #fff;
  color: #81ca21;
}

.header__search.mobile {
  display: none;
}

.header__search-textbox {
  width: 144px;
  background: transparent;
}

.header__search-textbox::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}

.header__search-textbox::-moz-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}

.header__search-textbox:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}

.header__search-textbox::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}

.header__search-textbox::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
}

.header__search-button {
  width: 17px;
  height: 17px;
  background-color: transparent;
  background-image: url(/local/templates/rofes/assets/css/../img/icons/headerSearch.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.header__second-row {
  width: 100%;
  position: absolute;
  right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 25px 0 0 0;
}

.header__second-row.profile-page-row {
  display: none;
}

.header__cart {
  margin: 0 13px 0 0;
}

.header__cart.mobile {
  display: none;
}

.header__profile-link {
  color: #d7d7d7;
  /* margin: 0 32px 0 0; */
}

.header__profile-link.mobile {
  display: none;
  font-size: 24px;
  color: #81ca21;
}

.header__profile-link.mobile a {
  color: #81ca21;
}

.header__profile-link a {
  font-weight: 400;
  text-decoration: underline;
  color: #fff;
}

.header__language {
  color: #fff;
  margin-left: 38px;
}

.header__language.mobile {
  display: none;
  font-size: 24px;
  color: #81ca21;
}

.header__language.mobile a {
  color: #81ca21;
}

.header__language.mobile a.active {
  color: #81ca21;
  text-decoration: underline;
}

.header__language a {
  color: #d7d7d7;
}

.header__language a.active {
  color: #fff;
}

.menu {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 38px 0 84px;
}

.menu__link a {
  position: relative;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #262626;
}

.menu__link a:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  width: 0;
  opacity: 0;
  height: 2px;
  background-color: black;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu__link a:hover:after {
  opacity: 1;
  width: 100%;
}

.menu__link.current a {
  font-weight: 700;
  color: #81ca21;
}

.menu__link.current a:after {
  background-color: #81ca21;
}

/* ---------------  Main Screen Section  -------------- */

.main-screen {
  position: relative;
  width: 100%;
  height: 790px;
  background-color: #f4fbff;
}

.main-screen__slider {
  margin: 0 auto;
  overflow: hidden;
  height: 100%;
}

.main-screen__slider .slick-list {
  height: 100%;
}

.main-screen__slider .slick-track {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-screen__slider .slick-dots {
  position: absolute;
  left: 377px;
  bottom: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-screen__slider .slick-dots li button {
  font-size: 0;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  background: transparent;
  margin: 0 20px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-screen__slider .slick-dots li:last-child button {
  margin: 0;
}

.main-screen__slider .slick-dots li.slick-active button {
  background-color: #81ca21;
}

.main-screen__slide {
  padding: 235px 0 0 377px;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-screen__title {
  position: relative;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 191px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 0 -20px;
  font-family: 'Open Sans', sans-serif;
}

.rofes_text {
  font-weight: 300;
}

.rofes_text span {
  background: linear-gradient(180deg, #74cc00 35%, #ff3322 70%, #ff3322);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 400;
  position: relative;
  display: inline-block;
}

.rofes_text span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 18%;
  width: 71.2%;
  height: 6px;
  background-color: #74cc00;
}

.rofes_text span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 18%;
  width: 71.2%;
  height: 6px;
  background-color: #ff3322;
}

.main-screen__title:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 384px;
  width: 76px;
  height: 6px;
  background-color: #74cc00;
  display: none;
}

.main-screen__title:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 384px;
  width: 76px;
  height: 6px;
  background-color: #ff3322;
  display: none;
}

.main-screen__subtitle {
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  max-width: 660px;
  line-height: normal;
  margin: 30px 0 0 0;
}

.main-screen__button {
  display: block;
  width: 244px;
  height: 53px;
  margin: 45px 0 0 0;
  background-color: #81ca21;
  border: 2px solid #81ca21;
  border-radius: 25.4px;
  font-size: 14px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-screen__button:hover {
  background-color: #fff;
  color: #81ca21;
  font-weight: 500;
}

.main-screen__image {
  display: none;
}

.main-screen__right-buttons {
  position: fixed;
  right: 0;
  top: 40vh;
  z-index: 4;
}

.main-screen__right-button {
  display: block;
  position: relative;
  width: 59px;
  height: 61px;
  background-color: #070707;
  margin: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.main-screen__right-button:hover {
  background-color: #81ca21;
}

.main-screen__right-button:hover .hidden-link-description {
  opacity: 1;
  visibility: visible;
}

.main-screen__right-button:hover:before {
  opacity: 1;
  visibility: visible;
}

.main-screen__right-button .hidden-link-description {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 70px;
  width: 250px;
  height: 61px;
  padding: 0 60px;
  background-color: #81ca21;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.005em;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-screen__right-button:before {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  content: "";
  top: 50%;
  left: -11px;
  margin: -4px 0 0 0;
  border: 6px solid transparent;
  border-left: 8px solid #81ca21;
  z-index: 4;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.main-screen__right-button.location {
  border-radius: 5px 5px 0 0;
}

.main-screen__right-button.doctor {
  border-radius: 0 0 5px 5px;
}

/* ---------------  Advantages Section  -------------- */

.advantages {
  padding: 105px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.advantages {
  padding-bottom: 83px;
}

.advantages__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
  padding: 0 55px 0 15px;
}

.advantages__icon {
  height: 95px;
}

.advantages__title {
  color: #81ca21;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

.advantages__text {
  color: #010101;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

/* ---------------  Important Section  -------------- */

.important__title {
  margin: 20px 0 200px 0;
}

.important__title {
  margin: 20px 0 66px 0;
}

/*fix from 24.02.21*/

.important__title h2 {
  color: #010101;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.important__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.important__button-container {
  margin: 60px 0 0 0;
}

.important__button {
  display: block;
  margin: 0 auto;
  width: 240px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #81ca21;
  background-color: transparent;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.important__button:hover {
  background-color: #81ca21;
  font-weight: 500;
  color: #fff;
}

.important-section-card {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  position: relative;
  padding: 0;
}

.important-section-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
}

.important-section-card__title {
  position: relative;
  z-index: 2;
  color: #010101;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.important-section-card__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 34.71074%;
  flex: 1 1 34.71074%;
  position: relative;
  z-index: 2;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin: 20px 0 0 0;
  overflow: hidden;
}

/* ---------------  Tests Section  -------------- */

.tests {
  margin: 130px 0 0 0;
}

.tests__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tests__title {
  color: #81ca21;
  /* font-size: 92px; */
  font-size: 75px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
}

.tests__description {
  margin: 24px 0 40px 110px;
  padding: 20px 35px 20px 0;
  position: relative;
}

.tests__description:before {
  content: "";
  position: absolute;
  top: 0;
  left: -29px;
  width: 1px;
  height: 100%;
  background-color: #83dd0d;
}

.tests__description p {
  margin: 0 0 12px 0;
  color: #121212;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

.tests__description p:first-child {
  font-weight: 700;
}

.tests__description p a {
  color: #6cb50d;
}

.tests__description ul {
  margin: 28px 0 0 0;
}

.tests__description ul li {
  margin: 15px 0 0 0;
  font-weight: 700;
}

.tests__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 100px;
}

.tests__icon {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 10%;
  flex: 1 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 35px 0;
}

.tests__icon-picture {
  width: 78px;
  height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 10px 0;
}

.tests__icon-picture img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.tests__icon-title {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 105px;
}

.tests__triple-icon {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  margin: 0 0 35px 0;
}

.tests__triple-icon-pictures {
  height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 0 0 10px 0;
}

.tests__triple-icon-pictures img {
  max-width: 78px;
  display: block;
}

.tests__triple-icon-title {
  margin: 0 auto;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 260px;
}

/* ---------------  How Works Section  -------------- */

.howWorks {
  position: relative;
  padding: 70px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.howWorks:after {
  content: "";
  position: absolute;
  display: block;
  top: 15px;
  right: 0;
  width: 1px;
  height: 428px;
  background-color: #cbeca0;
}

.howWorks__text {
  margin: 70px 0 0 0;
}

.howWorks__title {
  margin: 0 0 45px -12px;
}

.howWorks__title h2 {
  color: #5c9411;
  font-size: 65px;
  font-weight: 700;
  text-transform: uppercase;
}

.howWorks__description {
  text-align: right;
  padding: 0 39px 0 120px;
}

.howWorks__description p {
  color: #121212;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 15px 0;
}

/* ---------------  Advantages Cards Section  -------------- */

.advantages-cards {
  margin: 45px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.advantages-cards .item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 24%;
  flex: 0 1 24%;
  height: 342px;
  margin: 0 0 8px 0;
}

.advantages-cards .item__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
}

.advantages-cards .item__title {
  position: relative;
  z-index: 3;
  padding: 258px 0 0 32px;
}

.advantages-cards .item__title h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

/* ---------------  For Test Section  -------------- */

.forTest {
  padding: 45px 0 55px 0;
}

.forTest__title h2 {
  color: #010101;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.forTest__subtitle {
  margin: 15px 0 0 0;
  color: #010101;
  font-size: 18px;
  font-weight: 300;
  line-height: normal;
  text-align: center;
}

.forTest__picture {
  position: relative;
  margin: 55px 0 0 0;
}

.forTest__picture img {
  display: block;
  margin: 0 0 0 130px;
}

.forTest__description {
  margin: 33px 0 0 0;
  color: #010101;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}

.forTest__description a {
  color: #5ea500;
}

/* ---------------  How Test Section  -------------- */

.howTest {
  background-color: #f0f4f7;
  padding: 65px 0 120px 0;
}

.howTest__title {
  color: #010101;
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.howTest__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 80px 0 0 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.howTest__step {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
}

.howTest__step-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 0 40px 0 0;
  min-height: 54px;
  margin: 0 0 12px 0;
}

.howTest__step-title span {
  color: #5ea302;
  font-size: 41px;
  font-weight: 700;
  display: block;
  line-height: 35px;
  margin: 0 8px 0 0;
}

.howTest__step-picture {
  margin: 34px 0 0 0;
}

.howTest__step-picture img {
  width: 100%;
}

/* ---------------  Certs Section  -------------- */

.certs {
  padding: 70px 0 100px 0;
}

.certs__cnt {
  position: relative;
  margin: 0 auto;
  max-width: 1115px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}

.certs__item {
  flex: 0 1 27.5%;
}

.certs__item .item__title {
  text-align: center;
  font-weight: 500;
  line-height: normal;
  min-height: 36px;
}

.certs__item .item__pic-cnt {
  margin: 55px 0 0 0;
  width: 100%;
}

.certs__item .item__pic {
  width: 100%;
}

/* ---------------  Footer  -------------- */

.footer {
  background-color: #21231f;
  padding: 46px 0 49px 0;
}

.footer__menu {
  border-bottom: 1px solid #acacac;
}

.footer__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__menu ul li {
  margin: 0 18px 30px 18px;
}

.footer__menu ul li a {
  color: #838682;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__menu ul li a:hover {
  color: #fff;
}

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 35px 0;
  border-bottom: 1px solid #acacac;
}

.footer__contacts .col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 17.5%;
  flex: 0 1 17.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__contacts .col-1__logo-F {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 185px;
  flex: 0 0 185px;
}

.footer__contacts .col-1__logo-F img {
  margin: 32px 0 0 0;
}

.footer__contacts .col-1__description {
  color: #dfdede;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.39px;
}

.footer__contacts .col-1__description a {
  color: #83dd0d;
  letter-spacing: 0.39px;
}

.footer__contacts .col-2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 60.41667%;
  flex: 1 1 60.41667%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__contacts .col-2__logo-rofes {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 185px;
  flex: 0 0 185px;
}

.footer__contacts .col-2__logo-rofes img {
  margin: 48px 0 0 0;
}

.footer__contacts .col-2__bank-details {
  color: #dfdede;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.39px;
  padding: 0 300px 0 0;
}

.footer__contacts .col-2__news-mailing-form {
  margin: 35px 0 0 0;
  color: #dfdede;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.39px;
  line-height: normal;
}

.footer__contacts .col-2__news-mailing-form .text-input {
  width: 443px;
  height: 40px;
  background-color: #d0d0d0;
  padding: 0 0 0 13px;
  margin: 12px 0 0 0;
}

.footer__contacts .col-2__news-mailing-form .text-input:focus {
  background-color: #fff;
}

.footer__contacts .col-2__news-mailing-form .submit-button {
  width: 129px;
  height: 40px;
  background: #81ca21;
  background-color: #81ca21;
  margin: 12px 0 0 6px;
  border-radius: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__contacts .col-2__news-mailing-form .submit-button:hover {
  background-color: #ffffff;
  color: #81ca21;
}

.footer__contacts .col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 22.08333%;
  flex: 0 1 22.08333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
}

.footer__contacts .col-3 .social-networks {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 185px;
  flex: 0 0 185px;
}

.footer__contacts .col-3 .social-networks__link-to-up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #dfdede;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.39px;
  margin: 5px 0 0 0;
  cursor: pointer;
}

.footer__contacts .col-3 .social-networks__link-to-up .fa-angle-up {
  font-size: 20px;
  margin: 0 0 0 10px;
}

.footer__contacts .col-3 .social-networks__social-links-title {
  margin: 38px 0 0 0;
  color: #dfdede;
  font-size: 14px;
  font-weight: 400;
}

.footer__contacts .col-3 .social-networks__social-links {
  margin: 21px 0 0 0;
}

.footer__contacts .col-3 .social-networks__social-links a {
  font-size: 25px;
  color: white;
  margin: 0 0 0 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__contacts .col-3 .social-networks__social-links a:hover {
  color: #81ca21;
}

.footer__contacts .col-3__phone {
  color: #dfdede;
  font-size: 14px;
  font-weight: 400;
  line-height: 28.01px;
}

.footer__contacts .col-3__phone span {
  color: #dfdede;
  font-size: 23px;
  letter-spacing: 0.64px;
}

.footer__copyright ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 27px 0 0 -24px;
}

.footer__copyright ul li {
  margin: 0 24px 12px 24px;
  position: relative;
}

.footer__copyright ul li:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: -24px;
  height: 100%;
  width: 1px;
  background: #dfdede;
}

.footer__copyright ul li:last-child:after {
  display: none;
}

.footer__copyright ul li a {
  color: #dfdede;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer__copyright ul li a:hover {
  color: #fff;
}

.footer__copyright-last {
  margin: 60px 0 0 0;
  padding: 0 300px 0 0;
  color: #6f726f;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.footer__copyright-last a {
  color: #83dd0d;
}

.orders-modal .profile-form-window {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.orders-modal .profile-form-window__body {
  height: 800px;
  overflow-y: auto;
}

.orders-modal__cnt {
  padding: 80px 0;
}

.orders-modal__title {
  margin: 0 0 20px 0;
  color: #81ca21;
  font-weight: 700;
}

.orders-modal .main-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.orders-modal .main-info__titles {
  color: #a4a4a4;
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  margin: 0 35px 0 0;
}

.orders-modal .main-info__datas {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}

.orders-modal .main-info__datas span {
  font-weight: 300;
}

.orders-modal .order-params {
  margin: 80px 0 0 0;
}

.orders-modal .order-params input[type="text"],
.orders-modal .order-params input[type="email"] {
  padding: 0 15px 0 25px;
  height: 52px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  font-size: 14px;
}

.orders-modal .order-params input[type="text"]::-webkit-input-placeholder,
.orders-modal .order-params input[type="email"]::-webkit-input-placeholder {
  color: #a4a4a4;
}

.orders-modal .order-params input[type="text"]::-moz-placeholder,
.orders-modal .order-params input[type="email"]::-moz-placeholder {
  color: #a4a4a4;
}

.orders-modal .order-params input[type="text"]:-ms-input-placeholder,
.orders-modal .order-params input[type="email"]:-ms-input-placeholder {
  color: #a4a4a4;
}

.orders-modal .order-params input[type="text"]::-ms-input-placeholder,
.orders-modal .order-params input[type="email"]::-ms-input-placeholder {
  color: #a4a4a4;
}

.orders-modal .order-params input[type="text"]::placeholder,
.orders-modal .order-params input[type="email"]::placeholder {
  color: #a4a4a4;
}

.orders-modal .order-params__select-params {
  margin: 0 0 20px 0;
}

.orders-modal .order-params__selects-row-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.orders-modal .order-params__select-delivery {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  margin: 0 17px 0 0;
}

.orders-modal .order-params__payment-select {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  margin: 0 0 0 17px;
}

.orders-modal .order-params__payment-select input {
  width: 100%;
  height: 52px;
  padding: 0 20px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  font-size: 14px;
}

.orders-modal .order-params__input-address {
  margin: 20px 0;
  width: 100%;
}

.orders-modal .order-params__inputs-row-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.orders-modal .order-params__inputs-row-cnt input {
  width: 160px;
}

.orders-modal .order-content {
  margin: 80px 0 0 0;
  padding: 0;
}

.orders-modal .order-content__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.orders-modal .order-content__left {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.orders-modal .order-content__description {
  color: #121212;
  font-weight: 700;
  line-height: normal;
}

.orders-modal .order-content__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0 0;
  line-height: 24px;
}

.orders-modal .order-content__info-title {
  color: #a4a4a4;
  font-weight: 500;
  margin: 0 20px 0 0;
}

.orders-modal .order-content__info-nums {
  font-size: 20px;
  font-weight: 700;
}

.orders-modal .order-content__info-nums span {
  color: #a4a4a4;
  font-weight: 500;
  font-size: 14px;
}

.orders-modal .order-content__right {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.orders-modal .order-content__picture {
  width: 100%;
  margin: -50px 0 0 0;
}

.orders-modal .button-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0 0;
}

.orders-modal .button-cnt__submit-btn {
  width: 244px;
  height: 52px;
  border-radius: 25px;
  background-color: #81ca21;
  border: 3px solid #81ca21;
  color: #fff;
  margin: 0 25px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.orders-modal .button-cnt__submit-btn:hover {
  color: #81ca21;
  font-weight: 500;
  background-color: #fff;
}

.orders-modal .button-cnt__cancel-btn {
  width: 243px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #f5f5f5;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.orders-modal .button-cnt__cancel-btn:hover {
  color: #81ca21;
  background-color: #fff;
}

/* Admin's Modal "New Order" */

.orders-cnt {
  display: flex;
  flex-wrap: wrap;
}

.orders-cnt__select-cnt {
  flex: 1 1 260px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  margin: 0 20px 12px 0;
  border-radius: 25px;
  border: 3px solid #81ca21;
  overflow: hidden;
}

.orders-cnt__select-cnt select {
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
  width: 100%;
  padding: 0 0 0 23px;
  background-color: transparent;
  color: #81ca21;
  cursor: pointer;
}

.orders-cnt__select-arrow-down {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -15px 0 0 0;
  width: 30px;
  height: 30px;
  background-color: #e2e2e2;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.orders-cnt__select-cnt:hover .orders-cnt__select-arrow-down {
  background-color: #81ca21;
}

.orders-cnt__select-arrow-down i {
  font-size: 20px;
  color: #81ca21;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.orders-cnt__select-cnt:hover .orders-cnt__select-arrow-down i {
  color: #e2e2e2;
}

.orders-cnt__num-cnt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  margin: 0 20px 12px 0;
  border-radius: 25px;
  border: 3px solid #81ca21;
  overflow: hidden;
}

.orders-cnt__num-cnt input {
  padding-left: 17px;
  padding: 0 18px 0 23px;
  max-width: 100px;
  color: #81ca21;
}

.orders-cnt__plus-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 0 12px 0;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  border-radius: 50%;
  font-size: 42px;
  line-height: normal;
  font-weight: 400;
  color: #e2e2e2;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.orders-cnt__plus-btn:hover {
  background-color: #fff;
  color: #81ca21;
}

/* ======================== Order Page ====================== */

.order-content {
  padding: 35px 0 90px 0;
}

.order-content__title h1 {
  color: #010101;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.order-content .form-container {
  padding: 72px 0 0 0;
}

.order-content .form-container .inputs-title {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 35px 0;
}

.order-content .form-container .inputs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-content .form-container input[type="text"],
.order-content .form-container input[type="email"] {
  display: block;
  height: 52px;
  padding: 0 0 0 25px;
  font-size: 14px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.order-content .form-container input[type="text"]::-webkit-input-placeholder,
.order-content .form-container input[type="email"]::-webkit-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.order-content .form-container input[type="text"]::-moz-placeholder,
.order-content .form-container input[type="email"]::-moz-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.order-content .form-container input[type="text"]:-ms-input-placeholder,
.order-content .form-container input[type="email"]:-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.order-content .form-container input[type="text"]::-ms-input-placeholder,
.order-content .form-container input[type="email"]::-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.order-content .form-container input[type="text"]::placeholder,
.order-content .form-container input[type="email"]::placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.order-content .form-container input[type="text"]:focus,
.order-content .form-container input[type="email"]:focus {
  background-color: #fff;
}

.order-content .form-container__personal-info {
  margin: 0 0 85px 0;
}

.order-content .form-container__personal-info input {
  margin: 0 30px 0 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33%;
  flex: 0 1 33%;
}

.order-content .form-container__personal-info input:last-child {
  margin: 0;
}

.order-content .form-container__address {
  margin: 0 0 85px 0;
}

.order-content .form-container__address input {
  margin: 0 30px 0 0;
}

.order-content .form-container__address input:last-child {
  margin: 0;
}

.order-content .form-container__address .main-address-input {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 700px;
  flex: 1 1 700px;
}

.order-content .form-container__address .address-detail {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 152px;
  flex: 0 1 152px;
}

.order-content .order-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-content .order-details__left {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.order-content .order-details__right {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.order-content .delivery-type__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-content .delivery-type__item {
  width: 210px;
  height: 142px;
  border-radius: 4px;
  background-color: #f5f5f5;
  border: 1px solid #a1a1a1;
  padding: 24px 20px 20px 24px;
  color: #bdbdbd;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.order-content .delivery-type__item:hover {
  background-color: #fff;
}

.order-content .delivery-type__item.active {
  color: #fff;
  border: 1px solid #81ca21;
  background-color: #81ca21;
}

.order-content .delivery-type__item-title {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.order-content .delivery-type__item-subtitle {
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  margin: 12px 0 18px 0;
}

.order-content .delivery-type__item-last-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.order-content .delivery-type__item-date {
  float: left;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
}

.order-content .delivery-type__item-cost {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}

.order-content .map-container {
  margin: 45px 0 60px 0;
  height: 430px;
}

.order-content .date-n-time__selects-row-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-content .date-n-time__selects-row-cnt .select .select-angle-down {
  background-color: #e2e2e2;
}

.order-content .date-n-time__selects-row-cnt .select .select-angle-down i {
  color: #81ca21;
}

.order-content .date-n-time__select-date {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  margin: 0 17px 0 0;
}

.order-content .date-n-time__select-time {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  margin: 0 0 0 17px;
}

.order-content .paymnet-type__select-cnt {
  width: 330px;
  margin: 0 0 70px 0;
}

.order-content .paymnet-type__select-cnt .select-angle-down {
  background-color: #e2e2e2;
}

.order-content .paymnet-type__select-cnt .select-angle-down i {
  color: #81ca21;
}

.order-content .total__container {
  width: 330px;
  padding: 28px 28px 45px 28px;
  border-radius: 4px;
  background-color: #81ca21;
  color: #fff;
}

.order-content .total__title {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.order-content .total__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0 15px 0;
}

.order-content .total__products-name span {
  font-weight: 700;
  text-transform: uppercase;
}

.order-content .total__products-cost {
  font-weight: 700;
}

.order-content .total__products-cost span {
  font-size: 13px;
  font-weight: 300;
}

.order-content .total__delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-content .total__delivery-name span {
  font-weight: 700;
  text-transform: uppercase;
}

.order-content .total__delivery-cost {
  font-weight: 700;
}

.order-content .total__delivery-cost span {
  font-size: 13px;
  font-weight: 300;
}

.order-content .total__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px 0 40px 0;
}

.order-content .total__price-cost {
  font-weight: 700;
}

.order-content .total__price-cost span {
  font-size: 13px;
  font-weight: 300;
}

.order-content .total__submit-btn {
  display: block;
  margin: 0 auto;
  width: 244px;
  height: 53px;
  font-weight: 500;
  border-radius: 25px;
  background-color: #f5f5f5;
  color: #81ca21;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* ======================== Profile Page ====================== */

.profile {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile__menu {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30.72917%;
  flex: 0 1 30.72917%;
  background-color: #81ca21;
  padding: 102px 0 50px 255px;
}

.profile__menu ul li {
  font-family: Merriweather;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
  margin: 0 0 64px 0;
}

.profile__menu ul li a {
  color: #010101;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile__menu ul li a:hover {
  color: #fff;
}

/* 
.profile__menu ul li.active a {
  color: #fff;
} */

.profile__menu ul li:last-child {
  margin: 0;
}

.profile__menu .menu-cross {
  display: none;
  position: absolute;
  z-index: 3;
  top: 25px;
  right: 15px;
  width: 30px;
  height: 30px;
}

.profile__menu .menu-cross span {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
}

.profile__menu .menu-cross span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.profile__menu .menu-cross span:last-child {
  margin: -2px 0 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.profile__content {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 1%;
  flex: 1 1 1%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.profile__content .content-for-change {
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.profile__content .menu-burger {
  position: absolute;
  display: none;
  left: 15px;
  top: 16px;
  width: 30px;
  height: 30px;
  z-index: 1;
}

.profile__content .menu-burger span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #81ca21;
  margin: 0 0 7px 0;
}

.profile__content .menu-burger span:last-child {
  margin: 0;
}

.profile .bank-details {
  padding: 60px 0 60px 150px;
}

.profile .bank-details__title {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.profile .bank-details input[type="text"],
.profile .bank-details input[type="email"] {
  display: block;
  width: 70%;
  height: 52px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  margin: 0 0 15px 0;
  padding: 0 0 0 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-weight: 400;
}

.profile .bank-details input[type="text"]:focus,
.profile .bank-details input[type="email"]:focus {
  background: #fff;
}

.profile .bank-details input[type="submit"] {
  display: block;
  width: 244px;
  height: 53px;
  margin: 37px 0 0 0;
  border-radius: 25px;
  background-color: #81ca21;
  border: 2px solid #81ca21;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .bank-details input[type="submit"]:hover {
  background-color: #fff;
  color: #81ca21;
  font-weight: 500;
}

.profile .order {
  padding: 100px 0 0 100px;
}

.profile .order__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile .order__col-1 {
  width: 53%;
}

.profile .order__image img {
  width: 100%;
}

.profile .order__text {
  padding: 0 30px 0 45px;
}

.profile .order__text p {
  color: #121212;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 16px 0;
}

.profile .order__text p:first-child {
  font-weight: 700;
}

.profile .order__text p a {
  color: #6cb50d;
}

.profile .order__col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 58px 0 0 90px;
  text-align: center;
}

.profile .order__col-2 .title {
  color: #b0b0b0;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.profile .order__col-2 .figure {
  color: #81ca21;
  font-size: 50px;
  font-weight: 300;
  position: relative;
}

.profile .order__col-2 .currency {
  color: #b0b0b0;
  font-size: 14px;
  font-weight: 300;
}

.profile .order__number {
  margin: 80px 0;
}

.profile .order__number .figure {
  width: 120px;
  margin: 0 auto;
}

.profile .order__number .button-minus {
  position: absolute;
  left: 0;
  top: 14px;
  width: 19px;
  height: 19px;
  background-color: #b0b0b0;
  border-radius: 50%;
  padding: 2px 0 0 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}

.profile .order__number .button-plus {
  position: absolute;
  right: 0;
  top: 14px;
  width: 19px;
  height: 19px;
  background-color: #b0b0b0;
  border-radius: 50%;
  padding: 3px 0 0 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}

.profile .order__submit {
  width: 240px;
  height: 53px;
  border-radius: 25px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  margin: 67px 0 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .order__submit:hover {
  background-color: #fff;
  color: #81ca21;
}

.profile .orders-history {
  padding: 90px 250px 0 150px;
}

.profile .orders-history .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid #e2e2e2;
  padding: 22px 0;
}

.profile .orders-history .item__texts {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 1%;
  flex: 1 1 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 65px 0 0;
}

.profile .orders-history .item__order-total {
  color: #81ca21;
  font-size: 14px;
  font-weight: 700;
}

.profile .orders-history .item__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile .orders-history .item__details {
  width: 232px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #ffffff;
  color: #81ca21;
  margin: 0 17px 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .orders-history .item__details:hover {
  background-color: #81ca21;
  color: #fff;
}

.profile .orders-history .item__order-repeat {
  color: #fff;
  width: 179px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .orders-history .item__order-repeat:hover {
  background-color: #fff;
  color: #81ca21;
}

.profile .data-sales {
  position: relative;
  padding: 95px 250px 0 150px;
}

.profile .data-sales__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profile .data-sales__select-cnt {
  position: relative;
}

.profile .data-sales__select {
  display: block;
  position: relative;
  z-index: 2;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  margin: 0 20px 12px 0;
  padding: 0 0 0 22px;
  color: #81ca21;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.profile .data-sales__select#select-year {
  width: 157px;
}

.profile .data-sales__select#select-month {
  width: 196px;
}

.profile .data-sales__select#select-product {
  width: 264px;
}

.profile .data-sales__select#select-count {
  width: 157px;
}

.profile .data-sales__select-arrow-down {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 27px;
  right: 30px;
  margin: -15px 0 0 0;
  width: 30px;
  height: 30px;
  background-color: #e2e2e2;
  border-radius: 50%;
}

.profile .data-sales__select-arrow-down i {
  font-size: 20px;
  color: #81ca21;
}

.profile .data-sales__plus-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 95px;
  right: 240px;
  width: 52px;
  height: 52px;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  border-radius: 50%;
  font-size: 42px;
  font-weight: 400;
  color: #e2e2e2;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .data-sales__plus-btn:hover {
  background-color: #fff;
  color: #81ca21;
}

.profile .data-sales__submit-cnt {
  margin: 52px 0 0 0;
}

.profile .data-sales__submit {
  width: 276px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .data-sales__submit:hover {
  background-color: #fff;
  color: #81ca21;
}

.profile .data-sales .sales-history {
  margin: 130px 0 0 0;
}

.profile .data-sales .sales-history__title {
  width: 100%;
  padding: 0 0 9px 0;
  border-bottom: 1px solid #e2e2e2;
  color: #81ca21;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}

.profile .data-sales .sales-history__buttons-cnt {
  margin: 36px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profile .data-sales .sales-history__btn {
  display: block;
  width: 196px;
  height: 52px;
  margin: 0 22px 12px 0;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #eeeeee;
  color: #81ca21;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .data-sales .sales-history__btn:hover {
  background-color: #fff;
}

.profile .support {
  padding: 125px 0 40px 150px;
}

.profile .support__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px 0;
}

.profile .support__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 0 10px;
  width: 246px;
  height: 52px;
  background-color: #81ca21;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.profile .support__tab.active {
  background-color: #00963e;
  font-weight: 700;
  text-decoration: underline;
}

.profile .support__tab:hover {
  text-decoration: underline;
}

.profile .support__form {
  width: 70.63733%;
}

.profile .support__form-theme {
  display: block;
  width: 100%;
  height: 52px;
  padding: 0 0 0 16px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .support__form-theme::-webkit-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-theme::-moz-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-theme:-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-theme::-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-theme::placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-theme:focus {
  background-color: #fff;
}

.profile .support__form-que {
  display: block;
  width: 100%;
  height: 188px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  margin: 17px 0 0 0;
  padding: 12px 0 0 16px;
  resize: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .support__form-que::-webkit-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-que::-moz-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-que:-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-que::-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-que::placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.profile .support__form-que:focus {
  background-color: #fff;
}

.profile .support__form-submit {
  display: block;
  float: right;
  width: 179px;
  height: 52px;
  margin: 30px 0 0 0;
  border-radius: 25px;
  background-color: #81ca21;
  color: #fff;
}

.profile .support__history {
  display: none;
  padding: 0 250px 0 0;
}

.profile .support .messages-history-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.profile .support .messages-history-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.profile .support .messages-history-tab ul li {
  padding: 10px 29px 7px 29px;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  border-right: 2px solid #81ca21;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.profile .support .messages-history-tab ul li.active {
  font-weight: 700;
  color: #81ca21;
}

.profile .support .messages-history-tab ul li:hover {
  padding: 13px 29px 4px 29px;
}

.profile .support .messages-history-tab ul li:last-child {
  border-right: 0;
}

.profile .support .messages-table {
  margin: 22px 0 0 0;
}

.profile .support .messages-table table {
  border-spacing: 0;
  width: 100%;
}

.profile .support .messages-table__head {
  height: 52px;
  background-color: #81ca21;
}

.profile .support .messages-table__head th {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  padding: 0 19px;
}

.profile .support .messages-table__head th:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 2px;
  height: 28px;
  background: #fff;
  margin: -14px 0 0 0;
}

.profile .support .messages-table__head th:last-child:after {
  display: none;
}

.profile .support .messages-table__item {
  height: 80px;
  cursor: pointer;
}

.profile .support .messages-table__item td {
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 400;
}

.profile .support .messages-table__item .stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.profile .support .messages-table__item .stars .star {
  width: 14px;
  height: 13px;
  background-image: url(/local/templates/rofes/assets/css/../img/icons/grey-star.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 4px 0 0;
}

.profile .support .messages-table__item .stars.stars-1 .star:nth-child(1) {
  background-image: url(/local/templates/rofes/assets/css/../img/icons/green-star.svg);
}

.profile .support .messages-table__item .stars.stars-2 .star:nth-child(1),
.profile .support .messages-table__item .stars.stars-2 .star:nth-child(2) {
  background-image: url(/local/templates/rofes/assets/css/../img/icons/green-star.svg);
}

.profile .support .messages-table__item .stars.stars-3 .star:nth-child(1),
.profile .support .messages-table__item .stars.stars-3 .star:nth-child(2),
.profile .support .messages-table__item .stars.stars-3 .star:nth-child(3) {
  background-image: url(/local/templates/rofes/assets/css/../img/icons/green-star.svg);
}

.profile .support .messages-table__item .stars.stars-4 .star:nth-child(1),
.profile .support .messages-table__item .stars.stars-4 .star:nth-child(2),
.profile .support .messages-table__item .stars.stars-4 .star:nth-child(3),
.profile .support .messages-table__item .stars.stars-4 .star:nth-child(4) {
  background-image: url(/local/templates/rofes/assets/css/../img/icons/green-star.svg);
}

.profile .support .messages-table__item .stars.stars-5 .star:nth-child(1),
.profile .support .messages-table__item .stars.stars-5 .star:nth-child(2),
.profile .support .messages-table__item .stars.stars-5 .star:nth-child(3),
.profile .support .messages-table__item .stars.stars-5 .star:nth-child(4),
.profile .support .messages-table__item .stars.stars-5 .star:nth-child(5) {
  background-image: url(/local/templates/rofes/assets/css/../img/icons/green-star.svg);
}

.profile .news {
  padding: 100px 250px 0 150px;
}

.profile .news__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.profile .news__button-cnt {
  margin: 12px 0 50px 0;
}

.profile .news__button {
  width: 232px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #ffffff;
  color: #81ca21;
  font-size: 14px;
  font-weight: 300;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .news__button:hover {
  background-color: #81ca21;
  color: #ffffff;
}

.profile .news .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
  margin: 0 0 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e2e2e2;
}

.profile .news .item__picture-cnt {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.profile .news .item__picture {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.profile .news .item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 27px 34px 27px 27px;
}

.profile .news .item__title {
  color: #81ca21;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.profile .news .item__text {
  line-height: normal;
  max-height: 198px;
  overflow: hidden;
}

.profile .news .item__button-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 18px 0 0 0;
  width: 100%;
}

.profile .news .item__button {
  width: 100%;
  height: 52px;
  border-radius: 25px;
  background-color: #81ca21;
  border: 2px solid #81ca21;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .news .item__button:hover {
  background-color: #fff;
  color: #81ca21;
}

.profile .orders-plan {
  padding: 205px 0 0 150px;
}

.profile .orders-plan__titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #a4a4a4;
  font-weight: 300;
  text-align: center;
  margin: 0 0 13px 0;
}

.profile .orders-plan__titles-space {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 626px;
  flex: 0 0 626px;
}

.profile .orders-plan__min-title {
  margin: 0 20px 0 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
}

.profile .orders-plan__max-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
}

.profile .orders-plan__items {
  position: relative;
}

.profile .orders-plan__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 28px 0;
}

.profile .orders-plan__item .plus-btn {
  display: none;
}

.profile .orders-plan__item:last-child .plus-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*.profile .orders-plan__item:last-child .minus-btn {
  display: none;
}*/

.profile .orders-plan__select-n-title-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
  margin: 0 20px 0 0;
}

.profile .orders-plan__title-cnt {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0 12px 12px 0;
  display: none;
}

.profile .orders-plan__select-cnt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  margin: 0 20px 12px 0;
  border-radius: 25px;
  border: 3px solid #81ca21;
}

.profile .orders-plan__select-cnt:hover .orders-plan__select-arrow-down {
  background-color: #81ca21;
}

.profile .orders-plan__select-cnt:hover .orders-plan__select-arrow-down i {
  font-size: 20px;
  color: #e2e2e2;
}

.profile .orders-plan__select-cnt.year-select-cnt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 132px;
  flex: 0 0 132px;
}

.profile .orders-plan__select-cnt.month-select-cnt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 174px;
  flex: 0 0 174px;
}

.profile .orders-plan__select-cnt.product-select-cnt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 260px;
  flex: 0 0 260px;
}

.profile .orders-plan__select-cnt.min-select-cnt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
}

.profile .orders-plan__select-cnt.max-select-cnt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 105px;
  flex: 0 0 105px;
}

.profile .orders-plan__select {
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0 0 0 23px;
  background-color: transparent;
  color: #81ca21;
  cursor: pointer;
}

.profile .orders-plan__select-arrow-down {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -15px 0 0 0;
  width: 30px;
  height: 30px;
  background-color: #e2e2e2;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .orders-plan__select-arrow-down i {
  font-size: 20px;
  color: #81ca21;
}

.profile .orders-plan__item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 0 12px 0;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  border-radius: 50%;
  font-size: 42px;
  line-height: normal;
  font-weight: 400;
  color: #e2e2e2;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .orders-plan__item-btn:hover {
  background-color: #fff;
  color: #81ca21;
}

.profile .orders-plan__item-btn.minus-btn {
  padding: 0 0 6px 0;
}

.profile .orders-plan__button-cnt {
  margin: 0 0 30px 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.profile .orders-plan__btn {
  margin: 10px 240px 0 0;
  width: 299px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .orders-plan__btn:hover {
  background-color: #fff;
  color: #81ca21;
}

#support-messages-modal .profile-form-window {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.support-modal {
  height: 800px;
  overflow-y: auto;
}

.support-modal__cnt {
  padding: 62px 0 80px 0;
}

.support-modal__messages-cnt {
  width: 100%;
  height: 416px;
  padding: 14px 0 14px 12px;
  border: 1px solid #b0b0b0;
  background-color: #ffffff;
  overflow-y: auto;
}

.support-modal__messages-cnt::-webkit-scrollbar {
  width: 32px;
}

.support-modal__messages-cnt::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 20px;
}

.support-modal__messages-cnt::-webkit-scrollbar-thumb {
  background-color: #81ca21;
  border-radius: 20px;
  border: 12px solid #ffffff;
}

.support-modal__message {
  padding: 20px 28px 26px 28px;
  margin: 0 0 7px 0;
}

.support-modal__message:last-child {
  margin: 0;
}

.support-modal__message.dealers-message {
  background-color: #f5f5f5;
}

.support-modal__message.managers-message {
  background-color: #efffdb;
}

.support-modal__message-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 12px 0;
}

.support-modal__message-author {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #81ca21;
  font-weight: 700;
}

.support-modal__message-date {
  margin: 0 15px 0 0;
}

.support-modal__message-time {
  color: #a4a4a4;
}

.support-modal__message-text {
  line-height: normal;
  font-weight: 500;
}

.support-modal__form-cnt {
  margin: 40px 0 0 0;
}

.support-modal__form-cnt form {
  width: 100%;
}

.support-modal__textarea-title {
  color: #81ca21;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.support-modal__textarea {
  width: 100%;
  height: 121px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  padding: 12px 19px 18px 18px;
  margin: 0 0 48px 0;
  resize: none;
  font-weight: 500;
}

.support-modal__textarea::-webkit-input-placeholder {
  color: #a4a4a4;
}

.support-modal__textarea::-moz-placeholder {
  color: #a4a4a4;
}

.support-modal__textarea:-ms-input-placeholder {
  color: #a4a4a4;
}

.support-modal__textarea::-ms-input-placeholder {
  color: #a4a4a4;
}

.support-modal__textarea::placeholder {
  color: #a4a4a4;
}

.support-modal__buttons-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.support-modal__btn-submit {
  /* Style for "Rounded Re" */
  width: 244px;
  height: 52px;
  border-radius: 25px;
  margin: 0 26px 0 0;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.support-modal__btn-submit:hover {
  background-color: #fff;
  color: #81ca21;
}

.support-modal__btn-cancel {
  width: 244px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #f5f5f5;
  color: #81ca21;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.support-modal__btn-cancel:hover {
  background-color: #fff;
}

.profile .my-dealers {
  padding: 100px 0 0 150px;
}

.profile .my-dealers__head {
  width: 930px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #e2e2e2;
}

.profile .my-dealers__head-col {
  padding: 0 15px 0 0;
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.profile .my-dealers__head-col.name {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 186px;
  flex: 0 0 186px;
}

.profile .my-dealers__head-col.fio {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 242px;
  flex: 0 0 242px;
}

.profile .my-dealers__head-col.phone {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 205px;
  flex: 0 0 205px;
}

.profile .my-dealers__head-col.status {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.profile .my-dealers__item {
  width: 930px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  border-bottom: 1px solid #e2e2e2;
}

.profile .my-dealers__item-col {
  padding: 0 15px 0 0;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.profile .my-dealers__item-col.name {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 186px;
  flex: 0 0 186px;
}

.profile .my-dealers__item-col.fio {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 242px;
  flex: 0 0 242px;
}

.profile .my-dealers__item-col.phone {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 205px;
  flex: 0 0 205px;
}

.profile .my-dealers__item-col.status {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #81ca21;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile .my-dealers__item-col.status button {
  float: right;
  width: 160px;
  height: 52px;
  margin: 0 0 0 37px;
  border-radius: 25px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .my-dealers__item-col.status button:hover {
  background-color: #ffffff;
  color: #81ca21;
  font-weight: 500;
}

.dealers-modal .profile-form-window {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dealers-modal .registration-container {
  padding: 0;
}

.dealers-modal .profile-form-window__body {
  height: 800px;
  overflow-y: auto;
}

.dealers-modal .reg-form-cnt__buttons {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.profile .orders {
  padding: 100px 250px 0 150px;
}

.profile .orders table {
  border-spacing: 0px;
  width: 100%;
}

.profile .orders table tbody {
  width: 100%;
}

.profile .orders__head {
  height: 52px;
}

.profile .orders__head th {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid #e2e2e2;
}

.profile .orders__item {
  height: 82px;
}

.profile .orders__item td {
  border-bottom: 1px solid #e2e2e2;
  line-height: normal;
}

.profile .orders .orders-item__num {
  padding: 0 25px 0 0;
}

.profile .orders .orders-item__changed-time {
  color: #9c9c9c;
}

.profile .orders .orders-item__total {
  font-weight: 700;
}

.profile .orders .orders-item__status {
  color: #81ca21;
  font-weight: 700;
}

.profile .orders .orders-item__button-cnt {
  width: 160px;
}

.profile .orders .orders-item__button-cnt button {
  width: 100%;
  height: 52px;
  border-radius: 25px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile .orders .orders-item__button-cnt button:hover {
  background-color: #fff;
  color: #81ca21;
  font-weight: 500;
}

.profile-manager .support__history {
  display: block;
}

/* ======================== Registration Page ====================== */

.registration-container {
  padding: 129px 15px 72px 15px;
}

.registration-container .reg-form-cnt input[type="text"],
.registration-container .reg-form-cnt input[type="email"] {
  display: block;
  width: 100%;
  height: 52px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  margin: 15px 0 0 0;
  padding: 0 0 0 27px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.registration-container .reg-form-cnt input[type="text"]:first-child,
.registration-container .reg-form-cnt input[type="email"]:first-child {
  margin: 0;
}

.registration-container .reg-form-cnt input[type="text"]::-webkit-input-placeholder,
.registration-container .reg-form-cnt input[type="email"]::-webkit-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.registration-container .reg-form-cnt input[type="text"]::-moz-placeholder,
.registration-container .reg-form-cnt input[type="email"]::-moz-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.registration-container .reg-form-cnt input[type="text"]:-ms-input-placeholder,
.registration-container .reg-form-cnt input[type="email"]:-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.registration-container .reg-form-cnt input[type="text"]::-ms-input-placeholder,
.registration-container .reg-form-cnt input[type="email"]::-ms-input-placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.registration-container .reg-form-cnt input[type="text"]::placeholder,
.registration-container .reg-form-cnt input[type="email"]::placeholder {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
}

.registration-container .reg-form-cnt input[type="text"]:focus,
.registration-container .reg-form-cnt input[type="email"]:focus {
  background-color: #fff;
}

.registration-container .reg-form-cnt__first-part {
  margin: 82px 0 0 0;
}

.registration-container .reg-form-cnt__inputs-title {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 29px 0;
}

.registration-container .reg-form-cnt__inputs-title-green {
  color: #81ca21;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 29px 0;
}

.registration-container .reg-form-cnt__second-part {
  margin: 80px 0 70px 0;
}

.registration-container .reg-form-cnt__second-part .input-file-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0 0;
}

.registration-container .reg-form-cnt__second-part .input-file-logo__custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 206px;
  height: 52px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.registration-container .reg-form-cnt__second-part .input-file-logo__custom-file:hover {
  background-color: #fff;
  color: #81ca21;
  font-weight: 500;
}

.registration-container .reg-form-cnt__second-part .input-file-logo__custom-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px 0 27px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 12px 0 0;
  height: 52px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  color: #a4a4a4;
  font-weight: 300;
}

.registration-container .reg-form-cnt__second-part .input-file-docs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 0 0;
}

.registration-container .reg-form-cnt__second-part .input-file-docs__custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 206px;
  height: 52px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.registration-container .reg-form-cnt__second-part .input-file-docs__custom-file:hover {
  background-color: #fff;
  color: #81ca21;
  font-weight: 500;
}

.registration-container .reg-form-cnt__second-part .input-file-docs__custom-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px 0 27px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 12px 0 0;
  height: 52px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  color: #a4a4a4;
  font-weight: 300;
}

.registration-container .reg-form-cnt__buttons {
  margin: 0 0 67px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.registration-container .reg-form-cnt__button-submit {
  width: 244px;
  height: 53px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.registration-container .reg-form-cnt__button-submit:hover {
  background-color: #fff;
  color: #81ca21;
}

.registration-container .reg-form-cnt__button-reset {
  width: 334px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #f5f5f5;
  color: #81ca21;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.registration-container .reg-form-cnt__button-reset:hover {
  background-color: #fff;
}

.registration-container .reg-form-cnt__button-cansel {
  width: 243px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #f5f5f5;
  color: #81ca21;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 0 26px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.registration-container .reg-form-cnt__button-cansel:hover {
  background-color: #fff;
}

/* ======================== Authorization Page ====================== */

.authorization-container {
  padding: 128px 15px 165px 15px;
}

.authorization-container .auth input[type="text"],
.authorization-container .auth input[type="email"],
.authorization-container .auth input[type="password"] {
  width: 100%;
  height: 52px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  padding: 0 15px 0 27px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.authorization-container .auth input[type="text"]:focus,
.authorization-container .auth input[type="email"]:focus,
.authorization-container .auth input[type="password"]:focus {
  background-color: #fff;
}

.authorization-container .auth__login {
  margin: 115px 0 23px 0;
}

.authorization-container .auth__button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 100px 0 70px 0;
}

.authorization-container .auth__enter input {
  width: 244px;
  height: 53px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.authorization-container .auth__enter input:hover {
  background-color: #fff;
  color: #81ca21;
  font-weight: 500;
}

.authorization-container .auth__forgot-password {
  width: 100%;
  text-align: center;
  margin: 18px 0 0 0;
}

.authorization-container .auth__forgot-password a {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.authorization-container .auth__forgot-password a:hover {
  color: #383838;
}

.authorization-container .auth__registr-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 244px;
  height: 53px;
  border-radius: 25px;
  color: #81ca21;
  border: 3px solid #81ca21;
  background-color: #f5f5f5;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.authorization-container .auth__registr-button:hover {
  background-color: #fff;
  font-weight: 500;
}

.authorization-container .auth__registr-link {
  width: 100%;
  text-align: center;
  margin: 18px 0 0 0;
}

.authorization-container .auth__registr-link a {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.authorization-container .auth__registr-link a:hover {
  color: #383838;
}

/* ======================== Forgot Password Page ====================== */

.forgot-password-container {
  padding: 128px 15px 165px 15px;
}

.fp-form__inputs-title {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 700;
  margin: 80px 0 0 0;
  line-height: normal;
}

.fp-form__phone-or-email {
  display: block;
  width: 100%;
  height: 52px;
  margin: 29px 0 16px 0;
  padding: 0 15px 0 27px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fp-form__phone-or-email:focus {
  background-color: #fff;
}

.fp-form__capcha-n-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fp-form__capcha-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 199px;
  height: 66px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  text-align: center;
  margin: 0 18px 0 0;
}

.fp-form__code {
  display: block;
  width: 199px;
  height: 66px;
  border: 1px solid #b0b0b0;
  background-color: #f5f5f5;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 6px;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fp-form__code::-webkit-input-placeholder {
  font-size: 14px;
  color: #a4a4a4;
  letter-spacing: normal;
}

.fp-form__code::-moz-placeholder {
  font-size: 14px;
  color: #a4a4a4;
  letter-spacing: normal;
}

.fp-form__code:-ms-input-placeholder {
  font-size: 14px;
  color: #a4a4a4;
  letter-spacing: normal;
}

.fp-form__code::-ms-input-placeholder {
  font-size: 14px;
  color: #a4a4a4;
  letter-spacing: normal;
}

.fp-form__code::placeholder {
  font-size: 14px;
  color: #a4a4a4;
  letter-spacing: normal;
}

.fp-form__code:focus {
  background-color: #fff;
}

.fp-form__buttons-container {
  margin: 80px 0 85px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fp-form__btn-submit {
  width: 244px;
  height: 53px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #81ca21;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.fp-form__btn-submit:hover {
  color: #81ca21;
  background-color: #fff;
  font-weight: 500;
}

.fp-form__btn-send {
  width: 334px;
  height: 52px;
  border-radius: 25px;
  border: 3px solid #81ca21;
  background-color: #f5f5f5;
  color: #81ca21;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fp-form__btn-send:hover {
  background-color: #fff;
  font-weight: 500;
}

/* ======================== Cart Page ====================== */

.cart-page__table {
  width: 100%;
  margin: 0 0 38px 0;
}

.cart-page__head th {
  padding: 0 0 16px 0;
  color: #010101;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
}

.cart-page__item {
  font-weight: 700;
}

.cart-page__item span {
  font-weight: 400;
}

.cart-page__item td {
  padding: 25px 0;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
}

.cart-page__item .picture {
  text-align: left;
}

.cart-page__item .picture img {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100px;
}

.cart-page__item .name {
  font-size: 17px;
  text-transform: uppercase;
}

.cart-page__item .price-type {
  padding: 0 160px 0 0;
}

.cart-page__item .price {
  font-size: 17px;
}

.cart-page__item .quantity {
  padding: 0 40px 0 0;
  font-weight: 400;
}

.cart-page__item .quantity__cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-page__item .quantity__minus {
  background: transparent;
  color: #81ca21;
  font-size: 24px;
  padding: 5px 10px;
  margin: -2px 0 0 0;
}

.cart-page__item .quantity__plus {
  background: transparent;
  color: #81ca21;
  font-size: 20px;
  padding: 5px 10px;
}

.cart-page__item .total {
  font-size: 17px;
  width: 120px;
}

.cart-page__total {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.cart-page__total .title {
  margin: 0 35px 0 0;
  color: #010101;
  font-size: 12px;
}

.cart-page__total .title__total {
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.cart-page__total .title__nds {
  font-weight: 400;
}

.cart-page__total .total-price {
  color: #010101;
  font-size: 25px;
  font-weight: 700;
  line-height: 15px;
}

.cart-page__total .total-price span {
  font-size: 17px;
  font-weight: 400;
}

.cart-page__btn-submit {
  margin: 48px 0 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.cart-page__btn-submit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 244px;
  height: 53px;
  border-radius: 25px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.cart-page__btn-submit a:hover {
  background-color: #fff;
  color: #81ca21;
  font-weight: 500;
}

/* ======================== Delivery Page ====================== */

.delivery-page__title {
  position: relative;
}

.delivery-page__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.delivery-page__picture {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.delivery-page__picture img {
  width: 100%;
}

.delivery-page__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 0 0 0 45px;
}

.delivery-page__text p {
  font-weight: 400;
  line-height: normal;
  margin: 0 0 14px 0;
}

/* ======================== News Page ====================== */

.news__items {
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.news .news-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  padding: 0 2px;
  margin: 0 0 60px 0;
}

.news .news-item__picture {
  margin: 0 0 40px 0;
  width: 100%;
}

.news .news-item__picture img {
  width: 100%;
}

.news .news-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.news .news-item__date {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 57px;
  flex: 0 0 57px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #81ca21;
  border: 2px solid #81ca21;
}

.news .news-item__date .day {
  font-size: 29px;
  line-height: 21px;
}

.news .news-item__date .month {
  font-weight: 12px;
}

.news .news-item__date .year {
  font-size: 10px;
  font-weight: 500;
}

.news .news-item__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0 8px 0 20px;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
}

.news__button-cnt {
  margin: 15px 0 65px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.news__show-more-btn {
  width: 240px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #81ca21;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.news__show-more-btn:hover {
  background-color: #81ca21;
  color: #fff;
}

/* ======================== Training Page ====================== */

.training__content {
  padding: 20px 0 90px 0;
  font-weight: 500;
  line-height: 50px;
}

.training__content a {
  color: #81ca21;
}

.training__content a:hover {
  text-decoration: underline;
}

.training__subtitle {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
}

/* ======================== Technical Support Page ====================== */

.support-page .p-text {
  line-height: 26px;
}

.support-page a {
  color: #81ca21;
}

.support-page a:hover {
  text-decoration: underline;
}

.support-page__content {
  margin: 0 0 50px 0;
}

.support-page__content p {
  margin: 0 0 26px 0;
}

.support-page__faq-picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 60px 0;
}

.support-page__faq {
  color: #81ca21;
  font-size: 331px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.support-page__picture {
  position: relative;
  margin: 30px 0 0 -80px;
}

.support-page__subtitle {
  position: relative;
  padding: 0 0 0 35px;
  margin: 0 0 26px 0;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.support-page__subtitle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  width: 5px;
  height: 28px;
  background-color: #81ca21;
}

.support-page ul {
  margin: 0 0 26px 0;
}

.support-page ul li span {
  margin: 0 22px 0 0;
}

.support-page__dropdown {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
}

.support-page__dropdown-title {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
}

.support-page__dropdown-title-text {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

.support-page__dropdown-title-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.support-page__dropdown-title-icon span {
  display: block;
  height: 2px;
  width: 16px;
  background-color: #82ca22;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.support-page__dropdown-title-icon span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 -5px 0 0;
}

.support-page__dropdown-title-icon span:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.support-page__dropdown-title-icon.active span:first-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.support-page__dropdown-title-icon.active span:last-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.support-page__dropdown-cnt {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.support-page__dropdown-cnt.active {
  position: relative;
}

.support-page__dropdown-cnt.visible {
  opacity: 1;
  visibility: visible;
}

/* ======================== Guarantee Page ====================== */

.guarantee-page__content {
  margin: 50px 0 80px 0;
}

.guarantee-page__content .p-text {
  line-height: 26px;
  margin: 0 0 26px 0;
}

.guarantee-page__content .p-text a {
  color: #81ca21;
}

.guarantee-page__content .p-text a:hover {
  text-decoration: underline;
}

.guarantee-page__content .text-bold {
  font-weight: 700;
}

/* ======================== Download Page ====================== */

.pre-download-page {
  padding: 70px 0;
}

.pre-download-page__title {
  color: #81ca21;
  font-size: 72px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.pre-download-page__devices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 100px 0 0 0;
}

.pre-download-page__device {
  width: 350px;
  margin: 0 100px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.pre-download-page__device:hover {
  transform: scale(1.1, 1.1);
}

.pre-download-page__device img {
  width: 100%;
}

.pre-download-page.hidden {
  display: none;
}

.download-page {
  display: none;
}

.download-page.active {
  display: block;
}

.download-page__content {
  margin: 60px 0 80px 0;
}

.download-page__content .p-text {
  line-height: 26px;
  margin: 0 0 26px 0;
}

.download-page__content .p-text a {
  color: #81ca21;
}

.download-page__content .p-text a:hover {
  text-decoration: underline;
}

.download__platform-button-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
}

.download__platform-button-cnt.last {
  margin: 0 0 80px 0;
}

.download__platform {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 125px;
  flex: 0 0 125px;
  width: 125px;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

.download__button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 176px;
  flex: 0 0 176px;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 176px;
  height: 52px;
  margin: 0 20px 0 0;
  border-radius: 25px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.download__button.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.download__button:hover {
  background-color: #fff;
  color: #81ca21;
}

.download__description {
  font-weight: 500;
}

.download__description a {
  color: #81ca21;
}

.download__description a:hover {
  text-decoration: underline;
}

/* ======================== Styles Of Main Page ver. 2 ====================== */

/* Main Section */

.main-screen {
  height: 650px;
}

.main-screen__slide {
  padding: 195px 0 0 377px;
}

.main-screen__subtitle {
  margin: 30px 0 0 0;
}

.main-screen__button {
  margin: 30px 0 0 0;
}

.main-screen__slider .slick-dots {
  left: unset;
  right: 256px;
  bottom: 30px;
}

/* Cards */

.important {
  padding-top: 120px;
}

.important.after_first_screen {
  padding-top: 60px;
}

.important.after_first_screen .important__title {
  margin-bottom: 90px;
}

.important__title h2 .green {
  color: #81ca21;
}

.important__cards {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.important-section-card {
  height: 470px;
  padding: 400px 32px 22px 32px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0 0.5px;
  overflow: hidden;
}

.important-section-card:hover {
  padding: 90px 32px 22px 32px;
}

.important-section-card:hover .important-section-card__image {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.important-section-card:hover .important-section-card__title {
  color: #81ca21;
}

.important-section-card:hover .important-section-card__text {
  opacity: 1;
  visibility: visible;
}

.important-section-card__image {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.important-section-card__title {
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.important-section-card__text {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding-right: 32px;
  margin-top: 40px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.important-section-card:nth-child(3) .important-section-card__text {
  margin-top: 50px;
}

.important-section-card__text p {
  font-weight: 300;
  margin-top: 18px;
}

.important-section-card__text p.bold {
  font-weight: 700;
}

.important-section-card__text p.point .green {
  font-weight: 700;
  color: #81ca21;
}

.important-section-card__link {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}

@media (max-width: 1024px) {
  .important {
    padding-top: 60px;
  }
}

@media (max-width: 768px) {
  .important {
    padding-top: 40px;
  }
}

@media (max-width: 545px) {
  .important {
    padding-top: 20px;
  }
}

.howWorks:after {
  display: none;
}

.howWorks__text {
  border-right: 1px solid #cbeca0;
  margin: 120px 0 0 0;
}

.howWorks__description {
  padding: 0 89px 0 120px;
}

/* Tests Section*/

.tests {
  margin: 110px 0 0 0;
}

.tests__text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tests__title {
  text-align: center;
}

.tests__description {
  margin: 0;
  padding: 50px 0 85px 0;
}

.tests__description:before {
  display: none;
}

.tests__description p {
  /* font-size: 25px;
  margin: 0 0 34px 0; */

  font-size: 18px;
  margin: 0 0 24px 0;
}

.tests__description ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* font-size: 25px; */
  font-size: 20px;
  margin: 0;
}

.tests__description ul li {
  margin: 0;
}

.tests__description ul li .green {
  font-size: 31px;
  color: #81ca21;
}

@media (max-width: 1024px) {
  .tests {
    margin: 50px 0 0 0;
  }

  .tests__description {
    margin: 0;
    padding: 20px 0 30px 0;
  }

  .tests__description p {
    font-size: 20px;
    margin: 0 0 15px 0;
  }

  .tests__description ul {
    font-size: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tests__description ul li .green {
    font-size: 25px;
  }
}

@media (max-width: 545px) {
  .tests {
    margin: 20px 0 0 0;
  }

  .tests__description {
    padding: 12px 0 20px 0;
  }

  .tests__description p {
    font-size: 16px;
    margin: 0 0 12px 0;
  }

  .tests__description ul {
    font-size: 16px;
  }

  .tests__description ul li .green {
    font-size: 20px;
  }
}

/* Steps Section */

.steps {
  padding: 60px 0 95px 0;
  position: relative;
}

.steps__cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.steps__step {
  text-align: center;
  padding: 0 60px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.steps__cnt .step__title {
  font-family: 'Merriweather', serif;
  font-size: 25px;
  font-weight: 700;
}

.steps__cnt .step__title .green {
  font-family: 'Montserrat', sans-serif;
  color: #81ca21;
  font-size: 66px;
  font-weight: 700;
  line-height: 56px;
}

.steps__cnt .step__picture-cnt {
  margin: 25px 0 30px 0;
  width: 100%;
}

.steps__cnt .step__picture {
  width: 100%;
  object-fit: cover;
}

.steps__cnt .step__description {
  max-width: 190px;
}

.steps__btn-cnt {
  margin-top: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.steps__button {
  width: 244px;
  height: 53px;
  background-color: #81ca21;
  border: 2px solid #81ca21;
  border-radius: 26px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.steps__button:hover {
  background-color: #fff;
  color: #81ca21;
}

@media (max-width: 1440px) {
  .steps {
    padding: 30px 0 60px 0;
  }

  .steps__step {
    padding: 0 20px;
  }

  .rofes_text span:before{
    top: 15px;
  }
  .rofes_text span:after{
    bottom: 5px;
  }
}

@media (max-width: 1023px) {
  .steps__cnt {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .steps__cnt .step__picture-cnt {
    margin: 12px 0 15px 0;
  }

  .steps__cnt .step__title {
    font-size: 20px;
  }

  .steps__cnt .step__title .green {
    font-size: 46px;
  }

  .steps__btn-cnt {
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .steps {
    padding: 20px 0 30px 0;
  }

  .steps__step {
    padding: 6px 15px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .steps__btn-cnt {
    margin-top: 15px;
  }
}

/* For Test Button */

.forTest__btn-cnt {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.forTest__btn {
  width: 244px;
  height: 53px;
  background-color: #81ca21;
  border: 2px solid #81ca21;
  border-radius: 26px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.forTest__btn:hover {
  background-color: #fff;
  color: #81ca21;
}

@media (max-width: 767px) {
  .forTest__btn-cnt {
    margin-top: 15px;
  }
}

/* Who Needs Section */

.whoNeeds {
  padding: 60px 0 65px 0;
  background-color: #f0f4f7;
  width: 100%;
  position: relative;
}

.whoNeeds__title {
  color: #010101;
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.whoNeeds__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
}

.whoNeeds__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 20%;
  flex: 0 1 20%;
  margin: 0 0.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.whoNeeds .item__title {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 15px;
  max-width: 170px;
}

.whoNeeds .item__picture-cnt {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%;
}

.whoNeeds .item__picture {
  width: 100%;
}

@media (max-width: 1024px) {
  .whoNeeds {
    padding: 40px 0 45px 0;
  }

  .whoNeeds__title {
    font-size: 40px;
  }

  .whoNeeds__items {
    margin-top: 40px;
  }
}

@media (max-width: 1023px) {
  .whoNeeds__items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .whoNeeds__item {
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    margin-bottom: 15px;
  }

  .whoNeeds .item__title {
    margin-bottom: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 545px) {
  .whoNeeds {
    padding: 20px 0 20px 0;
  }

  .whoNeeds__title {
    font-size: 28px;
  }

  .whoNeeds__items {
    margin-top: 20px;
  }

  .whoNeeds__item {
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
  }
}

/* Certificates Section */

.certificates {
  padding: 120px 15px 120px 15px;
}

.certificates__title-cnt {
  margin-bottom: 70px;
  text-align: center;
}

.certificates__title {
  color: #5c9411;
  font-size: 65px;
  font-weight: 700;
  text-transform: uppercase;
}

.certificates__subtitle {
  font-size: 25px;
  font-weight: 700;
  max-width: 1100px;
  margin: 25px auto 0 auto;
}

.certificates__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.certificates__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666667%;
  flex: 0 0 16.6666667%;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.certificates .item__title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 15px;
  max-width: 150px;
  text-align: center;
}

.certificates .item__picture-cnt {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.certificates .item__picture {
  width: 100%;
  object-fit: cover;
}

@media (max-width: 1440px) {
  .certificates {
    padding: 60px 0 80px 0;
  }

  .certificates__item {
    padding: 0 8px;
  }
}

@media (max-width: 1024px) {
  .certificates {
    padding: 40px 15px 50px 15px;
  }

  .certificates__title-cnt {
    margin-bottom: 40px;
  }

  .certificates__title {
    font-size: 45px;
  }

  .certificates__subtitle {
    font-size: 20px;
    margin: 20px auto 0 auto;
  }
}

@media (max-width: 1023px) {
  .certificates__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .certificates__item {
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
    margin-bottom: 20px;
  }

  .certificates .item__title {
    margin-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .certificates {
    padding: 20px 15px 30px 15px;
  }

  .certificates__title-cnt {
    margin-bottom: 20px;
  }

  .certificates__title {
    font-size: 28px;
  }

  .certificates__subtitle {
    font-size: 16px;
    margin: 12px auto 0 auto;
  }

  .certificates__item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 12px;
  }

  .certificates .item__title {
    margin-bottom: 5px;
  }
}

/* Map of Sales Section */

.map-sales {
  padding: 10px 15px 110px 15px;
}

.map-sales__title-cnt {
  text-align: center;
}

.map-sales__tilte {
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
}

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

.map-sales__picture-cnt {
  margin-top: 80px;
  padding: 0 65px;
}

.map-sales__picture {
  width: 100%;
}

@media (max-width: 1024px) {
  .map-sales {
    padding: 10px 15px 50px 15px;
  }

  .map-sales__tilte {
    font-size: 35px;
  }

  .map-sales__subtitle {
    font-size: 20px;
    margin-top: 15px;
  }

  .map-sales__picture-cnt {
    margin-top: 50px;
    padding: 0 35px;
  }
}

@media (max-width: 767px) {
  .map-sales {
    padding: 10px 15px 30px 15px;
  }

  .map-sales__tilte {
    font-size: 28px;
  }

  .map-sales__subtitle {
    font-size: 16px;
    margin-top: 10px;
  }

  .map-sales__picture-cnt {
    margin-top: 20px;
    padding: 0;
  }
}

/* Contact Us Section */

.contact-us {
  padding: 55px 0 60px 0;
  width: 100%;
  margin-bottom: 3px;
  background-color: #eee0cc;
  background-image: url(/local/templates/rofes/assets/css/../img/backgrounds/contact-us-bg.png);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-us__cnt {
  padding: 0 15px 0 135px;
}

.contact-us__title-cnt {}

.contact-us__title {
  color: #81ca21;
  font-size: 40px;
  font-weight: 700;
}

.contact-us__subtitle {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
}

.contact-us__form-cnt {
  width: 547px;
  margin-top: 42px;
}

.contact-us .form__input {
  background-color: #ffffff;
  height: 41px;
  border-radius: 5px;
  border: 1px solid #000000;
  padding: 0 18px;
  font-size: 16px;
}

.contact-us .form__row-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.contact-us .form__row-1 .form__input {
  flex: 0 1 50%;
}

.contact-us .form__row-1 .form__input:first-child {
  margin-right: 15px;
}

.contact-us .form__row-2 {
  margin: 20px 0 38px 0;
  width: 100%;
}

.contact-us .form__row-2 .form__input {
  width: 100%;
}

.contact-us .form__submit-cnt {}

.contact-us .form__submit {
  width: 244px;
  height: 53px;
  border-radius: 26px;
  border: 2px solid #81ca21;
  background-color: #81ca21;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.contact-us .form__submit:hover {
  background-color: #fff;
  color: #81ca21;
}

@media (max-width: 1024px) {
  .contact-us {
    padding: 35px 0 40px 0;
    background-image: none;
  }
}

@media (max-width: 1023px) {
  .contact-us__form-cnt {
    width: 100%;
    margin-top: 22px;
  }

  .contact-us__cnt {
    padding: 0 15px 0 15px;
  }
}

@media (max-width: 767px) {
  .contact-us {
    padding: 20px 0 30px 0;
    background-image: none;
  }

  .contact-us__title {
    font-size: 28px;
  }

  .contact-us__subtitle {
    font-size: 16px;
    margin-top: 8px;
  }

  .contact-us .form__row-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contact-us .form__row-1 .form__input {
    flex: 0 0 41px;
  }

  .contact-us .form__row-1 .form__input:first-child {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .contact-us .form__row-2 {
    margin: 12px 0 20px 0;
  }
}

/* ======================== Responsive ====================== */

@media (max-width: 1919px) {
  .profile .orders-history {
    padding: 60px 80px 40px 80px;
  }

  .profile .news {
    padding: 100px 40px 0 40px;
  }

  .profile .orders-plan {
    padding: 120px 40px 0 40px;
  }

  .profile .orders-plan__titles-space {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 566px;
    flex: 0 0 566px;
  }

  .profile .orders-plan__select-cnt.product-select-cnt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
  }

  .profile .orders-plan__button-cnt {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .profile .my-dealers {
    padding: 100px 0 0 40px;
  }

  .profile .orders {
    padding: 100px 40px 0 40px;
  }
}

@media (max-width: 1600px) {
  .profile__menu {
    padding: 100px 0 50px 120px;
  }
}

@media (max-width: 1440px) {
  .header__logo p {
    display: none;
  }

  .menu__list {
    margin: 0 30px 0 30px;
  }

  .main-screen__title {
    margin: 0;
  }

  .main-screen__slider .slick-dots {
    width: 100%;
    justify-content: center;
    left: 0;
    right: unset;
    margin: 0;
  }

  .main-screen__slide {
    text-align: center;
    padding: 175px 0 0 0;
  }

  .main-screen__title:before {
    left: 56.8%;
    top: 14px;
    display: none;
  }

  .main-screen__title:after {
    left: 56.8%;
    bottom: 4px;
    display: none;
  }

  .main-screen__subtitle {
    margin: 0 auto;
  }

  .main-screen__button {
    margin: 45px auto;
  }

  .important__title {
    margin: 20px 0 90px 0;
  }

  .forTest__picture {
    padding: 0 120px 0 10px;
    ;
  }

  .forTest__picture img {
    width: 100%;
    margin: 0;
  }

  .footer__contacts .col-2 {
    padding: 0 0 0 30px;
  }

  .pre-download-page {
    padding: 50px 0;
  }

  .pre-download-page__title {
    font-size: 52px;
  }

  .pre-download-page__devices {
    margin: 60px 0 0 0;
  }

  .pre-download-page__device {
    width: 320px;
    margin: 0 100px;
  }

  .order-content .form-container {
    padding: 50px 0 0 0;
  }

  .order-content .form-container .inputs-title {
    margin: 0 0 20px 0;
  }

  .order-content .form-container__personal-info {
    margin: 0 0 50px 0;
  }

  .order-content .form-container__address {
    margin: 0 0 50px 0;
  }

  .profile .orders-history .item__details {
    width: 210px;
  }

  .profile .orders-history .item__order-repeat {
    width: 160px;
  }

  .profile .data-sales {
    padding: 95px 100px 0 60px;
  }

  .profile .data-sales__plus-btn {
    right: 90px;
  }

  .profile .support {
    padding: 80px 0 40px 80px;
  }

  .profile .support__history {
    padding: 0 80px 0 0;
  }

  .profile .support .messages-history-tab {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .profile .support .messages-history-tab ul li {
    padding: 8px 15px 6px 15px;
  }

  .authorization-container {
    padding: 60px 15px;
  }

  .forgot-password-container {
    padding: 60px 15px;
  }

  .cart-page {
    padding: 0 50px 0 0;
  }
}

@media (max-width: 1439px) {
  .tests__icons {
    padding: 0;
  }

  .profile .order {
    padding: 70px 0 0 70px;
  }

  .profile .order__col-2 {
    padding: 58px 0 0 50px;
  }

  .profile .orders-history .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .profile .orders-history .item__texts {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin: 0 0 30px 0;
  }

  .profile .orders-history .item__buttons {
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .profile .orders-history .item__details {
    margin: 0;
  }

  .profile .orders-plan__titles {
    display: none;
  }

  .profile .orders-plan__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #e2e2e2;
    margin: 0 0 20px 0;
    padding: 0 0 8px 0;
  }

  .profile .orders-plan__select-n-title-cnt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
  }

  .profile .orders-plan__title-cnt {
    display: block;
  }

  .profile .orders-plan__btn {
    margin: 0;
    width: 240px;
  }

  .profile .support .messages-table__head th {
    padding: 0 10px;
  }

  .profile .my-dealers {
    padding: 60px 40px 0 40px;
  }

  .profile .my-dealers__head {
    width: 100%;
  }

  .profile .my-dealers__head-col.name {
    width: 20%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .profile .my-dealers__head-col.fio {
    width: 26.02151%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .profile .my-dealers__head-col.phone {
    width: 22.04301%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .profile .my-dealers__head-col.status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px;
  }

  .profile .my-dealers__item {
    width: 100%;
  }

  .profile .my-dealers__item-col.name {
    width: 20%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .profile .my-dealers__item-col.fio {
    width: 26.02151%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .profile .my-dealers__item-col.phone {
    width: 22.04301%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .profile .my-dealers__item-col.status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px;
  }

  .profile .orders {
    padding: 60px 40px 0 40px;
  }
}

@media (max-width: 1400px) {
  .howTest__step {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    margin: 0 0 33px 0;
  }

  .howTest__step-picture {
    margin: 15px 0 0 0;
  }
}

@media (max-width: 1350px) {
  .order-content .form-container__address .inputs-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .order-content .form-container__address .main-address-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 20px 0;
  }

  .order-content .form-container__address .address-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    margin: 0 26px 0 0;
  }
}

@media (max-width: 1230px) {
  #main-modal .modal {
    width: 90%;
  }
}

@media (max-width: 1200px) {
  #call-modal .modal {
    width: 90%;
  }

  #call-modal .modal__subtitle {
    padding: 0;
  }

  .main-screen__image {
    width: 75%;
    bottom: initial;
    top: 55%;
  }

  .advantages {
    padding: 65px 0;
  }

  .advantages__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 20px 80px 20px 20px;
  }

  .important-section-card {
    padding: 0 15px 15px 15px;
  }

  .important-section-card__title {
    margin: 300px 0 0 0;
  }

  .tests {
    /* margin: 80px 0 0 0; */
  }

  .tests__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .tests__title {
    font-size: 54px;
  }

  .tests__icons {
    padding: 0 100px;
  }

  .tests__icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
  }

  .tests__triple-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
  }

  .howWorks {
    padding: 40px 0;
  }

  .howWorks:after {
    height: 100%;
    top: 0;
  }

  .howWorks__picture {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
  }

  .howWorks__picture img {
    width: 100%;
  }

  .howWorks__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 66%;
    flex: 1 1 66%;
    margin: 0 0 0 0;
  }

  .howWorks__title h2 {
    font-size: 54px;
  }

  .advantages-cards {
    padding: 0 100px;
  }

  .advantages-cards .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
  }

  .forTest__picture {
    padding: 0 80px;
    margin: 30px 0 0 0;
  }

  .howTest__title {
    font-size: 36px;
  }

  .profile .support {
    padding: 60px 0 40px 30px;
  }

  .profile .support__form {
    width: 90%;
    margin: 30px 0 0 0;
  }

  .profile .support__history {
    padding: 0 15px 0 0;
  }

  .profile .news .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

@media (max-width: 1120px) {
  .profile-page .header__cart {
    display: block;
  }

  .profile-page .header__profile-link {
    display: block;
  }

  .profile-page .header__language {
    display: block;
  }

  .header__search {
    margin: 0 60px 0 0;
  }

  .header__cart {
    display: none;
  }

  .header__cart.mobile {
    display: block;
    margin-right: 0;
    margin-left: 12px;
  }

  .header__profile-link {
    display: none;
  }

  .header__profile-link.mobile {
    display: block;
  }

  .header__language {
    display: none;
  }

  .header__language.mobile {
    display: block;
    margin-left: 12px;
  }

  .header__mobile-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0 0 0;
  }

  .menu__body {
    position: fixed;
    z-index: 50;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f4fbff;
    padding-top: 45px;
    overflow: auto;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .menu__body.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .menu__link {
    margin: 0 0 50px 0;
  }

  .menu__link:last-child {
    margin: 0;
  }

  .menu__link a {
    font-size: 24px;
  }

  .icon-menu {
    display: block;
    position: absolute;
    top: 48px;
    right: 25px;
    width: 30px;
    height: 18px;
    cursor: pointer;
    z-index: 51;
  }

  .icon-menu span {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 8px;
    left: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #4d4959;
  }

  .icon-menu span:first-child {
    top: 0;
  }

  .icon-menu span:last-child {
    top: auto;
    bottom: 0;
  }

  .icon-menu.active span {
    background-color: #4d4959;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .icon-menu.active span:first-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 8px;
  }

  .icon-menu.active span:last-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 8px;
  }

  .footer__contacts .col-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 22.36111%;
    flex: 1 1 22.36111%;
  }

  .footer__contacts .col-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 55.55556%;
    flex: 1 1 55.55556%;
  }

  .footer__contacts .col-2__bank-details {
    padding: 0 80px 0 0;
  }

  .footer__contacts .col-2__news-mailing-form .text-input {
    width: 280px;
  }

  .footer__copyright-last {
    margin: 30px 0 0 0;
  }

  .order-content .order-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .order-content .order-details__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 0 0;
  }

  .order-content .delivery-type {
    padding: 0 8%;
  }

  .profile .my-dealers__head-col.status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
  }

  .profile .my-dealers__item-col.status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
  }

  .profile .my-dealers__item-col.status button {
    margin: 0 0 0 15px;
    width: 130px;
  }
}

@media (max-width: 1100px) {
  .main-screen {
    height: 600px;
  }

  .main-screen__title {
    margin: 0 0 15px 0;
  }

  .main-screen__slide {
    padding: 105px 0 0 0;
  }

  .main-screen__slider .slick-dots {
    bottom: 60px;
  }

  .support-page__faq {
    font-size: 200px;
  }

  .support-page__picture {
    width: 60%;
  }

  .support-page__picture img {
    width: 100%;
  }

  .download__platform-button-cnt.last {
    margin: 0 0 40px 0;
  }
}

@media (max-width: 1024px) {
  #main-modal .modal__left {
    padding: 50px;
  }

  .rofes_text span:before{
    top: 3px;
  }

  .rofes_text span:after{
    bottom: -5px;
  }

  #main-modal .modal__form {
    margin: 20px 0 0 0;
  }

  #main-modal .modal__form .textbox {
    padding: 15px 0;
    margin: 0 0 15px 0;
  }

  #main-modal .modal__form .textarea {
    padding: 15px 0 0 0;
    height: 90px;
  }

  #main-modal .modal__form .submit-button {
    margin: 25px 0 0 0;
  }

  .main-screen__title:before {
    left: 59.3%;
    display: none;
  }

  .main-screen__title:after {
    left: 59.3%;
    display: none;
  }

  .howTest {
    padding: 55px 0 90px 0;
  }

  .howTest__steps {
    margin: 50px 0 0 0;
  }

  .certs {
    padding: 40px 0 50px 0;
  }

  .certs__cnt {
    justify-content: space-around;
  }

  .certs__item .item__pic-cnt {
    margin: 20px 0 0 0;
  }

  .footer__copyright-last {
    padding: 0;
    margin: 15px 0 0 0;
  }

  .pre-download-page {
    padding: 30px 0;
  }

  .pre-download-page__title {
    font-size: 37px;
  }

  .pre-download-page__devices {
    margin: 50px 0 0 0;
  }

  .pre-download-page__device {
    width: 270px;
    margin: 0 60px;
  }

  .orders-modal__cnt {
    padding: 40px 0;
  }

  .orders-modal .order-params {
    margin: 40px 0 0 0;
  }

  .orders-modal .order-content {
    margin: 40px 0 0 0;
  }

  .order-content__title h1 {
    font-size: 28px;
  }

  .order-content .form-container {
    padding: 30px 0 0 0;
  }

  .order-content .form-container__personal-info {
    margin: 0 0 30px 0;
  }

  .order-content .form-container__address {
    margin: 0 0 30px 0;
  }

  .order-content .map-container {
    margin: 30px 0 40px 0;
  }

  .order-content .paymnet-type__select-cnt {
    margin: 0 0 45px 0;
  }

  .profile__menu {
    padding: 60px 0 50px 60px;
  }

  .profile__menu ul li {
    margin: 0 0 40px 0;
  }

  .profile .bank-details {
    padding: 60px 50px;
  }

  .profile .bank-details input[type="text"],
  .profile .bank-details input[type="email"] {
    width: 100%;
  }

  .profile .order {
    padding: 30px 0 0 30px;
  }

  .profile .order__col-2 {
    padding: 58px 0 0 20px;
  }

  .profile .orders-plan {
    padding: 60px 15px 0 15px;
  }

  .support-modal {
    height: 500px;
  }

  .support-modal__cnt {
    padding: 30px 0 45px 0;
  }

  .support-modal__messages-cnt {
    height: 300px;
  }

  .support-modal__form-cnt {
    margin: 25px 0 0 0;
  }

  .support-modal__textarea {
    margin: 0 0 30px 0;
  }

  .dealers-modal .profile-form-window__body {
    height: 500px;
  }

  .registration-container {
    padding: 40px 15px;
  }

  .registration-container .reg-form-cnt__first-part {
    margin: 40px 0 0 0;
  }

  .registration-container .reg-form-cnt__second-part {
    margin: 40px 0 30px 0;
  }

  .delivery-page__content {
    padding: 0 0 20px 0;
  }

  .news .news-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33%;
    flex: 0 1 33%;
    margin: 0 0 40px 0;
  }

  .news .news-item__picture {
    margin: 0 0 20px 0;
  }

  .news__button-cnt {
    margin: 0 0 45px 0;
  }

  .training__content {
    padding: 0 0 45px 0;
  }
}

@media (max-width: 1023px) {
  .order-content .form-container__personal-info .inputs-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .order-content .form-container__personal-info input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 20px 0;
  }

  .cart-page {
    padding: 0;
  }

  .cart-page__item .price-type {
    padding: 0;
  }

  .cart-page__item .quantity {
    padding: 0;
  }
}

@media (max-width: 1020px) {
  .main-screen__slide {
    overflow: hidden;
  }

  .main-screen__right-buttons {
    top: initial;
    bottom: 0;
    /* right: 50%; */
    left: 50%;
    margin: 0 -94px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transform: translateX(-50%);
  }

  .main-screen__right-button {
    margin: 0 2px;
  }

  .main-screen__right-button .hidden-link-description {
    display: none;
  }

  .important__cards {
    flex-wrap: wrap;
  }

  .important__title {
    margin: 20px 0 70px 0;
  }

  .important-section-card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 0 40px 35px 40px;
    margin: 0;
    height: auto;
  }

  .footer__contacts {
    padding: 0;
  }

  .footer__contacts .col-1__logo-F {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 165px;
    flex: 0 0 165px;
  }

  .footer__contacts .col-2__logo-rofes {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 165px;
    flex: 0 0 165px;
  }

  .footer__contacts .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 15px 0 0 0;
  }

  .footer__contacts .col-3 .social-networks {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 20px 0;
    text-align: left;
  }

  .footer__contacts .col-3 .social-networks__link-to-up {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .footer__contacts .col-3 .social-networks__social-links-title {
    margin: 20px 0 0 0;
  }

  .footer__contacts .col-3 .social-networks__social-links a {
    margin: 0 25px 0 0;
  }

  .profile .support .messages-table__head th.who-changed {
    display: none;
  }

  .profile .support .messages-table__head th.messages {
    display: none;
  }

  .profile .support .messages-table__item td.who-changed {
    display: none;
  }

  .profile .support .messages-table__item td.messages {
    display: none;
  }
}

@media (max-width: 960px) {
  .profile-form-window {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .main-screen__title {
    font-size: 175px;
  }

  .howWorks__description {
    padding: 0 30px 0 50px;
  }

  .advantages-cards {
    padding: 0 40px;
  }

  .order-content .form-container__address .inputs-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .order-content .form-container__address .address-detail {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 48%;
    flex: 0 1 48%;
    margin: 0 0 20px 0;
  }

  .profile .my-dealers__head-col.phone {
    display: none;
  }

  .profile .my-dealers__item-col.phone {
    display: none;
  }
}

@media (max-width: 768px) {
  .main-screen {
    height: 450px;
  }

  .main-screen__title {
    font-size: 125px;
  }

  .main-screen__slide {
    padding: 55px 0 0 0;
  }

  .main-screen__slider .slick-dots {
    bottom: 35px;
  }

  .main-screen__button {
    margin: 20px auto;
  }

  .main-screen__title:before {
    left: 58.1%;
    width: 52px;
    top: 10px;
    display: none;
  }

  .main-screen__title:after {
    left: 58.1%;
    width: 52px;
    bottom: 0;
    display: none;
  }

  .profile-form-window__body {
    padding: 0 30px;
  }

  #call-modal .modal__left {
    padding: 40px 45px 40px 50px;
  }

  #call-modal .modal__title {
    margin: 0 0 15px 0;
  }

  #call-modal .modal__subtitle {
    margin: 0 0 15px 0;
  }

  #call-modal .modal__form input[type="text"] {
    padding: 15px 0;
    margin: 0 0 8px 0;
  }

  #call-modal .modal__form input[type="text"]:nth-child(2) {
    margin: 0 0 30px 0;
  }

  .advantages__item {
    padding: 20px 50px 20px 20px;
  }

  .important__title {
    margin: 0 0 50px 0;
  }

  .important__button-container {
    margin: 40px 0 0 0;
  }

  .tests {
    /* margin: 50px 0 0 0; */
  }

  .tests__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tests__title {
    font-size: 36px;
  }

  .tests__icons {
    padding: 0 60px;
  }

  .howTest__step {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 0 0 30px 0;
  }

  .order-content .delivery-type {
    padding: 0;
  }

  .profile__menu {
    padding: 50px 15px;
  }

  .profile .order {
    padding: 15px 0 0 15px;
  }

  .profile .order__text {
    padding: 0 10px 0 10px;
  }

  .profile .order__col-2 {
    padding: 20px 0 0 10px;
  }

  .profile .order__submit {
    width: 200px;
  }

  .profile .data-sales {
    padding: 60px 40px 0 40px;
  }

  .profile .data-sales__select#select-month {
    width: 157px;
  }

  .profile .data-sales__select#select-product {
    width: 157px;
  }

  .profile .data-sales__plus-btn {
    top: 60px;
    right: 40px;
  }

  .profile .data-sales__submit-cnt {
    margin: 20px 0 0 0;
  }

  .profile .data-sales .sales-history {
    margin: 50px 0 0 0;
  }

  .profile .data-sales .sales-history__btn {
    width: 157px;
  }

  .profile .news {
    padding: 60px 40px 0 40px;
  }

  .profile .news .item {
    margin: 0 0 16px 0;
  }

  .profile .my-dealers {
    padding: 60px 15px 0 15px;
  }

  .profile .orders {
    padding: 60px 15px 0 15px;
  }

  .profile .orders__head th.num,
  .profile .orders__head th.changed,
  .profile .orders__head th.phone {
    display: none;
  }

  .profile .orders .orders-item__num {
    display: none;
  }

  .profile .orders .orders-item__changed {
    display: none;
  }

  .profile .orders .orders-item__phone {
    display: none;
  }

  .profile .orders .orders-item__status {
    padding: 0 8px;
  }

  .profile .orders .orders-item__button-cnt {
    width: 120px;
  }

  .news .news-item__date {
    margin: 5px 0 0 0;
  }

  .news .news-item__text {
    height: 90px;
  }

  .training__content {
    line-height: 24px;
  }

  .guarantee-page__content {
    margin: 30px 0 50px 0;
  }

  .download-page__content {
    margin: 30px 0 50px 0;
  }
}

@media (max-width: 767px) {
  #main-modal .modal {
    background-color: #81ca21;
    background-image: none;
  }

  .rofes_text span:after{
    bottom: -2px;
  }
  .rofes_text span:before{
    top: 2px;
  }

  #main-modal .modal__left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  #main-modal .modal__right {
    display: none;
  }

  #main-modal .modal__close img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }

  .profile-page .header__cart {
    margin: 0 25px 0 0;
  }

  .content-page-main-title h1 {
    font-size: 26px;
  }

  .main-screen__title:before {
    /* display: none; */
    left: 62.7%;
    width: 39px;
    top: 2px;
    display: none;
  }

  .main-screen__title:after {
    /* display: none; */
    left: 62.7%;
    width: 39px;
    bottom: -3px;
    display: none;
  }

  .main-screen__title {
    font-size: 135px;
  }

  .important__title h2 {
    font-size: 28px;
  }

  .important__title {
    margin: 0 0 35px 0;
  }

  .important-section-card {
    padding: 0 15px 15px 15px;
  }

  /* .important-section-card__image {
    opacity: 0.5;
  }
  .important-section-card__title {
    margin: 100px 0 0 0;
  } */
  .tests__title {
    font-size: 28px;
  }

  .tests__icons {
    padding: 0;
  }

  .howWorks__picture {
    display: none;
  }

  .howWorks__title {
    margin: 0 0 30px 0;
  }

  .howWorks__title h2 {
    text-align: center;
    font-size: 28px;
  }

  .howWorks__description {
    padding: 0 30px;
  }

  .forTest {
    padding: 0 0 35px 0;
  }

  .forTest__title h2 {
    font-size: 28px;
  }

  .forTest__picture {
    padding: 0 50px;
    margin: 20px 0 0 0;
  }

  .howTest__title {
    font-size: 28px;
  }

  .footer__contacts .col-1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 20px 0 0 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .footer__contacts .col-1__logo-F {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .footer__contacts .col-1__logo-F img {
    margin: 0;
  }

  .footer__contacts .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0;
  }

  .footer__contacts .col-2__logo-rofes {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 30px 0 20px 0;
  }

  .footer__contacts .col-2__logo-rofes img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    margin: 0 auto;
  }

  .footer__contacts .col-2__bank-details {
    padding: 0;
    text-align: center;
  }

  .footer__contacts .col-2__news-mailing-form .text-input {
    width: 100%;
  }

  .footer__contacts .col-2__news-mailing-form .submit-button {
    display: block;
    margin: 12px auto;
  }

  .orders-modal .order-params__select-params {
    margin: 0 0 12px 0;
  }

  .orders-modal .order-params__input-address {
    margin: 12px 0;
  }

  .orders-modal .order-params__inputs-row-cnt {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .orders-modal .order-params__inputs-row-cnt input {
    margin: 0 0 12px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .orders-modal .order-content__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .orders-modal .order-content__picture {
    width: 100%;
    margin: 0 auto;
  }

  .orders-modal .button-cnt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .orders-modal .button-cnt__submit-btn {
    margin: 12px auto;
  }

  .orders-modal .button-cnt__cancel-btn {
    margin: 0 auto;
  }

  .order-content .map-container {
    height: 300px;
    margin: 20px 0 30px 0;
  }

  .order-content .paymnet-type__select-cnt {
    margin: 0 0 25px 0;
  }

  .profile__menu {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    height: 100%;
    width: 280px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
  }

  .profile__menu.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .profile__menu .menu-cross {
    display: block;
  }

  .profile__content .menu-burger {
    display: block;
  }

  .profile .bank-details {
    padding: 60px 15px 15px 15px;
  }

  .profile .bank-details__title {
    margin: 0 0 20px 0;
  }

  .profile .bank-details input[type="submit"] {
    margin: 20px auto;
  }

  .profile .order {
    padding: 0 15px 25px 15px;
  }

  .profile .order__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .profile .order__col-1 {
    width: 100%;
  }

  .profile .order__text {
    padding: 0;
  }

  .profile .order__number {
    margin: 40px 0;
  }

  .profile .order__submit {
    margin: 40px auto;
  }

  .profile .support {
    padding: 60px 15px 40px 15px;
  }

  .profile .support__form {
    width: 100%;
    margin: 30px 0 0 0;
  }

  .profile .support__history {
    padding: 0;
  }

  .support-modal__buttons-cnt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .support-modal__btn-submit {
    margin: 0 0 15px 0;
  }

  .dealers-modal .profile-form-window__body {
    height: 400px;
  }

  .registration-container .reg-form-cnt__buttons {
    margin: 0 0 40px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .registration-container .reg-form-cnt__button-submit {
    width: 250px;
    margin: 0 0 16px 0;
  }

  .registration-container .reg-form-cnt__button-reset {
    width: 250px;
  }

  .registration-container .reg-form-cnt__button-cansel {
    width: 250px;
    margin: 0;
  }

  .authorization-container {
    padding: 15px;
  }

  .authorization-container .auth__login {
    margin: 40px 0 15px 0;
  }

  .authorization-container .auth__button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 40px 0;
  }

  .authorization-container .auth__enter {
    margin: 0 0 20px 0;
  }

  .authorization-container .auth__forgot-password {
    margin: 15px 0 0 0;
  }

  .authorization-container .auth__registr-link {
    margin: 15px 0 0 0;
  }

  .forgot-password-container {
    padding: 30px 15px;
  }

  .fp-form__inputs-title {
    margin: 30px 0 0 0;
  }

  .fp-form__phone-or-email {
    height: 66px;
  }

  .fp-form__buttons-container {
    margin: 30px 0 60px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .fp-form__btn-send {
    width: 244px;
    margin: 15px 0 0 0;
  }

  .cart-page__head th {
    padding: 0 15px 15px 15px;
  }

  .cart-page__head th.price-type {
    display: none;
  }

  .cart-page__item td {
    padding: 15px;
  }

  .cart-page__item .price-type {
    display: none;
  }

  .cart-page__total {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .cart-page__btn-submit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .delivery-page__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -60px 0 0 0;
  }

  .news__items {
    padding: 0;
  }

  .news .news-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    margin: 0 0 20px 0;
  }

  .news__button-cnt {
    margin: 0 0 35px 0;
  }

  .support-page .p-text {
    line-height: 20px;
  }

  .support-page__content p {
    margin: 0 0 18px 0;
  }

  .support-page__picture {
    display: none;
  }

  .guarantee-page__content .p-text {
    line-height: 20px;
    margin: 0 0 20px 0;
  }

  .download-page__content .p-text {
    line-height: 20px;
    margin: 0 0 20px 0;
  }

  .download__platform-button-cnt {
    padding: 10px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .download__platform-button-cnt.last {
    margin: 0;
  }

  .download__description {
    margin: 10px 0 0 0;
  }
}

@media (max-width: 700px) {
  .order-content .delivery-type .inputs-title {
    text-align: center;
  }

  .order-content .delivery-type__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .order-content .delivery-type__item {
    margin: 0 8px 12px 8px;
  }
}

@media (max-width: 600px) {
  .advantages-cards {
    padding: 0;
    margin: 20px 0;
  }
}

@media (max-width: 545px) {
  .select select {
    padding: 0 10px 0 10px;
  }

  .certs {
    padding: 20px 0 15px 0;
  }

  .certs__cnt {
    flex-wrap: wrap;
  }

  .certs__item {
    flex: 0 1 50%;
    margin: 0 0 25px 0;
  }

  .certs__item .item__title {
    min-height: 72px;
  }

  .profile-form-window__head {
    padding: 0 15px;
    font-size: 16px;
  }

  .profile-form-window__body {
    padding: 0 15px;
  }

  #main-modal .modal__left {
    padding: 30px;
  }

  #main-modal .modal__title h2 {
    font-size: 24px;
  }

  #main-modal .modal__form {
    margin: 10px 0 0 0;
  }

  #main-modal .modal__form .textbox {
    padding: 10px 0;
    margin: 0 0 10px 0;
  }

  #main-modal .modal__form .textarea {
    padding: 10px 0 0 0;
    height: 80px;
  }

  #main-modal .modal__form .submit-button {
    margin: 25px auto 0 auto;
  }

  #call-modal .modal__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }

  #call-modal .modal__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
  }

  .header__profile-link.mobile {
    font-size: 18px;
  }

  .header__language.mobile {
    font-size: 18px;
  }

  .menu__body {
    padding-top: 30px;
  }

  .menu__link a {
    font-size: 18px;
  }

  .advantages {
    padding: 40px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .advantages__item {
    padding: 20px;
  }

  .advantages__icon img {
    display: block;
    margin: 0 auto;
  }

  .advantages__title {
    text-align: center;
  }

  .advantages__text {
    display: none;
  }

  .important-section-card {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .important-section-card__title {
    margin: 200px 0 0 0;
  }

  .tests__description {
    /* margin: 10px 0 25px 35px;
    padding: 10px 0; */
  }

  .tests__description:before {
    left: -15px;
  }

  .tests__icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .tests__icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    margin: 0 0 20px 0;
  }

  .tests__triple-icon {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 75%;
    flex: 1 0 75%;
    margin: 0 0 20px 0;
  }

  .advantages-cards .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    height: 342px;
  }

  .forTest__picture {
    padding: 0;
    margin: 10px 0 0 0;
  }

  .forTest__description {
    margin: 13px 0 0 0;
  }

  .howTest {
    padding: 40px 0 60px 0;
  }

  .orders-modal__cnt {
    padding: 25px 0;
  }

  .orders-modal .order-params {
    margin: 20px 0 0 0;
  }

  .orders-modal .order-content {
    margin: 20px 0 0 0;
  }

  .order-content .date-n-time__selects-row-cnt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .order-content .date-n-time__select-date {
    margin: 0 0 12px 0;
  }

  .order-content .date-n-time__select-time {
    margin: 0;
  }

  .profile .orders-history {
    padding: 60px 15px 40px 15px;
  }

  .profile .orders-history .item__texts {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
  }

  .profile .orders-history .item__order-date {
    width: 120px;
    margin: 0 0 12px 0;
  }

  .profile .orders-history .item__payment-date {
    width: 120px;
    margin: 0 0 12px 0;
  }

  .profile .orders-history .item__order-total {
    width: 120px;
    margin: 0 0 12px 0;
  }

  .profile .orders-history .item__status {
    width: 120px;
    margin: 0 0 12px 0;
  }

  .profile .orders-history .item__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .profile .orders-history .item__details {
    margin: 8px auto;
  }

  .profile .orders-history .item__order-repeat {
    margin: 12px auto;
    width: 210px;
  }

  .profile .data-sales__item {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .profile .data-sales__plus-btn {
    right: 5px;
  }

  .profile .data-sales .sales-history__buttons-cnt {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .profile .support__form {
    margin: 17px 0 0 0;
  }

  .profile .support__form-submit {
    margin: 17px 0 0 0;
  }

  .profile .support .messages-history-tab ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .profile .support .messages-table__head th.status:after {
    display: none;
  }

  .profile .support .messages-table__head th.changed {
    display: none;
  }

  .profile .support .messages-table__head th.rating {
    display: none;
  }

  .profile .support .messages-table__item td.changed {
    display: none;
  }

  .profile .support .messages-table__item td.rating {
    display: none;
  }

  .profile .news {
    padding: 60px 15px 0 15px;
  }

  .profile .news .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .profile .news .item__picture-cnt {
    max-height: 200px;
  }

  .support-modal__messages-cnt {
    height: 240px;
  }

  .support-modal__message {
    padding: 12px 15px;
  }

  .profile .my-dealers__head-col.fio {
    display: none;
  }

  .profile .my-dealers__head-col.status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .profile .my-dealers__item-col.fio {
    display: none;
  }

  .profile .my-dealers__item-col.status {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .profile .my-dealers__item-col.status button {
    width: 100px;
    font-size: 12px;
    margin: 0 0 0 9px;
  }

  .registration-container {
    padding: 20px 15px;
  }

  .registration-container .reg-form-cnt__first-part {
    margin: 20px 0 0 0;
  }

  .registration-container .reg-form-cnt__inputs-title {
    margin: 0 0 15px 0;
  }

  .registration-container .reg-form-cnt__inputs-title-green {
    margin: 0 0 15px 0;
  }

  .registration-container .reg-form-cnt__second-part {
    margin: 20px 0 15px 0;
  }

  .fp-form__phone-or-email {
    margin: 20px 0 15px 0;
  }

  .cart-page__head th.picture {
    display: none;
  }

  .cart-page__item .picture {
    display: none;
  }

  .delivery-page__text {
    padding: 0;
  }

  .support-page__faq {
    font-size: 120px;
  }

  .support-page ul li span {
    margin: 0 10px 0 0;
  }

  .support-page__dropdown-title {
    height: auto;
    padding: 20px 0;
  }

  .guarantee-page__content {
    margin: 30px 0 30px 0;
  }

  .download-page__content {
    margin: 30px 0 30px 0;
  }
}

@media (max-width: 525px) {
  .main-screen__slide {
    padding: 60px 0 0 0;
  }

  .content-page .header {
    padding: 20px 15px;
  }

  .content-page .header__first-row {
    margin: 0;
  }

  .profile-page .header {
    padding: 20px 15px;
  }

  .profile-page .header__first-row {
    margin: 0;
  }

  .profile-page .header__second-row.profile-page-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .profile-page .header__cart {
    margin: 0 0 12px 0;
  }

  .profile-page .header__profile-link {
    margin: 0 0 12px 0;
  }

  .header__first-row {
    margin: 20px 0 0 0;
  }

  .icon-menu {
    top: 33px;
  }

  .main-screen__title {
    font-size: 95px;
    width: 100%;
    text-align: center;
  }

  .main-screen__subtitle {
    width: 100%;
    text-align: center;
    padding: 0 30px;
    font-size: 20px;
  }

  .pre-download-page {
    padding: 25px 0;
  }

  .pre-download-page__title {
    font-size: 24px;
  }

  .pre-download-page__devices {
    margin: 30px 0 0 0;
  }

  .pre-download-page__device {
    margin: 0 30px;
  }
}

@media (max-width: 500px) {
  .howTest {
    padding: 35px 0 20px 0;
  }

  .howTest__steps {
    margin: 30px 0 0 0;
  }

  .howTest__step {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin: 0 0 20px 0;
  }

  .howTest__step-title {
    padding: 0;
  }

  .howTest__step-picture {
    margin: 5px 0 0 0;
  }
}

@media (max-width: 450px) {
  .howWorks {
    padding: 15px 0 5px 0;
  }

  .howWorks__description {
    padding: 0 20px 0 0;
  }

  .order-content .form-container__personal-info input {
    margin: 0 0 12px 0;
  }

  .order-content .form-container__address .main-address-input {
    margin: 0 0 12px 0;
  }

  .order-content .form-container__address .address-detail {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin: 0 0 12px 0;
  }

  .delivery-page__content {
    margin: -30px 0 0 0;
  }

  .news .news-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}

@media (max-width: 440px) {
  .cart-page__head th.price {
    display: none;
  }

  .cart-page__item .price {
    display: none;
  }
}

@media (max-width: 420px) {
  .footer__contacts .col-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0 0 12px 0;
  }

  .footer__contacts .col-3 .social-networks__link-to-up {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer__contacts .col-3 .social-networks__social-links-title {
    text-align: center;
  }

  .fp-form__capcha-n-code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .fp-form__capcha-cnt {
    margin: 0;
    width: 100%;
  }

  .fp-form__code {
    margin: 15px 0 0 0;
    width: 100%;
  }

  .fp-form__buttons-container {
    margin: 30px 0 40px 0;
  }
}

@media (max-width: 414px) {
  .main-screen__title:before {
    left: 61.4%;
    display: none;
  }

  .main-screen__title:after {
    left: 61.4%;
    display: none;
  }
}

@media (max-width: 400px) {
  .header__search.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 26px auto;
  }

  .header__search {
    display: none;
  }

  .advantages {
    padding: 30px 0;
  }

  .advantages__item {
    padding: 10px;
  }

  .profile .orders .orders-item__status {
    display: none;
  }

  .profile .orders .orders-item__button-cnt {
    width: 100px;
  }

  .registration-container .reg-form-cnt__second-part .input-file-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .registration-container .reg-form-cnt__second-part .input-file-logo__custom-file {
    width: 100%;
  }

  .registration-container .reg-form-cnt__second-part .input-file-logo__custom-text {
    margin: 0 0 8px 0;
  }

  .registration-container .reg-form-cnt__second-part .input-file-docs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .registration-container .reg-form-cnt__second-part .input-file-docs__custom-file {
    width: 100%;
  }

  .registration-container .reg-form-cnt__second-part .input-file-docs__custom-text {
    margin: 0 0 8px 0;
  }

  .forgot-password-container {
    padding: 15px;
  }
}

@media (max-width: 375px) {
  .main-screen__title:before {
    left: 62.7%;
    display: none;
  }

  .main-screen__title:after {
    left: 62.7%;
    display: none;
  }
   #call-modal .modal__left {
    padding: 20px 25px 20px 30px;
  }
}

@media (max-width: 360px) {
  .header__profile-link.mobile {
    font-size: 16px;
  }

  .main-screen__title:before {
    left: 63%;
    display: none;
  }

  .main-screen__title:after {
    left: 63%;
    display: none;
  }

  .header__language.mobile {
    font-size: 16px;
  }

  .menu__link a {
    font-size: 16px;
  }

  .main-screen__subtitle {
    display: none;
  }

  .footer__contacts .col-1__description {
    padding: 0 0 0 15px;
  }

  .order-content .paymnet-type {
    width: 100%;
  }

  .order-content .paymnet-type__select-cnt {
    width: 100%;
  }

  .order-content .total {
    width: 100%;
  }

  .order-content .total__container {
    width: 100%;
    padding: 28px 18px 45px 18px;
  }

  .download__button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
  }
}

@media (max-width: 345px) {
  #main-modal .modal__subtitle {
    display: none;
  }

  #main-modal .modal__form .submit-button {
    width: 220px;
  }
}

@media (max-width: 340px) {
  .header__cart {
    margin: 0;
  }

  .header__profile-link {
    margin: 0;
  }

  .header__mobile-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 30px 0 0 0;
    height: 55px;
    text-align: center;
  }

  .menu__link {
    margin: 0 0 35px 0;
  }

  .tests__description {
    margin: 0 0 25px 0;
  }

  .tests__description:before {
    display: none;
  }
}

@media (max-width: 320px) {
  .main-screen__title {
    font-size: 85px;
  }
}

@media (min-height: 1200px) {
  .main-screen {
    height: 1200px;
  }
}

.tests__icon-picture img {
  /* border: 2px solid #81ca21; */
  border-radius: 50%;
  transition: all 0.2s;
}

/* .tests__icon:hover .tests__icon-picture img{
  border: 3px solid #81ca21;
  
  transition: all 0.1s;
  
} */

/* .tests__icon:hover .tests__icon-picture{
  width: 85px;
  height: 85px;
  transition: all 0.1s;
  max-width: 85px;
} */

.tests__triple-icon-pictures img {
  /* border: 2px solid #81ca21; */
  border-radius: 50%;
  transition: all 0.2s;
}

.tests__icon:hover .tests__triple-icon-pictures img {
  border: 3px solid #81ca21;
}

/* .tests__triple-icon:hover .tests__triple-icon-pictures img{
  transition: all 0.2s;
  width: 85px;
max-width: 85px;
border: 3px solid #81ca21;
} */

.howWorks__title h2 {
  margin-left: 140px;
}

@media (max-width: 767px) {
  .howWorks__title h2 {
    margin-left: 0;
  }
}

.tests__icon-picture picture {
  position: relative;
}

/* .tests__icon-picture picture::before{
  content: '';
  width: 50px;
  height: 10px;
  background-color: #000;
  position: absolute;
  top: 0;
} */

.tests__icon-picture picture::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(129, 202, 33);
  pointer-events: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 0;
  left: 0;
  padding: 0;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}

.tests__icon-picture picture:hover::before {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}

.tests__icon-picture img:hover {
  box-shadow: 0 0 0 6px rgba(129, 202, 33);
}

.tests__triple-icon-pictures picture {
  position: relative;
}

.tests__triple-icon-pictures picture::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(129, 202, 33);
  pointer-events: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 0;
  left: 0;
  padding: 0;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}

.tests__triple-icon-pictures picture:hover::before {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5;
}

.tests__triple-icon-pictures img:hover {
  box-shadow: 0 0 0 6px rgba(129, 202, 33);
}

.block_order_inputs_block {
  display: flex;
}

.block_order_inputs_block .promocode {
  margin-right: 15px;
}

.block_order_inputs_block .select.paymnet-type__select-cnt {
  margin-bottom: 0;
}

.block_order_inputs_block {
  align-items: end;
}

.block_order_inputs_block {
  margin-bottom: 40px;
}

@media (max-width: 1250px) {
  .block_order_inputs_block {
    display: block;
  }

  .block_order_inputs_block .promocode {
    margin-bottom: 30px;
  }
}
.container_fourty_wrap{
  min-height: 600px;
}
.container_fourty {
  text-align: center;
  
}
.container_fourty h1{
  font-size: 150px;
}
.container_fourty p{
  font-size: 30px;
  margin-top: 22px;
}

.special_page_rof table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1.5em;
  width: 100%;
  margin: 0 0 1.5em;
  max-width: 100%;
  border: 1px solid #ECECEE;
}


.special_page_rof table td, #main table th {
  padding: 0px;
  vertical-align: top;
  border: 1px solid #ECECEE;
  padding-left: 12px;
}
.special_page_rof p{
  line-height: 32px;
}

a[href="/cabinet/register"]{
  display: none;
}

@media (max-width: 767px){
  .cart-page__table{
    display: block;
      overflow: scroll;
  }
  .cart-page__item{
    display: flex;
    align-items: center;
  }
  .cart-page__item td{
    display: block;
    width: 250px !important;
  }
  .cart-page__item td{
    display: block;
    width: 250px !important;
  }
  .cart-page__head th{
    display: block;
    width: 250px !important;
  }
  .cart-page__head{
    display: flex;
  }
  .cart-page__item td{
    border: none;
  }
  .cart-page__item .name {
    font-size: 14px;
    text-transform: unset;
  }
  .cart-page__item .price {
    display: none;
  }
  .cart-page__item .price-type {
    display: none;
  }
}





@media (max-width: 1120px){
  .header__mobile-content{
    display: none;
  }
  
}
@media (max-width: 545px){
  .important-section-card__title {
    margin: 300px 0 0 0;
  }
  .important-section-card{
    height: 347px;
  }
  .important-section-card:hover .important-section-card__text{
    top: 50%;
    margin: 0;
    transform: translateY(-50%);font-size: 14px;
  }
  .important-section-card:hover .important-section-card__title{
    display: none;
  }
}


.news .news-item__picture img{
  width: 350px;
  height: 212px;
}
.training__content{
  max-width: 600px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 545px){
  .news .news-item__picture img{
    width: 100%;
    height: 212px;
  }
}
.header__second-row{
  display: none;
}





.header_tel_rofes{
  
  color: #262626;
  font-size: 18px;
  letter-spacing: 0.64px;
  margin-left: 14px;
}

@media (max-width: 1120px){
  .header__menu.menu{
    position: absolute;
    right: 0;
    top: 50%;
    top: 13px;
    /*transform: translateY(-50%);*/
    width: 30px;
    height: 18px;
  }
  .header__first-row{
    position: relative;
  }
  .icon-menu{
    top: 0;
    right: 0;
  }
  .header__search{
    margin: 0 auto;
  }
  .header_tel_rofes{
    margin: 0 auto;
  }
  .header__menu.menu.active {
    position: unset;
    right: unset;
    top: unset;
    transform: unset;
    width: unset;
    height: unset;
  }
}
@media (max-width: 640px){
  .header__search{
    display: none;
  }
}
.right_btn_buy{
  display: none;
}
@media (max-width: 1020px){
  .right_btn_buy{
    position: relative;
    display: flex;
    border-radius: 0px;
    height: 61px;
    margin: 0 2px;
  }
}






/* End */


/* Start:/local/templates/rofes/assets/css/fixes.css?175499179910692*/
.__dealer-ticket-status {
	color: red;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
}

#showNewOrder .orders-modal__cnt {
	/*padding-top: 0px;*/
}

#__manager-company-check input[type="text"], #__manager-company-check input[type="email"] {
	margin-top: 0px;
	margin-bottom: 10px;
}

.fp-form__buttons-container {
	margin-top: 45px;
}
/* .tests__icon:hover .tests__icon-picture {
    width: 75px;
    height: 75px;
    transition: all 0.1s;
    max-width: unset;
	
} */


/* 
.tests__icon:hover .tests__icon-picture img {
    transition: all 0.2s;
    width: 85px;
    max-width: 85px;
    border: 2px solid #81ca21;
} */
/* .tests__icon:hover .tests__icon-picture{
	-webkit-box-pack: unset;
	-ms-flex-pack: unset;
	justify-content: unset;
} */


/* .important__cards{
    justify-content: space-between;
}
.hoveffect {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    background: #AAAAAA;
    text-align: center;
    cursor: pointer;
}
.hoveffect picture {
    max-width: none;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
    min-height: 100%;
}
.hoveffect figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hoveffect figcaption, .hoveffect figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hoveffect figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.hoveffect figcaption > .pic_hov {
    position: absolute;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%;
    bottom: 0;
}
.hoveffect b, .hoveffect p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}
.important-section-card__title {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    color: #010101;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    width: 90%;
    left: 0;
    right: 0;
    transition: 0.3s;
}
.important-section-card__text {
    color: black;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}
.important-section-card__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 34.71074%;
    flex: 1 1 34.71074%;
    position: relative;
    z-index: 2;
    color: #010101;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin: 20px 0 0 0;
    overflow: hidden;
}

.hoveffect:hover picture, .hoveffect:hover b, .hoveffect:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hoveffect:hover picture, .hoveffect:hover p {
    opacity: 1;
}
.hoveffect:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}
.hoveffect b, .hoveffect p{
    text-align: left;
}
.important-section-card__title{
    left: 35px;
}
.hoveffect p{
    color: #010101;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-transform: none;
}

.hoveffect p{
    margin-top: 38px;
} */
/* .tests__triple-icon:hover .tests__triple-icon-pictures img{
    border: 2px solid #81ca21;
} */




/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	background: #3498db;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*-----------------*/
.howWorks{
    z-index: 100;
}

figure.effect-apollo:hover{
    height: 341px;
}
figure.effect-apollo{
    height: 331px;
}
.forTest{
    position: relative;
    z-index: 100;
}
.advantages-cards .item{
    flex: 0 1 23%;
}
figure figcaption::before, figure figcaption::after {
    pointer-events: none;
}
figure.effect-apollo{
    background: #aaaaaa;
}
@media (max-width: 1200px){
    /* .hoveffect picture {
        max-width: none;
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 55px);
        opacity: 0.7;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-40px,0, 0);
        transform: translate3d(-40px,0,0);
        min-height: 104%;
    }
    .important-section-card {
        padding: 0px 0px 14px 0px;
    }
    .hoveffect:hover figcaption > .pic_hov {
        position: absolute;
        left: 0;
        padding: 2em;
        width: 100%;
        height: 50%;
        bottom: 110px;
    } */
}
@media (max-width: 1020px){
    /* .important-section-card {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 0 1 35%;
        padding: 0;
        margin-bottom: 2px;
    } */
}
@media (max-width: 767px){
    /* .important{
        display: none;
    } */
    /* .important-section-card {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 0 1 51%;
        padding: 0;
        margin-bottom: 2px;
    }
    .hoveffect:hover figcaption > .pic_hov{
        bottom: 0;
    } */
}
@media (max-width: 657px){
    /* .hoveffect:hover figcaption > .pic_hov {
        bottom: 110px;
    } */
}
@media (max-width: 460px){
    /* .important-section-card {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 0 1 75%;
        padding: 0;
        margin-bottom: 2px;
    }
    .hoveffect:hover figcaption > .pic_hov {
        bottom: 30px;
    } */
}
@media (max-width: 840px){
    .advantages-cards .item {
        flex: 0 1 47%;
        margin-bottom: 21px;
    }
}
@media (max-width: 550px){
    .advantages-cards .item {
        flex: 0 1 90%;
        margin-bottom: 21px;
    }
}

.table-sales {
	border-spacing: 10px 10px;
	width: 100%;
}

.table-sales th {
	font-weight: 600;
}

.table-sales td {
	text-align: center;
}

.reg-form-cnt__buttons {
	margin-top: 15px !important;
}

.sales .my-dealers__item {
	min-height: 100px;
	height: 100%;
}

.tests__icon-picture:hover .tests__icon-picture img{
    box-shadow: 0 0 0 10px rgba(129, 202, 33, 0);
    color: #81ca21;
}


.hoverdeffer{
    position: relative;
}
figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
/* .hoverdeffer .effect-apollo{
    height: 281px;
} */
.howTest__step {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 19%;
}
.hoverdeffer figure{
    margin: 0;
    max-height: 281px;
    width: 100%;
        min-width: 281px;
    max-width: 281px;
}
.howTest__step-picture{
    margin-top: 0px;
}


.hoverdeffer figure.effect-apollo:hover img {

    opacity: 0.6;
    -webkit-transform: none;
    transform: none;

}
.hoverdeffer figure.effect-apollo img {

    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: none;
    transform: none;

}


.hoverdeff figure.effect-apollo:hover img {

    opacity: 0.6;
    -webkit-transform: none;
    transform: none;

}
.hoverdeff figure.effect-apollo img {

    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: none;
    transform: none;

}
.hoverdeff figure{
    min-width: 346px;
}
.hoverdeff figure.effect-apollo:hover {
    height: 332px;
}
.hoverdeff figure.effect-apollo {
    height: 332px;
}

/* .header__language, .header__cart {
	display: none;
} */

.profile__menu ul li .active{
	color: #fff;
}

.orders-plan__input-number {
	border-radius: 25px;
	padding-left: 17px;
	padding: 0 18px 0 23px;
	max-width: 100px;
	color: #81ca21;
}

.planning-alert {
	color:green;
	border: 1px dashed green;
	text-align:center;
	margin-bottom:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.profile .orders-plan {
	padding-top: 75px;
}

.profile .orders-history {
	padding-top: 15px;
}

.item__order-date {
	text-align: center;
}

.planning-item {
	margin-bottom: 10px;
}

.profile-page-row .header__level {
	margin-right: 700px;
}

.profile-page-row .header__level p {
	text-align: center;
}

.profile-page-row .header__level span {
	font-size: 12px;
}

.profile-page-row .header__level a {
	color: #81ca21;
	text-decoration: underline;
}

.detail-levels li {
	margin-top: 10px;
}
.main-screen__right-buttons{
	z-index: 101;
}

.bank-details .for-company {
	display: none;
}

.create-order-button {
    text-align: right;
    margin-bottom: 30px;
}

.profile .my-dealers {
    padding-top: 50px;
}

.orders-item__fio {
    text-align: center;
}

.orders__head th {
    text-align:center;
}
.guarantee-page__content.zashita{
    max-width: 800px;
    margin: 0 auto;
}
.polisy__text-form{
  display: flex;
  align-items: center;
  color: #fff;
  margin-bottom: 50px;
  gap: 10px;
  margin-top: 16px;
}
.polisy__text-form a{
  color: #fff;
  text-decoration: underline;
}

.polisy__text-form.mainp{
  color: #000;
}
.polisy__text-form.mainp a{
  color: #000;
}

.guarantee-page__content.zashita .p-text b{
  margin-bottom: -20px;
  display: block;
}
/* End */


/* Start:/local/templates/rofes/assets/css/notiflix-2.7.0.min.css?160833378628603*/
/* Notiflix (https://www.notiflix.com) - Version: 2.7.0 - Author: Furkan MT (https://github.com/furcan) - Copyright 2020 Notiflix, MIT Licence (https://opensource.org/licenses/MIT) */

[id^=NotiflixNotifyWrap]{pointer-events:none;position:fixed;z-index:4001;opacity:1;right:10px;top:10px;width:280px;max-width:96%;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent}[id^=NotiflixNotifyWrap].nx-flex-center-center{max-height:calc(100vh - 20px);overflow-x:hidden;overflow-y:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:auto}[id^=NotiflixNotifyWrap]::-webkit-scrollbar{width:0;height:0}[id^=NotiflixNotifyWrap]::-webkit-scrollbar-thumb{background:transparent}[id^=NotiflixNotifyWrap]::-webkit-scrollbar-track{background:transparent}[id^=NotiflixNotifyWrap] *{-webkit-box-sizing:border-box;box-sizing:border-box}[id^=NotiflixNotifyOverlay]{-webkit-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out}[id^=NotiflixNotifyWrap]>div{pointer-events:all;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 10px;border-radius:5px;background:#1e1e1e;color:#fff;padding:10px 12px;font-size:14px;line-height:1.4}[id^=NotiflixNotifyWrap]>div:last-child{margin:0}[id^=NotiflixNotifyWrap]>div.with-callback{cursor:pointer}[id^=NotiflixNotifyWrap]>div.with-icon{padding:8px;min-height:56px}[id^=NotiflixNotifyWrap]>div.nx-paused{cursor:auto}[id^=NotiflixNotifyWrap]>div.click-to-close{cursor:pointer}[id^=NotiflixNotifyWrap]>div.with-close-button{padding:10px 30px 10px 12px}[id^=NotiflixNotifyWrap]>div.with-icon.with-close-button{padding:6px 30px 6px 6px}[id^=NotiflixNotifyWrap]>div>span.the-message{cursor:inherit;font-weight:normal;font-family:inherit!important;word-break:break-all;word-break:break-word}[id^=NotiflixNotifyWrap]>div>span.notify-close-button{cursor:pointer;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;right:8px;top:0;bottom:0;margin:auto;color:inherit;width:16px;height:16px}[id^=NotiflixNotifyWrap]>div>span.notify-close-button:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[id^=NotiflixNotifyWrap]>div>span.notify-close-button>svg{position:absolute;width:16px;height:16px;right:0;top:0}[id^=NotiflixNotifyWrap]>div>.nmi{position:absolute;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;left:8px;top:0;bottom:0;margin:auto;border-radius:inherit}[id^=NotiflixNotifyWrap]>div>.wfa.shadow{color:inherit;background:rgba(0,0,0,.15);box-shadow:inset 0 0 34px rgba(0,0,0,.2);text-shadow:0 0 10px rgba(0,0,0,.3)}[id^=NotiflixNotifyWrap]>div>span.with-icon{position:relative;float:left;width:calc(100% - 40px);margin:0 0 0 40px;padding:0 0 0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}[id^=NotiflixNotifyWrap]>div.rtl-on>.nmi{left:auto;right:8px}[id^=NotiflixNotifyWrap]>div.rtl-on>span.with-icon{padding:0 10px 0 0;margin:0 40px 0 0}[id^=NotiflixNotifyWrap]>div.rtl-on>span.notify-close-button{right:auto;left:8px}[id^=NotiflixNotifyWrap]>div.with-icon.with-close-button.rtl-on{padding:6px 6px 6px 30px}[id^=NotiflixNotifyWrap]>div.with-close-button.rtl-on{padding:10px 12px 10px 30px}[id^=NotiflixNotifyOverlay].with-animation,[id^=NotiflixNotifyWrap]>div.with-animation.nx-fade{-webkit-animation:notify-animation-fade .3s ease-in-out 0s normal;animation:notify-animation-fade .3s ease-in-out 0s normal}@-webkit-keyframes notify-animation-fade{0%{opacity:0}100%{opacity:1}}@keyframes notify-animation-fade{0%{opacity:0}100%{opacity:1}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-zoom{-webkit-animation:notify-animation-zoom .3s ease-in-out 0s normal;animation:notify-animation-zoom .3s ease-in-out 0s normal}@-webkit-keyframes notify-animation-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes notify-animation-zoom{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-right{-webkit-animation:notify-animation-from-right .3s ease-in-out 0s normal;animation:notify-animation-from-right .3s ease-in-out 0s normal}@-webkit-keyframes notify-animation-from-right{0%{right:-300px;opacity:0}50%{right:8px;opacity:1}100%{right:0;opacity:1}}@keyframes notify-animation-from-right{0%{right:-300px;opacity:0}50%{right:8px;opacity:1}100%{right:0;opacity:1}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-left{-webkit-animation:notify-animation-from-left .3s ease-in-out 0s normal;animation:notify-animation-from-left .3s ease-in-out 0s normal}@-webkit-keyframes notify-animation-from-left{0%{left:-300px;opacity:0}50%{left:8px;opacity:1}100%{left:0;opacity:1}}@keyframes notify-animation-from-left{0%{left:-300px;opacity:0}50%{left:8px;opacity:1}100%{left:0;opacity:1}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-top{-webkit-animation:notify-animation-from-top .3s ease-in-out 0s normal;animation:notify-animation-from-top .3s ease-in-out 0s normal}@-webkit-keyframes notify-animation-from-top{0%{top:-50px;opacity:0}50%{top:8px;opacity:1}100%{top:0;opacity:1}}@keyframes notify-animation-from-top{0%{top:-50px;opacity:0}50%{top:8px;opacity:1}100%{top:0;opacity:1}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-bottom{-webkit-animation:notify-animation-from-bottom .3s ease-in-out 0s normal;animation:notify-animation-from-bottom .3s ease-in-out 0s normal}@-webkit-keyframes notify-animation-from-bottom{0%{bottom:-50px;opacity:0}50%{bottom:8px;opacity:1}100%{bottom:0;opacity:1}}@keyframes notify-animation-from-bottom{0%{bottom:-50px;opacity:0}50%{bottom:8px;opacity:1}100%{bottom:0;opacity:1}}[id^=NotiflixNotifyOverlay].with-animation.remove,[id^=NotiflixNotifyWrap]>div.with-animation.nx-fade.remove{opacity:0;-webkit-animation:notify-remove-fade .3s ease-in-out 0s normal;animation:notify-remove-fade .3s ease-in-out 0s normal}@-webkit-keyframes notify-remove-fade{0%{opacity:1}100%{opacity:0}}@keyframes notify-remove-fade{0%{opacity:1}100%{opacity:0}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-zoom.remove{-webkit-transform:scale(0);transform:scale(0);-webkit-animation:notify-remove-zoom .3s ease-in-out 0s normal;animation:notify-remove-zoom .3s ease-in-out 0s normal}@-webkit-keyframes notify-remove-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes notify-remove-zoom{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(0);transform:scale(0)}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-top.remove{opacity:0;-webkit-animation:notify-remove-to-top .3s ease-in-out 0s normal;animation:notify-remove-to-top .3s ease-in-out 0s normal}@-webkit-keyframes notify-remove-to-top{0%{top:0;opacity:1}50%{top:8px;opacity:1}100%{top:-50px;opacity:0}}@keyframes notify-remove-to-top{0%{top:0;opacity:1}50%{top:8px;opacity:1}100%{top:-50px;opacity:0}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-right.remove{opacity:0;-webkit-animation:notify-remove-to-right .3s ease-in-out 0s normal;animation:notify-remove-to-right .3s ease-in-out 0s normal}@-webkit-keyframes notify-remove-to-right{0%{right:0;opacity:1}50%{right:8px;opacity:1}100%{right:-300px;opacity:0}}@keyframes notify-remove-to-right{0%{right:0;opacity:1}50%{right:8px;opacity:1}100%{right:-300px;opacity:0}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-bottom.remove{opacity:0;-webkit-animation:notify-remove-to-bottom .3s ease-in-out 0s normal;animation:notify-remove-to-bottom .3s ease-in-out 0s normal}@-webkit-keyframes notify-remove-to-bottom{0%{bottom:0;opacity:1}50%{bottom:8px;opacity:1}100%{bottom:-50px;opacity:0}}@keyframes notify-remove-to-bottom{0%{bottom:0;opacity:1}50%{bottom:8px;opacity:1}100%{bottom:-50px;opacity:0}}[id^=NotiflixNotifyWrap]>div.with-animation.nx-from-left.remove{opacity:0;-webkit-animation:notify-remove-to-left .3s ease-in-out 0s normal;animation:notify-remove-to-left .3s ease-in-out 0s normal}@-webkit-keyframes notify-remove-to-left{0%{left:0;opacity:1}50%{left:8px;opacity:1}100%{left:-300px;opacity:0}}@keyframes notify-remove-to-left{0%{left:0;opacity:1}50%{left:8px;opacity:1}100%{left:-300px;opacity:0}}[id^=NotiflixReportWrap]{position:fixed;z-index:4002;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;left:0;top:0;padding:10px;color:#1e1e1e;border-radius:25px;background:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[id^=NotiflixReportWrap] *{-webkit-box-sizing:border-box;box-sizing:border-box}[id^=NotiflixReportWrap]>div[class*="-overlay"]{width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,.5);position:fixed;z-index:0}[id^=NotiflixReportWrap]>div[class*="-content"]{width:320px;max-width:100%;max-height:96vh;overflow-x:hidden;overflow-y:auto;border-radius:inherit;padding:10px;-webkit-filter:drop-shadow(0 0 5px rgba(0, 0, 0, .05));filter:drop-shadow(0 0 5px rgba(0, 0, 0, .05));border:1px solid rgba(0,0,0,.03);background:#f8f8f8;position:relative;z-index:1}[id^=NotiflixReportWrap]>div[class*="-content"]::-webkit-scrollbar{width:0;height:0}[id^=NotiflixReportWrap]>div[class*="-content"]::-webkit-scrollbar-thumb{background:transparent}[id^=NotiflixReportWrap]>div[class*="-content"]::-webkit-scrollbar-track{background:transparent}[id^=NotiflixReportWrap]>div[class*="-content"]>div[class$="-icon"]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:110px;height:110px;display:block;margin:6px auto 12px}[id^=NotiflixReportWrap]>div[class*="-content"]>div[class$="-icon"] svg{min-width:100%;max-width:100%;height:auto}[id^=NotiflixReportWrap]>*>h5{word-break:break-all;word-break:break-word;font-family:inherit!important;font-size:16px;font-weight:500;line-height:1.4;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.1);float:left;width:100%;text-align:center}[id^=NotiflixReportWrap]>*>p{word-break:break-all;word-break:break-word;font-family:inherit!important;font-size:13px;line-height:1.4;font-weight:normal;float:left;width:100%;padding:0 10px;margin:0 0 10px}[id^=NotiflixReportWrap] a#NXReportButton{word-break:break-all;word-break:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:inherit!important;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer;float:right;padding:7px 17px;background:#32c682;font-size:14px;line-height:1.4;font-weight:500;border-radius:inherit!important;color:#fff}[id^=NotiflixReportWrap] a#NXReportButton:hover{box-shadow:inset 0 -60px 5px -5px rgba(0,0,0,.25)}[id^=NotiflixReportWrap].rtl-on a#NXReportButton{float:left}[id^=NotiflixReportWrap]>div[class*="-overlay"].with-animation{-webkit-animation:report-overlay-animation .3s ease-in-out 0s normal;animation:report-overlay-animation .3s ease-in-out 0s normal}@-webkit-keyframes report-overlay-animation{0%{opacity:0}100%{opacity:1}}@keyframes report-overlay-animation{0%{opacity:0}100%{opacity:1}}[id^=NotiflixReportWrap]>div[class*="-content"].with-animation.nx-fade{-webkit-animation:report-animation-fade .3s ease-in-out 0s normal;animation:report-animation-fade .3s ease-in-out 0s normal}@-webkit-keyframes report-animation-fade{0%{opacity:0}100%{opacity:1}}@keyframes report-animation-fade{0%{opacity:0}100%{opacity:1}}[id^=NotiflixReportWrap]>div[class*="-content"].with-animation.nx-zoom{-webkit-animation:report-animation-zoom .3s ease-in-out 0s normal;animation:report-animation-zoom .3s ease-in-out 0s normal}@-webkit-keyframes report-animation-zoom{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes report-animation-zoom{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}[id^=NotiflixReportWrap].remove>div[class*="-overlay"].with-animation{opacity:0;-webkit-animation:report-overlay-animation-remove .3s ease-in-out 0s normal;animation:report-overlay-animation-remove .3s ease-in-out 0s normal}@-webkit-keyframes report-overlay-animation-remove{0%{opacity:1}100%{opacity:0}}@keyframes report-overlay-animation-remove{0%{opacity:1}100%{opacity:0}}[id^=NotiflixReportWrap].remove>div[class*="-content"].with-animation.nx-fade{opacity:0;-webkit-animation:report-animation-fade-remove .3s ease-in-out 0s normal;animation:report-animation-fade-remove .3s ease-in-out 0s normal}@-webkit-keyframes report-animation-fade-remove{0%{opacity:1}100%{opacity:0}}@keyframes report-animation-fade-remove{0%{opacity:1}100%{opacity:0}}[id^=NotiflixReportWrap].remove>div[class*="-content"].with-animation.nx-zoom{opacity:0;-webkit-animation:report-animation-zoom-remove .3s ease-in-out 0s normal;animation:report-animation-zoom-remove .3s ease-in-out 0s normal}@-webkit-keyframes report-animation-zoom-remove{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes report-animation-zoom-remove{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}[id^=NotiflixConfirmWrap]{position:fixed;z-index:4003;width:100%;height:100%;left:0;top:0;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[id^=NotiflixConfirmWrap].nx-position-center-top{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}[id^=NotiflixConfirmWrap].nx-position-center-bottom{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[id^=NotiflixConfirmWrap].nx-position-left-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}[id^=NotiflixConfirmWrap].nx-position-left-center{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[id^=NotiflixConfirmWrap].nx-position-left-bottom{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[id^=NotiflixConfirmWrap].nx-position-right-top{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}[id^=NotiflixConfirmWrap].nx-position-right-center{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[id^=NotiflixConfirmWrap].nx-position-right-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[id^=NotiflixConfirmWrap] *{-webkit-box-sizing:border-box;box-sizing:border-box}[id^=NotiflixConfirmWrap]>div[class*="-overlay"]{width:100%;height:100%;left:0;top:0;background:rgba(255,255,255,.5);position:fixed;z-index:0}[id^=NotiflixConfirmWrap]>div[class*="-overlay"].with-animation{-webkit-animation:confirm-overlay-animation .3s ease-in-out 0s normal;animation:confirm-overlay-animation .3s ease-in-out 0s normal}@-webkit-keyframes confirm-overlay-animation{0%{opacity:0}100%{opacity:1}}@keyframes confirm-overlay-animation{0%{opacity:0}100%{opacity:1}}[id^=NotiflixConfirmWrap].remove>div[class*="-overlay"].with-animation{opacity:0;-webkit-animation:confirm-overlay-animation-remove .3s ease-in-out 0s normal;animation:confirm-overlay-animation-remove .3s ease-in-out 0s normal}@-webkit-keyframes confirm-overlay-animation-remove{0%{opacity:1}100%{opacity:0}}@keyframes confirm-overlay-animation-remove{0%{opacity:1}100%{opacity:0}}[id^=NotiflixConfirmWrap]>div[class*="-content"]{width:300px;max-width:100%;max-height:96vh;overflow-x:hidden;overflow-y:auto;border-radius:25px;padding:10px;margin:0;-webkit-filter:drop-shadow(0 0 5px rgba(0, 0, 0, .05));filter:drop-shadow(0 0 5px rgba(0, 0, 0, .05));background:#f8f8f8;color:#1e1e1e;position:relative;z-index:1;text-align:center}[id^=NotiflixConfirmWrap]>div[class*="-content"]::-webkit-scrollbar{width:0;height:0}[id^=NotiflixConfirmWrap]>div[class*="-content"]::-webkit-scrollbar-thumb{background:transparent}[id^=NotiflixConfirmWrap]>div[class*="-content"]::-webkit-scrollbar-track{background:transparent}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]{float:left;width:100%;text-align:inherit}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>h5{float:left;width:100%;margin:0;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.1);color:#32c682;font-family:inherit!important;font-size:16px;line-height:1.4;font-weight:500;text-align:inherit}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>div{font-family:inherit!important;margin:15px 0 20px;padding:0 10px;float:left;width:100%;font-size:14px;line-height:1.4;font-weight:normal;color:inherit;text-align:inherit}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>div>div{font-family:inherit!important;float:left;width:100%;margin:15px 0 0;padding:0}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>div>div>input{font-family:inherit!important;float:left;width:100%;height:40px;margin:0;padding:0 15px;border:1px solid rgba(0,0,0,.1);border-radius:25px;font-size:14px;font-weight:normal;line-height:1;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-align:left}[id^=NotiflixConfirmWrap].rtl-on>div[class*="-content"]>div[class*="-head"]>div>div>input{text-align:right}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>div>div>input:hover{border-color:rgba(0,0,0,.1)}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>div>div>input:focus{border-color:rgba(0,0,0,.3)}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>div>div>input.nx-validation-failure{border-color:#ff5549}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-head"]>div>div>input.nx-validation-success{border-color:#32c682}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-buttons"]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;float:left;width:100%;text-align:inherit}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-buttons"]>a{cursor:pointer;font-family:inherit!important;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;float:left;width:48%;padding:9px 5px;border-radius:inherit!important;font-weight:500;font-size:15px;line-height:1.4;color:#f8f8f8;text-align:inherit}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-buttons"]>a.confirm-button-ok{margin:0 2% 0 0;background:#32c682}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-buttons"]>a.confirm-button-cancel{margin:0 0 0 2%;background:#a9a9a9}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-buttons"]>a.full{margin:0;width:100%}[id^=NotiflixConfirmWrap]>div[class*="-content"]>div[class*="-buttons"]>a:hover{box-shadow:inset 0 -60px 5px -5px rgba(0,0,0,.25)}[id^=NotiflixConfirmWrap].rtl-on>div[class*="-content"]>div[class*="-buttons"],[id^=NotiflixConfirmWrap].rtl-on>div[class*="-content"]>div[class*="-buttons"]>a{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}[id^=NotiflixConfirmWrap].with-animation.nx-fade>div[class*="-content"]{-webkit-animation:confirm-animation-fade .3s ease-in-out 0s normal;animation:confirm-animation-fade .3s ease-in-out 0s normal}@-webkit-keyframes confirm-animation-fade{0%{opacity:0}100%{opacity:1}}@keyframes confirm-animation-fade{0%{opacity:0}100%{opacity:1}}[id^=NotiflixConfirmWrap].with-animation.nx-zoom>div[class*="-content"]{-webkit-animation:confirm-animation-zoom .3s ease-in-out 0s normal;animation:confirm-animation-zoom .3s ease-in-out 0s normal}@-webkit-keyframes confirm-animation-zoom{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes confirm-animation-zoom{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}[id^=NotiflixConfirmWrap].with-animation.nx-fade.remove>div[class*="-content"]{opacity:0;-webkit-animation:confirm-animation-fade-remove .3s ease-in-out 0s normal;animation:confirm-animation-fade-remove .3s ease-in-out 0s normal}@-webkit-keyframes confirm-animation-fade-remove{0%{opacity:1}100%{opacity:0}}@keyframes confirm-animation-fade-remove{0%{opacity:1}100%{opacity:0}}[id^=NotiflixConfirmWrap].with-animation.nx-zoom.remove>div[class*="-content"]{opacity:0;-webkit-animation:confirm-animation-zoom-remove .3s ease-in-out 0s normal;animation:confirm-animation-zoom-remove .3s ease-in-out 0s normal}@-webkit-keyframes confirm-animation-zoom-remove{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes confirm-animation-zoom-remove{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}[id^=NotiflixLoadingWrap]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;z-index:4000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;margin:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.8);font-family:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}[id^=NotiflixLoadingWrap] *{-webkit-box-sizing:border-box;box-sizing:border-box}[id^=NotiflixLoadingWrap].click-to-close{cursor:pointer}[id^=NotiflixLoadingWrap]>div[class*="-icon"]{width:60px;height:60px;position:relative;-webkit-transition:top .2s ease-in-out;-o-transition:top .2s ease-in-out;transition:top .2s ease-in-out;margin:0 auto}[id^=NotiflixLoadingWrap]>div[class*="-icon"] img,[id^=NotiflixLoadingWrap]>div[class*="-icon"] svg{max-width:unset;max-height:unset;width:100%;height:100%;position:absolute;left:0;top:0}[id^=NotiflixLoadingWrap]>p{position:relative;margin:10px auto 0;font-family:inherit!important;font-weight:normal;font-size:15px;line-height:1.4;padding:0 10px;width:100%;text-align:center}[id^=NotiflixLoadingWrap].with-animation{-webkit-animation:loading-animation-fade .3s ease-in-out 0s normal;animation:loading-animation-fade .3s ease-in-out 0s normal}@-webkit-keyframes loading-animation-fade{0%{opacity:0}100%{opacity:1}}@keyframes loading-animation-fade{0%{opacity:0}100%{opacity:1}}[id^=NotiflixLoadingWrap].with-animation.remove{opacity:0;-webkit-animation:loading-animation-fade-remove .3s ease-in-out 0s normal;animation:loading-animation-fade-remove .3s ease-in-out 0s normal}@-webkit-keyframes loading-animation-fade-remove{0%{opacity:1}100%{opacity:0}}@keyframes loading-animation-fade-remove{0%{opacity:1}100%{opacity:0}}[id^=NotiflixLoadingWrap]>p.new{-webkit-animation:loading-new-message-fade .3s ease-in-out 0s normal;animation:loading-new-message-fade .3s ease-in-out 0s normal}@-webkit-keyframes loading-new-message-fade{0%{opacity:0}100%{opacity:1}}@keyframes loading-new-message-fade{0%{opacity:0}100%{opacity:1}}[id^=NotiflixBlockWrap]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1000;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:rgba(255,255,255,.9);text-align:center;animation-duration:.4s;width:100%;height:100%;left:0;top:0;border-radius:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[id^=NotiflixBlockWrap] *{-webkit-box-sizing:border-box;box-sizing:border-box}[id^=NotiflixBlockWrap]>span[class*="-icon"]{display:block;width:45px;height:45px;position:relative;margin:0 auto}[id^=NotiflixBlockWrap]>span[class*="-icon"] svg{width:inherit;height:inherit}[id^=NotiflixBlockWrap]>span[class*="-message"]{position:relative;display:block;width:100%;margin:10px auto 0;padding:0 10px;font-family:inherit!important;font-weight:normal;font-size:14px;line-height:1.4}[id^=NotiflixBlockWrap].with-animation{-webkit-animation:block-animation-fade .3s ease-in-out 0s normal;animation:block-animation-fade .3s ease-in-out 0s normal}@-webkit-keyframes block-animation-fade{0%{opacity:0}100%{opacity:1}}@keyframes block-animation-fade{0%{opacity:0}100%{opacity:1}}[id^=NotiflixBlockWrap].with-animation.remove{opacity:0;-webkit-animation:block-animation-fade-remove .3s ease-in-out 0s normal;animation:block-animation-fade-remove .3s ease-in-out 0s normal}@-webkit-keyframes block-animation-fade-remove{0%{opacity:1}100%{opacity:0}}@keyframes block-animation-fade-remove{0%{opacity:1}100%{opacity:0}}
/* End */


/* Start:/local/templates/rofes/assets/plugins/animate_custom.css?16208234454098*/
@charset "UTF-8";

@-webkit-keyframes fadeInUpMini {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInUpMini {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInUpMini {
  -webkit-animation-name: fadeInUpMini;
  animation-name: fadeInUpMini
}

@-webkit-keyframes fadeInDownMini {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInDownMini {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInDownMini {
  -webkit-animation-name: fadeInDownMini;
  animation-name: fadeInDownMini
}

@-webkit-keyframes fadeInDownCards{
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInDownCards  {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInDownCards {
  -webkit-animation-name: fadeInDownCards;
  animation-name: fadeInDownCards;
}

@-webkit-keyframes fadeInUpCards {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInUpCards {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInUpCards {
  -webkit-animation-name: fadeInUpCards;
  animation-name: fadeInUpCards;
}

@-webkit-keyframes fadeInLeftMail {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInLeftMail {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInLeftMail {
  -webkit-animation-name: fadeInLeftMail;
  animation-name: fadeInLeftMail
}

@-webkit-keyframes fadeInRightMail {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInRightMail {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInRightMail {
  -webkit-animation-name: fadeInRightMail;
  animation-name: fadeInRightMail
}


@keyframes fadeInLeftSlider {
  from {
    opacity: 0;
    color: #81ca21;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
  }

  to {
    opacity: 1;
    color: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.fadeInLeftSlider {
  -webkit-animation-name: fadeInLeftSlider;
  animation-name: fadeInLeftSlider
}


/* End */
/* /local/templates/rofes/assets/plugins/animate.css?161285849760427 */
/* /local/templates/rofes/assets/css/style.css?1754898832178429 */
/* /local/templates/rofes/assets/css/fixes.css?175499179910692 */
/* /local/templates/rofes/assets/css/notiflix-2.7.0.min.css?160833378628603 */
/* /local/templates/rofes/assets/plugins/animate_custom.css?16208234454098 */